@layer tokens, base, layout, components, register, utilities;

@layer tokens {

  :root {
     
    --c-bg:          #FBFCFD;    
    --c-surface:     #F2F5F8;    
    --c-surface-2:   #E6EBF1;    
     
    --c-line-light:        rgb(5 35 82 / 0.14);
    --c-line-strong-light: rgb(5 35 82 / 0.28);
    --c-line:        var(--c-line-light);         
    --c-line-strong: var(--c-line-strong-light);  

     
    --c-text-light:       #0E1B2E;
    --c-text-muted-light: #4A5A6E;
    --c-text:        var(--c-text-light);        
    --c-text-muted:  var(--c-text-muted-light);  

     
    --c-blue:        #0048C8;    
    --c-blue-hover:  #00399F;
    --c-blue-weak:   #EAF0FC;    

     
    --c-link:        var(--c-blue);
    --c-link-hover:  var(--c-blue-hover);

     
    --c-blue-weak-2:   #DCE6F9;   
    --c-on-blue-muted: #EAF0FC;   

     

     
    --c-green:       #08C820;    
    --c-green-text:  #077314;    
    --c-green-weak:  #E8FBEA;    

     
    --c-green-text-hover: #055C10;

     
    --c-status-live: var(--c-green);        
    --c-status-ok:   var(--c-green-text);   
    --c-source-rule: var(--c-green);        

     
    --c-ink:         #052352;    
    --c-ink-2:       #0A2E63;    
    --c-ink-line:    #1B4180;
    --c-on-ink:      #FFFFFF;
     
    --c-on-ink-muted:#A9BEDC;    

     
    --c-on-glass-muted:#CFDDF1;  

     
    --c-paper:          #FAF7F2;    
    --c-paper-surface:  #F1EBE2;    
    --c-paper-surface-2:#E4DACA;    
    --c-paper-line:     #DED4C7;    

     
    --c-paper-line-strong: #C9BCA6;

     
     

    --c-ink-ornament:   #6E86A8;    
    --c-paper-ornament: #8C8175;    
    --c-paper-border:   #B4A98F;    
    --c-tint-warm:      #FDF6F0;    
    --c-tint-warm-2:    #F0E2D6;    

     
    --c-heat:        #E2670C;    
    --c-heat-text:   #B44F08;    
    --c-warn:        #B3300F;    

     
    --font-display: 'Archivo', ui-sans-serif, system-ui, sans-serif;
    --font-body:    'Instrument Sans', ui-sans-serif, system-ui, sans-serif;
    --font-data:    'JetBrains Mono', ui-monospace, monospace;

     
    --t-2xs:  clamp(0.6875rem, 0.67rem + 0.09vw, 0.75rem);
    --t-xs:   clamp(0.75rem,   0.73rem + 0.11vw, 0.8125rem);
    --t-sm:   clamp(0.875rem,  0.85rem + 0.13vw, 0.9375rem);
    --t-base: clamp(1rem,      0.97rem + 0.17vw, 1.125rem);
    --t-lg:   clamp(1.125rem,  1.07rem + 0.28vw, 1.3125rem);
    --t-xl:   clamp(1.375rem,  1.26rem + 0.57vw, 1.75rem);
    --t-2xl:  clamp(1.75rem,   1.54rem + 1.05vw, 2.5rem);
    --t-3xl:  clamp(2.125rem,  1.79rem + 1.68vw, 3.25rem);
    --t-4xl:  clamp(2.625rem,  2.06rem + 2.83vw, 4.5rem);
     
    --t-5xl:  clamp(2.625rem,  1.6rem  + 4.6vw,  5.75rem);

    --lead-tight:  1.06;
    --lead-snug:   1.2;
    --lead-normal: 1.62;
    --lead-relax:  1.72;

    --track-display: -0.03em;    
    --track-eyebrow:  0.12em;
     
     
     
    --t-nav:          clamp(0.78rem, 0.16rem + 0.83vw, 0.875rem);

    --t-eyebrow:      clamp(0.8125rem, 0.79rem + 0.11vw, 0.875rem);
    --track-eyebrow-display: 0.08em;
    --width-eyebrow:  74;
    --width-button:   92;
    --eyebrow-rule:   40px;
    --eyebrow-rule-h: 4px;

     
    --width-display: 112;

     
    --width-display-text:  100;
    --weight-display-text: 450;
    --track-display-text:  -0.018em;

     

     
    --t-display-1: clamp(2.75rem,  1.5rem   + 5.56vw, 6.5rem);
    --t-display-2: clamp(2.25rem,  1.417rem + 3.7vw,  4.75rem);
    --t-display-3: clamp(1.875rem, 1.333rem + 2.41vw, 3.5rem);
    --t-display-4: clamp(1.625rem, 1.292rem + 1.48vw, 2.625rem);

     
    --track-d1: -0.03em;
    --track-d2: -0.026em;
    --track-d3: -0.022em;
    --track-d4: -0.018em;

     
    --lead-display: 0.98;

     
    --weight-display: 500;
    --weight-figure:  600;

     
    --t-figure-xl: clamp(2.5rem,   2rem   + 2.22vw, 4rem);
    --t-figure:    clamp(1.875rem, 1.5rem + 1.67vw, 3rem);
    --track-figure: -0.02em;

     
    --t-label:         clamp(0.65625rem, 0.625rem + 0.14vw, 0.75rem);
    --track-label:     0.06em;
    --track-label-ink: 0.07em;

     

     
    --gutter:      clamp(1.25rem, 0.9rem + 1.7vw, 2.5rem);
    --maxw:        1280px;
    --maxw-text:   68ch;

     
     
    --sec-tight:   clamp(1.75rem, 1.4rem + 1.6vw, 2.5rem);
    --sec:         clamp(2.5rem,  2rem + 2.4vw,   3.75rem);
    --sec-loose:   clamp(3rem,    2.5rem + 3vw,   5rem);

    --stack:       clamp(1rem, 0.87rem + 0.65vw, 1.5rem);
    --stack-tight: 0.5rem;

     

     
    --r-sm: 4px;
    --r:    10px;
    --r-lg: 18px;
    --r-pill: 999px;

     
    --r-btn: var(--r-pill);

    --bw: 1px;

     
    --e-1: 0 1px 2px rgb(5 35 82 / 0.06), 0 2px 8px rgb(5 35 82 / 0.04);
    --e-2: 0 2px 4px rgb(5 35 82 / 0.07), 0 12px 32px rgb(5 35 82 / 0.09);

     
    --wash-page:
      radial-gradient(120% 68% at 6% -8%,
        color-mix(in oklab, var(--c-blue) 5%, transparent) 0%, transparent 62%),
      radial-gradient(95% 60% at 97% 14%,
        color-mix(in oklab, var(--c-green) 5%, transparent) 0%, transparent 60%);

    --wash-surface:
      radial-gradient(100% 120% at 92% 0%,
        color-mix(in oklab, var(--c-green) 6%, transparent) 0%, transparent 66%);

     
    --wash-ink:
      radial-gradient(95% 110% at 92% 4%,
        rgb(0 0 0 / 0.20) 0%, transparent 66%),
      radial-gradient(110% 95% at 2% 104%,
        rgb(0 0 0 / 0.16) 0%, transparent 62%);

     
    --dur-fast: 140ms;
    --dur:      240ms;
    --dur-slow: 400ms;
    --ease:     cubic-bezier(0.2, 0, 0, 1);
    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);

     
    --stagger-scroll: 30ms;
    --stagger-hero:   60ms;

     
    --icon-chevron-down: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='m6%209%206%206%206-6'/%3E%3C/svg%3E");

     
    --icon-stroke: 1.25;

     
    --header-h: 74px;
    --z-header: 100;
    --z-sticky: 90;
    --z-modal:  200;
  }

   

   

  .ink {
    background-color: var(--c-ink);
    background-image: var(--wash-ink);
  }

  .ink,
  .band,
  .band--ink,
  .cta-band,
  .pb,
  .vision-mission,
  .site-footer,
  .on-ink,
  .skip-link,
  .hero-full-bleed,
  .hero-plate,
  .ground-ink,
  .band-panel,
  .band-split-media,
  .result-head,
  .calc-result,
  .ba-label,
  .pb-peek,
  .svc-card .svc-flag,
  .tier-card[data-tier="industrial"],
  .sector-bento .is-lead .sector-tile-body,
  .compare-tray,
  .compare-slot,
  .sheet-hd,
  .sheet-sub,
  .closing-band {
    --c-text:         var(--c-on-ink);         
    --c-text-muted:   var(--c-on-ink-muted);   
    --c-line:         rgb(255 255 255 / 0.16); 
    --c-line-strong:  rgb(255 255 255 / 0.30); 

     
    --c-link:         var(--c-green);          
    --c-link-hover:   var(--c-on-ink);         

     
    --weight-display-ink: 450;
    --weight-figure-ink:  500;
    --track-label:        var(--track-label-ink);

     
    color: var(--c-text);
  }

   

   

   

   

   

   
  .on-light {
    --c-text:        var(--c-text-light);
    --c-text-muted:  var(--c-text-muted-light);
    --c-line:        var(--c-line-light);
    --c-line-strong: var(--c-line-strong-light);
    --c-link:        var(--c-blue);
    --c-link-hover:  var(--c-blue-hover);
    --track-label:   0.06em;

    color: var(--c-text);
  }

   

  @media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
      animation-duration: 1ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 1ms !important;
      scroll-behavior: auto !important;
    }
  }

}