@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap; 
  src: url("/fonts/inter/inter-roman.var.woff2?v=5bdb0b7b") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fonts/inter/inter-italic.var.woff2?v=a083ab8d") format("woff2");
}

:root {
  --font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji";
  --font-sans: "Inter", var(--font-system);
}

html {
  font-family: var(--font-sans);
  font-optical-sizing: auto; 
  hyphens: none; -webkit-hyphens: none;
  overflow-wrap: normal; word-break: normal;
}
a, button, [role="button"], summary, label[for], select { cursor: pointer; }

:root {
  --text-xxl: 600 96px/100px var(--font-sans);        --track-xxl: -0.02em;       
  --text-hero: 600 80px/84px var(--font-sans);        --track-hero: -0.02em;      
  --text-section: 600 56px/60px var(--font-sans);     --track-section: -0.01em;   
  --text-headline: 600 40px/44px var(--font-sans);    --track-headline: -0.008em; 
  --text-title1: 600 32px/36px var(--font-sans);      --track-title1: -0.006em;
  --text-title2: 600 28px/32px var(--font-sans);      --track-title2: -0.005em;   
  --text-title3: 600 24px/28px var(--font-sans);      --track-title3: -0.005em;
  --text-lead: 400 21px/29px var(--font-sans);        --track-lead: -0.01em;      
  --text-body: 400 17px/25px var(--font-sans);        --track-body: -0.012em;     
  --text-callout: 400 14px/20px var(--font-sans);     --track-callout: -0.006em;  
  --text-footnote: 400 12px/16px var(--font-sans);    --track-footnote: 0em;      
}
@media (max-width: 1068px) {
  :root {
    --text-xxl: 600 72px/76px var(--font-sans);
    --text-hero: 600 64px/68px var(--font-sans);      --track-hero: -0.015em;
    --text-section: 600 48px/52px var(--font-sans);   --track-section: -0.01em;
  }
}
@media (max-width: 734px) {
  :root {
    --text-xxl: 600 40px/44px var(--font-sans);       --track-xxl: -0.008em;      
    --text-hero: 600 48px/52px var(--font-sans);      --track-hero: -0.01em;
    --text-section: 600 40px/44px var(--font-sans);   --track-section: -0.008em;
    --text-headline: 600 32px/36px var(--font-sans);  --track-headline: -0.006em;
    --text-title1: 600 28px/32px var(--font-sans);    --track-title1: -0.005em;
    --text-title2: 600 24px/28px var(--font-sans);    --track-title2: -0.005em;
    --text-title3: 600 21px/25px var(--font-sans);    --track-title3: -0.008em;
    --text-lead: 400 19px/27px var(--font-sans);      --track-lead: -0.008em;
  }
}
@media (max-width: 359px) {
  :root {
    --text-xxl: 600 min(40px, 11.5vw)/1.1 var(--font-sans);
    --text-hero: 600 min(48px, 13.8vw)/1.0834 var(--font-sans);
    --text-section: 600 min(40px, 11.5vw)/1.1 var(--font-sans);
    --text-headline: 600 min(32px, 9.2vw)/1.125 var(--font-sans);
  }
}
.t-xxl,.t-hero,.t-section,.t-headline,.t-title1,.t-title2,.t-title3{text-wrap:balance}
:where(h1,h2,h3,h4){text-wrap:pretty}
.t-xxl{font:var(--text-xxl);letter-spacing:var(--track-xxl)}
.t-hero{font:var(--text-hero);letter-spacing:var(--track-hero)}
.t-section{font:var(--text-section);letter-spacing:var(--track-section)}
.t-headline{font:var(--text-headline);letter-spacing:var(--track-headline)}
.t-title1{font:var(--text-title1);letter-spacing:var(--track-title1)}
.t-title2{font:var(--text-title2);letter-spacing:var(--track-title2)}
.t-title3{font:var(--text-title3);letter-spacing:var(--track-title3)}
.t-lead{font:var(--text-lead);letter-spacing:var(--track-lead)}
.t-body{font:var(--text-body);letter-spacing:var(--track-body)}
.t-callout{font:var(--text-callout);letter-spacing:var(--track-callout)}
.t-footnote{font:var(--text-footnote);letter-spacing:var(--track-footnote)}

