:root {
  --abyss:        #0B1EFF;
  --flag:         #1550FF;
  --reef-shade:   #4F7DFF;
  --signal:       #1481FF;
  --void:         #040C1E;
  --biolume:      #14E7F2;
  --halocline:    #BCCDE8;
  --deep-1:       #000C15;
  --rule:         #1E3646;
  --rule-soft:    #14252F;
  --text-deep:    #E4EEF6;
  --text-deep-2:  #95AABC;
  --text-deep-3:  #61798C;
  --shallow:      #16416E;

  --idc-w:          540px;
  --idc-bg:         rgba(4, 12, 30, .92);
  --idc-head:       rgba(1, 10, 22, .72);
  --idc-line:       rgba(207, 229, 255, .10);
  --idc-line-soft:  rgba(207, 229, 255, .06);
  --idc-critical:   #C400D6;
  --idc-critical-text: #E36BF0;
  --idc-critical-a: rgba(196, 0, 214, .16);
  --idc-chip:       #8FB0FF;
  --halocline-55:   rgba(188, 205, 232, .55);
  --halocline-06:   rgba(188, 205, 232, .06);
  --biolume-30:     rgba(20, 231, 242, .30);
  --biolume-50:     rgba(20, 231, 242, .50);
  --biolume-60:     rgba(20, 231, 242, .60);
  --highlight-06:   rgba(228, 238, 246, .06);
  --halocline-28:   rgba(188, 205, 232, .28);
  --shadow-deep:    rgba(8, 20, 26, .55);

  --web-black:      #020304;
  --web-white:      #F7F9FD;
  --web-ice:        rgba(207, 229, 255, .90);
  --web-line:       rgba(207, 229, 255, .14);

  --flag-20:        rgba(21, 80, 255, .20);
  --signal-18:      rgba(20, 129, 255, .18);
  --signal-30:      rgba(20, 129, 255, .30);
  --signal-50:      rgba(20, 129, 255, .50);
  --hl-opacity:     .9;

  --sd-error:       #FF6B5A;

  --btn-radius:     999px;
  --btn-pad-y:      24px;
  --btn-pad-l:      46px;
  --btn-pad-r:      30px;
  --btn-arrow:      12px;
  --btn-arrow-svg:  url("data:image/svg+xml,%3Csvg viewBox='0 0 12 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.286 5.034L6.346 9.955H3.876L7.885 5.946H0.285V4.103H7.866L3.895 0.094H6.365L11.286 5.034Z'/%3E%3C/svg%3E");

  --scrim-stage:  radial-gradient(58% 58% at 44% 44%, rgba(21,80,255,.30) 0%, rgba(21,80,255,.14) 44%, transparent 74%),
                  radial-gradient(52% 52% at 45% 50%, rgba(4,12,30,.72) 0%, rgba(4,12,30,.42) 48%, transparent 78%);

  --rise-focus: 58% 50%;
  --rise-shade: linear-gradient(90deg, rgba(4,12,30,.62) 0%, rgba(4,12,30,.30) 34%, transparent 60%),
                linear-gradient(0deg, rgba(4,12,30,.55) 0%, transparent 38%);
  --rise-arrive: linear-gradient(180deg, rgba(4,12,30,1) 0%, rgba(4,12,30,.97) 14%, rgba(4,12,30,.8) 32%, rgba(4,12,30,.5) 52%, rgba(4,12,30,.22) 72%, rgba(4,12,30,.06) 88%, rgba(4,12,30,0) 100%);
  --rise-lead:   linear-gradient(180deg, rgba(4,12,30,0) 0%, rgba(4,12,30,.55) 45%, #040C1E 100%);
  --rise-sand:  #E7EEFD;

  --hf-capsule:     #051844;
  --hf-field:       #0A297C;
  --hf-field-hover: #0D34A1;
  --hf-arrow:       url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M3 8h9M8 4l4 4-4 4' fill='none' stroke='%23020304' stroke-width='1.5'/%3E%3C/svg%3E");
  --hf-arrow-hover: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M3 8h9M8 4l4 4-4 4' fill='none' stroke='%23FFFFFF' stroke-width='1.5'/%3E%3C/svg%3E");

  --outro-veil:     linear-gradient(180deg, rgba(2, 3, 4, .5) 0%, rgba(2, 3, 4, .18) 50%, rgba(2, 3, 4, .5) 82%, #020304 100%);
  --outro-cut-h:    clamp(56px, 8.1vw, 117px);
  --outro-cut-w:    clamp(70px, 10.1vw, 146px);
  --outro-pool:     radial-gradient(closest-side, rgba(2, 3, 4, .74), rgba(2, 3, 4, .5) 45%, rgba(2, 3, 4, .18) 75%, transparent);
  --outro-vignette: radial-gradient(130% 95% at 50% 55%, transparent 55%, rgba(2, 3, 4, .42) 100%);
  --outro-sand-shadow: linear-gradient(180deg, transparent var(--outro-cut-h), rgba(2, 3, 4, .45) var(--outro-cut-h), transparent calc(var(--outro-cut-h) + 56px));
  --outro-text-shadow: 0 1px 2px rgba(2, 3, 4, .7), 0 4px 28px rgba(2, 3, 4, .85);
  --outro-btn-drop: 0 14px 34px rgba(2, 3, 4, .55);
  --outro-eyebrow:  #4DA0FF;
  --text-outro:     clamp(2rem, 3.6vw, 3.125rem);
  --outro-pad-top:     calc(var(--outro-cut-h) + clamp(112px, 11vw, 180px));
  --outro-pad-bottom:  clamp(140px, 13vw, 200px);
  --outro-pad-top-sm:  calc(var(--outro-cut-h) + 80px);
  --outro-pad-bottom-sm: 104px;

  --nav-bg:        #010A16;
  --nav-line:      rgba(159, 230, 248, .10);
  --nav-dd-bg:     #020A17;
  --nav-dd-hover:  rgba(20, 129, 255, .10);
  --nav-chev:      rgba(159, 230, 248, .55);
  --nav-wrap:      1288px;
  --footer-bg:     #020304;
  --footer-text:   rgba(207, 229, 255, .70);
  --footer-rule:   rgba(147, 156, 184, .20);
  --footer-field:  rgba(138, 160, 184, .40);

  --display: 'Ambit', 'Century Gothic', 'Avenir Next', system-ui, sans-serif;
  --body:    'Ambit', 'Century Gothic', 'Avenir Next', system-ui, sans-serif;

  --text-xs:   .75rem;
  --text-sm:   .875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-class: clamp(1.25rem, 2.3vw, 1.75rem);
  --text-3xl:  clamp(2.2rem, 5.2vw, 3.9rem);
  --text-label: 12px;
  --text-meta:  12px;
  --text-ui:    14px;
  --text-btn:   16px;
  --text-hero-lede: clamp(1.25rem, 1.75vw, 1.5rem);

  --s1: 4px;  --s2: 8px;   --s3: 12px;  --s4: 16px;  --s5: 24px;  --s6: 32px;
  --s7: 48px; --s8: 64px;  --s9: 96px;  --s10: 128px;
  --plate-x:   clamp(20px, 6vw, 104px);
  --rail:      0px;

  --r-sm: 2px;  --r-md: 8px;
  --hair: 1px;
  --path-w: 30px; --path-h: 312px; --path-pad: 18px;
  --path-bg:        rgba(4, 12, 30, .58);
  --path-edge:      rgba(188, 205, 232, .14);
  --path-drop:      0 8px 24px rgba(4, 12, 30, .28);
  --path-rule:      rgba(188, 205, 232, .18);
  --path-fill:      linear-gradient(180deg, rgba(21, 80, 255, .35), #3D6BFF);
  --path-stop:      rgba(188, 205, 232, .38);
  --path-stop-past: #3D6BFF;
  --path-stop-here: #F7F9FD;
  --path-flag:      #1481FF;
  --path-flag-glow: rgba(20, 129, 255, .55);

  --c-content: 1180px;
  --c-media:   1440px;

  --nav-h:     116px;
  --nav-h-s:   84px;
  --logo-h:    49px;
  --touch-min: 44px;

  --dur-instant: 90ms;
  --dur-fast:    150ms;
  --dur-base:    240ms;
  --dur-slow:    400ms;
  --dur-reveal:  650ms;
  --dur-hero:    1000ms;
  --ease-out:    cubic-bezier(.22, 1, .36, 1);
  --ease-in:     cubic-bezier(.64, 0, .78, 0);
  --ease-inout:  cubic-bezier(.76, 0, .24, 1);
  --reveal-y:    24px;
  --stagger:     70ms;
}