/* Connected field: abstract eSIM infrastructure, kept deliberately behind the hero copy. */
.terminal-hero .home-container { position:relative; }
.terminal-connection-field { position:absolute; z-index:0; top:-16px; right:-22px; width:min(48%,540px); height:254px; pointer-events:none; }
.terminal-connection-field svg { display:block; width:100%; height:100%; overflow:visible; }
.field-atmosphere { fill:none; stroke:#6A767D; stroke-width:1; opacity:.12; transform-origin:274px 143px; }
.field-atmosphere ellipse:first-child { stroke-dasharray:1 9; }
.field-grid { fill:none; stroke:#657178; stroke-width:1; opacity:.17; vector-effect:non-scaling-stroke; }
.field-grid path:nth-child(2n) { stroke-dasharray:2 6; opacity:.7; }
.field-lanes path { fill:none; stroke-linecap:round; vector-effect:non-scaling-stroke; }
.field-lane-soft { stroke:url(#fieldWash); stroke-width:19; opacity:.74; }
.field-lane-core { stroke:url(#fieldPulse); stroke-width:1.15; stroke-dasharray:2 5; opacity:.92; }
.field-ports { fill:#627077; stroke:#627077; stroke-width:1; opacity:.76; vector-effect:non-scaling-stroke; }
.field-ports circle { fill:#F8F9FA; stroke-width:1.2; }
.field-ports .field-port-inner { fill:#218467; stroke:#218467; }
.field-ports path { fill:none; }
.field-ports text,.field-core text,.field-spec text { fill:#647078; stroke:none; font-family:InterVariable,Inter,system-ui,sans-serif; font-size:8px; font-weight:700; letter-spacing:.16em; }
.field-core { filter:drop-shadow(0 13px 18px rgba(35,48,54,.10)); }
.field-core-shadow { fill:#4F5B61; opacity:.1; filter:url(#fieldBlur); transform:translateY(7px); }
.field-core-shell { fill:#F7F9F9; stroke:#647178; stroke-width:1; opacity:.96; vector-effect:non-scaling-stroke; }
.field-core-trace { fill:none; stroke:#536067; stroke-width:1.25; opacity:.83; vector-effect:non-scaling-stroke; }
.field-core circle { fill:#218467; opacity:.9; }
.field-core text { text-anchor:middle; }
.field-spec { fill:none; stroke:#77838A; stroke-width:1; opacity:.55; vector-effect:non-scaling-stroke; }
.field-spec text { font-size:7px; opacity:.86; }
.terminal-intro > div:first-child { position:relative; z-index:1; }
.terminal-controls,.terminal-bottom { position:relative; z-index:2; }
@media (prefers-reduced-motion:no-preference) {
  .field-atmosphere { animation:connection-field-breathe 9s cubic-bezier(.16,1,.3,1) infinite alternate; }
  .field-lanes { transform-origin:268px 143px; animation:connection-field-drift 12s cubic-bezier(.16,1,.3,1) infinite alternate; }
  .field-core { transform-origin:268px 143px; animation:connection-core-pulse 5.5s cubic-bezier(.16,1,.3,1) infinite alternate; }
}
@keyframes connection-field-breathe { to { opacity:.67; transform:scale(1.025); } }
@keyframes connection-field-drift { to { opacity:.78; transform:translateX(4px); } }
@keyframes connection-core-pulse { to { transform:translateY(-3px); } }
@media (max-width:900px) { .terminal-connection-field { top:-2px; right:-30px; width:45%; height:210px; opacity:.73; } }
@media (max-width:700px) { .terminal-connection-field { display:none; } }
