/* SKIES2 website radar · approved UI 1.3.4 · component integration 1.1.0.
 * Requires the existing skies2-ui.css; all component selectors are isolated. */
#sk-web #sw-hero-radar {
      --sk-radar-component-ready:1;
      container:sw-radar / inline-size;
      width:100%;
      min-width:0;
      padding:0;
      color:var(--sk-text-inverse);
      font-family:var(--sk-font-body);
    }
    #sk-web #sw-hero-radar *,#sk-web #sw-hero-radar *::before,#sk-web #sw-hero-radar *::after {box-sizing:border-box;}
    #sk-web #sw-hero-radar [hidden] {display:none!important;}
    #sk-web #sw-hero-radar .sk-radar-card {
      position:relative;
      isolation:isolate;
      width:100%;
      max-width:640px;
      min-height:400px;
      aspect-ratio:5/4;
      margin-inline:auto;
      overflow:hidden;
      border-radius:var(--sk-radius-card);
      background:var(--sk-brand-navy);
      color:var(--sk-text-inverse);
    }
    #sk-web #sw-hero-radar .sk-radar-scope {position:absolute;inset:0;overflow:hidden;pointer-events:none;}
    #sk-web #sw-hero-radar .sk-radar-grid,
    #sk-web #sw-hero-radar .sk-radar-traffic {position:absolute;inset:0;display:block;width:100%;height:100%;overflow:hidden;}
    #sk-web #sw-hero-radar .sk-radar-grid {color:var(--sk-brand-technical);}
    #sk-web #sw-hero-radar .sk-radar-sweep {
      position:absolute;
      border-radius:50%;
      transform-origin:center;
      background:conic-gradient(from 0deg,transparent 0deg,transparent 298deg,rgb(76 155 232 / 2%) 311deg,rgb(76 155 232 / 13%) 347deg,rgb(76 155 232 / 29%) 359.5deg,transparent 360deg);
      pointer-events:none;
    }
    #sk-web #sw-hero-radar .sk-radar-header {
      position:absolute;top:24px;left:24px;right:24px;
      z-index:4;display:flex;align-items:center;justify-content:space-between;gap:16px;
    }
    #sk-web #sw-hero-radar .sk-radar-header p {margin:0;color:var(--sk-neutral-200);font:400 12px/16px var(--sk-font-body);}
    #sk-web #sw-hero-radar .sk-radar-toggle {
      display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;
      padding:0;border:1px solid var(--sk-neutral-600);border-radius:var(--sk-radius-control);
      color:var(--sk-text-inverse);background:var(--sk-brand-navy);cursor:pointer;
      transition:background-color 120ms var(--sk-ease),border-color 120ms var(--sk-ease);
    }
    #sk-web #sw-hero-radar .sk-radar-toggle:hover {background:var(--sk-brand-aviation);border-color:var(--sk-brand-technical);}
    #sk-web #sw-hero-radar .sk-radar-toggle:active {background:var(--sk-brand-navy);}
    #sk-web #sw-hero-radar .sk-radar-toggle:focus-visible {outline:3px solid var(--sk-brand-technical);outline-offset:3px;}
    #sk-web #sw-hero-radar .sk-radar-toggle:disabled {background:var(--sk-disabled-bg);border-color:var(--sk-disabled-border);color:var(--sk-neutral-600);cursor:default;}
    #sk-web #sw-hero-radar .sk-radar-toggle span {display:grid;place-items:center;}
    #sk-web #sw-hero-radar .sk-radar-toggle svg {width:18px;height:18px;stroke-width:2;}
    #sk-web #sw-hero-radar .sk-radar-logo {
      position:absolute;left:50%;top:48%;z-index:3;
      width:84%;height:auto;display:block;
      transform:translate(-52.5625%,-48.4375%);
      pointer-events:none;
    }
    #sk-web #sw-hero-radar .sk-radar-halo {
      position:absolute;z-index:2;pointer-events:none;
      background:radial-gradient(ellipse at center,var(--sk-brand-navy) 18%,rgb(10 29 55 / 95%) 48%,rgb(10 29 55 / 60%) 66%,transparent 78%);
    }
    #sk-web #sw-hero-radar .sk-radar-values {
      position:absolute;z-index:4;left:24px;right:24px;bottom:24px;
      display:flex;justify-content:space-between;gap:20px;
      padding-top:20px;border-top:1px solid rgb(217 225 235 / 25%);
    }
    #sk-web #sw-hero-radar .sk-radar-values::before {
      content:"";position:absolute;z-index:-1;inset:-20px -24px -24px;
      background:linear-gradient(transparent,var(--sk-brand-navy) 38%);
      pointer-events:none;
    }
    #sk-web #sw-hero-radar .sk-radar-value {display:flex;flex-direction:column;gap:8px;font:500 12px/16px var(--sk-font-heading);}
    #sk-web #sw-hero-radar .sk-radar-value svg {width:20px;height:20px;color:var(--sk-brand-technical);stroke-width:2;}
    #sk-web #sw-hero-radar .sk-radar-call {
      font-family:var(--sk-font-heading);font-size:12px;font-weight:500;
      font-variant-numeric:tabular-nums;fill:var(--sk-neutral-200);
    }
    #sk-web #sw-hero-radar .sk-radar-accessible {
      position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
      clip-path:inset(50%);white-space:nowrap;border:0;
    }
    #sk-web #sw-hero-radar .sk-radar-compose {
      display:none;
      width:100%;max-width:640px;margin:16px auto 0;padding:20px;
      background:var(--sk-bg-surface);color:var(--sk-text-primary);
      border:1px solid var(--sk-neutral-200);border-radius:var(--sk-radius-card);
    }
    #sk-web #sw-hero-radar .sk-radar-compose label {
      display:block;margin:0 0 8px;font:600 14px/20px var(--sk-font-heading);
      color:var(--sk-brand-navy);
    }
    #sk-web #sw-hero-radar .sk-radar-compose-row {display:flex;align-items:center;gap:12px;}
    #sk-web #sw-hero-radar .sk-radar-field {position:relative;flex:1;min-width:0;}
    #sk-web #sw-hero-radar .sk-radar-prefix {
      position:absolute;z-index:1;left:16px;top:50%;transform:translateY(-50%);
      color:var(--sk-brand-navy);font:500 16px/24px var(--sk-font-body);pointer-events:none;
    }
    #sk-web #sw-hero-radar .sk-radar-input {
      display:block;width:100%;min-width:0;height:48px;margin:0;padding:11px 14px;
      border:1px solid var(--sk-border-control);border-radius:var(--sk-radius-control);
      background:var(--sk-bg-surface);color:var(--sk-text-primary);
      font:400 16px/24px var(--sk-font-body);text-transform:uppercase;
      transition:border-color 120ms var(--sk-ease);
    }
    #sk-web #sw-hero-radar .sk-radar-input::placeholder {color:var(--sk-neutral-600);text-transform:none;opacity:1;}
    #sk-web #sw-hero-radar .sk-radar-field.has-prefix .sk-radar-input {padding-left:58px;}
    #sk-web #sw-hero-radar .sk-radar-input:focus {border-color:var(--sk-brand-aviation);outline:3px solid var(--sk-brand-aviation);outline-offset:2px;}
    #sk-web #sw-hero-radar .sk-radar-input[aria-invalid="true"] {border-color:var(--sk-status-error-border);}
    #sk-web #sw-hero-radar .sk-radar-send {
      display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;padding:0;
      border:1px solid var(--sk-action-primary-border);border-radius:var(--sk-radius-control);
      background:var(--sk-action-primary-bg);color:var(--sk-action-primary-text);cursor:pointer;
      transition:background-color 120ms var(--sk-ease),border-color 120ms var(--sk-ease);
    }
    #sk-web #sw-hero-radar .sk-radar-send:hover {background:var(--sk-action-primary-hover);}
    #sk-web #sw-hero-radar .sk-radar-send:active {background:var(--sk-action-primary-active);}
    #sk-web #sw-hero-radar .sk-radar-send:focus-visible {outline:3px solid var(--sk-brand-aviation);outline-offset:2px;}
    #sk-web #sw-hero-radar .sk-radar-send:disabled {background:var(--sk-disabled-bg);border-color:var(--sk-disabled-border);color:var(--sk-disabled-text);cursor:default;}
    #sk-web #sw-hero-radar .sk-radar-send svg {width:20px;height:20px;stroke-width:2;}
    #sk-web #sw-hero-radar .sk-radar-feedback {min-height:20px;margin:10px 0 0;color:var(--sk-neutral-600);font:400 14px/20px var(--sk-font-body);overflow-wrap:anywhere;}
    #sk-web #sw-hero-radar .sk-radar-feedback.is-error {color:var(--sk-status-error-text);}
    @container sw-radar (max-width:400px) {
      #sk-web #sw-hero-radar .sk-radar-header {top:20px;left:20px;right:20px;gap:12px;}
      #sk-web #sw-hero-radar .sk-radar-values {left:20px;right:20px;bottom:20px;gap:12px;padding-top:16px;}
      #sk-web #sw-hero-radar .sk-radar-logo {width:94%;}
    }
    @media (prefers-reduced-motion:reduce) {
      #sk-web #sw-hero-radar .sk-radar-toggle {transition:none;}
      #sk-web #sw-hero-radar .sk-radar-send,#sk-web #sw-hero-radar .sk-radar-input {transition:none;}
      #sk-web #sw-hero-radar .sk-radar-sweep {opacity:.4;}
    }

