@layer reset{*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}img,svg,video{block-size:auto;max-inline-size:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}ul[role=list],ol[role=list]{padding:0;list-style:none}[hidden]{display:none!important}}@layer tokens{:root{color-scheme:light dark;--font-display:"Plus Jakarta Sans Variable", "Plus Jakarta Sans Fallback", system-ui, sans-serif;--font-text:"Plus Jakarta Sans Variable", "Plus Jakarta Sans Fallback", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--step--1:clamp(.8125rem, .79rem + .12vw, .875rem);--step-0:clamp(1.0625rem, 1.03rem + .16vw, 1.1875rem);--step-1:clamp(1.25rem, 1.18rem + .35vw, 1.5rem);--step-2:clamp(1.5rem, 1.32rem + .9vw, 2.125rem);--step-3:clamp(1.875rem, 1.5rem + 1.9vw, 3rem);--step-4:clamp(2.25rem, 1.5rem + 3.7vw, 4.5rem);--step-5:clamp(2.25rem, 1.4rem + 3.2vw, 4rem);--space-2xs:clamp(.25rem, .24rem + .05vw, .3125rem);--space-xs:clamp(.5rem, .48rem + .1vw, .625rem);--space-s:clamp(.75rem, .72rem + .15vw, .875rem);--space-m:clamp(1rem, .95rem + .25vw, 1.25rem);--space-l:clamp(1.5rem, 1.4rem + .5vw, 2rem);--space-xl:clamp(2.25rem, 2rem + 1.2vw, 3.5rem);--space-2xl:clamp(3.5rem, 3rem + 2.5vw, 6rem);--space-3xl:clamp(5rem, 4rem + 5vw, 9rem);--gutter:clamp(1rem, .5rem + 2.5vw, 2.5rem);--measure:36em;--content-max:76rem;--radius:.375rem;--radius-l:.75rem;--radius-xl:1.5rem;--rule-w:1px;--accent-rule:linear-gradient(90deg, var(--accent), var(--accent-2));--paper:#f8f9ff;--paper-2:#eff4ff;--paper-3:#e5eeff;--ink:#0b1c30;--ink-strong:#000;--ink-2:color-mix(in oklab, var(--ink) 78%, var(--paper));--ink-3:color-mix(in oklab, var(--ink) 58%, var(--paper));--rule:#d3e4fe;--accent:#4648d4;--accent-2:#6063ee;--on-accent:#f8f9ff;--accent-ink:var(--ink);--focus:var(--accent);--shadow-card:0 4px 6px -1px color-mix(in oklab, var(--ink-strong) 10%, transparent), 0 12px 32px -4px color-mix(in oklab, var(--ink-strong) 20%, transparent);--shadow-card-active:0 10px 20px -4px color-mix(in oklab, var(--ink-strong) 18%, transparent), 0 32px 72px -14px color-mix(in oklab, var(--ink-strong) 38%, transparent);--shadow-float:0 8px 16px -4px color-mix(in oklab, var(--ink-strong) 14%, transparent), 0 24px 64px -12px color-mix(in oklab, var(--ink-strong) 40%, transparent);--chip-tint:color-mix(in oklab, var(--accent) 16%, transparent);--chip-tint-strong:color-mix(in oklab, var(--accent) 30%, transparent)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#0b1c30;--paper-2:#13253c;--paper-3:#1a2f4a;--ink:#f8f9ff;--ink-strong:#fff;--ink-2:color-mix(in oklab, var(--ink) 80%, var(--paper));--ink-3:color-mix(in oklab, var(--ink) 60%, var(--paper));--rule:#2a3f5c;--accent-ink:var(--ink);--on-accent:#f8f9ff;--focus:var(--accent-2);--shadow-card:0 4px 6px -1px #00000040, 0 14px 36px -6px #00000073;--shadow-card-active:0 10px 20px -4px #00000061, 0 32px 72px -14px #0009;--shadow-float:0 8px 16px -4px #00000052, 0 24px 64px -12px #000000a6;--chip-tint:color-mix(in oklab, var(--accent-2) 26%, transparent);--chip-tint-strong:color-mix(in oklab, var(--accent-2) 40%, transparent)}}:root[data-theme=dark]{color-scheme:dark;--paper:#0b1c30;--paper-2:#13253c;--paper-3:#1a2f4a;--ink:#f8f9ff;--ink-strong:#fff;--ink-2:color-mix(in oklab, var(--ink) 80%, var(--paper));--ink-3:color-mix(in oklab, var(--ink) 60%, var(--paper));--rule:#2a3f5c;--accent-ink:var(--ink);--on-accent:#f8f9ff;--focus:var(--accent-2);--shadow-card:0 4px 6px -1px #00000040, 0 14px 36px -6px #0000008c;--shadow-card-active:0 10px 20px -4px #00000061, 0 32px 72px -14px #0009;--shadow-float:0 8px 16px -4px #00000052, 0 24px 64px -12px #000000a6;--chip-tint:color-mix(in oklab, var(--accent-2) 26%, transparent);--chip-tint-strong:color-mix(in oklab, var(--accent-2) 40%, transparent)}:root[data-theme=light]{color-scheme:light}}@layer base{@view-transition{navigation:auto}html{scroll-behavior:smooth;background:var(--paper);scroll-padding-block-start:5rem}body{min-block-size:100dvh;font-family:var(--font-text);font-size:var(--step-0);color:var(--ink);background:var(--paper);font-optical-sizing:auto;text-rendering:optimizelegibility;hyphens:manual;overflow-wrap:break-word;line-height:1.6}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.015em;text-wrap:balance;color:var(--ink);font-weight:600;line-height:1.08}h1{font-size:var(--step-4);letter-spacing:-.025em;font-weight:600}h2{font-size:var(--step-3)}h3{font-size:var(--step-1);line-height:1.2}p,li{text-wrap:pretty}a{color:inherit;text-underline-offset:.22em;text-decoration-line:underline;text-decoration-thickness:1px;text-decoration-color:color-mix(in oklab, var(--ink) 40%, transparent)}a:hover{text-decoration-color:var(--ink)}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:2px}::selection{background:color-mix(in oklab, var(--accent) 45%, var(--paper));color:var(--ink)}}@layer layout{.wrap{inline-size:min(100% - 2 * var(--gutter), var(--content-max));margin-inline:auto}.editorial{column-gap:var(--space-m);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.section{padding-block:var(--space-2xl)}.section+.section{border-block-start:var(--rule-w) solid var(--rule)}.site{grid-template-rows:auto 1fr auto;min-block-size:100dvh;display:grid}}@layer components{.hero-plate.hero-plate--promo{max-inline-size:none}.promo{text-align:start;position:relative;container:promo/inline-size}.promo-stage{--p-title:clamp(1.15rem, 3.1cqw, 2.4rem);--p-text:clamp(.8125rem, 1.7cqw, 1.15rem);--p-eyebrow:clamp(.6875rem, 1.1cqw, .8125rem);--promo-accent-ink:color-mix(in oklab, var(--accent) 70%, var(--ink));aspect-ratio:16/9;color:var(--ink);position:relative;overflow:hidden}.promo-scene{--s:0;opacity:0;animation:37s linear infinite both promo-scn;animation-delay:calc((var(--s) - 3) * 1s);flex-direction:column;align-items:center;gap:clamp(.6rem,2cqw,1.25rem);padding:clamp(.9rem,3.4cqw,2.25rem) clamp(.9rem,4cqw,2.5rem) clamp(1.1rem,3.4cqw,2rem);display:flex;position:absolute;inset:0}.promo-scene--hook{--r:1.882;animation-name:promo-scn-hook;animation-delay:0s}.promo-scene--capture{--s:9;--r:1.882;--cx:90.5%;--cy:28%;--sx:62%;--sy:70%}.promo-scene--annotate{--s:16;--r:1.882;--rl:72.7%;--rt:43.8%;--rw:19.9%;--rh:24%;--zx:82.7%;--zy:55.8%;--zs:1.5}.promo-scene--record{--s:23;--r:2;--rl:27%;--rt:77.5%;--rw:46%;--rh:10.5%;--zx:50%;--zy:40%;--ds:1.035}.promo-scene--organize{--s:30;--r:2.296;--zy:30%;--ds:1.035}.promo-cap{text-align:center;justify-items:center;gap:.4em;max-inline-size:46em;display:grid}.promo-eyebrow{font-size:var(--p-eyebrow);letter-spacing:.14em;text-transform:uppercase;color:var(--promo-accent-ink);font-weight:700}.promo-title{font-size:var(--p-title);letter-spacing:-.02em;text-wrap:balance;font-weight:700;line-height:1.12}.promo-text{font-size:var(--p-text);color:var(--ink-2);text-wrap:balance;line-height:1.4}.promo-cap--hook{grid-template-areas:"one"}.promo-cap--hook>*{grid-area:one}.promo-shot{flex:1;place-items:center;min-block-size:0;inline-size:100%;display:grid;container-type:size}.promo-box{inline-size:min(100cqw, calc(100cqh * var(--r)));aspect-ratio:var(--r);background:var(--paper);border:var(--rule-w) solid var(--rule);border-radius:var(--radius-l);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.promo-zoom{transform-origin:var(--zx,50%) var(--zy,50%);position:absolute;inset:0}.promo-zoom picture{block-size:100%;inline-size:100%;display:block}.promo-zoom img{object-fit:cover;object-position:var(--pos,50% 50%);block-size:100%;inline-size:100%;max-inline-size:none;display:block}.promo-ring{left:var(--rl);top:var(--rt);inline-size:var(--rw);block-size:var(--rh);border:.18rem solid var(--accent);animation:37s linear infinite both promo-fade,1.5s ease-in-out infinite promo-pulse;animation-delay:calc((3 + var(--o,0)) * 1s), 0s;border-radius:.6rem;position:absolute}.promo-scene--hook .promo-shot>*{grid-area:1/1}.promo-chat{inline-size:min(100%,38em);font-size:var(--p-text);gap:.7em;display:grid}.promo-bubble{background:var(--paper);border:var(--rule-w) solid var(--rule);max-inline-size:30em;color:var(--ink-2);border-radius:1.1em 1.1em 1.1em .3em;padding:.8em 1.1em;line-height:1.45}.promo-b2{background:var(--chip-tint);color:var(--ink);border-color:#0000;border-radius:1.1em 1.1em .3em;justify-self:end}.promo-thanks{background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-card);border-radius:1em 1em .25em;padding:.55em 1em;font-size:clamp(.7rem,3.2cqw,1.1rem);font-weight:700;position:absolute;inset-block-end:6%;inset-inline-end:3%}.promo-cursor{left:var(--cx);top:var(--cy);transform-origin:10% 6%;inline-size:clamp(1.1rem,2.4cqw,1.6rem);fill:var(--ink);stroke:var(--paper);stroke-width:2px;stroke-linejoin:round;filter:drop-shadow(0 3px 5px #00000059);margin-block-start:-.06em;margin-inline-start:-.12em;animation:37s linear 3s infinite both promo-cursor;position:absolute}.promo-click{left:var(--cx);top:var(--cy);border:.18rem solid var(--accent);opacity:0;border-radius:999px;block-size:2.6rem;inline-size:2.6rem;margin:-1.3rem 0 0 -1.3rem;animation:37s linear 3s infinite both promo-click;position:absolute}.promo-flash{opacity:0;pointer-events:none;background:#fff;animation:37s linear 3s infinite both promo-flash;position:absolute;inset:0}.promo-in{animation:37s ease-out infinite both promo-in;animation-delay:calc((3 + var(--o,0)) * 1s)}.promo-up{--o:1.2;animation:37s cubic-bezier(.2,.7,.2,1) infinite both promo-up;animation-delay:calc((3 + var(--o)) * 1s)}.promo-zoom--annotate{animation:37s linear 3s infinite both promo-zoom}.promo-zoom--record,.promo-zoom--organize{animation:37s linear 3s infinite both promo-drift}.o-0-3{--o:.3}.o-0-45{--o:.45}.o-0-7{--o:.7}.o-3-4{--o:3.4}.o-3-6{--o:3.6}.promo-q{animation:37s linear infinite both promo-q}.promo-a{animation:37s linear infinite both promo-a}.promo-b1{animation:37s linear infinite both promo-b1}.promo-b2{animation:37s linear infinite both promo-b2}.promo-box--hook{animation:37s cubic-bezier(.2,.7,.2,1) infinite both promo-hookbox}.promo-thanks{animation:37s ease-out infinite both promo-thanks}.promo-bar{background:var(--accent-rule);block-size:3px;animation:37s linear infinite promo-bar;position:absolute;inset-block-end:0;inset-inline-start:0}.promo:has(.promo-toggle:checked) .promo-stage *{animation-play-state:paused}.promo-pause{z-index:1;block-size:2.25rem;inline-size:2.25rem;color:var(--ink-2);opacity:.55;cursor:pointer;border-radius:999px;place-items:center;transition:opacity .15s;display:grid;position:absolute;inset-block-start:0;inset-inline-end:0}.promo-pause:hover,.promo-toggle:focus-visible+.promo-pause{opacity:1}.promo-pause:hover{background:var(--chip-tint)}.promo-pause-text{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.promo-toggle:focus-visible+.promo-pause{outline:2px solid var(--focus);outline-offset:2px}.promo-pause-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;block-size:1rem;inline-size:1rem}.promo-pause-icon--play,.promo-pause-text--play,.promo-toggle:checked+.promo-pause .promo-pause-icon--pause,.promo-toggle:checked+.promo-pause .promo-pause-text--pause{display:none}.promo-toggle:checked+.promo-pause .promo-pause-icon--play{display:block}.promo-toggle:checked+.promo-pause .promo-pause-text--play{display:inline}@keyframes promo-scn{0%{opacity:0;display:none}.01%,8.9%{opacity:0;display:flex}10.5%,26.8%{opacity:1;display:flex}28.4%{opacity:0;display:flex}28.5%,to{opacity:0;display:none}}@keyframes promo-scn-hook{0%{opacity:0}1%,22.9%{opacity:1}24.3%,to{opacity:0}}@keyframes promo-in{0%{opacity:0;transform:translateY(.7em)}2.2%,30%{opacity:1;transform:none}30.01%,to{opacity:0;transform:none}}@keyframes promo-up{0%{opacity:0;transform:translateY(2.5em)}3.4%,30%{opacity:1;transform:none}30.01%,to{opacity:0;transform:none}}@keyframes promo-fade{0%{opacity:0}2.2%,30%{opacity:1}30.01%,to{opacity:0}}@keyframes promo-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in oklab, var(--accent) 40%, transparent)}60%{box-shadow:0 0 0 .6rem #0000}}@keyframes promo-cursor{0%,8.1%{opacity:0;left:var(--sx);top:var(--sy);transform:scale(1)}8.9%{opacity:1;left:var(--sx);top:var(--sy);animation-timing-function:cubic-bezier(.5,0,.2,1);transform:scale(1)}12.4%{opacity:1;left:var(--cx);top:var(--cy);transform:scale(1)}12.8%{opacity:1;left:var(--cx);top:var(--cy);transform:scale(.8)}13.4%,30%{opacity:1;left:var(--cx);top:var(--cy);transform:scale(1)}30.01%,to{opacity:0;left:var(--cx);top:var(--cy);transform:scale(1)}}@keyframes promo-click{0%,12.3%{opacity:0;transform:scale(.3)}12.4%{opacity:.7;transform:scale(.3)}15.5%,to{opacity:0;transform:scale(2.2)}}@keyframes promo-flash{0%,13.2%{opacity:0}13.5%{opacity:.75}16%,to{opacity:0}}@keyframes promo-zoom{0%,8.1%{animation-timing-function:cubic-bezier(.45,0,.2,1);transform:scale(1)}13.5%,30%{transform:scale(var(--zs))}30.01%,to{transform:scale(1)}}@keyframes promo-drift{0%,4%{transform:scale(1)}18.6%,30%{transform:scale(var(--ds))}30.01%,to{transform:scale(1)}}@keyframes promo-q{0%,1.1%{opacity:0;transform:translateY(.7em)}3%,14%{opacity:1;transform:none}15.1%,to{opacity:0;transform:translateY(-.5em)}}@keyframes promo-a{0%,15.4%{opacity:0;transform:translateY(.7em)}17.3%,to{opacity:1;transform:none}}@keyframes promo-b1{0%,2.4%{opacity:0;transform:translateY(1em)}4.3%,14%{opacity:1;transform:none}15.1%,to{opacity:0;transform:scale(.94)}}@keyframes promo-b2{0%,7.3%{opacity:0;transform:translateY(1em)}9.2%,14%{opacity:1;transform:none}15.1%,to{opacity:0;transform:scale(.94)}}@keyframes promo-hookbox{0%,7.9%{opacity:0;display:none;transform:translateY(2em)}8%,17%{opacity:0;display:block;transform:translateY(2em)}19.5%,to{opacity:1;display:block;transform:none}}@keyframes promo-thanks{0%,20%{opacity:0;transform:scale(.85)}21.4%,to{opacity:1;transform:none}}@keyframes promo-bar{0%{inline-size:0}to{inline-size:100%}}@container promo (width<=35.99rem){.promo-scene{padding-block-start:2.5rem}.promo-stage{--p-title:clamp(1.2rem, 6.2cqw, 1.9rem);--p-text:clamp(.875rem, 3.8cqw, 1.1rem);--p-eyebrow:clamp(.75rem, 2.6cqw, .875rem);aspect-ratio:5/6}.promo-scene--capture{--r:1.2;--pos:100% 0;--cx:85%;--cy:28%;--sx:45%;--sy:70%}.promo-scene--hook{--r:1.15;--pos:15% 0}.promo-scene--annotate{--zs:1.9}.promo-scene--record{--r:1.3;--rl:15%;--rw:70%;--zy:82%;--ds:1.7}.promo-scene--organize{--r:1.3;--pos:0% 0%}.promo-bubble{padding:.65em .9em}}@container promo (width<=29.99rem){.promo-stage{aspect-ratio:1/1.3}}@media (prefers-reduced-motion:reduce){.promo-stage *{animation:none!important}.promo-scene{display:none}.promo-scene--capture{opacity:1;display:flex}.promo-pause{display:none}}.site-header{padding-block:var(--space-m);border-block-end:var(--rule-w) solid var(--rule)}.site-header .wrap{justify-content:space-between;align-items:center;gap:var(--space-m);display:flex}.brand{align-items:center;gap:var(--space-xs);color:var(--ink);text-decoration:none;display:inline-flex}.brand svg{block-size:2.25rem;inline-size:2.25rem}.brand-name{font-family:var(--font-display);letter-spacing:-.015em;font-size:1.625rem;font-weight:600;line-height:1}.tools{align-items:center;gap:var(--space-xs);display:flex}.icon-btn,.lang>summary{align-items:center;gap:var(--space-2xs);min-block-size:2.75rem;min-inline-size:2.75rem;padding-inline:var(--space-s);border:var(--rule-w) solid var(--rule);border-radius:var(--radius);color:var(--ink);font-size:var(--step--1);cursor:pointer;background:0 0;justify-content:center;text-decoration:none;list-style:none;display:inline-flex}.icon-btn:hover,.lang>summary:hover{border-color:var(--ink)}.lang>summary::-webkit-details-marker{display:none}.icon-btn svg{block-size:1.25rem;inline-size:1.25rem}.theme-toggle .sun{display:none}:root[data-theme=dark] .theme-toggle .sun{display:block}:root[data-theme=dark] .theme-toggle .moon{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle .sun{display:block}:root:not([data-theme=light]) .theme-toggle .moon{display:none}}.lang{position:relative}.lang[open]>summary{border-color:var(--ink)}.lang ul{z-index:20;min-inline-size:11rem;padding:var(--space-2xs);background:var(--paper);border:var(--rule-w) solid var(--ink);border-radius:var(--radius);list-style:none;position:absolute;inset-block-start:calc(100% + .375rem);inset-inline-end:0}.lang a{padding:var(--space-xs) var(--space-s);border-radius:2px;text-decoration:none;display:block}.lang a:hover{background:var(--paper-2)}.lang a[aria-current=true]{background:var(--paper-2);font-weight:600}.btn{align-items:center;gap:var(--space-xs);min-block-size:3rem;padding-inline:var(--space-l);border:var(--rule-w) solid var(--accent);border-radius:var(--radius);background:var(--accent);color:var(--on-accent);font-weight:600;text-decoration:none;display:inline-flex;position:relative}.btn:hover,.btn:focus-visible{background:var(--accent-2);border-color:var(--accent-2)}.btn:after{content:"";background:var(--accent-rule);transform-origin:0;block-size:2px;transition:transform .35s;position:absolute;inset-block-end:-.4rem;inset-inline:0;transform:scaleX(0)}.btn:hover:after,.btn:focus-visible:after{transform:scaleX(1)}.btn-quiet{color:var(--accent);background:0 0}.btn-quiet:hover,.btn-quiet:focus-visible{color:var(--accent-2);border-color:var(--accent-2);background:0 0}.btn[aria-disabled=true]{background:var(--paper-3);border-color:var(--rule);color:var(--ink-3);cursor:not-allowed}.btn[aria-disabled=true]:after{display:none}.btn-compact{min-block-size:2.75rem;padding-inline:var(--space-m);font-size:var(--step--1)}.hero{padding-block:var(--space-xl) var(--space-xl)}.hero .wrap{text-align:center;flex-direction:column;align-items:center;display:flex}.hero-content{max-inline-size:76rem}.eyebrow{white-space:nowrap;gap:var(--space-xs);font-size:var(--step--1);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);flex-direction:column;margin-block-end:var(--space-l);display:inline-flex}.eyebrow:after{content:"";background:var(--accent-rule);block-size:2px;inline-size:100%}.hero-badge{align-items:center;gap:var(--space-xs);padding-inline:var(--space-m);background:var(--chip-tint);min-block-size:2rem;color:var(--accent);font-size:var(--step--1);border-radius:999px;margin-block-end:var(--space-l);font-weight:600;display:inline-flex}.hero-badge-dot{background:var(--accent-rule);border-radius:999px;flex-shrink:0;block-size:.4rem;inline-size:.4rem}.hero h1{max-inline-size:18em;font-size:var(--step-5)}.grad-text{color:var(--accent)}@supports (background-clip:text){.grad-text{background:var(--accent-rule);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}}.hero .subtitle{max-inline-size:46rem;font-size:var(--step-1);color:var(--ink-2);margin-block-start:var(--space-l);margin-inline:auto;font-weight:400;line-height:1.5}.cta-row{justify-content:center;align-items:center;gap:var(--space-m) var(--space-l);flex-wrap:wrap;margin-block-start:var(--space-l);display:flex}@media (width<=30rem){.cta-row{flex-direction:column;align-items:center}}.cta-note{font-size:var(--step--1);color:var(--ink-3)}.reassurance{font-size:var(--step--1);color:var(--ink-3);margin-block-start:var(--space-m)}.hero-plate{inline-size:100%;max-inline-size:48rem;margin-block-start:var(--space-l);margin-inline:auto}.hero-plate .plate{box-shadow:var(--shadow-float)}.plate{margin:0;position:relative}.plate__frame{padding:var(--space-m);position:relative}.plate__frame:before,.plate__frame:after,.plate:before,.plate:after{content:"";border:0 solid var(--ink);pointer-events:none;block-size:1.25rem;inline-size:1.25rem;position:absolute}.plate__frame:before{border-block-start-width:2px;border-inline-start-width:2px;inset-block-start:0;inset-inline-start:0}.plate__frame:after{border-block-start-width:2px;border-inline-end-width:2px;inset-block-start:0;inset-inline-end:0}.plate:before{border-block-end-width:2px;border-inline-start-width:2px;inset-block-end:1.9rem;inset-inline-start:0}.plate:after{border-block-end-width:2px;border-inline-end-width:2px;inset-block-end:1.9rem;inset-inline-end:0}.plate__body{aspect-ratio:16/10;background:repeating-linear-gradient(135deg, transparent 0 .6rem, color-mix(in oklab, var(--ink) 7%, transparent) .6rem .65rem), var(--paper-2);border:var(--rule-w) dashed var(--rule);color:var(--ink-3);font-size:var(--step--1);letter-spacing:.06em;text-transform:uppercase;place-items:center;display:grid}.plate figcaption{font-size:var(--step--1);color:var(--ink-3);padding-block-start:var(--space-xs)}.benefits-section{padding-block:var(--space-l)}.benefits{justify-content:center;gap:var(--space-xs) var(--space-l);text-align:center;font-size:var(--step--1);letter-spacing:.02em;color:var(--ink-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.benefits li:not(:last-child):after{content:"·";color:var(--ink-3);margin-inline-start:var(--space-l)}.problem-solution{gap:var(--space-l);counter-reset:ps;grid-column:1/-1;margin:0;padding:0;display:grid}.problem-solution li{padding:var(--space-l);border:var(--rule-w) solid var(--rule);border-block-start:var(--rule-w) solid var(--ink);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);counter-increment:ps;list-style:none}.problem-solution li:before{content:counter(ps, decimal-leading-zero);border-radius:var(--radius-l);background:var(--chip-tint);block-size:3rem;inline-size:3rem;font-family:var(--font-display);font-size:var(--step-0);color:var(--accent);justify-content:center;align-items:center;margin-block-end:var(--space-m);display:inline-flex}.problem-solution .problem{color:var(--ink-2);max-inline-size:var(--measure)}.problem-solution .solution{color:var(--ink);max-inline-size:var(--measure);margin-block-start:var(--space-2xs);font-weight:600}@media (width>=48rem){.problem-solution{column-gap:var(--space-l);grid-template-columns:repeat(2,1fr)}}.split-head{grid-column:1/span 5}.split-head p{color:var(--ink-2);margin-block-start:var(--space-s)}.local-cta{font-size:var(--step--1);grid-column:1/-1;margin-block-start:var(--space-l)}.notes{gap:var(--space-l);counter-reset:note;grid-column:7/-1;display:grid}.notes li{border-block-start:var(--rule-w) solid var(--ink);counter-increment:note;padding-block-start:var(--space-s);list-style:none}.notes li:before{content:counter(note, decimal-leading-zero);font-family:var(--font-display);font-size:var(--step--1);color:var(--ink-3);margin-block-end:var(--space-2xs);display:block}@media (width<=62rem){.split-head,.notes{grid-column:1/-1}.notes{margin-block-start:var(--space-l)}}.modes-head{grid-column:1/span 7;margin-block-end:var(--space-xl)}.modes-head p{color:var(--ink-2);margin-block-start:var(--space-s)}.mode-groups{gap:var(--space-m);margin:0 0 var(--space-xl);grid-column:1/-1;padding:0;list-style:none;display:grid}.mode-groups h3{font-size:var(--step-0)}.mode-groups p{color:var(--ink-2);font-size:var(--step--1);margin-block-start:var(--space-2xs)}@media (width>=48rem){.mode-groups{grid-template-columns:repeat(3,1fr)}}.modes{border-block-start:var(--rule-w) solid var(--ink);grid-column:1/-1;padding:0}.mode{gap:var(--space-2xs) var(--space-m);padding-block:var(--space-m);border-block-end:var(--rule-w) solid var(--rule);grid-template-columns:3.5rem minmax(0,1fr);display:grid;position:relative}.mode:after{content:"";background:var(--accent-rule);transform-origin:0;block-size:2px;transition:transform .4s;position:absolute;inset-block-end:-1px;inset-inline:0;transform:scaleX(0)}.mode:hover:after{transform:scaleX(1)}.mode-n{font-family:var(--font-display);font-size:var(--step-1);color:var(--accent);font-variant-numeric:tabular-nums lining-nums}.mode h3{font-size:var(--step-1)}.mode p{color:var(--ink-2);grid-column:2}@media (width>=62rem){.mode{grid-template-columns:4rem minmax(0,5fr) minmax(0,7fr);align-items:baseline}.mode p{grid-column:3}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.mode{animation:linear both rise view();animation-range:entry entry 35%}@keyframes rise{0%{opacity:.25;transform:translateY(.75rem)}to{opacity:1;transform:none}}}}.site-footer{padding-block:var(--space-xl);border-block-start:var(--rule-w) solid var(--ink);color:var(--ink-2);font-size:var(--step--1)}.site-footer .wrap{justify-content:space-between;gap:var(--space-m) var(--space-xl);flex-wrap:wrap;display:flex}.site-footer nav ul{gap:var(--space-xs) var(--space-l);flex-wrap:wrap;padding:0;list-style:none;display:flex}.footer-langs{gap:var(--space-xs) var(--space-m);flex-wrap:wrap;display:flex}.lost{padding-block:var(--space-3xl);max-inline-size:44rem}.lost-langs{margin-block-start:var(--space-l)}.lost p{color:var(--ink-2);margin-block-start:var(--space-m)}.main-nav ul{gap:var(--space-l);padding:0;list-style:none;display:flex}.main-nav a{padding-block:var(--space-2xs);border-block-end:2px solid #0000;text-decoration:none}.main-nav a:hover{border-image:var(--accent-rule) 1;color:var(--accent)}.main-nav a[aria-current=page]{border-image:var(--accent-rule) 1;color:var(--accent);font-weight:600}.site-header .wrap{flex-wrap:wrap}.main-nav{margin-inline-start:auto}.crumbs{padding-block:var(--space-m) 0;font-size:var(--step--1);color:var(--ink-3);grid-column:1/-1}.crumbs ol{gap:var(--space-2xs) var(--space-xs);flex-wrap:wrap;padding:0;list-style:none;display:flex}.crumbs li+li:before{content:"/";color:var(--rule);margin-inline-end:var(--space-xs)}.article{padding-block-end:var(--space-2xl)}.article-head{padding-block:var(--space-xl) var(--space-l);grid-column:1/span 7}.article-head h1{font-size:var(--step-3);max-inline-size:13.5em}.answer-lead{font-size:var(--step-1);color:var(--ink);max-inline-size:33em;margin-block-start:var(--space-m);line-height:1.45}.dates{font-size:var(--step--1);color:var(--ink-3);margin-block-start:var(--space-m)}.notice{padding:var(--space-s) var(--space-m);border-inline-start:3px solid var(--ink);background:var(--paper-2);font-size:var(--step--1);margin-block-start:var(--space-m)}.takeaways{border-block-start:var(--rule-w) solid var(--ink);grid-column:9/-1;align-self:start;margin-block-start:var(--space-xl);padding-block-start:var(--space-s)}.takeaways h2{font-size:var(--step-1);margin-block-end:var(--space-s)}.takeaways ul{gap:var(--space-s);font-size:var(--step--1);color:var(--ink-2);padding:0;list-style:none;display:grid}.takeaways li{padding-inline-start:var(--space-m);position:relative}.takeaways li:before{content:"";background:var(--ink);block-size:2px;inline-size:.5rem;position:absolute;inset-block-start:.6em;inset-inline-start:0}.article-side{grid-column:1/span 8;margin-block-end:var(--space-xl)}.article-side:empty{display:none}.prose{max-inline-size:var(--measure);grid-column:1/span 8}.prose h2{font-size:var(--step-2);margin-block:var(--space-xl) var(--space-s)}.prose h3{margin-block:var(--space-l) var(--space-xs)}.prose p,.prose ul,.prose ol{margin-block-start:var(--space-s)}.prose ul,.prose ol{padding-inline-start:1.25rem}.prose li+li{margin-block-start:var(--space-xs)}.prose code{font-family:var(--font-mono);background:var(--paper-2);border-radius:3px;padding:.1em .35em;font-size:.9em}.prose table{max-inline-size:100%;border-collapse:collapse;font-size:var(--step--1);margin-block-start:var(--space-m);display:block;overflow-x:auto}.prose th,.prose td{padding:var(--space-xs) var(--space-s);text-align:start;vertical-align:top;border-block-end:var(--rule-w) solid var(--rule)}.prose th{border-block-end-color:var(--ink);font-weight:600}.prose td:first-child{white-space:nowrap}@media (width<=62rem){.article-head,.takeaways,.article-side,.prose{grid-column:1/-1}.takeaways{margin-block-start:0;margin-block-end:var(--space-l)}.prose td:first-child{white-space:normal}}.plate__img{inline-size:min(100%, calc(34rem * var(--w,16) / var(--h,10)));border:var(--rule-w) solid var(--rule);block-size:auto;margin-inline:auto}.icon-chip{border-radius:var(--radius-l);background:var(--chip-tint);block-size:3rem;inline-size:3rem;color:var(--accent);flex:none;justify-content:center;align-items:center;margin-block-end:var(--space-m);display:inline-flex}.icon-chip--sm{border-radius:var(--radius);block-size:2.5rem;inline-size:2.5rem;margin-block-end:0}.mode-icon,.profile-icon{color:var(--accent);flex:none;overflow:visible}.mode h3{align-items:center;gap:var(--space-xs);display:flex}.mode h3 a{text-decoration:none}.mode h3 a:after{content:"";position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.mode-icon .a,.profile-icon .a{transform-box:fill-box;transform-origin:50%;transition:transform .35s cubic-bezier(.3,.7,.2,1)}.has-icon:hover .mode-icon .a,.has-icon:focus-within .mode-icon .a,.has-icon:hover .profile-icon .a,.has-icon:focus-within .profile-icon .a{transform:scale(1.1)}.has-icon:hover .mode-icon .a-y,.has-icon:focus-within .mode-icon .a-y{transform:translateY(1.5px)}.has-icon:hover .mode-icon .a-x,.has-icon:focus-within .mode-icon .a-x{transform:translate(1.2px)}.has-icon:hover .mode-icon .a-pulse,.has-icon:focus-within .mode-icon .a-pulse{transform:scale(1.3)}.has-icon:hover .mode-icon .a-dash,.has-icon:focus-within .mode-icon .a-dash{animation:.9s linear infinite march}@keyframes march{to{stroke-dashoffset:-6px}}}.mode-group+.mode-group{margin-block-start:var(--space-xl)}.mode-grid{gap:var(--space-m);grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));margin-block-start:var(--space-m);padding:0;display:grid}.prose .mode-grid{padding:0}.mode-card{border:var(--rule-w) solid var(--rule);border-radius:var(--radius);margin:0;list-style:none}.prose .mode-card+.mode-card{margin-block-start:0}.mode-card a{padding:var(--space-m);block-size:100%;text-decoration:none;display:block;position:relative}.mode-card:hover,.mode-card:focus-within{border-color:var(--ink)}.mode-card h3{margin-block:var(--space-s) var(--space-2xs);font-size:var(--step-1)}.mode-card p{color:var(--ink-2);font-size:var(--step--1);margin:0}.mode-card .more{font-size:var(--step--1);text-underline-offset:.22em;margin-block-start:var(--space-s);text-decoration:underline;display:inline-block}.flows{grid-column:1/-1}.flow+.flow{margin-block-start:var(--space-xl)}.flow-label{font-family:var(--font-display);font-size:var(--step-1);margin:0 0 var(--space-m);border-block-end:var(--rule-w) solid var(--ink);padding-block-end:var(--space-2xs)}.steps{gap:var(--space-l);margin:0;padding:0;display:grid}.step{padding:var(--space-m);border:var(--rule-w) solid var(--rule);border-radius:var(--radius);list-style:none}.step .plate.cover{margin-block-end:var(--space-s)}.step-n{font-family:var(--font-display);font-size:var(--step--1);color:var(--accent);font-variant-numeric:tabular-nums lining-nums;margin:0 0 var(--space-2xs)}.step h4{margin:0 0 var(--space-2xs);font-size:var(--step-0)}.step p:last-child{color:var(--ink-2);font-size:var(--step--1);margin:0}@media (width>=48rem){.steps{grid-template-columns:repeat(3,1fr)}}.profiles{gap:var(--space-m);grid-column:1/-1;margin:0;padding:0;display:grid}.profile-card{border:var(--rule-w) solid var(--rule);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:var(--space-l);list-style:none}.profile-card h3{margin:var(--space-s) 0 var(--space-2xs);font-size:var(--step-1)}.profile-card p{color:var(--ink-2);font-size:var(--step--1);margin:0}@media (width>=48rem){.profiles{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}}.faq-teaser{gap:var(--space-m);grid-column:1/-1;display:grid}.faq-teaser-item{padding:var(--space-l);border:var(--rule-w) solid var(--rule);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.faq-teaser-item h3{font-size:var(--step-0)}.faq-teaser-item p{color:var(--ink-2);margin-block-start:var(--space-2xs)}.faq-teaser-cta{font-size:var(--step--1);grid-column:1/-1;margin-block-start:var(--space-l)}@media (width>=48rem){.faq-teaser{column-gap:var(--space-l);grid-template-columns:repeat(2,1fr)}}.mode-cta{margin-block-start:var(--space-2xl)}.more-modes{border-block-start:var(--rule-w) solid var(--ink);margin-block-start:var(--space-2xl);padding-block-start:var(--space-m)}.more-modes h2{font-size:var(--step-1);margin-block-start:0}.more-modes ul{gap:var(--space-xs);flex-wrap:wrap;padding:0;list-style:none;display:flex}.prose .more-modes li+li{margin-block-start:0}.chip{align-items:center;gap:var(--space-xs);min-block-size:2.75rem;padding-inline:var(--space-s);border:var(--rule-w) solid var(--rule);border-radius:var(--radius);font-size:var(--step--1);text-decoration:none;display:inline-flex}.lang-flag{background:var(--chip-tint);min-inline-size:1.6em;color:var(--accent);letter-spacing:.02em;vertical-align:middle;border-radius:999px;justify-content:center;align-items:center;margin-inline-start:.4em;padding-inline:.35em;font-size:.7em;font-weight:700;line-height:1.6;display:inline-flex}.chip:hover{border-color:var(--ink)}.byline{font-size:var(--step--1);color:var(--ink-2);margin-block-start:var(--space-s)}.meta{font-size:var(--step--1);color:var(--ink-3)}.entries{gap:var(--space-l);margin-block-start:var(--space-l);padding:0;list-style:none;display:grid}.entries li{border-block-start:var(--rule-w) solid var(--ink);padding-block-start:var(--space-s)}.entries h2{font-size:var(--step-2);margin:0}.entries h2 a{text-decoration:none}.prose .entries li+li{margin-block-start:0}.search{margin-block-start:var(--space-m)}.search label{font-size:var(--step--1);color:var(--ink-2);margin-block-end:var(--space-2xs);display:block}.search input{min-block-size:3rem;inline-size:100%;padding-inline:var(--space-s);border:var(--rule-w) solid var(--ink);border-radius:var(--radius);background:var(--paper)}.search-results{gap:var(--space-s);margin-block-start:var(--space-s);padding:0;list-style:none;display:grid}.search-results p{font-size:var(--step--1);color:var(--ink-2);margin:0}.search-results mark{background:color-mix(in oklab, oklch(87% .18 104) 45%, var(--paper));color:inherit}.sources,.post-faq,.author-bio{border-block-start:var(--rule-w) solid var(--ink);margin-block-start:var(--space-xl);padding-block-start:var(--space-s)}.sources h2,.post-faq h2,.author-bio h2{font-size:var(--step-1);margin-block-start:0}.author-bio-name{font-weight:600}.author-bio p{color:var(--ink-2)}.plate.cover{margin:0}.site-footer nav a,.footer-langs a{min-block-size:1.75rem;padding-block:.3rem;display:inline-block}.plate--shot{inline-size:fit-content;max-inline-size:100%}.plate--shot:before,.plate--shot:after{inset-block-end:0}.plate--shot figcaption{clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.hero-plate .plate--shot{margin-inline:auto}.demo-wrap{padding:var(--space-l);border:var(--rule-w) solid var(--rule);border-radius:var(--radius-l);grid-column:1/-1}.demo{gap:var(--space-l);display:grid}.demo-tabs{gap:var(--space-2xs);border:0;grid-template-columns:repeat(auto-fill,minmax(min(100%,10.5rem),1fr));align-content:start;min-inline-size:0;margin:0;padding:0;display:grid}.demo-tab{align-items:center;gap:var(--space-xs);min-block-size:3rem;padding:var(--space-xs) var(--space-s);border:var(--rule-w) solid var(--rule);border-radius:var(--radius);cursor:pointer;font-size:var(--step--1);line-height:1.25;display:flex;position:relative}.demo-tab:hover{border-color:var(--ink)}.demo-n{font-family:var(--font-display);color:var(--accent);font-variant-numeric:tabular-nums lining-nums}.demo-tab:after{content:"";background:var(--accent-rule);transform-origin:0;block-size:2px;transition:transform .3s;position:absolute;inset-block-end:-1px;inset-inline:0;transform:scaleX(0)}.demo-radio:checked+.demo-tab{border-color:var(--accent);background:var(--chip-tint);color:var(--accent);box-shadow:var(--shadow-card-active);font-weight:600}.demo-radio:checked+.demo-tab .icon-chip{background:var(--chip-tint-strong)}.demo-radio:checked+.demo-tab:after{transform:scaleX(1)}.demo-radio:focus-visible+.demo-tab{outline:2px solid var(--focus);outline-offset:2px}.demo-panel{gap:var(--space-m);align-content:start;display:grid}.demo-figure{justify-items:center;margin:0;display:grid}.demo-img{border:var(--rule-w) solid var(--rule);background:var(--paper-2);block-size:auto;inline-size:min(100%,40rem)}.demo-img--portrait{max-block-size:26rem;inline-size:auto;max-inline-size:100%}.demo-text h3{font-size:var(--step-2)}.demo-text p{color:var(--ink-2);max-inline-size:var(--measure);margin-block-start:var(--space-xs)}.demo-more{min-block-size:1.75rem;margin-block-start:var(--space-s);display:inline-block}@media (width>=62rem){.demo{column-gap:var(--space-xl);grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.demo-tabs{grid-template-columns:1fr}}@supports selector(:has(a)){.demo-panel{display:none}.demo:has(#dm-0:checked) .demo-panel[data-for=dm-0],.demo:has(#dm-1:checked) .demo-panel[data-for=dm-1],.demo:has(#dm-2:checked) .demo-panel[data-for=dm-2],.demo:has(#dm-3:checked) .demo-panel[data-for=dm-3],.demo:has(#dm-4:checked) .demo-panel[data-for=dm-4],.demo:has(#dm-5:checked) .demo-panel[data-for=dm-5],.demo:has(#dm-6:checked) .demo-panel[data-for=dm-6],.demo:has(#dm-7:checked) .demo-panel[data-for=dm-7],.demo:has(#dm-8:checked) .demo-panel[data-for=dm-8]{display:grid}}@media (prefers-reduced-motion:no-preference){.demo-panel{animation:.35s both demo-in}@keyframes demo-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:none}}}@media (width<=62rem){.modes-head{grid-column:1/-1}}.panel{padding:var(--space-xl) var(--gutter);border:var(--rule-w) solid var(--rule);border-radius:var(--radius-l)}.cta-final .wrap.editorial{isolation:isolate;padding:var(--space-2xl) var(--gutter);background:var(--ink-strong);color:var(--paper);border-radius:var(--radius-l);box-shadow:var(--shadow-float);position:relative;overflow:hidden}.cta-final .wrap.editorial:before{content:"";background:var(--accent-rule);block-size:3px;position:absolute;inset-block-start:0;inset-inline:0}.cta-final .wrap.editorial:after{content:"";z-index:-1;background:radial-gradient(44rem 40rem at 6% 10%, color-mix(in oklab, var(--accent) 55%, transparent), transparent 65%), radial-gradient(40rem 38rem at 94% 90%, color-mix(in oklab, var(--accent-2) 48%, transparent), transparent 65%);pointer-events:none;position:absolute;inset:0}.cta-final h2{color:var(--paper)}.cta-final .cta-row{grid-column:1/-1}.cta-final .reassurance{color:color-mix(in oklab, var(--paper) 65%, transparent);grid-column:1/-1}.cta-final .btn{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.cta-final .btn:hover,.cta-final .btn:focus-visible{background:var(--accent-2);border-color:var(--accent-2)}.cta-final .btn[aria-disabled=true]{background:color-mix(in oklab, var(--paper) 20%, var(--ink-strong));border-color:color-mix(in oklab, var(--paper) 30%, var(--ink-strong));color:color-mix(in oklab, var(--paper) 55%, transparent)}.cta-final .cta-note{color:color-mix(in oklab, var(--paper) 55%, transparent)}@media (width<=30rem){.cta-final .wrap.editorial{padding:var(--space-xl) var(--space-m)}}}@layer utilities{.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:100;padding:var(--space-xs) var(--space-m);background:var(--ink);color:var(--paper);border-radius:var(--radius);position:fixed;inset-block-start:var(--space-xs);inset-inline-start:var(--space-xs);transform:translateY(-200%)}.skip-link:focus{transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@view-transition{navigation:none}}