:root {
  --pro: #028AEE;          
  --pro-on: #FFFFFF;       
  --pro-ink: #028AEE;      
  --pro-ink-dark: #028AEE; 
}

:root {
  --neu: #028AEE;          
  --neu-on: #FFFFFF;       
  --neu-ink: #028AEE;      
  --neu-ink-dark: #028AEE; 
  --lab: #EE5500; --lab-on: #FFFFFF; --lab-ink: #EE5500; --lab-ink-dark: #FF9459; --lab-hover: #DE4F00; --lab-active: #CC4900;
}

:root {
  --w-text: 816px;  --w-main: 980px;  --w-plus: min(1120px, 87.5%);  --w-wide: min(87.5%, 1260px);
  --gap-card: 20px; --gap-tile: 12px;                     
  --r-card: 28px;   --r-inner: 16px;  --r-pill: 999px;    
  --sec: 112px;     --sec-lg: 160px;                      
  --head-gap: 48px; --to-btn: 32px;   --to-media: 40px;   
  --nav-h: 44px;    --lnav-h: 52px;   --btn-h: 44px; --btn-h-sm: 36px; --btn-weight: 400; --tap: 44px;  
  --hover-line: color-mix(in srgb, currentColor 55%, transparent); 
  --s-4: 4px; --s-8: 8px; --s-12: 12px; --s-16: 16px; --s-20: 20px; --s-24: 24px; --s-32: 32px; --s-40: 40px;
  --s-48: 48px; --s-56: 56px; --s-64: 64px; --s-80: 80px; --s-96: 96px; --s-112: 112px; --s-128: 128px; --s-160: 160px;
}
@media (max-width: 1068px) {
  :root { --w-text: 692px; --w-main: 692px; --w-plus: 87.5%; --w-wide: 87.5%; --sec: 96px; --sec-lg: 128px; --head-gap: 40px; }
}
@media (max-width: 734px) {
  :root { --w-text: 87.5%; --w-main: 87.5%; --w-plus: 87.5%; --sec: 56px; --sec-lg: 96px; --head-gap: 32px; --to-btn: 24px; --to-media: 32px; --nav-h: 48px; --lnav-h: 48px; }  
}

:root {
  --ease: cubic-bezier(0.4, 0, 0.6, 1);           
  --ease-reveal: cubic-bezier(0.42, 0, 0.58, 1);  
  --dur-fast: 240ms;  --dur-base: 320ms;  --dur-slow: 500ms;   
  --reveal-fade: 900ms; --reveal-move: 700ms; --reveal-y: 30px; --reveal-card-delay: 300ms;  
  --stagger-step: 100ms;                                
  --settle-y: 80px; --settle-scale: 1.2; --settle-fade: 900ms; --settle-move: 1500ms; --ease-settle: cubic-bezier(0.45, 0, 0.55, 1);  
  --clip-inset: 6.25%; --clip-radius: 40px;             
  --hero-zoom: 0.04;                                    
  --menu-y: -8px; --menu-step: 20ms;              
  --swap-y: 12px; --swap-in: var(--dur-base); --swap-out: var(--dur-fast);
  --lnav-reveal: 230ms;
  --jump-out: 100ms; --jump-in: 240ms;
  --filter-out: 150ms; --filter-in: 300ms; --ease-filter: ease;
  --stage-lamp-dur: 1600ms; --stage-lamp-ease: cubic-bezier(0.2, 0.7, 0.3, 1); --stage-lamp-delay: 200ms;
  --neu-hover: #0B8EEF; --neu-active: #0285E6; 
  --pro-hover: #0B8EEF; --pro-active: #0285E6;
}
@media (prefers-reduced-motion: reduce) {
  :root { --reveal-y: 0px; --reveal-move: 0ms; --reveal-fade: 200ms; --menu-y: 0px; --menu-step: 0ms; --swap-y: 0px; --swap-in: 200ms; --swap-out: 200ms; --lnav-reveal: 0ms; --jump-out: 0ms; --jump-in: 0ms; --stage-lamp-dur: 0ms; --stage-lamp-delay: 0ms; }  
}

:root { --glass-a: .6; --glass-blur: 30px; --glass-sat: 1.8; }

:root { --logo-h: 16px; }
:root { --lnav-mark-h: 32px; }