/* The same radar moves from this reserved hero slot into the viewport and back. */
#sk-web .sw-radar-slot {place-self:center;width:100%;min-width:0;min-height:var(--sw-radar-slot-height,0px);}
#sk-web #sw-hero-radar .sk-radar-intro-brand,
#sk-web #sw-hero-radar .sk-radar-intro-stage,
#sk-web #sw-hero-radar .sk-radar-intro-message,
#sk-web #sw-hero-radar .sk-radar-intro-skip {display:none;}

html.sw-radar-intro-active {overflow:hidden;overscroll-behavior:none;background:var(--sk-brand-navy,#0A1D37);}
html.sw-radar-intro-active #sk-web {overflow:hidden;background:var(--sk-brand-navy);}
html.sw-radar-intro-active.sw-radar-intro-docking {overflow-x:hidden;overflow-y:auto;}
html.sw-radar-intro-active.sw-radar-intro-docking #sk-web {overflow:visible;}
html.sw-radar-intro-active #sw-hero-radar:not([data-radar-intro]) {visibility:hidden;}
html.sw-radar-intro-active #sk-web #sw-hero-radar[data-radar-intro]:not([data-radar-intro="complete"]) {
  position:fixed;left:0;top:0;z-index:calc(var(--sk-z-toast) + 10);
  width:100%;height:100vh;height:100dvh;margin:0;padding:0;
  min-height:0;max-width:none;visibility:visible;
  container-type:normal;container-name:none;
}
html.sw-radar-intro-active #sk-web #sw-hero-radar[data-radar-intro]:not([data-radar-intro="complete"]) .sk-radar-card {
  width:100%;height:100%;min-height:0;max-width:none;aspect-ratio:auto;
  margin:0;border-radius:0;
}
html.sw-radar-intro-active #sk-web #sw-hero-radar .sk-radar-logo,
html.sw-radar-intro-active #sk-web #sw-hero-radar .sk-radar-halo,
html.sw-radar-intro-active #sk-web #sw-hero-radar .sk-radar-header,
html.sw-radar-intro-active #sk-web #sw-hero-radar .sk-radar-values {opacity:0;visibility:hidden;pointer-events:none;}
html.sw-radar-intro-active #sk-web #sw-hero-radar .sk-radar-intro-brand {
  display:flex;align-items:center;gap:12px;position:fixed;z-index:12;left:calc(24px + env(safe-area-inset-left));top:calc(24px + env(safe-area-inset-top));
  width:auto;height:44px;min-height:44px;pointer-events:none;
}
html.sw-radar-intro-active #sk-web #sw-hero-radar .sk-radar-intro-mark {display:block;flex:0 0 84px;width:84px;}
html.sw-radar-intro-active #sk-web #sw-hero-radar .sk-radar-intro-brand img {display:block;width:100%;height:auto;max-width:none;}
html.sw-radar-intro-active #sk-web #sw-hero-radar .sk-radar-intro-academy {display:block;padding-left:12px;border-left:1px solid rgb(255 255 255 / 25%);color:var(--sk-text-inverse);font:500 14px/20px var(--sk-font-heading);}
html.sw-radar-intro-active #sk-web #sw-hero-radar .sk-radar-intro-stage {
  display:block;position:absolute;inset:0;z-index:5;pointer-events:none;
  background:radial-gradient(ellipse at center,rgb(10 29 55 / 96%) 0%,rgb(10 29 55 / 85%) 18%,rgb(10 29 55 / 45%) 38%,transparent 68%);
}
html.sw-radar-intro-active #sk-web #sw-hero-radar .sk-radar-intro-message {
  display:block;position:absolute;z-index:8;left:50%;top:50%;
  width:calc(100% - 48px);margin:0;transform:translate(-50%,-50%);
  color:var(--sk-text-inverse);text-align:center;text-wrap:balance;
  font:600 clamp(52px,14vw,176px)/1.05 var(--sk-font-heading);
  letter-spacing:-.055em;pointer-events:none;
  text-shadow:0 4px 48px rgb(10 29 55 / 60%);
}
html.sw-radar-intro-active #sk-web #sw-hero-radar .sk-radar-intro-skip {
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  position:fixed;z-index:12;top:calc(16px + env(safe-area-inset-top));right:calc(24px + env(safe-area-inset-right));
  min-width:44px;min-height:44px;margin:0;padding:10px 12px;
  border:0;border-radius:var(--sk-radius-control);background:transparent;
  color:var(--sk-neutral-200);font:500 14px/20px var(--sk-font-heading);cursor:pointer;
}
html.sw-radar-intro-active #sk-web #sw-hero-radar .sk-radar-intro-skip:hover {color:var(--sk-text-inverse);background:rgb(76 155 232 / 14%);}
html.sw-radar-intro-active #sk-web #sw-hero-radar .sk-radar-intro-skip:active {background:rgb(76 155 232 / 24%);}
html.sw-radar-intro-active #sk-web #sw-hero-radar .sk-radar-intro-skip:focus-visible {outline:3px solid var(--sk-brand-technical);outline-offset:3px;}
html.sw-radar-intro-active #sk-web #sw-hero-radar .sk-radar-intro-skip svg {width:18px;height:18px;flex:0 0 18px;}
html.sw-radar-intro-active #sk-web #sw-hero-radar .sk-radar-compose {
  position:absolute;z-index:10;left:50%;top:50%;
  width:min(420px,calc(100% - 48px));max-width:none;margin:0;padding:0;
  transform:translate(-50%,-10%);border:0;border-radius:0;
  background:transparent;color:var(--sk-text-inverse);opacity:0;visibility:hidden;pointer-events:none;
}
html.sw-radar-intro-active #sk-web #sw-hero-radar:is([data-radar-intro="journey"],[data-radar-intro="ready"]) .sk-radar-compose {display:block;}
html.sw-radar-intro-active #sk-web #sw-hero-radar .sk-radar-compose label {
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip-path:inset(50%);white-space:nowrap;border:0;
}
html.sw-radar-intro-active #sk-web #sw-hero-radar .sk-radar-compose-row {gap:12px;}
html.sw-radar-intro-active #sk-web #sw-hero-radar .sk-radar-input {
  height:56px;padding-block:15px;border-color:rgb(76 155 232 / 65%);
  background:rgb(10 29 55 / 72%);color:var(--sk-text-inverse);
}
html.sw-radar-intro-active #sk-web #sw-hero-radar .sk-radar-input::placeholder {color:var(--sk-neutral-300);}
html.sw-radar-intro-active #sk-web #sw-hero-radar .sk-radar-prefix {color:var(--sk-text-inverse);}
html.sw-radar-intro-active #sk-web #sw-hero-radar .sk-radar-input:focus {outline-color:var(--sk-brand-technical);border-color:var(--sk-brand-technical);}
html.sw-radar-intro-active #sk-web #sw-hero-radar .sk-radar-input[aria-invalid="true"] {border-color:var(--sk-status-error-border);}
html.sw-radar-intro-active #sk-web #sw-hero-radar .sk-radar-send {
  flex-basis:56px;width:56px;height:56px;border-color:rgb(76 155 232 / 65%);
  background:rgb(35 90 154 / 45%);color:var(--sk-text-inverse);
}
html.sw-radar-intro-active #sk-web #sw-hero-radar .sk-radar-send:hover:not(:disabled) {background:var(--sk-brand-aviation);border-color:var(--sk-brand-technical);}
html.sw-radar-intro-active #sk-web #sw-hero-radar .sk-radar-send:active:not(:disabled) {background:rgb(35 90 154 / 75%);}
html.sw-radar-intro-active #sk-web #sw-hero-radar .sk-radar-send:disabled {background:rgb(10 29 55 / 65%);border-color:rgb(76 155 232 / 35%);color:rgb(76 155 232 / 65%);}
html.sw-radar-intro-active #sk-web #sw-hero-radar .sk-radar-send:focus-visible {outline-color:var(--sk-brand-technical);}
html.sw-radar-intro-active #sk-web #sw-hero-radar .sk-radar-feedback {margin-top:12px;color:var(--sk-neutral-200);font-size:12px;line-height:18px;text-align:center;}
html.sw-radar-intro-active #sk-web #sw-hero-radar .sk-radar-feedback:empty {min-height:0;margin:0;}
html.sw-radar-intro-active #sk-web #sw-hero-radar .sk-radar-feedback.is-error {color:var(--sk-text-inverse);}
html.sw-radar-intro-active #sk-web #sw-hero-radar[data-radar-intro="ready"] .sk-radar-intro-message {
  width:calc(100% - 48px);margin-top:-28px;transform:translate(-50%,-100%);
  font:500 24px/32px var(--sk-font-heading);letter-spacing:-.02em;
}
html.sw-radar-intro-active #sk-web #sw-hero-radar[data-radar-intro="ready"] .sk-radar-compose {opacity:1;visibility:visible;pointer-events:auto;}
html.sw-radar-intro-active #sk-web #sw-hero-radar:is([data-radar-intro="identified"],[data-radar-intro="docking"]) .sk-radar-intro-message,
html.sw-radar-intro-active #sk-web #sw-hero-radar:is([data-radar-intro="identified"],[data-radar-intro="docking"]) .sk-radar-intro-stage {display:none;}
html.sw-radar-intro-active.sw-radar-intro-docking #sk-web #sw-hero-radar[data-radar-intro="docking"] .sk-radar-card {border-radius:var(--sk-radius-card);transition:border-radius 1200ms var(--sk-ease);}
html.sw-radar-intro-active.sw-radar-intro-docking #sk-web #sw-hero-radar[data-radar-intro="docking"] :is(.sk-radar-logo,.sk-radar-halo,.sk-radar-header,.sk-radar-values) {opacity:var(--sk-radar-content-opacity,0);visibility:visible;}
html.sw-radar-intro-active.sw-radar-intro-docking #sk-web #sw-hero-radar .sk-radar-intro-brand {opacity:0;transition:opacity 140ms var(--sk-ease);}
/* Match the normal radar's container breakpoint while the portaled root has no containment. */
html.sw-radar-intro-active.sw-radar-intro-docking #sk-web #sw-hero-radar .sk-radar-logo {width:calc(84% + 10% * var(--sk-radar-small-card,0));}
html.sw-radar-intro-active.sw-radar-intro-docking #sk-web #sw-hero-radar .sk-radar-header {top:calc(24px - 4px * var(--sk-radar-small-card,0));left:calc(24px - 4px * var(--sk-radar-small-card,0));right:calc(24px - 4px * var(--sk-radar-small-card,0));gap:calc(16px - 4px * var(--sk-radar-small-card,0));}
html.sw-radar-intro-active.sw-radar-intro-docking #sk-web #sw-hero-radar .sk-radar-values {left:calc(24px - 4px * var(--sk-radar-small-card,0));right:calc(24px - 4px * var(--sk-radar-small-card,0));bottom:calc(24px - 4px * var(--sk-radar-small-card,0));gap:calc(20px - 8px * var(--sk-radar-small-card,0));padding-top:calc(20px - 4px * var(--sk-radar-small-card,0));}
html.sw-radar-intro-active.sw-radar-intro-docking #sk-web #sw-hero-radar .sk-radar-intro-skip {display:none;}
#sk-web #sw-hero-radar.is-radar-revealing .sk-radar-compose {animation:sk-radar-compose-reveal 360ms var(--sk-ease) both;}
@keyframes sk-radar-compose-reveal {from {opacity:0;}to {opacity:1;}}

