*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:6.5rem;-moz-tab-size:4;tab-size:4}body{min-height:100svh;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,picture,svg,video,canvas{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4{text-wrap:balance}p,li{text-wrap:pretty}ul[role=list],ol[role=list]{list-style:none;padding:0}:target{scroll-margin-block-start:6.5rem}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--n-0: #ffffff;--n-25: #fbfcfd;--n-50: #f5f7fa;--n-100: #eaeef4;--n-200: #d6dde8;--n-300: #b3bfd0;--n-400: #8695ab;--n-500: #62718a;--n-600: #4a586f;--n-700: #374357;--n-800: #253145;--n-900: #16202f;--n-950: #0b1220;--apb-50: #eaf1fa;--apb-100: #d0e1f4;--apb-200: #a1c2e8;--apb-300: #6d9fd8;--apb-400: #3b7cc4;--apb-500: #145fa9;--apb-600: #004899;--apb-700: #003a7b;--apb-800: #002b5c;--apb-900: #001e40;--apb-950: #00142c;--docolab-500: #014898;--docolab-700: #003a7b;--docolab-100: #d5e5f7;--docostock-500: #ffc142;--docostock-700: #8a6702;--docostock-100: #fff1d3;--docotherm-500: #b91b1c;--docotherm-700: #8f1415;--docotherm-100: #fadedd;--success-600: #0f7a4f;--warning-600: #9a6700;--danger-600: #b42318;--info-600: #1e4670}:root{color-scheme:light dark}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}:root{--bg: light-dark(var(--n-0), var(--apb-950));--bg-subtle: light-dark(var(--n-50), var(--apb-900));--bg-muted: light-dark(var(--n-100), var(--apb-800));--bg-inverse: light-dark(var(--apb-900), var(--n-0));--surface: light-dark(var(--n-0), #001a38);--surface-raised:light-dark(var(--n-0), #002249);--dark-bg: var(--apb-900);--dark-text: #f3f7fc;--dark-accent: var(--apb-200);--dark-accent-hover: #cddff2;--logo-brand: light-dark(var(--apb-600), var(--apb-200));--dark-text-soft: color-mix(in oklab, #f3f7fc 78%, transparent);--text: light-dark(var(--n-900), #e8eef6);--text-muted: light-dark(var(--n-600), #a9b8cb);--text-subtle: light-dark(var(--n-500), #93a3b8);--text-inverse: light-dark(var(--n-0), var(--apb-950));--text-on-accent:light-dark(var(--n-0), var(--apb-950));--border: light-dark(var(--n-200), color-mix(in oklab, #e8eef6 14%, transparent));--border-strong: light-dark(var(--n-300), color-mix(in oklab, #e8eef6 26%, transparent));--border-inverse:color-mix(in oklab, var(--n-0) 18%, transparent);--accent: light-dark(var(--apb-600), var(--apb-300));--accent-hover: light-dark(var(--apb-700), var(--apb-200));--accent-soft: light-dark(var(--apb-50), color-mix(in oklab, var(--apb-400) 18%, #001a38));--accent-border: light-dark(var(--apb-200), color-mix(in oklab, var(--apb-300) 34%, transparent));--accent-text: light-dark(var(--apb-700), var(--apb-200));--highlight: light-dark(var(--apb-600), var(--apb-200));--highlight-soft:light-dark(var(--apb-50), color-mix(in oklab, var(--apb-400) 18%, #001a38));--focus-ring: light-dark(var(--apb-500), var(--apb-300));--heading: light-dark(var(--docolab-500), var(--apb-200));--deco: light-dark(var(--apb-600), var(--apb-300));--deco-soft: light-dark(var(--apb-50), color-mix(in oklab, var(--apb-400) 18%, #001a38));--alert-rule: var(--docostock-500);--alert-pill: var(--docostock-500);--alert-glyph: var(--apb-900);--alert-surface: light-dark(var(--n-50), color-mix(in oklab, #e8eef6 5%, var(--apb-900)));--shadow-xs: 0 1px 2px -1px light-dark(rgb(11 27 43 / .1), rgb(0 0 0 / .45));--shadow-sm: 0 1px 3px light-dark(rgb(11 27 43 / .08), rgb(0 0 0 / .5)), 0 1px 2px -1px light-dark(rgb(11 27 43 / .06), rgb(0 0 0 / .4));--shadow-md: 0 4px 12px -2px light-dark(rgb(11 27 43 / .1), rgb(0 0 0 / .55)), 0 2px 6px -2px light-dark(rgb(11 27 43 / .06), rgb(0 0 0 / .45));--shadow-lg: 0 18px 40px -12px light-dark(rgb(11 27 43 / .18), rgb(0 0 0 / .7)), 0 6px 14px -8px light-dark(rgb(11 27 43 / .1), rgb(0 0 0 / .55))}[data-brand=docolab]{--dark-accent: #a8cdf9;--dark-accent-hover: #cbe1fb;--logo-brand: light-dark(var(--docolab-500), #ffffff);--accent: light-dark(var(--docolab-500), #79b2f4);--accent-hover: light-dark(var(--docolab-700), #a8cdf9);--accent-soft: light-dark(var(--docolab-100), color-mix(in oklab, var(--docolab-500) 30%, #001a38));--accent-border: light-dark(color-mix(in oklab, var(--docolab-500) 30%, var(--n-0)), color-mix(in oklab, #79b2f4 34%, transparent));--accent-text: light-dark(var(--docolab-700), #a8cdf9);--deco: light-dark(var(--docolab-500), #79b2f4);--deco-soft: light-dark(var(--docolab-100), color-mix(in oklab, var(--docolab-500) 30%, #001a38));--focus-ring: light-dark(var(--docolab-500), #79b2f4);--bg-inverse: light-dark(#002b5c, var(--n-0));--dark-bg: #002b5c}[data-brand=docostock]{--dark-accent: var(--docostock-500);--dark-accent-hover: #ffd479;--logo-brand: light-dark(var(--docostock-500), var(--docostock-500));--accent: light-dark(var(--apb-600), var(--apb-300));--accent-hover: light-dark(var(--apb-700), var(--apb-200));--accent-soft: light-dark(var(--apb-50), color-mix(in oklab, var(--apb-400) 18%, #001a38));--accent-border: light-dark(var(--apb-200), color-mix(in oklab, var(--apb-300) 34%, transparent));--accent-text: light-dark(var(--apb-700), var(--apb-200));--focus-ring: light-dark(var(--apb-500), var(--apb-300));--highlight: var(--docostock-500);--highlight-soft:light-dark(var(--docostock-100), color-mix(in oklab, var(--docostock-500) 20%, #001a38));--deco: var(--docostock-500);--deco-soft: light-dark(var(--docostock-100), color-mix(in oklab, var(--docostock-500) 22%, #001a38));--bg-inverse: light-dark(var(--apb-900), var(--n-0));--dark-bg: var(--apb-900)}[data-brand=docotherm]{--dark-accent: #ffffff;--dark-accent-hover: var(--n-100);--logo-brand: light-dark(var(--docotherm-500), #ffffff);--accent: light-dark(var(--docotherm-500), #ef5350);--accent-hover: light-dark(var(--docotherm-700), #ff6b5e);--accent-soft: light-dark(var(--n-50), #07203e);--accent-border: light-dark(var(--n-200), color-mix(in oklab, #e8eef6 20%, transparent));--accent-text: light-dark(var(--docotherm-500), #ef5350);--focus-ring: light-dark(var(--docotherm-500), #ef5350);--deco: light-dark(var(--docotherm-500), #ef5350);--deco-soft: light-dark(var(--n-100), color-mix(in oklab, #e8eef6 8%, #001a38));--highlight: light-dark(var(--docotherm-500), #ef5350);--bg-inverse: light-dark(var(--apb-900), var(--n-0));--dark-bg: var(--apb-900)}:root{--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Inter", Arial, sans-serif;--font-serif: ui-serif, "Iowan Old Style", "Source Serif 4", Georgia, "Times New Roman", serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", "Cascadia Mono", Menlo, Consolas, monospace;--fs-2xs: clamp(.72rem, .7rem + .1vw, .78rem);--fs-xs: clamp(.8rem, .78rem + .12vw, .87rem);--fs-sm: clamp(.9rem, .87rem + .15vw, .98rem);--fs-base: clamp(1rem, .96rem + .2vw, 1.12rem);--fs-md: clamp(1.12rem, 1.06rem + .3vw, 1.28rem);--fs-lg: clamp(1.3rem, 1.2rem + .5vw, 1.6rem);--fs-xl: clamp(1.55rem, 1.36rem + .9vw, 2.1rem);--fs-2xl: clamp(1.72rem, 1.44rem + 1.35vw, 2.45rem);--fs-3xl: clamp(2.1rem, 1.62rem + 2.1vw, 3.25rem);--fs-4xl: clamp(2.45rem, 1.75rem + 3.2vw, 4.1rem);--lh-tight: 1.12;--lh-snug: 1.28;--lh-normal: 1.6;--lh-relaxed: 1.75;--tracking-tight: -.022em;--tracking-snug: -.012em;--tracking-wide: .02em;--tracking-caps: .09em}:root{--sp-3xs: .25rem;--sp-2xs: .5rem;--sp-xs: .75rem;--sp-sm: 1rem;--sp-md: 1.5rem;--sp-lg: 2rem;--sp-xl: 3rem;--sp-2xl: 4rem;--sp-3xl: 6rem;--section-y: clamp(3.5rem, 2rem + 6vw, 7rem);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 26px;--radius-full: 999px;--container: 1200px;--container-narrow: 780px;--gutter: clamp(1.15rem, .6rem + 2.4vw, 2.5rem);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .14s;--dur: .24s;--dur-slow: .48s;--z-header: 100;--z-drawer: 200;--z-modal: 300;--z-toast: 400}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px;border-radius:var(--radius-xs)}:focus:not(:focus-visible){outline:none}@media (forced-colors: active){.btn,.card,.chip{border:1px solid CanvasText}}
