/*! Modern Pixel theme v4 | site.css GENERATED by tools/build.mjs from tokens/tokens.json + src/css/*. Do not edit by hand. */
:root{--color-navy-800: #1A2B4B;--color-navy-900: #121E36;--color-blue-50: #E8F0FA;--color-blue-100: #C5D9F2;--color-blue-300: #9DC0E8;--color-blue-700: #1D4F91;--color-raspberry-50: #FCE8F2;--color-raspberry-300: #EB75AA;--color-raspberry-500: #C1188B;--color-raspberry-600: #A8157A;--color-slate-50: #F8FAFC;--color-slate-100: #F1F5F9;--color-slate-200: #E2E8F0;--color-slate-300: #CBD5E1;--color-slate-500: #64748B;--color-slate-600: #475569;--color-slate-800: #1E293B;--color-white: #FFFFFF;--color-green-50: #ECFDF3;--color-green-700: #15803D;--color-amber-50: #FFFBEB;--color-amber-700: #B45309;--color-red-50: #FEF3F2;--color-red-700: #B42318;--alpha-white-6: rgba(255,255,255,.06);--alpha-white-10: rgba(255,255,255,.10);--alpha-white-12: rgba(255,255,255,.12);--alpha-white-35: rgba(255,255,255,.35);--alpha-white-90: rgba(255,255,255,.90);--alpha-navy-90: rgba(26,43,75,.90);--alpha-navy-97: rgba(26,43,75,.97);--font-family-sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-family-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-size-2xs: 0.6875rem;--font-size-xs: 0.75rem;--font-size-sm: 0.8125rem;--font-size-md: 0.9375rem;--font-size-base: 1.0625rem;--font-size-lg: 1.1875rem;--font-size-xl: 1.375rem;--font-size-2xl: 1.625rem;--font-size-3xl: 2rem;--font-size-display-sm: clamp(2rem, 4vw, 3rem);--font-size-display-md: clamp(2.25rem, 4.6vw, 3.5rem);--font-size-display-lg: clamp(2.6rem, 5.4vw, 4.4rem);--font-leading-tight: 1.12;--font-leading-snug: 1.35;--font-leading-normal: 1.6;--font-leading-loose: 1.75;--font-tracking-tightest: -0.04em;--font-tracking-tight: -0.03em;--font-tracking-snug: -0.01em;--font-tracking-normal: 0;--font-tracking-wide: 0.08em;--font-tracking-wider: 0.12em;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 40px;--space-8: 48px;--space-9: 64px;--space-10: 80px;--space-11: 96px;--space-12: 112px;--space-13: 128px;--radius-none: 0;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-3xl: 32px;--radius-pill: 999px;--shadow-sm: 0 6px 16px -8px rgba(26,43,75,.5);--shadow-md: 0 14px 30px -20px rgba(26,43,75,.45);--shadow-lg: 0 18px 40px -20px rgba(26,43,75,.35);--shadow-xl: 0 30px 60px -40px rgba(26,43,75,.45);--shadow-float: 0 24px 48px -28px rgba(26,43,75,.7);--shadow-menu: 0 16px 40px rgba(26,43,75,.12);--duration-fast: 150ms;--duration-base: 250ms;--duration-slow: 400ms;--duration-blink: 1.1s;--easing-standard: cubic-bezier(.2,.7,.2,1);--easing-pop: cubic-bezier(.2,.9,.3,1.3);--easing-out: ease;--size-wrap: 1200px;--size-wrap-wide: 1240px;--size-wrap-narrow: 760px;--size-gutter: 24px;--size-gutter-sm: 16px;--size-header: 72px;--size-tap: 44px;--size-control: 52px;--size-pixel: 14px;--z-base: 1;--z-header: 50;--z-menu: 60;--z-skip: 100;--color-text-strong: var(--color-navy-800);--color-text-body: var(--color-slate-800);--color-text-muted: var(--color-slate-600);--color-text-subtle: var(--color-slate-500);--color-text-link: var(--color-blue-700);--color-text-accent: var(--color-raspberry-500);--color-text-inverse: var(--color-white);--color-text-inverse-muted: var(--color-blue-100);--color-text-inverse-accent: var(--color-raspberry-300);--color-text-success: var(--color-green-700);--color-text-warning: var(--color-amber-700);--color-text-danger: var(--color-red-700);--color-surface-page: var(--color-white);--color-surface-subtle: var(--color-slate-50);--color-surface-sunken: var(--color-slate-100);--color-surface-tint: var(--color-blue-50);--color-surface-accent-tint: var(--color-raspberry-50);--color-surface-inverse: var(--color-navy-800);--color-surface-inverse-deep: var(--color-navy-900);--color-surface-inverse-raised: var(--alpha-white-6);--color-surface-header: var(--color-navy-800);--color-surface-header-docked: var(--alpha-navy-90);--color-surface-success: var(--color-green-50);--color-surface-warning: var(--color-amber-50);--color-surface-danger: var(--color-red-50);--color-border-default: var(--color-slate-200);--color-border-strong: var(--color-slate-300);--color-border-tint: var(--color-blue-100);--color-border-hover: var(--color-navy-800);--color-border-inverse: var(--alpha-white-12);--color-border-inverse-strong: var(--alpha-white-35);--color-action-primary: var(--color-raspberry-500);--color-action-primary-hover: var(--color-raspberry-600);--color-action-primary-text: var(--color-white);--color-action-dark: var(--color-navy-800);--color-action-dark-hover: var(--color-navy-900);--color-action-ghost-hover-bg: var(--color-blue-50);--color-focus: var(--color-raspberry-500);--color-pixel-on: var(--color-raspberry-500);--color-pixel-dim: var(--color-slate-300);--color-pixel-alt: var(--color-blue-700);--color-chart-series-1: var(--color-navy-800);--color-chart-series-2: var(--color-raspberry-500);--color-chart-series-3: var(--color-blue-300);--color-chart-grid: var(--color-slate-200);--type-body: var(--font-size-base);--type-lede: var(--font-size-lg);--type-h1: var(--font-size-display-md);--type-h1-home: var(--font-size-display-lg);--type-h2: var(--font-size-display-sm);--type-h3: var(--font-size-2xl);--type-h4: var(--font-size-xl);--type-label: var(--font-size-xs);--space-section: var(--space-11);--space-section-sm: var(--space-10);--space-section-xs: var(--space-9);--space-section-head: var(--space-8);--space-card: var(--space-6);--space-card-sm: var(--space-5);--space-grid: var(--space-5);--space-stack: var(--space-4);--radius-control: var(--radius-md);--radius-card: var(--radius-lg);--radius-panel: var(--radius-xl);--radius-feature: var(--radius-2xl);}@font-face{font-family: "Geist";font-style: normal;font-weight: 100 900;font-display: swap;src: url(../fonts/geist-latin-wght.woff2) format("woff2");unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family: "Geist";font-style: normal;font-weight: 100 900;font-display: swap;src: url(../fonts/geist-latin-ext-wght.woff2) format("woff2");unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family: "JetBrains Mono";font-style: normal;font-weight: 500;font-display: swap;src: url(../fonts/jetbrains-mono-latin-500.woff2) format("woff2");}@font-face{font-family: "JetBrains Mono";font-style: normal;font-weight: 700;font-display: swap;src: url(../fonts/jetbrains-mono-latin-700.woff2) format("woff2");}*, *::before, *::after{box-sizing: border-box;}html{scroll-behavior: smooth;-webkit-text-size-adjust: 100%;}body{margin: 0;background: var(--color-surface-page);color: var(--color-text-body);font-family: var(--font-family-sans);font-size: var(--type-body);line-height: var(--font-leading-normal);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}img, svg, video, canvas{display: block;max-width: 100%;}img{height: auto;}input, button, textarea, select{font: inherit;color: inherit;}button{cursor: pointer;}::-webkit-scrollbar{width: 8px;height: 8px;}::-webkit-scrollbar-track{background: linear-gradient(to right, transparent calc(50% - .5px), var(--color-slate-300) calc(50% - .5px), var(--color-slate-300) calc(50% + .5px), transparent calc(50% + .5px));}::-webkit-scrollbar-track:horizontal{background: linear-gradient(to bottom, transparent calc(50% - .5px), var(--color-slate-300) calc(50% - .5px), var(--color-slate-300) calc(50% + .5px), transparent calc(50% + .5px));}::-webkit-scrollbar-thumb{background: var(--color-raspberry-500);border-radius: var(--radius-pill);}::-webkit-scrollbar-thumb:hover{background: var(--color-raspberry-600);}::-webkit-scrollbar-button{display: none;}::-webkit-scrollbar-corner{background: transparent;}@supports not selector(::-webkit-scrollbar){*{scrollbar-width: thin;scrollbar-color: var(--color-raspberry-500) transparent;}}h1, h2, h3, h4, h5, h6{margin: 0;color: var(--color-text-strong);font-weight: var(--font-weight-bold);line-height: var(--font-leading-tight);letter-spacing: var(--font-tracking-tight);}h1{font-size: var(--type-h1);letter-spacing: var(--font-tracking-tightest);}h2{font-size: var(--type-h2);}h3{font-size: var(--type-h3);}h4{font-size: var(--type-h4);}h5, h6{font-size: var(--font-size-lg);}p, ul, ol, dl, figure, blockquote{margin: 0;}strong, b{font-weight: var(--font-weight-semibold);color: var(--color-text-strong);}small{font-size: var(--font-size-sm);}code, kbd, samp{font-family: var(--font-family-mono);font-size: 0.92em;}hr{border: 0;border-top: 1px solid var(--color-border-default);margin: var(--space-8) 0;}a{color: var(--color-text-link);text-underline-offset: 3px;}a:hover{color: var(--color-text-strong);}:focus-visible{outline: 3px solid var(--color-focus);outline-offset: 3px;border-radius: var(--radius-sm);}::selection{background: var(--color-raspberry-50);color: var(--color-text-strong);}table{border-collapse: collapse;width: 100%;}[id]{scroll-margin-top: calc(var(--size-header) + var(--space-6));}h1, h2, h3, .lede{text-wrap: balance;}p, li{text-wrap: pretty;}.wrap{width: 100%;max-width: var(--size-wrap);margin: 0 auto;padding: 0 var(--size-gutter);}.wrap-narrow{width: 100%;max-width: calc(var(--size-wrap-narrow) + 2 * var(--size-gutter));margin: 0 auto;padding: 0 var(--size-gutter);}.section{padding: var(--space-section) 0;}.section-tight{padding: var(--space-10) 0;}.section-continue{padding-top: 0;}.bg-slate{background: var(--color-surface-subtle);border-top: 1px solid var(--color-border-default);border-bottom: 1px solid var(--color-border-default);}.bg-blue{background: var(--color-surface-tint);}.bg-navy{background: var(--color-surface-inverse);color: var(--color-text-inverse-muted);}.bg-navy-deep{background: var(--color-surface-inverse-deep);color: var(--color-text-inverse-muted);}.bg-slate + .bg-slate, .bg-blue + .bg-blue{border-top: 0;padding-top: 0;}.section:not(.bg-slate):not(.bg-blue):not(.bg-navy):not(.bg-navy-deep) + .section:not(.bg-slate):not(.bg-blue):not(.bg-navy):not(.bg-navy-deep){padding-top: 0;}.on-dark h1, .on-dark h2, .on-dark h3, .on-dark h4{color: var(--color-text-inverse);}.on-dark strong, .on-dark :is(.lede, .hero-lede, .case-stats) strong{color: var(--color-text-inverse);}.on-dark :is(.tag, .tags li, .chip) strong{color: inherit;}.tag strong, .tags li strong{color: inherit;}.on-dark .award span{color: var(--color-text-inverse);}.on-dark a:not(.btn){color: var(--color-text-inverse);}.on-dark p, .on-dark li{color: var(--color-text-inverse-muted);}.grid{display: grid;gap: var(--space-grid);}.grid-2{grid-template-columns: repeat(2, minmax(0, 1fr));}.grid-3{grid-template-columns: repeat(3, minmax(0, 1fr));}.grid-4{grid-template-columns: repeat(4, minmax(0, 1fr));}.grid-5{grid-template-columns: repeat(5, minmax(0, 1fr));}.grid-tight{gap: var(--space-4);}.split{display: grid;grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);gap: var(--space-9);align-items: center;}.split-even{grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);}.split-lead{grid-template-columns: minmax(0, 1.21fr) minmax(0, .79fr);}.split-top{align-items: start;}.split-flip{grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);}.portrait{display: grid;gap: var(--space-4);width: 90%;margin: 0;text-align: center;}.portrait img{width: 100%;}.portrait-end{margin-left: auto;}.hero-badges{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: var(--space-6);}.hero-badges img{width: 150px;}.photo-placeholder{display: grid;place-items: center;aspect-ratio: 1;border: 2px dashed var(--color-border-strong);border-radius: var(--radius-lg);background: var(--color-surface-sunken);color: var(--color-text-muted);font-family: var(--font-family-mono);font-size: var(--font-size-sm);letter-spacing: var(--font-tracking-wide);text-transform: uppercase;}.stack{display: grid;gap: var(--space-stack);align-content: start;}.stack-sm{display: grid;gap: var(--space-2);align-content: start;}.stack-lg{display: grid;gap: var(--space-6);align-content: start;}.stack-xl{display: grid;gap: var(--space-8);align-content: start;}.cluster{display: flex;flex-wrap: wrap;gap: var(--space-3);align-items: center;}.block-gap{margin-top: var(--space-8);}.block-gap-lg{margin-top: var(--space-9);}@media (max-width: 1100px){.grid-5{grid-template-columns: repeat(3, minmax(0, 1fr));}}@media (max-width: 960px){.section{padding: var(--space-section-sm) 0;}.grid-3, .grid-4{grid-template-columns: repeat(2, minmax(0, 1fr));}.grid-3.grid-collapse{grid-template-columns: minmax(0, 1fr);}.split, .split-even, .split-lead, .split-flip{grid-template-columns: minmax(0, 1fr);gap: var(--space-8);}}@media (max-width: 640px){.wrap, .wrap-narrow{padding: 0 var(--size-gutter-sm);}.section{padding: var(--space-section-xs) 0;}.grid-2, .grid-3, .grid-4, .grid-5{grid-template-columns: minmax(0, 1fr);}}.page-hero + .section:not(.bg-slate):not(.bg-blue):not(.bg-navy):not(.bg-navy-deep){padding-top: var(--space-6);}.skip{position: absolute;left: -9999px;top: var(--space-2);z-index: var(--z-skip);padding: var(--space-3) var(--space-4);border-radius: var(--radius-sm);background: var(--color-surface-inverse);color: var(--color-text-inverse);}.skip:focus{left: var(--space-4);}.site-header{position: sticky;top: 0;z-index: var(--z-header);padding: var(--space-4) var(--size-gutter) 0;margin-bottom: calc(-1 * (var(--size-header) + var(--space-4)));transition: padding var(--duration-slow) var(--easing-standard), margin-bottom var(--duration-slow) var(--easing-standard);}.nav-pill{position: relative;max-width: var(--size-wrap-wide);min-height: var(--size-header);margin: 0 auto;display: flex;align-items: center;justify-content: space-between;gap: var(--space-4);padding: var(--space-2) var(--space-2) var(--space-2) var(--space-5);background: var(--color-surface-header);border-radius: var(--radius-xl);box-shadow: var(--shadow-float);transition: max-width var(--duration-slow) var(--easing-standard), border-radius var(--duration-slow) var(--easing-standard), padding var(--duration-slow) var(--easing-standard), box-shadow var(--duration-slow) var(--easing-out), background-color var(--duration-slow) var(--easing-out);}.site-header.is-docked{padding: 0;margin-bottom: calc(-1 * var(--size-header));}.site-header.is-docked .nav-pill{max-width: 100%;border-radius: var(--radius-none);padding-left: max(var(--space-5), calc((100% - var(--size-wrap-wide)) / 2 + var(--space-5)));padding-right: max(var(--space-2), calc((100% - var(--size-wrap-wide)) / 2 + var(--space-2)));background: var(--color-surface-header-docked);box-shadow: var(--shadow-md);-webkit-backdrop-filter: saturate(1.3) blur(12px);backdrop-filter: saturate(1.3) blur(12px);}.brand{flex: none;display: inline-flex;color: var(--color-text-inverse);}.brand .hlogo{height: 32px;width: auto;}.nav{flex: 1;display: flex;align-items: center;justify-content: center;gap: var(--space-3);}.nav > a, .nav summary{display: inline-flex;align-items: center;gap: var(--space-1);min-height: var(--size-tap);padding: 0 var(--space-3);border-radius: var(--radius-sm);color: var(--color-text-inverse);font-weight: var(--font-weight-medium);font-size: var(--font-size-md);text-decoration: none;cursor: pointer;list-style: none;white-space: nowrap;}.nav summary::-webkit-details-marker{display: none;}.nav summary::after{content: "";width: 6px;height: 6px;border-right: 2px solid currentColor;border-bottom: 2px solid currentColor;transform: rotate(45deg) translateY(-2px);}.nav > a:hover, .nav summary:hover, .nav > a[aria-current="page"], .nav .dd[open] > summary{background: var(--color-surface-inverse-raised);color: var(--color-text-inverse);}.dd{position: relative;}.dd > ul{position: absolute;top: calc(100% + var(--space-2));left: 0;z-index: var(--z-menu);min-width: 220px;margin: 0;padding: var(--space-2);list-style: none;background: var(--color-surface-page);border: 1px solid var(--color-border-default);border-radius: var(--radius-md);box-shadow: var(--shadow-menu);}.dd > ul a{display: block;padding: var(--space-2) var(--space-3);border-radius: var(--radius-sm);color: var(--color-text-body);text-decoration: none;font-size: var(--font-size-md);white-space: nowrap;}.dd > ul a:hover, .dd > ul a[aria-current="page"]{background: var(--color-surface-tint);color: var(--color-text-strong);}.dd-pillars{min-width: 270px;}.dd-group{margin: var(--space-2) calc(-1 * var(--space-2)) var(--space-1);padding: var(--space-2) var(--space-5);background: var(--color-surface-inverse);color: var(--color-text-inverse);font-family: var(--font-family-mono);font-size: var(--font-size-2xs);font-weight: var(--font-weight-medium);letter-spacing: var(--font-tracking-wider);text-transform: uppercase;}.dd-group:first-child{margin-top: calc(-1 * var(--space-2));border-radius: calc(var(--radius-md) - 1px) calc(var(--radius-md) - 1px) 0 0;}.pill-cta{display: inline-flex;align-items: center;gap: var(--space-2);min-height: var(--size-control);padding: 0 var(--space-5);border-radius: var(--radius-md);background: var(--color-surface-page);color: var(--color-text-strong);font-weight: var(--font-weight-semibold);font-size: var(--font-size-md);text-decoration: none;white-space: nowrap;}.pill-cta:hover{background: var(--color-surface-tint);color: var(--color-text-strong);}.mobile-nav{display: none;}.mobile-nav summary{display: inline-flex;align-items: center;gap: var(--space-2);min-height: var(--size-tap);padding: 0 var(--space-3);border: 2px solid var(--color-border-inverse-strong);border-radius: var(--radius-sm);color: var(--color-text-inverse);font-weight: var(--font-weight-semibold);cursor: pointer;list-style: none;}.mobile-nav summary::-webkit-details-marker{display: none;}.mobile-panel{position: absolute;left: 0;right: 0;top: calc(100% + var(--space-2));z-index: var(--z-menu);max-height: calc(100vh - var(--size-header) - var(--space-6));overflow-y: auto;padding: var(--space-2) var(--space-5) var(--space-5);background: var(--color-surface-page);border: 1px solid var(--color-border-default);border-radius: var(--radius-lg);box-shadow: var(--shadow-menu);}.mobile-panel h4{margin: var(--space-5) 0 var(--space-1);color: var(--color-text-subtle);font-family: var(--font-family-mono);font-size: var(--font-size-xs);font-weight: var(--font-weight-medium);letter-spacing: var(--font-tracking-wider);text-transform: uppercase;}.mobile-panel a{display: block;padding: var(--space-3) 0;border-bottom: 1px solid var(--color-surface-sunken);color: var(--color-text-body);font-weight: var(--font-weight-medium);text-decoration: none;}.mobile-panel .btn{width: 100%;margin-top: var(--space-5);border: 0;color: var(--color-action-primary-text);}.dd-mega{position: static;}.mega{--mega-notch: var(--space-4);position: absolute;top: calc(100% + var(--space-2));left: 50%;z-index: var(--z-menu);width: min(100%, var(--size-wrap-wide));transform: translateX(-50%);display: grid;grid-template-columns: minmax(260px, 330px) minmax(0, 1fr) minmax(240px, 300px);overflow: hidden;background: var(--color-surface-page);color: var(--color-text-body);border: 1px solid var(--color-border-default);border-radius: var(--radius-lg);box-shadow: var(--shadow-menu);max-height: calc(100vh - var(--size-header) - var(--space-6));overflow-y: auto;text-align: left;white-space: normal;}.site-header.is-docked .mega{width: min(100% - 2 * var(--size-gutter), var(--size-wrap-wide));}.mega-tiles{position: relative;overflow: hidden;display: flex;flex-direction: column;gap: var(--space-1);padding: var(--space-5) 0 var(--space-5) var(--space-4);background: var(--color-raspberry-500);}.pixel-field{position: absolute;inset: 0;width: 100%;height: 100%;pointer-events: none;}.mega-tiles > :not(canvas), .m-mega > :not(canvas){position: relative;}.mega-q{margin: 0;padding: 2px var(--space-4) var(--space-3) var(--space-2);color: var(--color-text-inverse);font-size: var(--font-size-2xl);font-weight: var(--font-weight-bold);letter-spacing: var(--font-tracking-tight);line-height: var(--font-leading-tight);}.mega-tablist{display: flex;flex-direction: column;gap: var(--space-1);}.mega-tab{position: relative;display: flex;align-items: center;gap: var(--space-3);width: calc(100% - var(--mega-notch));padding: var(--space-3);border: 1px solid var(--color-navy-800);border-radius: var(--radius-md);background: var(--color-navy-800);color: var(--color-text-inverse);box-shadow: var(--shadow-sm);font: inherit;font-size: var(--font-size-base);font-weight: var(--font-weight-semibold);line-height: var(--font-leading-snug);text-align: left;cursor: pointer;}.mega-tab:hover{background: var(--color-navy-900);border-color: var(--color-navy-900);}.mega-num{flex: none;width: 22px;color: var(--color-text-inverse-accent);font-family: var(--font-family-mono);font-size: var(--font-size-xs);}.mega-tab-text small{display: block;color: var(--color-text-inverse-muted);font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);}.mega-tab[aria-selected="true"]{z-index: 2;width: 100%;border-color: var(--color-surface-page);border-right: 0;border-radius: var(--radius-md) 0 0 var(--radius-md);background: var(--color-surface-page);color: var(--color-text-strong);}.mega-tab[aria-selected="true"] small{color: var(--color-text-subtle);}.mega-tab[aria-selected="true"] .mega-num{color: var(--color-text-accent);}.mega-tab[aria-selected="true"]::before, .mega-tab[aria-selected="true"]::after{content: "";position: absolute;right: 0;width: var(--mega-notch);height: var(--mega-notch);pointer-events: none;}.mega-tab[aria-selected="true"]::before{top: calc(-1 * var(--mega-notch) - 1px);background: radial-gradient(circle at 0 0, transparent var(--mega-notch), var(--color-surface-page) calc(var(--mega-notch) + .5px));}.mega-tab[aria-selected="true"]::after{bottom: calc(-1 * var(--mega-notch) - 1px);background: radial-gradient(circle at 0 100%, transparent var(--mega-notch), var(--color-surface-page) calc(var(--mega-notch) + .5px));}.mega-tab:focus-visible{outline: 2px solid var(--color-surface-page);outline-offset: 2px;}.mega-tab[aria-selected="true"]:focus-visible{outline-color: var(--color-focus);outline-offset: -3px;}.mega-body{padding: var(--space-6) var(--space-6) var(--space-6) var(--space-7);}.mega-pane[hidden]{display: none;}.mega-title{margin: 0 0 var(--space-1);color: var(--color-text-strong);font-size: var(--font-size-2xl);font-weight: var(--font-weight-bold);letter-spacing: var(--font-tracking-tight);line-height: var(--font-leading-tight);}.mega-lead{margin: 0 0 var(--space-4);color: var(--color-text-muted);}.mega-list{display: grid;gap: var(--space-3);margin: 0;padding: 0;list-style: none;}.mega-list a{display: grid;grid-template-columns: auto 1fr auto;align-items: center;gap: var(--space-3);padding: var(--space-3) var(--space-3) var(--space-3) var(--space-3);border: 1px solid var(--color-slate-200);border-radius: var(--radius-md);background: var(--color-slate-100);color: var(--color-text-body);text-decoration: none;transition: transform var(--duration-fast) var(--easing-standard), box-shadow var(--duration-fast) var(--easing-standard), border-color var(--duration-fast) var(--easing-standard), background-color var(--duration-fast) var(--easing-standard);}.mega-list a:hover, .mega-list a[aria-current="page"]{background: var(--color-surface-page);border-color: var(--color-raspberry-500);box-shadow: var(--shadow-sm);transform: translateY(-2px);color: var(--color-text-body);}.mega-ic{display: grid;place-items: center;width: 40px;height: 40px;border-radius: var(--radius-sm);background: var(--color-surface-page);box-shadow: var(--shadow-sm);}.mega-ic .pixel-icon{width: 22px;height: 22px;margin: 0;}.mega-item b{display: block;color: var(--color-text-strong);font-size: var(--font-size-base);}.mega-item span{display: block;color: var(--color-text-muted);font-size: var(--font-size-sm);line-height: var(--font-leading-snug);}.mega-go{display: grid;place-items: center;width: 32px;height: 32px;border-radius: var(--radius-pill);background: var(--color-surface-page);color: var(--color-text-accent);box-shadow: var(--shadow-sm);font-weight: var(--font-weight-bold);transition: background-color var(--duration-fast) var(--easing-standard), color var(--duration-fast) var(--easing-standard);}.mega-list a:hover .mega-go{background: var(--color-raspberry-500);color: var(--color-text-inverse);}.mega-proof{margin: var(--space-4) 0 0;color: var(--color-text-muted);font-size: var(--font-size-sm);}.mega-proof a{color: var(--color-text-link);font-weight: var(--font-weight-semibold);}.mega-talk{position: relative;overflow: hidden;display: flex;flex-direction: column;align-items: flex-start;gap: var(--space-2);padding: var(--space-7) var(--space-5) var(--space-10) var(--space-6);}.mega-talk::before{content: "";position: absolute;left: 0;top: var(--space-6);bottom: var(--space-6);width: 1px;background: var(--color-border-default);}.mega-talk > :not(.mega-corner){position: relative;z-index: 1;margin: 0;}.mega-talk-k{color: var(--color-text-accent);font-family: var(--font-family-mono);font-size: var(--font-size-2xs);font-weight: var(--font-weight-medium);letter-spacing: var(--font-tracking-wider);text-transform: uppercase;}.mega-talk-h{color: var(--color-text-strong);font-size: var(--font-size-lg);font-weight: var(--font-weight-bold);line-height: var(--font-leading-snug);}.mega-talk-p{color: var(--color-text-muted);font-size: var(--font-size-sm);}.mega-talk .btn{margin-top: var(--space-2);padding: 0 var(--space-4);white-space: nowrap;}.mega-tel{display: inline-flex;align-items: center;gap: var(--space-1);color: var(--color-text-strong);font-size: var(--font-size-sm);font-weight: var(--font-weight-bold);white-space: nowrap;}.mega-tel svg{flex: none;color: var(--color-blue-700);}.mega-tel a{color: inherit;text-decoration: none;}.mega-tel a:hover{color: var(--color-text-link);text-decoration: underline;}.mega-corner{position: absolute;right: 0;bottom: 0;display: grid;grid-template-columns: repeat(6, 12px);gap: var(--space-1);padding: var(--space-3);pointer-events: none;-webkit-mask-image: radial-gradient(circle at 100% 100%, black 0%, color-mix(in srgb, black 55%, transparent) 35%, transparent 72%);mask-image: radial-gradient(circle at 100% 100%, black 0%, color-mix(in srgb, black 55%, transparent) 35%, transparent 72%);}.mega-corner i{width: 12px;height: 12px;border-radius: 2px;background: var(--color-raspberry-500);}.mega-corner i.navy{background: var(--color-navy-800);}.mega-corner i.off{background: transparent;}@media (max-width: 1240px){.mega{grid-template-columns: minmax(240px, 290px) minmax(0, 1fr) minmax(240px, 280px);}.mega-body{padding-left: var(--space-6);padding-right: var(--space-5);}.mega-talk{padding-left: var(--space-5);padding-right: var(--space-4);}}.mobile-panel{padding: var(--space-3) var(--space-3) var(--space-4);}.m-mega{position: relative;overflow: hidden;display: flex;flex-direction: column;gap: var(--space-2);margin-bottom: var(--space-3);padding: var(--space-4) var(--space-3) var(--space-3);border-radius: var(--radius-md);background: var(--color-raspberry-500);}.m-mega .mega-q{padding: 2px var(--space-1) var(--space-1);font-size: var(--font-size-xl);}.m-mega-goal{overflow: hidden;border-radius: var(--radius-md);background: var(--color-navy-800);box-shadow: var(--shadow-sm);}.m-mega-goal > summary{display: flex;align-items: center;gap: var(--space-3);padding: var(--space-3);color: var(--color-text-inverse);font-weight: var(--font-weight-semibold);line-height: var(--font-leading-snug);list-style: none;cursor: pointer;}.m-mega-goal > summary::-webkit-details-marker{display: none;}.m-mega-goal > summary::after{content: "";flex: none;margin-left: auto;width: 8px;height: 8px;border-right: 2px solid var(--color-text-inverse-accent);border-bottom: 2px solid var(--color-text-inverse-accent);transform: rotate(45deg) translateY(-2px);}.m-mega-goal[open]{background: var(--color-surface-page);}.m-mega-goal[open] > summary{color: var(--color-text-strong);}.m-mega-goal[open] > summary small{color: var(--color-text-subtle);}.m-mega-goal[open] > summary::after{border-color: var(--color-raspberry-500);transform: rotate(-135deg) translateY(-2px);}.m-mega-list{display: grid;gap: var(--space-1);padding: 0 var(--space-2) var(--space-2);}.mobile-panel .m-mega-list a{position: relative;padding: var(--space-2) var(--space-8) var(--space-2) var(--space-3);border: 1px solid var(--color-slate-200);border-radius: var(--radius-sm);background: var(--color-slate-50);}.mobile-panel .m-mega-list a::after{content: "";position: absolute;top: 50%;right: var(--space-4);width: 10px;height: 13px;transform: translateY(-50%);background-color: var(--color-text-accent);-webkit-mask: var(--mask-pixel-go) center / contain no-repeat;mask: var(--mask-pixel-go) center / contain no-repeat;}.m-mega-list a b{display: block;color: var(--color-text-strong);font-size: var(--font-size-md);}.m-mega-list a span{display: block;color: var(--color-text-muted);font-size: var(--font-size-sm);font-weight: var(--font-weight-regular);line-height: var(--font-leading-snug);}.m-links{padding: 0 var(--space-2);}.mega-talk.m-talk::before{display: none;}.mega-talk.m-talk{margin: var(--space-4) 0 0;padding: var(--space-4) var(--space-4) var(--space-5);border: 0;border-radius: var(--radius-md);background: var(--color-surface-inverse);color: var(--color-text-inverse);}.m-talk .mega-talk-k{color: var(--color-text-inverse-accent);}.m-talk .mega-talk-h, .m-talk .mega-tel{color: var(--color-text-inverse);}.m-talk .mega-talk-p{color: var(--color-text-inverse-muted);max-width: 30ch;}.m-talk .mega-tel svg{color: var(--color-blue-300);}.mobile-panel .btn{display: flex;align-items: center;justify-content: center;}.mobile-panel .m-talk a:not(.btn){display: inline;padding: 0;border: 0;}.mobile-panel .m-talk .btn{padding: 0 var(--space-5);}.mobile-panel .m-talk .mega-tel a{color: var(--color-text-inverse);}.m-talk .mega-corner{grid-template-columns: repeat(6, 9px);gap: 3px;padding: var(--space-2);}.m-talk .mega-corner i{width: 9px;height: 9px;}.mobile-panel .btn.m-audit{margin-top: var(--space-3);border: 1px solid var(--color-border-strong);color: var(--color-text-strong);}@media (max-width: 1100px){.nav, .pill-cta{display: none;}.mobile-nav{display: block;}}@media (max-width: 640px){.site-header{padding: var(--space-2) var(--space-2) 0;margin-bottom: calc(-1 * (var(--size-header) - var(--space-1) + var(--space-2)));}.nav-pill{min-height: calc(var(--size-header) - var(--space-1));padding: var(--space-2) var(--space-2) var(--space-2) var(--space-4);border-radius: var(--radius-lg);}.brand .hlogo{height: 26px;}.site-header.is-docked{margin-bottom: calc(-1 * (var(--size-header) - var(--space-1)));}.site-header.is-docked .nav-pill{padding: var(--space-2) var(--space-2) var(--space-2) var(--space-4);}}.site-footer{padding: var(--space-10) 0 var(--space-6);background: var(--color-surface-inverse-deep);color: var(--color-text-inverse-muted);font-size: var(--font-size-md);}.footer-grid{display: grid;grid-template-columns: 1.6fr repeat(5, minmax(0, 1fr));gap: var(--space-6);}.footer-brand{display: grid;gap: var(--space-4);align-content: start;}.footer-brand .logo{width: 210px;height: auto;}.footer-brand p{max-width: 32ch;}.social{display: flex;flex-wrap: wrap;gap: var(--space-3);}.social a{padding-bottom: 2px;border-bottom: 1px solid var(--color-border-inverse-strong);color: var(--color-text-inverse);text-decoration: none;font-family: var(--font-family-mono);font-size: var(--font-size-xs);letter-spacing: var(--font-tracking-wide);text-transform: uppercase;}.site-footer .footer-title{margin-bottom: var(--space-4);color: var(--color-text-inverse);font-family: var(--font-family-mono);font-size: var(--font-size-xs);font-weight: var(--font-weight-medium);letter-spacing: var(--font-tracking-wider);text-transform: uppercase;}.site-footer ul{display: grid;gap: var(--space-2);margin: 0;padding: 0;list-style: none;}.site-footer li a{color: var(--color-text-inverse-muted);text-decoration: none;}.site-footer li a:hover, .social a:hover{color: var(--color-text-inverse-accent);}.footer-bottom{display: flex;flex-wrap: wrap;justify-content: space-between;gap: var(--space-4);margin-top: var(--space-9);padding-top: var(--space-5);border-top: 1px solid var(--color-border-inverse);font-size: var(--font-size-sm);}.footer-bottom nav{display: flex;flex-wrap: wrap;gap: var(--space-4);}.footer-bottom a{color: var(--color-text-inverse-muted);}.footer-bottom a:hover{color: var(--color-text-inverse);}.client-login{font-family: var(--font-family-mono);font-size: var(--font-size-xs);letter-spacing: var(--font-tracking-wide);text-transform: uppercase;}@media (max-width: 1100px){.footer-grid{grid-template-columns: repeat(3, minmax(0, 1fr));}.footer-brand{grid-column: 1 / -1;}}@media (max-width: 640px){.footer-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}}.btn{display: inline-flex;align-items: center;justify-content: center;gap: var(--space-2);min-height: var(--size-control);padding: 0 var(--space-5);border: 2px solid transparent;border-radius: var(--radius-control);font-weight: var(--font-weight-semibold);font-size: var(--font-size-base);line-height: 1.2;text-align: center;text-decoration: none;cursor: pointer;transition: background-color var(--duration-fast), border-color var(--duration-fast), color var(--duration-fast), transform var(--duration-fast);}.btn:hover{transform: translateY(-1px);}.btn-primary{background: var(--color-action-primary);color: var(--color-action-primary-text);}.btn-primary:hover{background: var(--color-action-primary-hover);color: var(--color-action-primary-text);}.btn-ghost{background: var(--color-surface-page);border-color: var(--color-border-strong);color: var(--color-text-strong);}.btn-ghost:hover{border-color: var(--color-border-hover);color: var(--color-text-strong);}.btn-dark{background: var(--color-action-dark);color: var(--color-text-inverse);}.btn-dark:hover{background: var(--color-action-dark-hover);color: var(--color-text-inverse);}:root{--mask-pixel-go: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 39 49'%3E%3Cpath d='M0 0h9v9h-9zM10 0h9v9h-9zM10 10h9v9h-9zM20 10h9v9h-9zM20 20h9v9h-9zM30 20h9v9h-9zM10 30h9v9h-9zM20 30h9v9h-9zM0 40h9v9h-9zM10 40h9v9h-9z'/%3E%3C/svg%3E");}.px-go, .arrow, .link-arrow::after{display: inline-block;flex: none;width: .56em;height: .7em;overflow: hidden;vertical-align: -.02em;text-indent: 200%;white-space: nowrap;background-color: currentColor;-webkit-mask: var(--mask-pixel-go) center / contain no-repeat;mask: var(--mask-pixel-go) center / contain no-repeat;}.btn .arrow{transition: transform var(--duration-fast);}.btn:hover .arrow{transform: translateX(4px);}.btn-sm{min-height: var(--size-tap);padding: 0 var(--space-4);font-size: var(--font-size-md);}.btn-block{width: 100%;}.on-dark .btn-ghost{background: transparent;border-color: var(--color-border-inverse-strong);color: var(--color-text-inverse);}.on-dark .btn-ghost:hover{border-color: var(--color-text-inverse);color: var(--color-text-inverse);}.on-dark .btn-primary, .on-dark .btn-primary:hover{color: var(--color-action-primary-text);}.actions{display: flex;flex-wrap: wrap;gap: var(--space-3);align-items: center;}.actions-center{justify-content: center;}.link-arrow{display: inline-flex;align-items: center;gap: var(--space-2);font-weight: var(--font-weight-semibold);color: var(--color-text-strong);text-decoration: none;}.link-arrow::after{content: "";color: var(--color-text-accent);transition: transform var(--duration-fast);}.link-arrow:hover::after{transform: translateX(4px);}.on-dark .link-arrow::after{color: var(--color-text-inverse-accent);}@media (max-width: 640px){.actions .btn{width: 100%;}}.eyebrow{display: inline-flex;align-items: center;gap: var(--space-2);color: var(--color-text-muted);font-family: var(--font-family-mono);font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);letter-spacing: var(--font-tracking-wider);text-transform: uppercase;}.eyebrow::before{content: ">";color: var(--color-text-accent);font-weight: var(--font-weight-bold);}.on-dark .eyebrow{color: var(--color-text-inverse-muted);}.on-dark .eyebrow::before{color: var(--color-text-inverse-accent);}.section-head{display: grid;gap: var(--space-4);max-width: 880px;margin-bottom: var(--space-section-head);}.section-head p{color: var(--color-text-muted);font-size: var(--type-lede);}.section-head-wide{max-width: 960px;}.section-head-full{max-width: none;}.section-head-split{max-width: none;grid-template-columns: repeat(3, minmax(0, 1fr));column-gap: var(--space-5);align-items: start;}.section-head-split .section-head-body{grid-column: 2 / -1;display: grid;gap: var(--space-4);}.section-head-center{margin-left: auto;margin-right: auto;text-align: center;justify-items: center;}.section-head-row{display: flex;flex-wrap: wrap;align-items: flex-end;justify-content: space-between;gap: var(--space-5);margin-bottom: var(--space-section-head);}.section-head-row .section-head{margin-bottom: 0;}.on-dark .section-head p{color: var(--color-text-inverse-muted);}.nowrap{white-space: nowrap;}.balance{text-wrap: balance;}.pretty{text-wrap: pretty;}.stack-words > span{display: block;}.lede{color: var(--color-text-muted);font-size: var(--type-lede);}.lede strong{color: var(--color-text-strong);}.on-dark .lede{color: var(--color-text-inverse-muted);}.note{color: var(--color-text-muted);font-size: var(--font-size-sm);}.on-dark .note{color: var(--color-text-inverse-muted);}.accent{color: var(--color-text-accent);}.on-dark .accent{color: var(--color-text-inverse-accent);}.mono{font-family: var(--font-family-mono);}.kicker{margin-top: var(--space-7);color: var(--color-text-strong);font-size: var(--font-size-xl);font-weight: var(--font-weight-semibold);letter-spacing: var(--font-tracking-snug);}.kicker::before{content: "";display: inline-block;width: var(--space-3);height: var(--space-3);margin-right: var(--space-3);vertical-align: 2px;background: var(--color-pixel-on);}.on-dark .kicker{color: var(--color-text-inverse);}.prompt{display: inline-block;width: auto;height: .62em;margin-right: .22em;vertical-align: 0;fill: var(--color-text-strong);}.on-dark .prompt{fill: var(--color-text-inverse);}.prompt rect{transform-box: fill-box;transform-origin: center;}.prompt rect:nth-child(1){animation-delay: .04s;}.prompt rect:nth-child(2){animation-delay: .08s;}.prompt rect:nth-child(3){animation-delay: .12s;}.prompt rect:nth-child(4){animation-delay: .16s;}.prompt rect:nth-child(5){animation-delay: .20s;}.prompt rect:nth-child(6){animation-delay: .24s;}.prompt rect:nth-child(7){animation-delay: .28s;}.prompt rect:nth-child(8){animation-delay: .32s;}.prompt rect:nth-child(9){animation-delay: .36s;}.prompt rect:nth-child(10){animation-delay: .40s;}.ptype-vis{white-space: nowrap;}.typed::before{content: attr(data-t);}.cursor{display: inline-block;width: .17em;height: .17em;margin-left: .05em;background: var(--color-pixel-on);visibility: hidden;}.pt-wait .prompt rect{opacity: 0;}.pt-on .prompt rect{animation: pixel-in .38s var(--easing-pop) backwards;}.pt-flash .prompt{animation: blink .45s steps(1) 3;}.prompt-flash{animation: blink var(--duration-blink) steps(1) infinite;}.pt-typing .cursor, .pt-last .cursor{visibility: visible;}.pt-last .cursor{animation: blink var(--duration-blink) steps(1) infinite;}.step-label{color: var(--color-text-strong);font-size: var(--font-size-2xl);font-weight: var(--font-weight-bold);letter-spacing: var(--font-tracking-tight);line-height: 1.1;}.on-dark .step-label{color: var(--color-text-inverse);}@keyframes pixel-in{from{opacity: 0;transform: scale(.2);}}@keyframes blink{50%{opacity: 0;}}@keyframes grow{from{transform: scaleY(0);}}.mark .p{animation: pixel-in .38s var(--easing-pop) backwards;transform-box: fill-box;transform-origin: center;}.mark .c{animation: pixel-in .38s var(--easing-pop) backwards, blink 1s steps(1) 1.2s 3;transform-box: fill-box;transform-origin: center;}@media (max-width: 960px){.section-head-split{grid-template-columns: minmax(0, 1fr);}.section-head-split .section-head-body{grid-column: auto;}}.section-head:last-child{margin-bottom: 0;}.card{display: grid;gap: var(--space-3);align-content: start;padding: var(--space-card);background: var(--color-surface-page);border: 1px solid var(--color-border-default);border-radius: var(--radius-card);box-shadow: var(--shadow-sm);transition: border-color var(--duration-fast), transform var(--duration-fast), box-shadow var(--duration-fast);}.grid > .card:hover{transform: translateY(-3px);box-shadow: var(--shadow-lg);}.card h3{font-size: var(--font-size-xl);}.card p, .card li{color: var(--color-text-muted);}.card .link-arrow{margin-top: var(--space-2);}.card-subtle{background: var(--color-surface-subtle);}.card-tint{background: var(--color-surface-tint);border-color: var(--color-border-tint);}.card-accent{border-top: var(--space-1) solid var(--color-action-primary);}.card-featured{border: 2px solid var(--color-action-dark);box-shadow: var(--shadow-xl);}.card-link{position: relative;}.card-link:hover{border-color: var(--color-action-primary);transform: translateY(-3px);box-shadow: var(--shadow-lg);}.card-link .link-arrow::before{content: "";position: absolute;inset: 0;border-radius: var(--radius-card);}.card-num{color: var(--color-text-accent);font-family: var(--font-family-mono);font-size: var(--font-size-sm);font-weight: var(--font-weight-bold);}.grid > .card:not(.card-featured){position: relative;overflow: hidden;padding-top: calc(var(--space-card) + var(--space-1));}.grid > .card:not(.card-featured)::before{content: "";position: absolute;inset: 0 0 auto;height: var(--space-1);background: var(--color-pixel-on);}.grid > .card:not(.card-featured):nth-child(even)::before{background: var(--color-surface-inverse);}.grid-2 > .card:not(.card-featured):nth-child(4n+1)::before, .grid-2 > .card:not(.card-featured):nth-child(4n)::before{background: var(--color-pixel-on);}.grid-2 > .card:not(.card-featured):nth-child(4n+2)::before, .grid-2 > .card:not(.card-featured):nth-child(4n+3)::before{background: var(--color-surface-inverse);}.grid > .card-accent{border-top: 1px solid var(--color-border-default);}.on-dark .grid > .card:not(.card-featured):nth-child(even)::before{background: var(--color-text-inverse-accent);}.on-dark .card{background: var(--color-surface-inverse-raised);border-color: var(--color-border-inverse);}.on-dark .card p, .on-dark .card li{color: var(--color-text-inverse-muted);}.on-dark .card-num{color: var(--color-text-inverse-accent);}.pixel-icon{display: grid;grid-template-columns: repeat(3, 1fr);gap: 2px;width: 30px;height: 30px;margin-bottom: var(--space-1);}.pixel-icon i{background: var(--color-pixel-dim);}.pixel-icon i.on{background: var(--color-pixel-on);}.pixel-icon i.alt{background: var(--color-pixel-alt);}.pixel-icon i.off{background: transparent;}.on-dark .pixel-icon i{background: var(--color-border-inverse-strong);}.on-dark .pixel-icon i.on{background: var(--color-text-inverse-accent);}.on-dark .pixel-icon i.alt{background: var(--color-text-inverse);}.on-dark .pixel-icon i.off{background: transparent;}.pains{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: var(--space-4);}.pains-2{grid-template-columns: repeat(2, minmax(0, 1fr));}.pain{position: relative;overflow: hidden;display: flex;flex-direction: column;gap: var(--space-2);padding: calc(var(--space-5) + var(--space-1)) var(--space-5) var(--space-5);background: var(--color-surface-page);border: 1px solid var(--color-border-default);border-radius: var(--radius-panel);box-shadow: var(--shadow-sm);transition: transform var(--duration-fast), box-shadow var(--duration-fast);}.pain::before{content: "";position: absolute;inset: 0 0 auto;height: var(--space-1);background: var(--color-pixel-on);}.pain:nth-child(even)::before{background: var(--color-surface-inverse);}.pains-2 .pain:nth-child(4n+1)::before, .pains-2 .pain:nth-child(4n)::before{background: var(--color-pixel-on);}.pains-2 .pain:nth-child(4n+2)::before, .pains-2 .pain:nth-child(4n+3)::before{background: var(--color-surface-inverse);}.pain:hover{transform: translateY(-3px);box-shadow: var(--shadow-lg);}.pain h3{font-size: clamp(1.3rem, 1.7vw, 1.55rem);letter-spacing: var(--font-tracking-tightest);}.pain p{margin-bottom: var(--space-1);color: var(--color-text-muted);font-size: var(--font-size-md);line-height: 1.55;}.pain-fix{align-self: flex-start;margin-top: auto;display: inline-flex;align-items: center;gap: var(--space-1);padding: var(--space-1) var(--space-2);border-radius: var(--radius-sm);background: var(--color-action-primary);color: var(--color-action-primary-text);font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);text-decoration: none;white-space: nowrap;transition: background-color var(--duration-fast), color var(--duration-fast);}.pain-fix::after{content: "";display: inline-block;flex: none;width: .56em;height: .7em;background-color: currentColor;-webkit-mask: var(--mask-pixel-go) center / contain no-repeat;mask: var(--mask-pixel-go) center / contain no-repeat;}.pain-fix:hover{background: var(--color-action-primary-hover);color: var(--color-action-primary-text);}.pain .pain-fix{padding: 0;border-radius: 0;background: none;color: var(--color-text-strong);font-size: var(--font-size-md);white-space: normal;}.pain .pain-fix::after{background-color: var(--color-text-accent);transition: transform var(--duration-fast);}.pain .pain-fix:hover{background: none;color: var(--color-text-strong);text-decoration: underline;}.pain .pain-fix:hover::after{transform: translateX(4px);}.pillars{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: var(--space-5);}.pillar{--pillar-accent: var(--color-raspberry-500);--pillar-dot: var(--color-navy-800);display: flex;flex-direction: column;min-width: 0;overflow: hidden;background: var(--color-surface-subtle);border: 1px solid var(--color-border-default);border-radius: var(--radius-feature);}.pillar-build{--pillar-accent: var(--color-raspberry-500);--pillar-dot: var(--color-navy-800);}.pillar-maintain{--pillar-accent: var(--color-navy-800);--pillar-dot: var(--color-raspberry-300);}.pillar-grow{--pillar-accent: var(--color-blue-700);--pillar-dot: var(--color-raspberry-300);}.pillar-band{position: relative;overflow: hidden;padding: var(--space-5) var(--space-5) var(--space-5);background: var(--pillar-accent);color: var(--color-text-inverse);}.pillar-band h3{position: relative;color: var(--color-text-inverse);font-size: clamp(1.5rem, 2.6vw, 2.1rem);line-height: 1;letter-spacing: var(--font-tracking-tightest);white-space: nowrap;}.pillar-band .prompt{fill: var(--color-text-inverse);}.pillar-band .cursor{background: var(--pillar-dot);}.pillar-body{flex: 1;display: grid;gap: var(--space-4);align-content: start;padding: var(--space-5) var(--space-5) var(--space-5);}.pillar-body > p{color: var(--color-text-muted);font-size: var(--font-size-base);}.pillar-rows{display: grid;gap: var(--space-2);margin: 0;padding: 0;list-style: none;}.pillar-rows a{display: grid;grid-template-columns: auto minmax(0, 1fr) auto;align-items: center;gap: var(--space-3);padding: var(--space-2);border: 1px solid var(--color-border-default);border-radius: var(--radius-md);background: var(--color-surface-sunken);color: var(--color-text-strong);font-weight: var(--font-weight-semibold);text-decoration: none;transition: transform var(--duration-fast), box-shadow var(--duration-fast), border-color var(--duration-fast), background-color var(--duration-fast);}.pillar-rows a:hover, .pillar-rows a:focus-visible{background: var(--color-surface-page);border-color: var(--pillar-accent);box-shadow: var(--shadow-sm);transform: translateY(-2px);color: var(--color-text-strong);}.pillar-name{min-width: 0;}.pillar-ic{display: grid;place-items: center;width: 38px;height: 38px;border-radius: var(--radius-sm);background: var(--color-surface-page);box-shadow: var(--shadow-sm);}.pillar-ic .pixel-icon{width: 22px;height: 22px;margin: 0;}.pillar-go{display: grid;place-items: center;width: 30px;height: 30px;border-radius: 50%;background: var(--color-surface-page);color: var(--pillar-accent);box-shadow: var(--shadow-sm);transition: background-color var(--duration-fast), color var(--duration-fast);}.pillar-rows a:hover .pillar-go, .pillar-rows a:focus-visible .pillar-go{background: var(--pillar-accent);color: var(--color-text-inverse);}.steps{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: var(--space-5);margin: 0;padding: 0;list-style: none;}.steps-4{grid-template-columns: repeat(4, minmax(0, 1fr));}.step{position: relative;display: grid;gap: var(--space-3);align-content: start;padding: var(--space-card);border-radius: var(--radius-card);background: var(--color-surface-subtle);border: 1px solid var(--color-border-default);}.step h3{font-size: var(--font-size-xl);}.step p{color: var(--color-text-muted);}.step .btn{justify-self: start;margin-top: var(--space-2);}.on-dark .step{background: var(--color-surface-inverse-raised);border-color: var(--color-border-inverse);}.on-dark .step p{color: var(--color-text-inverse-muted);}.industries{display: grid;grid-template-columns: repeat(5, minmax(0, 1fr));gap: var(--space-4);}.industries-4{grid-template-columns: repeat(4, minmax(0, 1fr));}.industry{display: grid;gap: var(--space-2);align-content: start;padding: var(--space-5);border: 1px solid var(--color-border-default);border-radius: var(--radius-card);background: var(--color-surface-page);text-decoration: none;transition: border-color var(--duration-fast), background-color var(--duration-fast), transform var(--duration-fast), box-shadow var(--duration-fast);}.industry:hover{border-color: var(--color-border-hover);background: var(--color-surface-subtle);transform: translateY(-3px);box-shadow: var(--shadow-lg);}.industry h3{display: flex;justify-content: space-between;gap: var(--space-2);font-size: 1.1rem;}.industry h3::after{content: "";display: inline-block;flex: none;align-self: center;width: .56em;height: .7em;background-color: currentColor;-webkit-mask: var(--mask-pixel-go) center / contain no-repeat;mask: var(--mask-pixel-go) center / contain no-repeat;color: var(--color-text-accent);}.industry p{color: var(--color-text-muted);font-size: var(--font-size-md);}.checks{display: grid;gap: var(--space-3);margin: 0;padding: 0;list-style: none;}.checks li{position: relative;padding: var(--space-4) var(--space-5) var(--space-4) calc(var(--space-5) + var(--size-pixel) + var(--space-4));border: 1px solid var(--color-border-tint);border-radius: var(--radius-md);background: var(--color-surface-page);color: var(--color-text-strong);font-weight: var(--font-weight-medium);}.checks li::before{content: "";position: absolute;left: var(--space-5);top: 24px;width: var(--size-pixel);height: var(--size-pixel);background: var(--color-pixel-on);box-shadow: 4px 4px 0 var(--color-border-tint);}.ticks{display: grid;gap: var(--space-2);margin: 0;padding: 0;list-style: none;}.ticks li{position: relative;padding-left: var(--space-5);color: var(--color-text-body);}.ticks li::before{content: "";position: absolute;left: 0;top: .5em;width: 10px;height: 10px;background: var(--color-pixel-on);}.ticks li.no{color: var(--color-text-subtle);}.ticks li.no::before{background: var(--color-pixel-dim);}.on-dark .ticks li{color: var(--color-text-inverse-muted);}.on-dark .ticks li::before{background: var(--color-text-inverse-accent);}.stats{display: grid;grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));gap: var(--space-5);}.stat{display: grid;gap: var(--space-1);align-content: start;padding-top: var(--space-4);border-top: 1px solid var(--color-border-default);}.stat-value{color: var(--color-text-strong);font-size: 2.25rem;font-weight: var(--font-weight-bold);letter-spacing: var(--font-tracking-tightest);line-height: 1;}.stat-label{color: var(--color-text-muted);font-size: var(--font-size-md);line-height: 1.4;}.on-dark .stat{border-color: var(--color-border-inverse);}.on-dark .stat-value{color: var(--color-text-inverse);}.on-dark .stat-label{color: var(--color-text-inverse-muted);}.badge-panel{display: grid;justify-items: center;gap: var(--space-4);padding: var(--space-7);border: 1px solid var(--color-border-tint);border-radius: var(--radius-panel);background: var(--color-surface-page);text-align: center;}.badge-panel img{width: 220px;height: auto;}.badge-panel span{color: var(--color-text-muted);font-family: var(--font-family-mono);font-size: var(--font-size-xs);letter-spacing: var(--font-tracking-wider);text-transform: uppercase;}.person-card{justify-self: end;align-self: start;display: grid;width: 100%;max-width: 400px;margin: 0;overflow: hidden;border-radius: var(--radius-lg);background: var(--color-surface-inverse-deep);box-shadow: var(--shadow-lg);}.person-photo{display: block;width: 100%;height: auto;aspect-ratio: 1;object-fit: cover;object-position: top;}.person-body{display: grid;gap: var(--space-2);padding: var(--space-5);}.person-eyebrow{color: var(--color-text-inverse-accent);font-family: var(--font-family-mono);font-size: var(--font-size-xs);letter-spacing: var(--font-tracking-wider);text-transform: uppercase;}.person-name{color: var(--color-text-inverse);font-size: var(--font-size-2xl);font-weight: var(--font-weight-bold);letter-spacing: var(--font-tracking-snug);line-height: 1.1;}.person-role{color: var(--color-text-inverse-muted);font-size: var(--font-size-md);}.person-bio{margin: var(--space-2) 0 0;padding-top: var(--space-4);border-top: 1px solid var(--color-border-inverse);color: var(--color-text-inverse-muted);font-size: var(--font-size-md);line-height: 1.6;}.person-cred{display: flex;align-items: center;gap: var(--space-3);margin: var(--space-2) 0 0;color: var(--color-text-inverse);font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);}.person-cred img{width: 36px;height: auto;}.award{display: flex;align-items: center;gap: var(--space-4);}.award img{width: 85px;height: auto;}.award span{color: var(--color-text-strong);font-size: 1.1rem;font-weight: var(--font-weight-semibold);line-height: 1.3;}.tags{display: flex;flex-wrap: wrap;gap: var(--space-2);margin: 0;padding: 0;list-style: none;}.tags li, .tag{padding: var(--space-1) var(--space-3);background: var(--color-surface-inverse);color: var(--color-text-inverse);font-size: 12.5px;font-weight: var(--font-weight-semibold);}.tags li:first-child{background: var(--color-action-primary);}.tag-soft{background: var(--color-surface-sunken);color: var(--color-text-muted);}@media (max-width: 1100px){.industries:not(.industries-4){grid-template-columns: repeat(3, minmax(0, 1fr));}}@media (max-width: 960px){.pillar-band h3{font-size: clamp(1.75rem, 7vw, 2.1rem);}.person-card{justify-self: center;}.pains{grid-template-columns: repeat(2, minmax(0, 1fr));}.pillars, .steps, .steps-4{grid-template-columns: minmax(0, 1fr);}.industries-4{grid-template-columns: repeat(2, minmax(0, 1fr));}}@media (max-width: 640px){.pillar-band{padding: var(--space-4) var(--space-4) var(--space-4);}.pillar-body{padding: var(--space-4) var(--space-4) var(--space-4);}.pains, .pains-2, .industries, .industries:not(.industries-4), .industries-4{grid-template-columns: minmax(0, 1fr);gap: var(--space-3);}}.tags a{color: inherit;text-decoration: none;}.tags a:hover{text-decoration: underline;}@media (min-width: 641px) and (max-width: 960px){.pains:not(.pains-2) > .pain:last-child:nth-child(odd), .grid-3 > .card:last-child:nth-child(odd){grid-column: 1 / -1;}}.on-dark .tag-soft{background: transparent;border: 1px solid var(--color-border-inverse);color: var(--color-text-inverse);}.hero{position: relative;overflow: hidden;padding: var(--space-13) 0 var(--space-10);background: var(--color-surface-page);}.hero-pixels{position: absolute;inset: 0;width: 100%;height: 100%;pointer-events: none;}.hero-grid{position: relative;display: grid;grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);gap: var(--space-9);align-items: center;}.hero-copy{display: grid;gap: var(--space-5);}.hero h1{font-size: var(--type-h1-home);letter-spacing: var(--font-tracking-tightest);}.hero h1 .rotator{display: block;min-height: 3.4em;}.hero h1 .suffix{color: var(--color-text-accent);}.hero h1 .suffix::before{content: attr(data-t);}.hero h1 .prompt{height: .66em;margin-right: .24em;}.hero h1 .prompt rect{animation: pixel-in .38s var(--easing-pop) backwards;}.hero h1 .cursor{width: .19em;height: .19em;visibility: visible;animation: blink var(--duration-blink) steps(1) infinite;}.hero-lede{color: var(--color-text-muted);font-size: clamp(1.25rem, 1.8vw, 1.5rem);}.hero-lede strong{color: var(--color-text-strong);font-weight: var(--font-weight-semibold);}.hero .award img{width: calc(.95 * 85px);}.hero .award span{font-size: var(--font-size-base);}.media-card{position: relative;padding: var(--space-6);border-radius: var(--radius-3xl);background: linear-gradient(140deg, var(--color-blue-300) 0%, var(--color-blue-100) 45%, var(--color-blue-50) 100%);box-shadow: var(--shadow-xl);}.media-body{position: relative;display: grid;gap: var(--space-3);}.chip{display: grid;gap: var(--space-1);align-content: start;padding: var(--space-4) var(--space-5);border-radius: 18px;background: var(--alpha-white-90);box-shadow: var(--shadow-md);}.chip .label{text-wrap: balance;color: var(--color-text-muted);font-family: var(--font-family-mono);font-size: var(--font-size-2xs);letter-spacing: .1em;text-transform: uppercase;}.chip .value{color: var(--color-text-strong);font-size: 2.4rem;font-weight: var(--font-weight-bold);letter-spacing: var(--font-tracking-tightest);line-height: 1;}.chip .value small{color: var(--color-text-muted);font-size: 1rem;font-weight: var(--font-weight-medium);}.chip .note{color: var(--color-text-accent);font-size: var(--font-size-sm);}.chip-row{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: var(--space-3);}.bars{display: grid;grid-template-columns: repeat(12, minmax(0, 1fr));gap: var(--space-1);align-items: end;height: 130px;}.bar{display: flex;flex-direction: column;justify-content: flex-end;gap: 2px;height: 100%;transform-origin: bottom;animation: grow .9s var(--easing-standard) .2s backwards;}.bar i, .bar b{display: block;flex: none;}.bar i{background: repeating-linear-gradient(to top, var(--color-chart-series-1) 0 7px, transparent 7px 9px);}.bar b{background: repeating-linear-gradient(to top, var(--color-chart-series-2) 0 7px, transparent 7px 9px);}.bar:nth-child(1) i{height: 20%;}.bar:nth-child(1) b{height: 6%;}.bar:nth-child(2) i{height: 22%;}.bar:nth-child(2) b{height: 7%;}.bar:nth-child(3) i{height: 23%;}.bar:nth-child(3) b{height: 9%;}.bar:nth-child(4) i{height: 24%;}.bar:nth-child(4) b{height: 11%;}.bar:nth-child(5) i{height: 25%;}.bar:nth-child(5) b{height: 14%;}.bar:nth-child(6) i{height: 26%;}.bar:nth-child(6) b{height: 18%;}.bar:nth-child(7) i{height: 27%;}.bar:nth-child(7) b{height: 23%;}.bar:nth-child(8) i{height: 28%;}.bar:nth-child(8) b{height: 29%;}.bar:nth-child(9) i{height: 29%;}.bar:nth-child(9) b{height: 36%;}.bar:nth-child(10) i{height: 30%;}.bar:nth-child(10) b{height: 44%;}.bar:nth-child(11) i{height: 32%;}.bar:nth-child(11) b{height: 52%;}.bar:nth-child(12) i{height: 34%;}.bar:nth-child(12) b{height: 60%;}.legend{display: flex;flex-wrap: wrap;gap: var(--space-4);margin-top: var(--space-3);color: var(--color-text-muted);font-family: var(--font-family-mono);font-size: var(--font-size-2xs);letter-spacing: var(--font-tracking-wide);text-transform: uppercase;}.legend span{display: inline-flex;align-items: center;gap: var(--space-2);}.legend span::before{content: "";width: 9px;height: 9px;background: var(--color-chart-series-1);}.legend span.conv::before{background: var(--color-chart-series-2);}.cases{display: grid;gap: var(--space-5);}.case{display: grid;grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);overflow: hidden;background: var(--color-surface-page);border: 1px solid var(--color-border-default);border-radius: var(--radius-xl);box-shadow: var(--shadow-sm);transition: box-shadow var(--duration-base), border-color var(--duration-base);}.case:hover{border-color: var(--color-border-strong);box-shadow: var(--shadow-lg);}.case-shot{position: relative;overflow: hidden;aspect-ratio: 3 / 2;background: var(--color-surface-sunken);}.case-shot img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;object-position: top;transition: transform .6s var(--easing-out);}.case:hover .case-shot img{transform: scale(1.025);}.case-badge{position: absolute;z-index: var(--z-base);bottom: var(--space-4);left: var(--space-4);padding: var(--space-1) var(--space-3);border-radius: var(--radius-pill);background: var(--color-surface-page);color: var(--color-text-strong);font-size: var(--font-size-2xs);font-weight: var(--font-weight-bold);letter-spacing: .06em;text-transform: uppercase;box-shadow: var(--shadow-sm);}.case .tags li{border-radius: var(--radius-sm);background: var(--color-surface-sunken);color: var(--color-text-muted);}.case .tags li:first-child{background: var(--color-surface-sunken);color: var(--color-text-strong);}.case-body{display: grid;gap: var(--space-3);align-content: center;padding: var(--space-6);}.case h3{font-size: clamp(1.5rem, 2.2vw, 1.85rem);}.case-sub{margin-top: -6px;color: var(--color-text-subtle);font-weight: var(--font-weight-semibold);}.case-body > p{color: var(--color-text-muted);}.case-stats{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: var(--space-4);}.case-stats div{display: grid;gap: var(--space-1);align-content: start;padding-top: var(--space-3);border-top: 1px solid var(--color-border-default);}.case-stats strong{color: var(--color-text-strong);font-size: 1.75rem;font-weight: var(--font-weight-bold);letter-spacing: var(--font-tracking-tightest);line-height: 1;}.case-stats span{color: var(--color-text-muted);font-size: 14px;line-height: 1.4;}.case-helped{display: grid;gap: var(--space-2);}.case-helped-title{color: var(--color-text-strong);font-weight: var(--font-weight-bold);}.case-helped .ticks{gap: var(--space-1);}.case-helped .ticks li{line-height: 1.4;}.case-body > .case-note{color: var(--color-text-subtle);font-size: var(--font-size-xs);}.case-link{position: relative;justify-self: start;display: inline-flex;align-items: center;gap: var(--space-2);margin-top: var(--space-1);color: var(--color-text-strong);font-weight: var(--font-weight-bold);text-decoration: none;}.case-link span{color: var(--color-text-accent);transition: transform var(--duration-fast);}.case-link:hover{color: var(--color-text-strong);}.case-link:hover span{transform: translateX(3px);}.case-link[target="_blank"]:hover span{transform: translate(2px, -2px);}.case-quote{padding-left: var(--space-4);border-left: 3px solid var(--color-action-primary);color: var(--color-text-body);font-style: italic;}.case-quote cite{display: block;margin-top: var(--space-2);color: var(--color-text-subtle);font-size: var(--font-size-sm);font-style: normal;}.showcase{position: relative;margin: 0;padding: 0 9% 6% 0;}.showcase-desktop{display: block;width: 100%;height: auto;border: 1px solid var(--color-border-default);border-radius: var(--radius-lg);background: var(--color-surface-sunken);box-shadow: var(--shadow-xl);}.showcase-phone{position: absolute;right: 0;bottom: 0;width: 22%;height: auto;border: var(--space-2) solid var(--color-surface-inverse-deep);border-radius: calc(var(--radius-xl) + var(--space-2));background: var(--color-surface-inverse-deep);box-shadow: var(--shadow-xl);}.finale{padding: var(--space-12) 0;}.finale-grid{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: var(--space-9);align-items: center;}.finale h2{font-size: var(--type-h2);}.warn{display: grid;gap: var(--space-4);}.warn p{font-size: 1.15rem;}.ready{position: relative;display: grid;gap: var(--space-4);padding: var(--space-7);border-radius: var(--radius-panel);background: var(--color-surface-page);}.ready::before{content: "";position: absolute;left: calc(-1 * var(--space-3));bottom: calc(-1 * var(--space-3));width: var(--space-5);height: var(--space-5);background: var(--color-pixel-on);}.on-dark .ready h2, .on-dark .ready h3{color: var(--color-text-strong);}.on-dark .ready p{color: var(--color-text-muted);font-size: 1.1rem;}.on-dark .ready .eyebrow{color: var(--color-text-muted);}.on-dark .ready .eyebrow::before{color: var(--color-text-accent);}.on-dark .ready .btn-ghost{background: var(--color-surface-page);border-color: var(--color-border-strong);color: var(--color-text-strong);}.on-dark .ready .btn-ghost:hover{border-color: var(--color-border-hover);color: var(--color-text-strong);}.on-dark .ready a:not(.btn){color: var(--color-text-link);}.finale-single{max-width: 760px;margin: 0 auto;}.finale-center{display: grid;justify-items: center;gap: var(--space-5);text-align: center;}.finale-center .lede{max-width: 60ch;}.finale-center .note{margin-top: calc(-1 * var(--space-2));}@media (min-width: 961px){.case > .case-shot{aspect-ratio: auto;min-height: 360px;}.hero{display: flex;align-items: center;min-height: 100vh;min-height: 100svh;padding: calc(var(--size-header) + var(--space-4) + clamp(var(--space-4), 4vh, var(--space-8))) 0 clamp(var(--space-4), 4vh, var(--space-8));}.hero-grid{width: 100%;gap: clamp(var(--space-6), 4vw, var(--space-9));}.hero-copy{gap: clamp(var(--space-3), 2.6vh, var(--space-5));}.hero h1{font-size: clamp(2.4rem, min(5.2vw, 7.4vh), 4.4rem);}.hero h1 .rotator{min-height: 3.4em;}.hero-lede{font-size: clamp(1.15rem, 2.35vh, 1.5rem);}.hero .award img{width: calc(.95 * clamp(70px, 11.04vh, 103px));}.media-card{padding: clamp(var(--space-4), 3vh, var(--space-6));}.media-body, .chip-row{gap: clamp(var(--space-2), 1.6vh, var(--space-3));}.chip{padding: clamp(var(--space-3), 1.9vh, var(--space-4)) var(--space-4);}.chip .value{font-size: clamp(1.7rem, 4.2vh, 2.4rem);}.chip .bars{height: clamp(70px, 14vh, 130px);}.chip .legend{margin-top: clamp(var(--space-2), 1.4vh, var(--space-3));}}@media (max-width: 960px){.hero{padding: var(--space-13) 0 var(--space-9);}.hero-grid, .finale-grid{grid-template-columns: minmax(0, 1fr);gap: var(--space-8);}.case{grid-template-columns: minmax(0, 1fr);}.case-body{padding: var(--space-5) var(--space-5) var(--space-6);}.finale{padding: var(--space-section-sm) 0;}}@media (max-width: 640px){.hero{padding: var(--space-12) 0 var(--space-9);}.media-card{padding: var(--space-5);border-radius: var(--radius-feature);}.chip .value{font-size: 2rem;}.bars{height: 110px;gap: var(--space-1);}.case-stats{gap: var(--space-4);}.case-stats strong{font-size: 1.75rem;}.showcase{padding: 0 12% 8% 0;}.showcase-phone{width: 27%;border-width: var(--space-1);border-radius: var(--radius-lg);}.ready{padding: var(--space-5);}.ready::before{display: none;}}.page-hero{position: relative;overflow: hidden;padding: calc(var(--size-header) + var(--space-4) + var(--space-10)) 0 var(--space-9);background-color: var(--color-surface-page);}.page-hero::before{content: "";position: absolute;inset: 0;pointer-events: none;background:
linear-gradient(90deg, var(--color-surface-page) 2px, transparent 0) 0 0 / 16px 16px,
linear-gradient(var(--color-surface-page) 2px, var(--color-surface-sunken) 0) 0 0 / 16px 16px;-webkit-mask-image: linear-gradient(to bottom, var(--color-surface-page) 0%, transparent 90%);mask-image: linear-gradient(to bottom, var(--color-surface-page) 0%, transparent 90%);}.page-hero > .wrap{position: relative;}.page-hero-copy{display: grid;gap: var(--space-5);max-width: 820px;}.page-hero h1{font-size: var(--type-h1);}.page-hero h1 .accent-line{display: block;color: var(--color-text-accent);}.page-hero .lede{max-width: 62ch;font-size: clamp(1.1rem, 1.5vw, 1.3rem);}.page-hero-split{display: grid;grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);gap: var(--space-9);align-items: center;}.page-hero-split .page-hero-copy{max-width: none;}.page-hero-split:not(:has(form)){grid-template-columns: minmax(0, 1.3fr) minmax(0, .7fr);}.page-hero-aside{display: grid;gap: var(--space-4);padding: var(--space-6);border: 1px solid var(--color-border-tint);border-radius: var(--radius-feature);background: var(--color-surface-tint);}.page-hero-aside h2{font-size: var(--font-size-xl);}.page-hero-wide .page-hero-copy, .page-hero-wide .lede{max-width: none;}.page-hero-center .page-hero-copy{margin: 0 auto;justify-items: center;text-align: center;}.page-hero-center .actions{justify-content: center;}.case-intro{display: flow-root;}.case-intro > * + *{margin-top: var(--space-5);}.case-intro > .showcase + *{margin-top: 0;}.case-intro > .showcase{float: right;width: 52%;margin: 0 0 var(--space-6) var(--space-8);}.case-intro > .prose{max-width: none;margin-top: var(--space-8);}.page-hero-split > .page-hero-copy{position: relative;z-index: var(--z-base);}.screens{position: relative;min-height: 480px;perspective: 2000px;}.screens-plane{position: absolute;top: 46%;left: 4%;display: grid;grid-template-columns: repeat(3, 280px);gap: var(--space-5);transform: translateY(-50%) rotateX(48deg) rotateZ(32deg);transform-origin: 25% 50%;-webkit-mask-image: linear-gradient(to right, transparent 0%, var(--color-surface-page) 12%, var(--color-surface-page) 55%, transparent 95%);mask-image: linear-gradient(to right, transparent 0%, var(--color-surface-page) 12%, var(--color-surface-page) 55%, transparent 95%);}.screens-col{display: grid;gap: var(--space-5);align-content: start;}.screens-col:nth-child(2){transform: translateY(-22%);}.screens-col:nth-child(3){transform: translateY(8%);}.screens img{display: block;width: 100%;height: auto;border: 1px solid var(--color-border-default);border-radius: var(--radius-md);background: var(--color-surface-sunken);box-shadow: var(--shadow-xl);}.ai-chat, .ad-demo{display: grid;gap: var(--space-4);margin: 0;padding: var(--space-5);border: 1px solid var(--color-border-default);border-radius: var(--radius-panel);background: var(--color-surface-page);box-shadow: var(--shadow-xl);}.ai-chat-bar{display: flex;align-items: center;gap: var(--space-2);padding-bottom: var(--space-3);border-bottom: 1px solid var(--color-border-default);color: var(--color-text-muted);font-family: var(--font-family-mono);font-size: var(--font-size-xs);letter-spacing: var(--font-tracking-wide);text-transform: uppercase;}.ai-chat-bar .prompt{fill: var(--color-text-accent);}.ai-q{justify-self: end;max-width: 85%;padding: var(--space-3) var(--space-4);border-radius: var(--radius-lg) var(--radius-lg) var(--space-1) var(--radius-lg);background: var(--color-surface-inverse);color: var(--color-text-inverse);}.ai-a{display: grid;gap: var(--space-3);color: var(--color-text-body);}.ai-list{display: grid;gap: var(--space-2);margin: 0;padding: 0;list-style: none;counter-reset: ai;}.ai-list li{display: grid;grid-template-columns: auto 1fr;column-gap: var(--space-3);padding: var(--space-3) var(--space-4);border: 1px solid var(--color-border-default);border-radius: var(--radius-md);background: var(--color-surface-subtle);counter-increment: ai;}.ai-list li::before{content: counter(ai);grid-row: span 2;color: var(--color-text-subtle);font-family: var(--font-family-mono);font-weight: var(--font-weight-bold);}.ai-list strong{color: var(--color-text-strong);}.ai-list span{color: var(--color-text-muted);font-size: var(--font-size-sm);}.ai-list .ai-you{border-color: var(--color-action-primary);background: var(--color-surface-accent-tint);}.ai-list .ai-you::before{color: var(--color-text-accent);}.ai-sources{display: flex;flex-wrap: wrap;align-items: center;gap: var(--space-2);color: var(--color-text-muted);font-size: var(--font-size-sm);}.ai-src{padding: var(--space-1) var(--space-3);border-radius: var(--radius-pill);background: var(--color-surface-tint);color: var(--color-text-strong);font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);}.ai-chat figcaption, .ad-demo figcaption{color: var(--color-text-subtle);font-size: var(--font-size-xs);text-align: right;}.ad-search{display: flex;align-items: center;gap: var(--space-3);padding: var(--space-3) var(--space-4);border: 1px solid var(--color-border-strong);border-radius: var(--radius-pill);color: var(--color-text-strong);}.ad-search .prompt{fill: var(--color-text-accent);}.ad-result{display: grid;gap: var(--space-1);padding: var(--space-4);border: 1px solid var(--color-border-default);border-radius: var(--radius-md);background: var(--color-surface-subtle);}.ad-label{color: var(--color-text-strong);font-size: var(--font-size-xs);font-weight: var(--font-weight-bold);}.ad-url{color: var(--color-text-muted);font-size: var(--font-size-sm);}.ad-title{color: var(--color-text-link);font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold);line-height: var(--font-leading-snug);}.ad-desc{color: var(--color-text-body);font-size: var(--font-size-sm);}.ad-meta{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--space-3);margin-top: var(--space-2);color: var(--color-text-muted);font-size: var(--font-size-sm);}.ad-call{padding: var(--space-2) var(--space-4);border-radius: var(--radius-md);background: var(--color-action-primary);color: var(--color-action-primary-text);font-weight: var(--font-weight-bold);}.ad-alert{display: grid;grid-template-columns: auto 1fr;align-items: center;gap: var(--space-1) var(--space-3);padding: var(--space-3) var(--space-4);border-radius: var(--radius-md);background: var(--color-surface-inverse);color: var(--color-text-inverse);}.ad-alert strong{color: var(--color-text-inverse);}.ad-alert span:last-child{grid-column: 2;color: var(--color-text-inverse-muted);font-size: var(--font-size-sm);}.ad-ping{grid-row: span 2;width: 12px;height: 12px;background: var(--color-pixel-on);animation: blink var(--duration-blink) steps(1) infinite;}.trail{display: flex;flex-wrap: wrap;gap: var(--space-2);margin: 0;padding: 0;list-style: none;color: var(--color-text-muted);font-family: var(--font-family-mono);font-size: var(--font-size-xs);letter-spacing: var(--font-tracking-wide);text-transform: uppercase;}.trail li + li::before{content: "/";margin-right: var(--space-2);color: var(--color-border-strong);}.trail a{color: var(--color-text-muted);text-decoration: none;}.trail a:hover{color: var(--color-text-strong);}.meta{display: flex;flex-wrap: wrap;gap: var(--space-2) var(--space-5);color: var(--color-text-muted);font-size: var(--font-size-md);}@media (max-width: 960px){.page-hero{padding: calc(var(--size-header) + var(--space-4) + var(--space-8)) 0 var(--space-9);}.page-hero-split, .page-hero-split:not(:has(form)){grid-template-columns: minmax(0, 1fr);gap: var(--space-8);}.screens{min-height: 320px;margin-right: calc(-1 * var(--size-gutter));overflow: hidden;}.screens-plane{left: 0;grid-template-columns: repeat(3, 200px);}.case-intro{display: grid;gap: var(--space-5);}.case-intro > * + *{margin-top: 0;}.case-intro > .showcase{order: 1;float: none;width: auto;margin: var(--space-3) 0;}.case-intro > .prose{order: 2;margin-top: 0;}}@media (max-width: 640px){.page-hero{padding: calc(var(--size-header) + var(--space-6)) 0 var(--space-8);}}@media (max-width: 640px){.page-hero h1{font-size: clamp(1.75rem, 7.6vw, 2.25rem);}}.page-hero-tight{padding-bottom: 0;}.faq{display: grid;gap: var(--space-3);max-width: 860px;}.faq-center{margin: 0 auto;}.faq details{border: 1px solid var(--color-border-default);border-radius: var(--radius-md);background: var(--color-surface-page);}.faq details[open]{border-color: var(--color-border-tint);box-shadow: var(--shadow-md);}.faq summary{position: relative;display: block;padding: var(--space-5) var(--space-8) var(--space-5) var(--space-5);color: var(--color-text-strong);font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold);line-height: var(--font-leading-snug);cursor: pointer;list-style: none;}.faq summary::-webkit-details-marker{display: none;}.faq summary::after{content: "";position: absolute;right: var(--space-5);top: 50%;width: 10px;height: 10px;margin-top: -7px;border-right: 2px solid var(--color-text-accent);border-bottom: 2px solid var(--color-text-accent);transform: rotate(45deg);transition: transform var(--duration-fast);}.faq details[open] summary::after{margin-top: -2px;transform: rotate(-135deg);}.faq-answer{display: grid;gap: var(--space-3);padding: 0 var(--space-5) var(--space-5);color: var(--color-text-muted);}.faq-answer ul, .faq-answer ol{padding-left: 1.2em;}.on-dark .faq details{background: var(--color-surface-inverse-raised);border-color: var(--color-border-inverse);}.on-dark .faq summary{color: var(--color-text-inverse);}.on-dark .faq summary::after{border-color: var(--color-text-inverse-accent);}.plans{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: var(--space-5);align-items: stretch;}.plans-2{grid-template-columns: repeat(2, minmax(0, 1fr));}.plans-4{grid-template-columns: repeat(4, minmax(0, 1fr));}.plan{position: relative;display: flex;flex-direction: column;gap: var(--space-4);padding: var(--space-6);background: var(--color-surface-page);border: 1px solid var(--color-border-default);border-radius: var(--radius-panel);}.plan-featured{border: 2px solid var(--color-action-dark);box-shadow: var(--shadow-xl);}.plan-badge{position: absolute;top: calc(-1 * var(--space-3));left: var(--space-6);padding: var(--space-1) var(--space-3);background: var(--color-action-primary);color: var(--color-action-primary-text);font-family: var(--font-family-mono);font-size: var(--font-size-2xs);font-weight: var(--font-weight-bold);letter-spacing: var(--font-tracking-wide);text-transform: uppercase;}.plan-name{font-size: var(--font-size-2xl);}.plan-for{color: var(--color-text-muted);font-size: var(--font-size-md);}.plan-price{display: flex;flex-wrap: wrap;align-items: baseline;gap: var(--space-1);color: var(--color-text-strong);}.plan-amount{font-size: 2.75rem;font-weight: var(--font-weight-bold);letter-spacing: var(--font-tracking-tightest);line-height: 1;}.plan-term{color: var(--color-text-subtle);font-size: var(--font-size-md);font-weight: var(--font-weight-medium);}.plan-alt{color: var(--color-text-subtle);font-size: var(--font-size-sm);}.plan .ticks{flex: 1;align-content: start;padding-top: var(--space-4);border-top: 1px solid var(--color-border-default);}.plan .btn{margin-top: auto;}.billing-toggle{display: inline-flex;gap: var(--space-1);padding: var(--space-1);border: 1px solid var(--color-border-default);border-radius: var(--radius-pill);background: var(--color-surface-subtle);}.billing-toggle button{min-height: var(--size-tap);padding: 0 var(--space-5);border: 0;border-radius: var(--radius-pill);background: transparent;color: var(--color-text-muted);font-weight: var(--font-weight-semibold);}.billing-toggle button[aria-pressed="true"]{background: var(--color-surface-inverse);color: var(--color-text-inverse);}.billing-bar{display: flex;flex-wrap: wrap;align-items: center;gap: var(--space-4);margin-bottom: var(--space-7);}.save-badge{padding: var(--space-1) var(--space-2);border-radius: var(--radius-sm);background: var(--color-surface-accent-tint);color: var(--color-raspberry-600);font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);}.table-scroll{overflow-x: auto;-webkit-overflow-scrolling: touch;border: 1px solid var(--color-border-default);border-radius: var(--radius-card);background: var(--color-surface-page);}.compare{min-width: 640px;font-size: var(--font-size-md);}.compare th, .compare td{padding: var(--space-3) var(--space-4);border-bottom: 1px solid var(--color-border-default);text-align: center;vertical-align: middle;}.compare th:first-child, .compare td:first-child{text-align: left;}.compare thead th{background: var(--color-surface-subtle);color: var(--color-text-strong);font-weight: var(--font-weight-bold);}.compare thead th small{display: block;color: var(--color-text-muted);font-weight: var(--font-weight-medium);}.compare tbody th{color: var(--color-text-strong);font-weight: var(--font-weight-medium);}.compare .group th{background: var(--color-surface-tint);color: var(--color-text-strong);font-family: var(--font-family-mono);font-size: var(--font-size-xs);letter-spacing: var(--font-tracking-wider);text-transform: uppercase;}.compare .featured{background: var(--color-surface-accent-tint);}.compare tr:last-child td, .compare tr:last-child th{border-bottom: 0;}@media (max-width: 640px){.table-scroll{overflow: visible;}.compare{--plans: 3;display: block;min-width: 0;width: 100%;font-size: var(--font-size-sm);}.compare:has(thead th:nth-child(5)){--plans: 4;}.compare thead, .compare tbody{display: block;}.compare tr{display: grid;grid-template-columns: repeat(var(--plans), minmax(0, 1fr));}.compare th, .compare td{display: block;padding: var(--space-2);}.compare thead{position: sticky;z-index: var(--z-base);top: calc(var(--size-header) - var(--space-2));}.compare thead th{font-size: var(--font-size-xs);line-height: var(--font-leading-snug);}.compare thead th:first-child{display: none;}.compare thead th small + small, .compare thead th .btn, .compare thead th .tag{display: none;}.compare thead th small{font-weight: var(--font-weight-semibold);}.compare tbody th[scope="row"], .compare .group th{grid-column: 1 / -1;padding: var(--space-3) var(--space-3) var(--space-1);border-bottom: 0;text-align: left;}.compare tbody th[scope="row"] .note{font-size: var(--font-size-xs);}.compare tbody td{padding-bottom: var(--space-3);}.compare .group th{padding-bottom: var(--space-2);border-bottom: 1px solid var(--color-border-default);}}span.yes, span.no{display: inline-block;width: 18px;height: 18px;vertical-align: middle;}span.yes{position: relative;background: var(--color-pixel-on);}span.yes::after{content: "";position: absolute;left: 6px;top: 2px;width: 5px;height: 10px;border: solid var(--color-text-inverse);border-width: 0 3px 3px 0;transform: rotate(45deg);}span.no{background: var(--color-pixel-dim);}.data-table th, .data-table td{padding: var(--space-3) var(--space-4);border-bottom: 1px solid var(--color-border-default);text-align: left;vertical-align: top;}.data-table thead th{background: var(--color-surface-subtle);color: var(--color-text-strong);font-weight: var(--font-weight-semibold);}@media (max-width: 1100px){.plans-4{grid-template-columns: repeat(2, minmax(0, 1fr));}}@media (max-width: 960px){.plans, .plans-2, .plans-4{grid-template-columns: minmax(0, 1fr);}}.timeline{position: relative;display: grid;gap: var(--space-5);margin: 0;padding: 0;list-style: none;}.timeline::before{content: "";position: absolute;top: var(--space-3);bottom: var(--space-3);left: 19px;width: 2px;background: repeating-linear-gradient(to bottom, var(--color-border-strong) 0 6px, transparent 6px 10px);}.phase{position: relative;display: grid;grid-template-columns: 40px minmax(0, 1fr);gap: var(--space-5);}.phase-num{position: relative;z-index: var(--z-base);display: grid;place-items: center;width: 40px;height: 40px;background: var(--color-surface-inverse);color: var(--color-text-inverse);font-family: var(--font-family-mono);font-size: var(--font-size-md);font-weight: var(--font-weight-bold);}.phase:last-child .phase-num{background: var(--color-action-primary);}.phase-body{display: grid;gap: var(--space-2);padding: var(--space-5);border: 1px solid var(--color-border-default);border-radius: var(--radius-card);background: var(--color-surface-page);}.phase-body h3{font-size: var(--font-size-xl);}.phase-time{color: var(--color-text-accent);font-family: var(--font-family-mono);font-size: var(--font-size-xs);font-weight: var(--font-weight-medium);letter-spacing: var(--font-tracking-wide);text-transform: uppercase;}.phase-body p{color: var(--color-text-muted);}.phase-body .ticks{margin-top: var(--space-2);}.on-dark .timeline::before{background: repeating-linear-gradient(to bottom, var(--color-border-inverse-strong) 0 6px, transparent 6px 10px);}.on-dark .phase-num{background: var(--color-surface-page);color: var(--color-text-strong);}.on-dark .phase:last-child .phase-num{background: var(--color-action-primary);color: var(--color-action-primary-text);}.on-dark .phase-body{background: var(--color-surface-inverse-raised);border-color: var(--color-border-inverse);}.on-dark .phase-time{color: var(--color-text-inverse-accent);}.on-dark .phase-body p{color: var(--color-text-inverse-muted);}@media (min-width: 961px){.phase-body .ticks{display: block;columns: 2;column-gap: var(--space-8);}.phase-body .ticks li{break-inside: avoid;margin-bottom: var(--space-2);}}.prose{max-width: var(--size-wrap-narrow);color: var(--color-text-body);font-size: 1.125rem;line-height: var(--font-leading-loose);}.prose > * + *{margin-top: 1.1em;}.prose h2{margin-top: 2em;font-size: var(--font-size-3xl);}.prose h3{margin-top: 1.8em;font-size: var(--font-size-2xl);}.prose h4{margin-top: 1.6em;font-size: var(--font-size-xl);}.prose h2 + *, .prose h3 + *, .prose h4 + *{margin-top: .6em;}.prose ul, .prose ol{padding-left: 1.4em;}.prose li + li{margin-top: .4em;}.prose ul li::marker{color: var(--color-text-accent);}.prose ol li::marker{color: var(--color-text-accent);font-family: var(--font-family-mono);font-weight: var(--font-weight-bold);}.prose a:not(.btn){color: var(--color-text-link);}.prose blockquote{padding: var(--space-1) 0 var(--space-1) var(--space-5);border-left: 3px solid var(--color-action-primary);color: var(--color-text-strong);font-size: var(--font-size-xl);line-height: var(--font-leading-snug);}.prose blockquote cite{display: block;margin-top: var(--space-2);color: var(--color-text-subtle);font-size: var(--font-size-md);font-style: normal;}.prose figure img{border-radius: var(--radius-card);}.prose figcaption{margin-top: var(--space-2);color: var(--color-text-subtle);font-size: var(--font-size-md);}.prose table{font-size: var(--font-size-md);line-height: var(--font-leading-normal);}.prose th, .prose td{padding: var(--space-3) var(--space-4);border-bottom: 1px solid var(--color-border-default);text-align: left;vertical-align: top;}.prose thead th{background: var(--color-surface-subtle);color: var(--color-text-strong);}.prose code{padding: 2px var(--space-1);border-radius: var(--radius-sm);background: var(--color-surface-sunken);}.prose hr{margin: 2.4em 0;}.prose .callout, .prose .toc, .prose .card, .prose .cta-inline, .prose .stats, .prose .grid{margin-top: 1.6em;margin-bottom: 1.6em;}.prose-wide{max-width: none;}.article{display: grid;grid-template-columns: minmax(0, 1fr) 260px;gap: var(--space-9);align-items: start;}.article .prose{max-width: none;}.article-aside{position: sticky;top: calc(var(--size-header) + var(--space-5));display: grid;gap: var(--space-5);}.toc{padding: var(--space-5);border: 1px solid var(--color-border-default);border-radius: var(--radius-card);background: var(--color-surface-subtle);font-size: var(--font-size-md);line-height: var(--font-leading-snug);}.toc h2, .toc .toc-title{margin: 0 0 var(--space-3);color: var(--color-text-subtle);font-family: var(--font-family-mono);font-size: var(--font-size-xs);font-weight: var(--font-weight-medium);letter-spacing: var(--font-tracking-wider);text-transform: uppercase;}.toc ol{display: grid;gap: var(--space-2);margin: 0;padding: 0;list-style: none;counter-reset: toc;}.toc li{counter-increment: toc;display: grid;grid-template-columns: 28px minmax(0, 1fr);}.toc li::before{content: counter(toc, decimal-leading-zero);color: var(--color-text-accent);font-family: var(--font-family-mono);font-size: var(--font-size-sm);font-weight: var(--font-weight-bold);}.toc li + li{margin-top: 0;}.toc a{color: var(--color-text-body);text-decoration: none;}.toc a:hover{color: var(--color-text-strong);text-decoration: underline;}.callout{display: grid;gap: var(--space-2);padding: var(--space-5);border-left: var(--space-1) solid var(--color-text-link);border-radius: 0 var(--radius-md) var(--radius-md) 0;background: var(--color-surface-tint);color: var(--color-text-body);font-size: var(--font-size-base);line-height: var(--font-leading-normal);}.callout-title{color: var(--color-text-strong);font-weight: var(--font-weight-bold);}.callout-accent{border-left-color: var(--color-action-primary);background: var(--color-surface-accent-tint);}.callout-success{border-left-color: var(--color-text-success);background: var(--color-surface-success);}.callout-warning{border-left-color: var(--color-text-warning);background: var(--color-surface-warning);}.on-dark .callout{background: var(--color-surface-inverse-raised);color: var(--color-text-inverse-muted);}.cta-inline{display: grid;gap: var(--space-3);padding: var(--space-6);border-radius: var(--radius-panel);background: var(--color-surface-inverse);color: var(--color-text-inverse-muted);}.cta-inline h2, .cta-inline h3, .cta-inline strong{margin: 0;color: var(--color-text-inverse);}.cta-inline p{color: var(--color-text-inverse-muted);}.cta-inline .btn{justify-self: start;}.related{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: var(--space-4);}@media (max-width: 960px){.article{grid-template-columns: minmax(0, 1fr);gap: var(--space-6);}.article-aside{position: static;order: -1;}.related{grid-template-columns: minmax(0, 1fr);}}@media (max-width: 640px){.prose{font-size: var(--font-size-base);}}.prose .card :is(h2, h3, h4), .prose .callout :is(h2, h3, h4), .prose .cta-inline :is(h2, h3, h4), .prose .faq :is(h2, h3, h4), .prose .plan :is(h2, h3, h4){margin-top: 0;}.prose .card > * + *, .prose .plan > * + *{margin-top: 0;}.prose > :first-child{margin-top: 0;}.form{display: grid;gap: var(--space-5);}.form-row{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: var(--space-4);}.field{display: grid;gap: var(--space-2);align-content: start;}.field label, .label{color: var(--color-text-strong);font-size: var(--font-size-md);font-weight: var(--font-weight-semibold);}.field .hint{color: var(--color-text-subtle);font-size: var(--font-size-sm);}.input, .field input:not([type="checkbox"]):not([type="radio"]), .field select, .field textarea{width: 100%;min-height: var(--size-control);padding: var(--space-3) var(--space-4);border: 1px solid var(--color-border-strong);border-radius: var(--radius-control);background: var(--color-surface-page);color: var(--color-text-body);transition: border-color var(--duration-fast), box-shadow var(--duration-fast);}.field textarea{min-height: 140px;resize: vertical;}.input:focus, .field input:focus, .field select:focus, .field textarea:focus{outline: none;border-color: var(--color-text-link);box-shadow: 0 0 0 3px var(--color-surface-tint);}.field-check{display: flex;gap: var(--space-3);align-items: flex-start;color: var(--color-text-muted);font-size: var(--font-size-md);}.field-check input{width: 18px;height: 18px;margin-top: 3px;accent-color: var(--color-action-primary);}.form-panel{padding: var(--space-7);border: 1px solid var(--color-border-default);border-radius: var(--radius-feature);background: var(--color-surface-page);box-shadow: var(--shadow-lg);}.form-status{padding: var(--space-4);border-radius: var(--radius-md);font-weight: var(--font-weight-medium);}.form-status[hidden]{display: none;}.form-status.is-success{background: var(--color-surface-success);color: var(--color-text-success);}.form-status.is-error{background: var(--color-surface-danger);color: var(--color-text-danger);}.field-error{margin: 0;color: var(--color-text-danger);font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);}input.is-error, .field input.is-error:not([type="checkbox"]):not([type="radio"]){border-color: var(--color-text-danger);}.required{color: var(--color-text-accent);}.choices{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: var(--space-3);}.choice{position: relative;display: flex;gap: var(--space-3);align-items: center;padding: var(--space-4);border: 2px solid var(--color-border-default);border-radius: var(--radius-md);background: var(--color-surface-page);color: var(--color-text-strong);font-weight: var(--font-weight-medium);cursor: pointer;transition: border-color var(--duration-fast), background-color var(--duration-fast);}.choice:hover{border-color: var(--color-border-hover);}.choice input{position: absolute;opacity: 0;pointer-events: none;}.choice-box{flex: none;width: 18px;height: 18px;border: 2px solid var(--color-border-strong);}.choice.is-selected, .choice:has(input:checked){border-color: var(--color-action-primary);background: var(--color-surface-accent-tint);}.choice.is-selected .choice-box, .choice:has(input:checked) .choice-box{border-color: var(--color-action-primary);background: var(--color-action-primary);}.wizard{display: grid;gap: var(--space-6);}.wizard-step[hidden]{display: none;}.wizard-progress{height: 6px;overflow: hidden;border-radius: var(--radius-pill);background: var(--color-surface-sunken);}.wizard-progress-bar{display: block;width: 0;height: 100%;background: var(--color-action-primary);transition: width var(--duration-base) var(--easing-standard);}.wizard-nav{display: flex;justify-content: space-between;gap: var(--space-3);}.loader{position: fixed;inset: 0;z-index: var(--z-skip);display: grid;place-items: center;padding: var(--size-gutter);background: color-mix(in srgb, var(--color-surface-inverse) 60%, transparent);}.loader[hidden]{display: none;}.loader-panel{display: grid;justify-items: center;gap: var(--space-4);width: min(440px, 100%);padding: var(--space-8) var(--space-6);border-radius: var(--radius-panel);background: var(--color-surface-page);box-shadow: var(--shadow-xl);text-align: center;}.loader-mark{width: 72px;height: 72px;animation: loader-pulse 1.2s var(--easing-standard) infinite;}.loader-mark-bg{fill: var(--color-surface-inverse);}.loader-mark-px{fill: var(--color-text-inverse);}.loader-mark-dot{fill: var(--color-pixel-on);animation: blink var(--duration-blink) steps(1) infinite;}.loader-title{color: var(--color-text-strong);font-size: var(--font-size-xl);font-weight: var(--font-weight-bold);line-height: var(--font-leading-snug);}.loader-line{color: var(--color-text-strong);font-family: var(--font-family-mono);letter-spacing: var(--font-tracking-wide);}.loader-prompt{color: var(--color-text-accent);}.loader-dots i{font-style: normal;}.loader-dots i:nth-child(2){animation: loader-dot-2 1.2s steps(1) infinite;}.loader-dots i:nth-child(3){animation: loader-dot-3 1.2s steps(1) infinite;}.loader-status{color: var(--color-text-muted);font-size: var(--font-size-sm);}@keyframes loader-pulse{50%{opacity: .35;transform: scale(.92);}}@keyframes loader-dot-2{0%{visibility: hidden;}33.33%{visibility: visible;}}@keyframes loader-dot-3{0%{visibility: hidden;}66.66%{visibility: visible;}}@media (prefers-reduced-motion: reduce){.loader-dots i{visibility: visible;}}.score{display: grid;justify-items: center;gap: var(--space-2);padding: var(--space-6);border-radius: var(--radius-panel);background: var(--color-surface-tint);text-align: center;}.score-value{color: var(--color-text-strong);font-size: 4rem;font-weight: var(--font-weight-bold);letter-spacing: var(--font-tracking-tightest);line-height: 1;}.score-label{color: var(--color-text-muted);font-family: var(--font-family-mono);font-size: var(--font-size-xs);letter-spacing: var(--font-tracking-wider);text-transform: uppercase;}.modal{position: fixed;inset: 0;z-index: var(--z-skip);display: grid;place-items: center;padding: var(--space-4);background: var(--alpha-navy-90);}.modal[hidden]{display: none;}.modal-panel{position: relative;width: 100%;max-width: 640px;max-height: calc(100vh - var(--space-8));overflow-y: auto;padding: var(--space-7);border-radius: var(--radius-feature);background: var(--color-surface-page);}.modal-close{position: absolute;top: var(--space-3);right: var(--space-3);width: var(--size-tap);height: var(--size-tap);border: 0;border-radius: var(--radius-sm);background: var(--color-surface-sunken);color: var(--color-text-strong);font-size: var(--font-size-xl);}@media (max-width: 640px){.form-row, .choices{grid-template-columns: minmax(0, 1fr);}.form-panel, .modal-panel{padding: var(--space-5);}}.choices.is-error{outline: 2px solid var(--color-text-danger);outline-offset: var(--space-2);border-radius: var(--radius-md);animation: shake .4s var(--easing-standard);}.input.is-error, .field input.is-error, .field select.is-error, .field textarea.is-error{border-color: var(--color-text-danger);}.score-value.is-success, .stat-value.is-success{color: var(--color-text-success);}.score-value.is-error, .stat-value.is-error{color: var(--color-text-danger);}.score.is-success{background: var(--color-surface-success);}.score.is-success .score-value{color: var(--color-text-success);}.score.is-error{background: var(--color-surface-danger);}.score.is-error .score-value{color: var(--color-text-danger);}@keyframes shake{20%, 60%{transform: translateX(-4px);}40%, 80%{transform: translateX(4px);}}.embed{min-height: 700px;border: 1px solid var(--color-border-default);border-radius: var(--radius-panel);overflow: hidden;background: var(--color-surface-page);}@media (max-width: 640px){.embed{min-height: 1000px;}}.link-list{display: grid;margin: 0;padding: 0;list-style: none;border-top: 1px solid var(--color-border-default);}.link-list li{border-bottom: 1px solid var(--color-border-default);}.link-list a{display: flex;align-items: center;justify-content: space-between;gap: var(--space-4);padding: var(--space-4) 0;color: var(--color-text-strong);font-weight: var(--font-weight-semibold);text-decoration: none;}.link-list a::after{content: "";flex: none;width: .56em;height: .7em;background-color: currentColor;-webkit-mask: var(--mask-pixel-go) center / contain no-repeat;mask: var(--mask-pixel-go) center / contain no-repeat;color: var(--color-text-accent);transition: transform var(--duration-fast);}.link-list a:hover::after{transform: translateX(4px);}.link-list a span{color: var(--color-text-muted);font-weight: var(--font-weight-regular);}.link-grid{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 0 var(--space-6);}.quote{display: grid;gap: var(--space-4);padding: var(--space-6);border-radius: var(--radius-panel);background: var(--color-surface-subtle);}.quote p{color: var(--color-text-strong);font-size: var(--font-size-xl);line-height: var(--font-leading-snug);}.quote footer{color: var(--color-text-muted);font-size: var(--font-size-md);}.quote footer strong{display: block;}.chart-panel{display: grid;gap: var(--space-4);padding: var(--space-6);border: 1px solid var(--color-border-default);border-radius: var(--radius-panel);background: var(--color-surface-page);}.chart-panel canvas{width: 100%;aspect-ratio: 1.4;max-height: 300px;}.chart-panel h3{font-size: var(--font-size-xl);}.ranks{display: grid;gap: var(--space-2);margin: 0;padding: 0;list-style: none;}.ranks li{display: flex;align-items: center;gap: var(--space-4);padding: var(--space-3) var(--space-4);border: 1px solid var(--color-border-default);border-radius: var(--radius-md);background: var(--color-surface-page);}.rank{flex: none;min-width: 48px;color: var(--color-text-accent);font-family: var(--font-family-mono);font-weight: var(--font-weight-bold);}.rank-term{color: var(--color-text-strong);font-weight: var(--font-weight-medium);}.statement{max-width: 900px;margin-inline: auto;text-align: center;}.statement p{color: var(--color-text-strong);font-size: clamp(1.5rem, 3vw, 2.25rem);font-weight: var(--font-weight-semibold);letter-spacing: var(--font-tracking-tight);line-height: var(--font-leading-snug);}.on-dark .statement p{color: var(--color-text-inverse);}.swatches{display: grid;grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));gap: var(--space-4);}.swatch{display: grid;gap: var(--space-2);}.swatch-chip{height: 96px;border: 1px solid var(--color-border-default);border-radius: var(--radius-md);}.swatch-name{color: var(--color-text-strong);font-weight: var(--font-weight-semibold);}.swatch-value{color: var(--color-text-muted);font-family: var(--font-family-mono);font-size: var(--font-size-sm);}.sw-navy-900{background: var(--color-navy-900);}.sw-navy-800{background: var(--color-navy-800);}.sw-blue-700{background: var(--color-blue-700);}.sw-blue-300{background: var(--color-blue-300);}.sw-blue-100{background: var(--color-blue-100);}.sw-blue-50{background: var(--color-blue-50);}.sw-raspberry-600{background: var(--color-raspberry-600);}.sw-raspberry-500{background: var(--color-raspberry-500);}.sw-raspberry-300{background: var(--color-raspberry-300);}.sw-raspberry-50{background: var(--color-raspberry-50);}.sw-slate-50{background: var(--color-slate-50);}.sw-slate-100{background: var(--color-slate-100);}.sw-slate-200{background: var(--color-slate-200);}.sw-slate-300{background: var(--color-slate-300);}.sw-slate-500{background: var(--color-slate-500);}.sw-slate-600{background: var(--color-slate-600);}.sw-slate-800{background: var(--color-slate-800);}.sw-white{background: var(--color-white);}.specimen{display: grid;grid-template-columns: 180px minmax(0, 1fr);gap: var(--space-5);align-items: baseline;padding: var(--space-4) 0;border-bottom: 1px solid var(--color-border-default);}.specimen-meta{color: var(--color-text-subtle);font-family: var(--font-family-mono);font-size: var(--font-size-xs);}.type-h1{font-size: var(--type-h1);}.type-h2{font-size: var(--type-h2);}.type-h3{font-size: var(--type-h3);}.type-h4{font-size: var(--type-h4);}.type-lede{font-size: var(--type-lede);color: var(--color-text-muted);}.type-body{font-size: var(--type-body);}.type-display{font-size: var(--type-h1-home);font-weight: var(--font-weight-bold);letter-spacing: var(--font-tracking-tightest);color: var(--color-text-strong);line-height: var(--font-leading-tight);}@media (max-width: 960px){.link-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}}@media (max-width: 640px){.link-grid{grid-template-columns: minmax(0, 1fr);}.specimen{grid-template-columns: minmax(0, 1fr);gap: var(--space-2);}}.on-dark .quote{background: var(--color-surface-inverse-raised);}.on-dark .quote p{color: var(--color-text-inverse);}.on-dark .quote footer{color: var(--color-text-inverse-muted);}.on-dark .chart-panel{background: var(--color-surface-inverse-raised);border-color: var(--color-border-inverse);}.on-dark .case-quote{color: var(--color-text-inverse);border-left-color: var(--color-text-inverse-accent);}.on-dark .data-table th, .on-dark .data-table td{border-color: var(--color-border-inverse);}.on-dark .data-table thead th{background: var(--color-surface-inverse-raised);color: var(--color-text-inverse);}.logo-band{padding: var(--space-8) 0 0;}.logo-band .eyebrow{margin-bottom: var(--space-4);}.marquee{--marquee-cell: 240px;overflow: hidden;border-top: 1px solid var(--color-border-default);border-bottom: 1px solid var(--color-border-default);background: var(--color-surface-page);-webkit-mask-image: linear-gradient(to right, transparent, var(--color-white) 8%, var(--color-white) 92%, transparent);mask-image: linear-gradient(to right, transparent, var(--color-white) 8%, var(--color-white) 92%, transparent);}.marquee-track{display: flex;width: max-content;margin: 0;padding: 0;list-style: none;animation: marquee 60s linear infinite;}.marquee:hover .marquee-track, .marquee:focus-within .marquee-track{animation-play-state: paused;}.marquee-track li{flex: none;display: grid;place-items: center;width: var(--marquee-cell);height: 96px;padding: 0 var(--space-5);border-right: 1px solid var(--color-border-default);}.marquee-track a{display: grid;place-items: center;border-radius: var(--radius-sm);}.marquee-track img{width: auto;height: 41px;max-width: 100%;object-fit: contain;}.marquee-track .logo-mark img{height: 53px;}.marquee-track .logo-md img{height: 58px;}.marquee-track .logo-lg img{height: 62px;}.marquee-track .logo-xl img{height: 67px;}.marquee-track .logo-2xl img{height: 80px;}.marquee-track .logo-wide{width: calc(var(--marquee-cell) * 1.7);}.marquee-track .logo-wide img{height: 46px;}.logo-band + .section{padding-top: var(--space-section-xs);}@keyframes marquee{to{transform: translateX(calc(-100% / 3));}}@media (max-width: 640px){.marquee{--marquee-cell: 180px;}.marquee-track li{height: 86px;padding: 0 var(--space-4);}.marquee-track img{height: 34px;}.marquee-track .logo-mark img{height: 46px;}.marquee-track .logo-md img{height: 46px;}.marquee-track .logo-lg img{height: 48px;}.marquee-track .logo-xl img{height: 53px;}.marquee-track .logo-2xl img{height: 64px;}.marquee-track .logo-wide img{height: 36px;}}@media (prefers-reduced-motion: reduce){.marquee{overflow-x: auto;scrollbar-width: none;}.marquee::-webkit-scrollbar{display: none;}.marquee-track{animation: none;}.marquee-track li[aria-hidden="true"]{display: none;}}body:has(.lp-page) .site-header .nav,
body:has(.lp-page) .site-header .pill-cta,
body:has(.lp-page) .site-header .mobile-nav,
body:has(.lp-page) .site-footer .footer-grid{display: none;}body:has(.lp-page) .site-header .nav-pill{justify-content: flex-start;}body:has(.lp-page) .site-footer{padding-top: var(--space-6);}.lp-form h2{font-size: var(--font-size-2xl);}.lp-form .note{margin: 0;}.link-list a:has(span){display: grid;grid-template-columns: minmax(0, 1fr) auto;column-gap: var(--space-4);row-gap: var(--space-1);}.link-list a:has(span) span{grid-column: 1;grid-row: 2;}.link-list a:has(span)::after{grid-column: 2;grid-row: 1 / span 2;align-self: center;}.sr-only, .screen-reader-text{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0;}.center{text-align: center;}.center-block{margin-left: auto;margin-right: auto;}.measure{max-width: 62ch;}.no-wrap{white-space: nowrap;}.prose .cmplz-document h2, .prose .cmplz-document h3{margin-top: 1.6em;}.prose .cmplz-document p, .prose .cmplz-document ul{margin-top: .8em;}@media (prefers-reduced-motion: reduce){*, *::before, *::after{animation: none !important;transition: none !important;scroll-behavior: auto !important;}.cursor{visibility: visible;}}.cmplz-cookiebanner .cmplz-banner-checkbox label{display: flex;align-items: center;min-width: 44px;min-height: 44px;}body .cmplz-cookiebanner.cmplz-cookiebanner{top: auto;right: var(--space-5);bottom: var(--space-5);left: auto;width: 360px;min-width: 0;max-width: calc(100vw - 2 * var(--space-5));max-height: calc(100vh - 2 * var(--space-5));overflow-y: auto;padding: var(--space-4) var(--space-5);gap: var(--space-3);border: 1px solid var(--color-border-default);border-radius: var(--radius-lg);box-shadow: var(--shadow-sm), var(--shadow-lg);font-size: var(--font-size-sm);transform: none;grid-template-columns: minmax(0, 1fr);}body .cmplz-cookiebanner.cmplz-cookiebanner .cmplz-divider{display: none;}body .cmplz-cookiebanner.cmplz-cookiebanner .cmplz-header{grid-column: 1 / -1;grid-template-columns: minmax(0, 1fr) auto;min-height: 0;}body .cmplz-cookiebanner.cmplz-cookiebanner .cmplz-logo{display: none;}body .cmplz-cookiebanner.cmplz-cookiebanner .cmplz-close{grid-column-start: 2;display: grid;place-items: center;width: 28px;height: 28px;border-radius: 0;background: var(--color-action-primary);color: var(--color-action-primary-text);}body .cmplz-cookiebanner.cmplz-cookiebanner .cmplz-close:hover{background: var(--color-action-primary-hover);}body .cmplz-cookiebanner.cmplz-cookiebanner .cmplz-close svg{width: 12px;height: 12px;}body .cmplz-cookiebanner.cmplz-cookiebanner .cmplz-close svg path{fill: currentColor;}body .cmplz-cookiebanner.cmplz-cookiebanner .cmplz-body, body .cmplz-cookiebanner.cmplz-cookiebanner .cmplz-buttons, body .cmplz-cookiebanner.cmplz-cookiebanner .cmplz-documents{grid-column: 1 / -1;min-width: 0;}body .cmplz-cookiebanner.cmplz-cookiebanner .cmplz-category-header{grid-template-columns: minmax(0, 1fr) auto auto;}body .cmplz-cookiebanner.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label::before{top: calc(50% - 7.5px);}body .cmplz-cookiebanner.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label::after{top: calc(50% - 5.5px);}body .cmplz-cookiebanner.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox{top: 50%;}body .cmplz-cookiebanner.cmplz-cookiebanner .cmplz-title{grid-column: 1;justify-self: start;font-size: var(--font-size-md);}body .cmplz-cookiebanner.cmplz-cookiebanner .cmplz-message, body .cmplz-cookiebanner.cmplz-cookiebanner .cmplz-categories{width: auto;}body .cmplz-cookiebanner.cmplz-cookiebanner .cmplz-message{font-size: var(--font-size-sm);line-height: var(--font-leading-normal);}body .cmplz-cookiebanner.cmplz-cookiebanner .cmplz-categories{display: none;}body .cmplz-cookiebanner.cmplz-cookiebanner.cmplz-categories-visible .cmplz-categories{display: block;}body .cmplz-cookiebanner.cmplz-cookiebanner .cmplz-buttons{flex-direction: row;gap: var(--space-2);}body .cmplz-cookiebanner.cmplz-cookiebanner .cmplz-buttons .cmplz-btn{flex: 1;min-width: 0;height: auto;min-height: 40px;padding: var(--space-2) var(--space-3);font-size: var(--font-size-sm);}body .cmplz-cookiebanner.cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences{display: block;}body .cmplz-cookiebanner.cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences{display: none;}body .cmplz-cookiebanner.cmplz-cookiebanner.cmplz-categories-visible .cmplz-btn.cmplz-view-preferences{display: none;}body .cmplz-cookiebanner.cmplz-cookiebanner.cmplz-categories-visible .cmplz-btn.cmplz-save-preferences{display: block;}body .cmplz-cookiebanner.cmplz-cookiebanner .cmplz-documents{font-size: var(--font-size-xs);}body #cmplz-manage-consent .cmplz-manage-consent.cmplz-manage-consent{--cmplz-manage-consent-offset: 0px;animation: none;bottom: 0;right: var(--space-5);min-height: 0;height: auto;padding: var(--space-2) var(--space-4);border: 0;border-radius: var(--radius-md) var(--radius-md) 0 0;background: var(--color-surface-inverse);color: var(--color-text-inverse);font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);box-shadow: var(--shadow-sm);}body #cmplz-manage-consent .cmplz-manage-consent.cmplz-manage-consent:hover{background: var(--color-action-primary);color: var(--color-action-primary-text);}@media (max-width: 640px){body .cmplz-cookiebanner.cmplz-cookiebanner{right: 0;bottom: 0;left: 0;width: 100%;max-width: none;padding: var(--space-3) var(--size-gutter) var(--space-4);border-radius: var(--radius-lg) var(--radius-lg) 0 0;}body .cmplz-cookiebanner.cmplz-cookiebanner .cmplz-title, body .cmplz-cookiebanner.cmplz-cookiebanner .cmplz-logo{display: none;}body .cmplz-cookiebanner.cmplz-cookiebanner .cmplz-header{position: absolute;top: var(--space-2);right: var(--space-2);}body .cmplz-cookiebanner.cmplz-cookiebanner .cmplz-message{padding-right: var(--space-6);}}.is-scroll-locked{overflow: hidden;}