@media (max-width:639px) {
  html.sw-radar-intro-active #sk-web #sw-hero-radar .sk-radar-intro-mark {flex-basis:70px;width:70px;}
}
@media (max-width:520px) {
  html.sw-radar-intro-active #sk-web #sw-hero-radar .sk-radar-intro-brand {left:calc(20px + env(safe-area-inset-left));top:calc(20px + env(safe-area-inset-top));}
  html.sw-radar-intro-active #sk-web #sw-hero-radar .sk-radar-intro-skip {top:calc(12px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));}
  html.sw-radar-intro-active #sk-web #sw-hero-radar .sk-radar-compose {width:calc(100% - 40px);}
  html.sw-radar-intro-active #sk-web #sw-hero-radar[data-radar-intro="ready"] .sk-radar-intro-message {font-size:20px;line-height:28px;}
}
@media (max-width:380px) {
  html.sw-radar-intro-active #sk-web #sw-hero-radar .sk-radar-intro-skip-label {display:none;}
}
@media (max-height:420px) {
  html.sw-radar-intro-active #sk-web #sw-hero-radar .sk-radar-compose {top:54%;}
  html.sw-radar-intro-active #sk-web #sw-hero-radar[data-radar-intro="ready"] .sk-radar-intro-message {top:54%;margin-top:-20px;font-size:18px;line-height:24px;}
  html.sw-radar-intro-active #sk-web #sw-hero-radar .sk-radar-input {height:48px;padding-block:11px;}
  html.sw-radar-intro-active #sk-web #sw-hero-radar .sk-radar-send {flex-basis:48px;width:48px;height:48px;}
  html.sw-radar-intro-active #sk-web #sw-hero-radar .sk-radar-feedback {margin-top:8px;}
}
@media (prefers-reduced-motion:reduce) {
  html.sw-radar-intro-active.sw-radar-intro-docking #sk-web #sw-hero-radar[data-radar-intro="docking"] .sk-radar-card {transition:none;}
  #sk-web #sw-hero-radar.is-radar-revealing .sk-radar-compose {animation:none;}
}

