:root{--bg: oklch(.9908 .0013 106.42);--surface: oklch(.9756 .0026 106.45);--surface-raised: oklch(1 0 0);--fg: oklch(.2603 0 0);--muted: oklch(.5278 0 0);--border: oklch(.9241 .004 106.48);--accent: oklch(.5145 .1715 257.72);--success: oklch(.4884 .1011 159.43);--warn: oklch(.4707 .0987 76.33);--danger: oklch(.4946 .155 26.88);--font-display: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-body: ui-sans-serif, system-ui, -apple-system, "Segoe UI", "Noto Sans", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--page: min(1180px, calc(100% - 40px) );--measure: 68ch;--shadow: 0 24px 70px oklch(.2 0 0 / .12)}*{box-sizing:border-box}html{color-scheme:light;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100dvh;color:var(--fg);background:var(--bg);font-family:var(--font-body);font-size:16px;line-height:1.6;overflow-x:hidden}a{color:inherit}button,input{font:inherit}button,a,summary{touch-action:manipulation}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.skip-link{position:fixed;inset:10px auto auto 10px;z-index:100;padding:10px 14px;color:var(--bg);background:var(--fg);transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{position:sticky;top:0;z-index:30;border-bottom:1px solid color-mix(in oklch,var(--border) 80%,transparent);background:color-mix(in oklch,var(--bg) 90%,transparent);backdrop-filter:blur(18px)}.header-inner{width:var(--page);min-height:72px;margin:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}.wordmark{min-height:44px;display:inline-flex;align-items:center;text-decoration:none;font-size:20px;font-weight:600;letter-spacing:-.03em}.wordmark:after{content:"";width:6px;height:6px;margin:2px 0 0 7px;border-radius:50%;background:var(--accent)}.desktop-nav{justify-self:center;display:flex;align-items:center;gap:26px}.desktop-nav a,.lang-link{min-height:44px;display:inline-flex;align-items:center;color:var(--muted);text-decoration:none;font-size:14px;font-weight:550;letter-spacing:.02em}.desktop-nav a:hover,.desktop-nav a[aria-current=page],.lang-link:hover{color:var(--fg)}.header-actions{display:flex;align-items:center;gap:10px}.mobile-menu{display:none}.mobile-menu summary{width:44px;height:44px;display:grid;place-items:center;cursor:pointer;list-style:none;border:1px solid var(--border);border-radius:50%}.mobile-menu summary::-webkit-details-marker{display:none}.menu-lines,.menu-lines:before,.menu-lines:after{width:18px;height:1px;display:block;background:var(--fg);content:""}.menu-lines:before{transform:translateY(-6px)}.menu-lines:after{transform:translateY(5px)}.mobile-menu nav{position:absolute;top:71px;left:0;right:0;padding:14px 20px 22px;border-bottom:1px solid var(--border);background:var(--bg);box-shadow:var(--shadow)}.mobile-menu nav a{min-height:48px;display:flex;align-items:center;border-bottom:1px solid color-mix(in oklch,var(--border) 70%,transparent);text-decoration:none}.page-shell{width:var(--page);margin:auto}.hero{min-height:min(820px,calc(100dvh - 72px));padding:clamp(72px,10vw,142px) 0 86px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:clamp(48px,8vw,112px);align-items:end;border-bottom:1px solid var(--border)}.eyebrow{margin:0 0 24px;color:var(--muted);font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.eyebrow span{color:var(--fg)}.display-title{max-width:11ch;margin:0;font-family:var(--font-display);font-size:clamp(52px,8vw,112px);font-weight:590;letter-spacing:-.065em;line-height:.88;text-wrap:balance}.hero-copy{max-width:58ch;margin:32px 0 0;color:var(--muted);font-size:clamp(17px,1.6vw,21px);line-height:1.55}.cta-row{margin-top:34px;display:flex;flex-wrap:wrap;gap:12px}.button{min-height:48px;padding:12px 18px;display:inline-flex;align-items:center;justify-content:center;gap:14px;border:1px solid var(--border);border-radius:7px;color:var(--fg);background:var(--surface);text-decoration:none;font-size:14px;font-weight:590;letter-spacing:.02em;box-shadow:0 8px 24px #01020533;transition:transform .18s ease,border-color .18s ease,background .18s ease}.button:hover{transform:translateY(-2px);border-color:var(--muted)}.button:active{transform:translateY(0)}.button-primary{color:var(--bg);border-color:var(--accent);background:var(--accent);box-shadow:0 12px 34px color-mix(in oklch,var(--accent) 26%,transparent)}.arrow{font-size:18px;line-height:1}.evidence-card{align-self:center;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow)}.evidence-head{min-height:48px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.evidence-head span:last-child{color:var(--success)}.evidence-body{padding:18px}.trace-step{position:relative;padding:0 0 22px 30px}.trace-step:last-child{padding-bottom:0}.trace-step:not(:last-child):before{content:"";position:absolute;left:7px;top:14px;bottom:-1px;width:1px;background:var(--border)}.trace-step:after{content:"";position:absolute;left:3px;top:7px;width:9px;height:9px;border-radius:50%;background:var(--fg);box-shadow:0 0 0 4px var(--surface)}.trace-step strong,.trace-step code{display:block}.trace-step strong{font-size:13px;font-weight:550}.trace-step code{margin-top:2px;color:var(--muted);font-family:var(--font-mono);font-size:12px;overflow-wrap:anywhere}.section{padding:clamp(72px,10vw,128px) 0;border-bottom:1px solid var(--border)}.section-heading{margin:0 0 clamp(34px,5vw,64px);display:grid;grid-template-columns:.45fr 1.55fr;gap:32px;align-items:start}.kicker{margin:5px 0 0;color:var(--muted);font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.section-title{max-width:16ch;margin:0;font-family:var(--font-display);font-size:clamp(36px,5.5vw,72px);font-weight:590;line-height:1;letter-spacing:-.045em;text-wrap:balance}.series-list{border-top:1px solid var(--border)}.series-link{min-height:112px;padding:24px 0;display:grid;grid-template-columns:80px minmax(160px,.6fr) 1fr 48px;gap:24px;align-items:center;border-bottom:1px solid var(--border);text-decoration:none;transition:padding .18s ease,background .18s ease}.series-link:hover{padding-inline:18px;background:var(--surface)}.series-index{color:var(--muted);font-family:var(--font-mono);font-size:12px}.series-link h3{margin:0;font-size:clamp(22px,3vw,34px);font-weight:550;letter-spacing:-.025em}.series-link p{margin:0;color:var(--muted)}.series-link .arrow{justify-self:end}.latest-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:clamp(36px,7vw,88px)}.feature-story{min-height:460px;padding:clamp(28px,5vw,54px);display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow)}.meta{margin:0;color:var(--muted);font-family:var(--font-mono);font-size:12px;letter-spacing:.04em}.feature-story h3{max-width:13ch;margin:0 0 22px;font-size:clamp(34px,5vw,62px);line-height:1.02;letter-spacing:-.045em;font-weight:590}.feature-story p:not(.meta){max-width:55ch;margin:0;color:var(--muted)}.story-link{margin-top:30px;display:inline-flex;align-items:center;gap:12px;font-weight:550;text-underline-offset:5px}.story-stack{border-top:1px solid var(--border)}.story-item{padding:22px 0;display:block;border-bottom:1px solid var(--border);text-decoration:none}.story-item:hover h3{text-decoration:underline;text-underline-offset:5px}.story-item h3{margin:8px 0 0;font-size:19px;line-height:1.35;letter-spacing:-.015em;font-weight:550}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border);border-left:1px solid var(--border)}.method-card{min-height:270px;padding:28px;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.method-card .number{color:var(--muted);font-family:var(--font-mono);font-size:12px}.method-card h3{margin:60px 0 14px;font-size:24px;font-weight:550;letter-spacing:-.02em}.method-card p{margin:0;color:var(--muted)}.newsletter{padding:clamp(60px,9vw,112px) 0;display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,8vw,110px);align-items:end}.newsletter h2{max-width:12ch;margin:0;font-size:clamp(38px,5vw,66px);line-height:1;letter-spacing:-.045em;font-weight:590}.newsletter-copy{margin:20px 0 0;color:var(--muted)}.subscribe-form{display:grid;grid-template-columns:1fr auto;gap:10px}.subscribe-form label{grid-column:1 / -1;font-size:13px;font-weight:550;letter-spacing:.02em}.subscribe-form input{min-width:0;min-height:50px;padding:12px 14px;border:1px solid var(--border);border-radius:7px;color:var(--fg);background:var(--surface)}.form-status{min-height:25px;grid-column:1 / -1;margin:4px 0 0;color:var(--muted);font-size:13px}.form-status[data-state=success]{color:var(--success)}.form-status[data-state=error]{color:var(--danger)}.subscribe-form .check{grid-column:1 / -1;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;color:var(--muted);font-size:13px}.subscribe-form .check input{width:18px;height:18px;margin:2px 0 0}.subscribe-form button:disabled,.public-form button:disabled{cursor:wait;opacity:.65;transform:none}.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.site-footer{padding:42px 0;border-top:1px solid var(--border)}.footer-inner{width:var(--page);margin:auto;display:grid;grid-template-columns:.6fr 1.4fr;gap:42px}.footer-note{max-width:70ch;margin:0;color:var(--muted);font-size:13px}.footer-meta{margin-top:14px;display:flex;flex-wrap:wrap;gap:18px;color:var(--muted);font-size:12px}.footer-meta a{text-underline-offset:4px}.masthead{padding:clamp(72px,10vw,132px) 0 60px;border-bottom:1px solid var(--border)}.masthead-grid{display:grid;grid-template-columns:.42fr 1.58fr;gap:36px}.masthead h1{max-width:10ch;margin:0;font-size:clamp(66px,12vw,150px);line-height:.82;letter-spacing:-.075em;font-weight:590}.masthead-lead{max-width:52ch;margin:36px 0 0;color:var(--muted);font-size:18px}.category-bar{min-height:68px;display:flex;align-items:center;gap:20px;overflow-x:auto;border-bottom:1px solid var(--border);scrollbar-width:none}.category-bar a{min-height:44px;display:inline-flex;align-items:center;color:var(--muted);text-decoration:none;white-space:nowrap;font-size:14px}.category-bar a[aria-current=page]{color:var(--fg);text-decoration:underline;text-underline-offset:7px}.archive{padding:54px 0 110px}.archive-head{margin-bottom:28px;display:flex;align-items:end;justify-content:space-between;gap:24px}.archive-head h2{margin:0;font-size:clamp(32px,5vw,54px);letter-spacing:-.04em;font-weight:590}.archive-count{color:var(--muted);font-family:var(--font-mono);font-size:12px}.archive-list{border-top:1px solid var(--border)}.archive-item{padding:30px 0;display:grid;grid-template-columns:160px 1fr 120px;gap:30px;border-bottom:1px solid var(--border);text-decoration:none}.archive-item h3{margin:0 0 8px;font-size:clamp(22px,3vw,32px);line-height:1.15;letter-spacing:-.03em;font-weight:550}.archive-item p{max-width:58ch;margin:0;color:var(--muted)}.archive-item .version{justify-self:end;color:var(--muted);font-family:var(--font-mono);font-size:12px}.article-header{padding:clamp(64px,9vw,118px) 0 56px;border-bottom:1px solid var(--border)}.breadcrumb{margin:0 0 36px;color:var(--muted);font-family:var(--font-mono);font-size:12px;letter-spacing:.03em}.breadcrumb a{text-underline-offset:4px}.article-title{max-width:15ch;margin:0;font-size:clamp(48px,8vw,104px);line-height:.95;letter-spacing:-.06em;font-weight:590;text-wrap:balance}.article-deck{max-width:58ch;margin:28px 0 0;color:var(--muted);font-size:clamp(18px,2vw,23px)}.article-meta{margin-top:36px;display:flex;flex-wrap:wrap;gap:12px 28px;color:var(--muted);font-family:var(--font-mono);font-size:12px}.article-layout{padding:64px 0 120px;display:grid;grid-template-columns:220px minmax(0,680px) 1fr;gap:clamp(34px,6vw,82px);align-items:start}.article-toc{position:sticky;top:104px}.article-toc p{margin:0 0 12px;color:var(--muted);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.article-toc a{min-height:36px;display:flex;align-items:center;color:var(--muted);text-decoration:none;font-size:13px}.article-toc a:hover{color:var(--fg)}.prose{max-width:var(--measure)}.prose h2{margin:64px 0 18px;font-size:clamp(28px,4vw,40px);line-height:1.1;letter-spacing:-.035em;font-weight:590}.prose h2:first-child{margin-top:0}.prose p{margin:0 0 22px}.prose strong{font-weight:590}.code-block{margin:34px 0;padding:20px;overflow-x:auto;border:1px solid var(--border);background:var(--surface);font-family:var(--font-mono);font-size:13px;line-height:1.7}.code-block .comment{color:var(--muted)}.callout{margin:34px 0;padding:22px 24px;border:1px solid var(--border);background:var(--surface)}.callout-label{margin:0 0 10px;color:var(--muted);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.callout p:last-child{margin-bottom:0}.article-aside{padding:20px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.article-aside h3{margin:0 0 14px;font-size:14px;letter-spacing:.02em;font-weight:590}.article-aside h3:not(:first-child){margin-top:24px}.article-aside p,.article-aside li{color:var(--muted);font-size:13px}.article-aside ul{margin:0;padding-left:18px}.content-header{padding:clamp(72px,10vw,132px) 0 58px;border-bottom:1px solid var(--border)}.content-header h1{max-width:13ch;margin:0;font-size:clamp(52px,9vw,104px);line-height:.92;letter-spacing:-.06em;font-weight:590;text-wrap:balance}.content-header .lead{max-width:60ch;margin:28px 0 0;color:var(--muted);font-size:clamp(18px,2vw,22px)}.content-body{max-width:760px;padding:56px 0 110px}.content-body>p{max-width:68ch;margin:0 0 22px}.content-body h2{margin:52px 0 16px;font-size:clamp(28px,4vw,42px);line-height:1.1;letter-spacing:-.035em;font-weight:590}.product-grid{margin:44px 0 0;display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--border);border-left:1px solid var(--border)}.product-card{min-height:260px;padding:28px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface)}.product-card h2{margin:54px 0 12px;font-size:28px;letter-spacing:-.03em;font-weight:590}.product-card p{margin:0;color:var(--muted)}.public-form{max-width:680px;margin:48px 0 110px;padding:clamp(24px,4vw,38px);display:grid;gap:18px;border:1px solid var(--border);background:var(--surface)}.public-form h2{margin:0;font-size:28px;letter-spacing:-.03em}.public-form>p{margin:-8px 0 6px;color:var(--muted)}.public-form .field{display:grid;gap:7px;font-size:14px;font-weight:550}.public-form input[type=email],.public-form input[type=text]{min-height:48px;width:100%;padding:11px 13px;border:1px solid var(--border);border-radius:6px;color:var(--fg);background:var(--bg)}.public-form .check{display:grid;grid-template-columns:auto 1fr;gap:10px;color:var(--muted);font-size:13px}.public-form .check input{width:18px;height:18px;margin:2px 0 0}.not-found{min-height:calc(100dvh - 190px);padding:clamp(72px,12vw,150px) 0;display:grid;align-content:center}.not-found h1{margin:0;font-size:clamp(82px,18vw,210px);line-height:.78;letter-spacing:-.08em;font-weight:590}.not-found p{max-width:46ch;margin:32px 0;color:var(--muted)}.launcher{min-height:100dvh;width:var(--page);margin:auto;padding:clamp(56px,10vw,120px) 0;display:grid;align-content:center}.launcher h1{max-width:11ch;margin:0;font-size:clamp(52px,9vw,116px);line-height:.9;letter-spacing:-.065em;font-weight:590}.launcher-lead{max-width:58ch;margin:26px 0 48px;color:var(--muted)}.screen-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border);border-left:1px solid var(--border)}.screen-card{min-height:260px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--border);border-bottom:1px solid var(--border);text-decoration:none;background:var(--surface);transition:background .18s ease}.screen-card:hover{background:var(--surface-raised)}.screen-card h2{margin:0;font-size:28px;letter-spacing:-.03em;font-weight:550}.screen-card p{margin:12px 0 0;color:var(--muted)}@media(max-width:980px){.desktop-nav{display:none}.mobile-menu{display:block}.header-inner{grid-template-columns:auto 1fr auto}.header-inner:not(:has(.mobile-menu)){grid-template-columns:auto 1fr;padding:10px 0}.header-inner:not(:has(.mobile-menu)) .desktop-nav{grid-column:1 / -1;width:100%;display:flex;justify-self:start;gap:20px;overflow-x:auto}.header-actions{justify-self:end}.hero{grid-template-columns:1fr;min-height:auto}.evidence-card{max-width:560px}.latest-grid{grid-template-columns:1fr}.story-stack{display:grid;grid-template-columns:repeat(2,1fr);border-left:1px solid var(--border)}.story-item{padding:22px;border-right:1px solid var(--border)}.article-layout{grid-template-columns:170px minmax(0,1fr)}.article-aside{grid-column:2}}@media(max-width:720px){:root{--page: min(100% - 28px, 1180px)}.lang-link{display:none}.header-inner:not(:has(.mobile-menu)) .lang-link{display:inline-flex}.display-title{font-size:clamp(50px,16vw,78px);line-height:.91}.section-heading,.masthead-grid{grid-template-columns:1fr;gap:18px}.series-link{grid-template-columns:44px 1fr 34px;gap:14px}.series-link p{grid-column:2 / 4}.series-link .arrow{grid-column:3;grid-row:1}.method-grid,.screen-grid,.newsletter{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr;gap:24px}.story-stack{grid-template-columns:1fr}.feature-story{min-height:410px}.archive-item{grid-template-columns:1fr;gap:10px}.archive-item .version{justify-self:start}.article-layout{grid-template-columns:1fr;padding-top:34px}.article-toc{position:static;padding-bottom:24px;border-bottom:1px solid var(--border)}.article-toc nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px}.article-aside{grid-column:1}.product-grid{grid-template-columns:1fr}}@media(max-width:430px){.hero{padding-top:58px}.cta-row,.subscribe-form{grid-template-columns:1fr}.button{width:100%}.subscribe-form{display:grid}.subscribe-form button{width:100%}.feature-story{min-height:460px;padding:25px}.method-card{min-height:230px}.masthead h1{font-size:72px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.button--primary{color:var(--bg);border-color:var(--accent);background:var(--accent);box-shadow:0 12px 34px color-mix(in oklch,var(--accent) 26%,transparent)}.button--primary:hover{transform:translateY(-2px);border-color:var(--accent)}.lead-form{max-width:680px;margin:48px 0 0;padding:clamp(24px,4vw,38px);display:grid;gap:18px;border:1px solid var(--border);background:var(--surface)}.lead-form__title{margin:0;font-size:28px;letter-spacing:-.03em;font-weight:590}.lead-form__lead{margin:-8px 0 6px;color:var(--muted)}.lead-form .field{display:grid;gap:7px;font-size:14px;font-weight:550}.lead-form input[type=email],.lead-form input[type=text]{min-height:48px;width:100%;padding:11px 13px;border:1px solid var(--border);border-radius:6px;color:var(--fg);background:var(--bg);font:inherit}.lead-form .check{display:grid;grid-template-columns:auto 1fr;gap:10px;color:var(--muted);font-size:13px}.lead-form .check input{width:18px;height:18px;margin:2px 0 0}.lead-form .hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.lead-form__status{min-height:25px;margin:4px 0 0;color:var(--muted);font-size:13px}.lead-form__status[data-state=ok]{color:var(--success)}.lead-form__status[data-state=err]{color:var(--danger)}.lead-form__status[data-state=loading]{color:var(--muted)}.lead-form button:disabled{cursor:wait;opacity:.65;transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-shell{min-height:100dvh;display:flex;flex-direction:column}.page{flex:1}.prose a{color:var(--accent);text-underline-offset:4px}.prose ul,.prose ol{color:var(--muted);padding-left:1.25rem}.prose li+li{margin-top:.35rem}.prose code{font-family:var(--font-mono);font-size:.9em}.empty-state{padding:28px;border:1px dashed var(--border);color:var(--muted)}.lang-switch a[aria-current=true]{color:var(--fg)}.newsletter .lead-form{margin:0;padding:0;border:0;background:transparent;grid-template-columns:1fr auto;gap:10px}.newsletter .lead-form__title,.newsletter .lead-form__lead{display:none}.newsletter .lead-form .field,.newsletter .lead-form .check{grid-column:1 / -1}.newsletter .lead-form button{min-height:48px}.newsletter .lead-form__status{grid-column:1 / -1}@media(max-width:430px){.newsletter .lead-form{grid-template-columns:1fr}.newsletter .lead-form button{width:100%}}