/* Native snapping is the fallback; the enhanced journey controls its easing and duration. */
#sk-web #sw-hero-radar .sk-radar-journey,
#sk-web #sw-hero-radar .sk-radar-journey-controls {display:none;}
html.sw-radar-intro-active #sk-web #sw-hero-radar:is([data-radar-intro="journey"],[data-radar-intro="ready"]) .sk-radar-intro-message {display:none;}
html.sw-radar-intro-active #sk-web #sw-hero-radar:is([data-radar-intro="journey"],[data-radar-intro="ready"]) .sk-radar-journey {
  display:block;position:absolute;inset:0;z-index:8;
  overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;
  scroll-snap-type:y mandatory;scrollbar-width:thin;scrollbar-color:rgb(76 155 232 / 45%) transparent;
}
html.sw-radar-intro-active #sk-web #sw-hero-radar:is([data-radar-intro="journey"],[data-radar-intro="ready"]) .sk-radar-journey.is-radar-snap-controlled {
  scroll-snap-type:none;scroll-behavior:auto;
}
html.sw-radar-intro-active #sk-web #sw-hero-radar .sk-radar-journey:focus-visible {outline:none;}
#sk-web #sw-hero-radar .sk-radar-journey-step {
  display:flex;align-items:center;justify-content:center;
  min-height:100%;padding:112px 24px 120px;scroll-snap-align:start;scroll-snap-stop:always;
}
#sk-web #sw-hero-radar .sk-radar-journey-content {width:100%;max-width:800px;margin-inline:auto;text-align:center;}
#sk-web #sw-hero-radar .sk-radar-journey-eyebrow {
  display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 20px;
  color:var(--sk-brand-technical);font:600 14px/20px var(--sk-font-heading);
}
#sk-web #sw-hero-radar .sk-radar-journey-eyebrow .sk-icon {width:20px;height:20px;flex:0 0 20px;}
#sk-web #sw-hero-radar .sk-radar-journey-content h2 {
  margin:0;color:var(--sk-text-inverse);font:600 clamp(40px,5vw,72px)/1.08 var(--sk-font-heading);
  letter-spacing:-.045em;text-wrap:balance;
}
#sk-web #sw-hero-radar .sk-radar-journey-content h2 span {color:var(--sk-brand-technical);}
#sk-web #sw-hero-radar .sk-radar-journey-copy {max-width:54ch;margin:24px auto 0;color:var(--sk-neutral-200);font:400 18px/28px var(--sk-font-body);text-wrap:pretty;}
#sk-web #sw-hero-radar .sk-radar-journey-detail {margin:24px auto 0;color:var(--sk-neutral-300);font:400 14px/22px var(--sk-font-body);}
#sk-web #sw-hero-radar .sk-radar-journey-hint {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;margin:28px auto 0;color:var(--sk-neutral-300);font:400 12px/20px var(--sk-font-body);}
#sk-web #sw-hero-radar .sk-radar-scroll-cue {display:block;width:24px;height:40px;flex:0 0 auto;color:var(--sk-brand-technical);}
#sk-web #sw-hero-radar .sk-radar-scroll-wheel {animation:sk-radar-scroll-wheel 2200ms var(--sk-ease) infinite;}
#sk-web #sw-hero-radar .sk-radar-scroll-arrow {animation:sk-radar-scroll-arrow 2200ms var(--sk-ease) infinite;}
@keyframes sk-radar-scroll-wheel {0%,15% {transform:translateY(0);opacity:.2;}35% {opacity:1;}75%,100% {transform:translateY(5px);opacity:0;}}
@keyframes sk-radar-scroll-arrow {0%,15%,100% {transform:translateY(0);opacity:.45;}55% {transform:translateY(3px);opacity:1;}}
html.sw-radar-intro-active #sk-web #sw-hero-radar:is([data-radar-intro="journey"],[data-radar-intro="ready"]) .sk-radar-journey-controls {
  display:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;
  position:fixed;z-index:12;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));
  width:min(480px,calc(100% - 48px));padding:8px;transform:translateX(-50%);
  border:1px solid rgb(76 155 232 / 25%);border-radius:var(--sk-radius-card);
  background:rgb(10 29 55 / 94%);backdrop-filter:blur(12px);
}
#sk-web #sw-hero-radar .sk-radar-journey-button {
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:10px 12px;
  border:1px solid rgb(76 155 232 / 55%);border-radius:var(--sk-radius-control);
  background:rgb(35 90 154 / 35%);color:var(--sk-text-inverse);font:500 14px/20px var(--sk-font-heading);cursor:pointer;
  transition:background-color 120ms var(--sk-ease),border-color 120ms var(--sk-ease);
}
#sk-web #sw-hero-radar .sk-radar-journey-button:hover:not(:disabled) {background:var(--sk-brand-aviation);border-color:var(--sk-brand-technical);}
#sk-web #sw-hero-radar .sk-radar-journey-button:active:not(:disabled) {background:rgb(35 90 154 / 75%);}
#sk-web #sw-hero-radar .sk-radar-journey-button:focus-visible {outline:3px solid var(--sk-brand-technical);outline-offset:3px;}
#sk-web #sw-hero-radar .sk-radar-journey-button:disabled {border-color:transparent;background:transparent;color:var(--sk-neutral-400);cursor:default;}
#sk-web #sw-hero-radar .sk-radar-journey-button .sk-icon {width:18px;height:18px;flex:0 0 18px;}
#sk-web #sw-hero-radar [data-radar-journey-prev] .sk-icon {transform:rotate(180deg);}
#sk-web #sw-hero-radar .sk-radar-journey-progress {color:var(--sk-neutral-200);font:500 13px/20px var(--sk-font-mono);white-space:nowrap;}
html.sw-radar-intro-active #sk-web #sw-hero-radar .sk-radar-journey-form-slot .sk-radar-compose {
  position:static;width:100%;max-width:420px;margin:28px auto 0;padding:0;transform:none;
}
html.sw-radar-intro-active #sk-web #sw-hero-radar[data-radar-intro="ready"] .sk-radar-journey-form-slot .sk-radar-compose {opacity:1;visibility:visible;pointer-events:auto;}
html.sw-radar-intro-active #sk-web #sw-hero-radar .sk-radar-journey-form-slot .sk-radar-input {scroll-margin-block:112px;}
#sk-web #sw-hero-radar .sk-radar-traffic > g[data-radar-highlight="true"] {opacity:1;}
#sk-web #sw-hero-radar .sk-radar-traffic > g[data-radar-highlight="true"] > circle:first-of-type {r:13px;fill-opacity:.3;}
#sk-web #sw-hero-radar .sk-radar-traffic > g[data-radar-highlight="true"] > circle:nth-of-type(2) {r:4px;fill:var(--sk-text-inverse);stroke:var(--sk-brand-technical);stroke-width:2px;}
#sk-web #sw-hero-radar .sk-radar-traffic > g[data-radar-highlight="true"] > g:last-child > rect {fill:var(--sk-brand-navy);fill-opacity:.98;stroke:var(--sk-brand-technical);stroke-width:1.5px;}
#sk-web #sw-hero-radar .sk-radar-traffic > g[data-radar-highlight="true"] .sk-radar-call {fill:var(--sk-text-inverse);font-weight:700;}

@media (max-width:767px), (max-width:1024px) and (pointer:coarse) {
  html.sw-radar-intro-active #sk-web #sw-hero-radar:is([data-radar-intro="journey"],[data-radar-intro="ready"]) .sk-radar-journey-controls {display:grid;}
}
@media (max-width:520px) {
  #sk-web #sw-hero-radar .sk-radar-journey-step {padding-inline:20px;}
  #sk-web #sw-hero-radar .sk-radar-journey-copy {font-size:16px;line-height:26px;}
  html.sw-radar-intro-active #sk-web #sw-hero-radar:is([data-radar-intro="journey"],[data-radar-intro="ready"]) .sk-radar-journey-controls {width:calc(100% - 32px);bottom:calc(16px + env(safe-area-inset-bottom));gap:12px;}
  #sk-web #sw-hero-radar .sk-radar-journey-button {padding-inline:10px;}
}
@media (max-height:520px) {
  #sk-web #sw-hero-radar .sk-radar-journey-step {padding-block:88px 96px;}
  #sk-web #sw-hero-radar .sk-radar-journey-eyebrow {margin-bottom:12px;font-size:12px;line-height:18px;}
  #sk-web #sw-hero-radar .sk-radar-journey-content h2 {font-size:clamp(32px,4vw,48px);}
  #sk-web #sw-hero-radar .sk-radar-journey-copy {margin-top:16px;font-size:16px;line-height:24px;}
  #sk-web #sw-hero-radar .sk-radar-journey-detail,#sk-web #sw-hero-radar .sk-radar-journey-hint {margin-top:16px;font-size:12px;line-height:20px;}
  #sk-web #sw-hero-radar .sk-radar-journey-hint {flex-direction:row;}
  #sk-web #sw-hero-radar .sk-radar-scroll-cue {width:18px;height:30px;}
  html.sw-radar-intro-active #sk-web #sw-hero-radar .sk-radar-journey-form-slot .sk-radar-compose {margin-top:20px;}
  html.sw-radar-intro-active #sk-web #sw-hero-radar:is([data-radar-intro="journey"],[data-radar-intro="ready"]) .sk-radar-journey-controls {bottom:calc(12px + env(safe-area-inset-bottom));}
}
@media (prefers-reduced-motion:reduce) {
  #sk-web #sw-hero-radar .sk-radar-journey {scroll-behavior:auto;}
  #sk-web #sw-hero-radar .sk-radar-journey-button {transition:none;}
  #sk-web #sw-hero-radar .sk-radar-scroll-wheel,#sk-web #sw-hero-radar .sk-radar-scroll-arrow {animation:none;}
}

/* A focused form gets its own clear space when the mobile keyboard reduces the viewport. */
html.sw-radar-intro-active #sk-web #sw-hero-radar.is-radar-input-compact [data-radar-step="callsign"] :is(.sk-radar-journey-eyebrow,h2,.sk-radar-journey-copy) {display:none;}
html.sw-radar-intro-active #sk-web #sw-hero-radar.is-radar-input-compact [data-radar-step="callsign"] {min-height:100%;}
html.sw-radar-intro-active #sk-web #sw-hero-radar.is-radar-input-compact [data-radar-step="callsign"] .sk-radar-journey-content {max-width:420px;}
html.sw-radar-intro-active #sk-web #sw-hero-radar.is-radar-input-compact .sk-radar-journey-form-slot .sk-radar-compose {margin:0 auto;}
html.sw-radar-intro-active #sk-web #sw-hero-radar.is-radar-input-compact .sk-radar-compose label {
  display:block;position:static;width:auto;height:auto;margin:0 0 8px;padding:0;
  overflow:visible;clip-path:none;white-space:normal;border:0;text-align:left;
  color:var(--sk-text-inverse);font:600 14px/20px var(--sk-font-heading);
}

/* The final academy statement fades away as the radar settles into the homepage. */
#sk-web #sw-hero-radar .sk-radar-welcome {display:none;}
html.sw-radar-intro-active #sk-web #sw-hero-radar:is([data-radar-intro="identified"],[data-radar-intro="docking"]) .sk-radar-welcome {display:block;position:fixed;inset:0;z-index:9;pointer-events:none;opacity:1;}
#sk-web #sw-hero-radar .sk-radar-welcome-copy {
  position:fixed;left:50%;top:46%;width:calc(100% - 48px);max-width:1120px;margin:0;
  transform:translate(-50%,-50%);color:var(--sk-text-inverse);
  font:700 clamp(36px,6vw,96px)/1.08 var(--sk-font-heading);letter-spacing:-.035em;text-align:center;text-wrap:balance;
}
#sk-web #sw-hero-radar .sk-radar-welcome-copy span {display:block;color:var(--sk-brand-aviation);white-space:nowrap;}
#sk-web #sw-hero-radar:is([data-radar-intro="identified"],[data-radar-intro="docking"]) .sk-radar-traffic > g[data-radar-highlight="true"] > circle:first-of-type {r:20px;fill-opacity:.22;filter:blur(2px);}
