:root{color-scheme:light dark;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--font-ui:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-display:var(--font-ui);--font-mono:ui-monospace, "SF Mono", "Cascadia Code", "Segoe UI Mono", Menlo, Consolas, monospace;--font-num:var(--font-ui);--text-s:12px;--text-m:13px;--text-l:15px;--dur-fast:90ms;--dur:.15s;--ease:cubic-bezier(.2, 0, 0, 1);--paper:#fff}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}:root{--bg:light-dark(#fcfbf7,#201e1a);--bg-subtle:light-dark(#f4f1ea,#2a2723);--bg-hover:light-dark(#ece8de,#34302b);--canvas:light-dark(#eeebe3,#141210);--fg:light-dark(#1f1c17,#efeae2);--fg-muted:light-dark(#655f54,#ada596);--line:light-dark(#e4dfd4,#36322c);--line-strong:light-dark(#cfc8b9,#4a443c);--control-border:light-dark(#8a8375,#7d7668);--on-paper-accent:#b0400f;--on-paper-muted:#655f54;--accent:light-dark(#b0400f,#f39a5e);--accent-fg:light-dark(#fff,#24120a);--accent-soft:light-dark(#fbe9df,#47291a);--ok:light-dark(#2c6b43,#7fca97);--warn:light-dark(#8a5a00,#e2b34a);--danger:light-dark(#b42318,#ff8a80);--font-display:ui-serif, "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--radius-s:6px;--radius-m:10px;--radius-l:16px;--bar-h:44px;--rail-w:164px;--shadow-float:0 1px 1px #3c280a0f, 0 6px 22px #3c280a24;--vp-shadow:light-dark(#4632142e,#0009);--vp-edge:light-dark(#4632141a,#ffffff0d);--vp-canvas:var(--canvas);--vp-paper:var(--paper);--vp-hover:var(--on-paper-accent);--vp-selection:var(--on-paper-accent);--vp-muted:var(--on-paper-muted);--vp-scrollbar:color-mix(in srgb, var(--fg) 38%, transparent)}*,:before,:after{box-sizing:border-box}html{text-size-adjust:100%}body{background:var(--canvas);color:var(--fg);font:16px/1.5 var(--font-ui);-webkit-font-smoothing:antialiased;margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#app{z-index:30;pointer-events:none;position:fixed;inset:0}html[data-doc] #app{pointer-events:auto}html[data-doc] #landing,html[data-doc] .skip,html[data-doc] .lang-offer,html[data-doc] .consent{display:none}html[data-doc],html[data-doc] body{overscroll-behavior:none;block-size:100%;overflow:hidden}#landing{font:16px/1.55 var(--font-ui);color:var(--fg);position:relative;overflow-x:clip}#landing a{color:inherit}.skip{z-index:40;background:var(--fg);color:var(--bg);border-radius:999px;padding:10px 18px;font-weight:600;text-decoration:none;position:absolute;inset-block-start:-80px;inset-inline-start:12px}.skip:focus{inset-block-start:12px}.lang-offer{z-index:7;background:var(--fg);min-block-size:40px;color:var(--bg);text-align:center;justify-content:center;align-items:center;padding:6px 48px;font-size:14px;display:flex;position:relative}.lang-offer[hidden]{display:none}.lang-offer a{color:inherit;text-underline-offset:3px;font-weight:600}.lang-offer button{block-size:28px;inline-size:28px;color:inherit;font:400 20px/1 var(--font-ui);cursor:pointer;background:0 0;border:0;border-radius:999px;position:absolute;inset-block-start:50%;inset-inline-end:8px;translate:0 -50%}.lang-offer button:hover{background:color-mix(in srgb, var(--bg) 18%, transparent)}.lang-offer :focus-visible{outline-color:var(--bg)}.consent{z-index:40;box-sizing:border-box;border:1px solid var(--line);border-radius:var(--radius-l);background:var(--bg);inline-size:min(400px,100vw - 32px);color:var(--fg);box-shadow:var(--shadow-float);font:14px/1.5 var(--font-ui);padding:16px 18px;position:fixed;inset-block-end:16px;inset-inline-end:16px}.consent[hidden]{display:none}.consent p{margin:0}.consent a{color:inherit;text-underline-offset:3px}.consent-answers{gap:10px;margin-block-start:14px;display:flex}.consent-answer{border:1px solid var(--control-border);background:var(--bg);block-size:38px;color:var(--fg);font:600 14px/1 var(--font-ui);cursor:pointer;border-radius:999px;flex:1;padding-inline:16px}.consent-answer:hover{background:var(--bg-hover)}.consent-open{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.consent-open:hover{color:var(--fg);text-underline-offset:3px;text-decoration:underline}.site-head{z-index:6;justify-content:space-between;align-items:center;gap:16px;padding:16px clamp(16px,2.4vw,28px);display:flex;position:absolute;inset-block-start:0;inset-inline:0}#landing .site-brand{border-radius:var(--radius-m);font-family:var(--font-display);letter-spacing:-.01em;color:var(--fg);align-items:center;gap:8px;padding:4px 6px;font-size:20px;font-weight:600;text-decoration:none;display:inline-flex}#landing .mark{block-size:20px;inline-size:20px;color:var(--accent);flex:none}.site-menus{align-items:center;gap:2px;display:flex}.site-menu{position:relative}.site-menu>summary{cursor:pointer;user-select:none;block-size:36px;transition:background var(--dur-fast) var(--ease);border-radius:999px;align-items:center;gap:6px;padding-inline:12px;font-size:14px;font-weight:550;list-style:none;display:inline-flex}.site-menu>summary::-webkit-details-marker{display:none}.site-menu>summary:hover,.site-menu[open]>summary{background:color-mix(in srgb, var(--fg) 8%, transparent)}.site-menu>summary svg{flex:none;block-size:16px;inline-size:16px}.site-menu>summary .chevron{block-size:12px;inline-size:12px;color:var(--fg-muted);transition:rotate var(--dur) var(--ease)}.site-menu[open]>summary .chevron{rotate:180deg}.site-menu>ul{z-index:10;border:1px solid var(--line);border-radius:var(--radius-l);background:var(--bg);min-inline-size:216px;box-shadow:var(--shadow-float);margin:0;padding:6px;list-style:none;position:absolute;inset-block-start:calc(100% + 6px);inset-inline-end:0}.site-menu li a{border-radius:var(--radius-m);white-space:nowrap;padding:9px 12px;font-size:14.5px;text-decoration:none;display:block}.site-menu li a:hover{background:var(--bg-hover)}#landing .site-menu li a[aria-current]{color:var(--accent);font-weight:600}#landing .hero{scroll-margin-block-start:0;display:grid;position:relative;inset:auto;overflow:clip}#landing .hero:focus{outline:none}#landing .hero:after{display:none}#landing .hero-inner{min-block-size:max(620px,100svh);padding-block:92px 76px;padding-inline:clamp(32px, 6.5vw, 150px) max(var(--bleed), 4vw);grid-template-columns:minmax(380px,.92fr) minmax(0,1.08fr);inline-size:100%;position:relative;inset:auto}#landing-acts{display:contents}#landing .hero-copy>*{animation:none}#landing .hero-copy{min-inline-size:0;padding-block-end:0}#landing .hero h1{overflow-wrap:break-word;font-size:clamp(34px,3.5vw,62px);line-height:1.06}#landing .hero .sub{text-wrap:pretty;max-inline-size:38em;margin-block-end:clamp(24px,2.4vw,36px);font-size:clamp(16.5px,1.25vw,20px);line-height:1.5}#landing .hero-eyebrow{line-height:1.4}:where(#landing) .btn{block-size:28px;min-inline-size:28px;color:inherit;font:inherit;white-space:nowrap;cursor:pointer;transition:background var(--dur-fast) var(--ease);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding-inline:6px;display:inline-flex}:where(#landing) .btn.primary{background:var(--accent);color:var(--accent-fg);font-weight:600}:where(#landing) .btn.primary:hover{background:color-mix(in srgb, var(--accent) 88%, var(--fg))}#landing .btn.primary{block-size:46px;padding-inline:24px;font-size:16px}#landing .hero-sample{border:1px solid var(--control-border);block-size:46px;color:var(--fg);background:color-mix(in srgb, var(--bg) 70%, transparent);padding-inline:20px;font-size:15px;font-weight:550}#landing .hero-sample:hover{background:var(--bg);border-color:var(--fg-muted)}#landing .hero-actions{flex-wrap:wrap}html[data-early=sample] #landing [data-act=sample],html[data-early=choose] #landing [data-act=choose]{cursor:progress}.hero-drop{color:var(--fg-muted);margin:12px 0 0;font-size:14px}#landing .hero .privacy{margin-block-start:clamp(22px,2.2vw,34px);font-size:14px}#landing-offline:not(:empty):before{content:" "}#landing .hero-canvas{z-index:1}#landing .hero-still{transition:opacity .32s var(--ease), visibility 0s .32s}#landing .hero[data-scene=webgpu] .hero-still{opacity:0;visibility:hidden}#landing .hero.plain .hero-inner{grid-template-columns:minmax(0,760px);justify-content:center;min-block-size:0;padding-block:132px 40px}#landing .hero-more{z-index:2;color:var(--fg-muted);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13.5px;font-weight:550;text-decoration:none;display:inline-flex;position:absolute;inset-block-end:18px;inset-inline-start:50%;translate:-50%}:root[dir=rtl] .hero-more{translate:50%}#landing .hero-more:hover{color:var(--fg);background:color-mix(in srgb, var(--fg) 7%, transparent)}.hero-more svg{block-size:14px;inline-size:14px}.gate{border:1px solid var(--line-strong);border-inline-start:3px solid var(--accent);border-radius:var(--radius-m);background:var(--bg);max-inline-size:580px;margin:0 0 clamp(20px,2vw,28px);padding:18px 20px 16px}.gate[hidden]{display:none}.gate h2{font:650 18px/1.3 var(--font-ui);text-wrap:balance;margin:0 0 6px}.gate p{color:var(--fg-muted);text-wrap:pretty;margin:0 0 12px;font-size:15px}.gate-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}#landing .gate .btn{background:var(--fg);block-size:38px;color:var(--bg);padding-inline:16px;font-size:14px;font-weight:600}#gate-copied{color:var(--fg-muted);font-size:14px}.gate .gate-why{border-block-start:1px solid var(--line);margin:14px 0 0;padding-block-start:12px;font-size:13px}html[data-gate] .hero-actions,html[data-gate] .hero-drop,html[data-gate] .band.again,html[data-gate] #app{display:none}.gate.guide{max-inline-size:640px}.gate.guide .gate-actions{display:none}.gate-steps{counter-reset:gate;margin:0 0 14px;padding:0;list-style:none}.gate-steps>li{counter-increment:gate;border-block-start:1px solid var(--line);padding-block:9px;padding-inline-start:34px;font-size:15px;line-height:1.45;position:relative}.gate-steps>li:before{content:counter(gate);background:var(--accent-soft);block-size:22px;inline-size:22px;color:var(--accent);border-radius:999px;place-items:center;font-size:12.5px;font-weight:700;display:grid;position:absolute;inset-block-start:9px;inset-inline-start:0}.gate-address{align-items:center;gap:8px;margin-block-start:6px;display:flex}.gate-address code{border:1px solid var(--line-strong);border-radius:var(--radius-s);background:var(--bg-subtle);min-inline-size:0;font:13px/1.3 var(--font-mono);overflow-wrap:anywhere;user-select:all;padding:5px 9px}#landing .gate .gate-copy{border:1px solid var(--control-border);block-size:28px;color:var(--fg);background:0 0;flex:none;padding-inline:12px;font-size:13px;font-weight:600}#landing .gate .gate-copy:hover{background:var(--bg-hover)}.gate .gate-note{font-size:14px}.gate-again{flex-wrap:wrap;align-items:center;gap:12px;margin-block:16px 14px;display:flex}#landing .gate .gate-again .btn.primary{background:var(--accent);block-size:40px;color:var(--accent-fg);padding-inline:20px;font-size:15px}#landing .gate .gate-again .btn.primary:disabled{opacity:.6;cursor:progress}.gate-said{color:var(--fg-muted);font-size:14px}.gate-details,.gate-advanced{font-size:14px}.gate-advanced{margin-block-end:12px}.gate-details summary,.gate-advanced summary{inline-size:fit-content;color:var(--fg-muted);cursor:pointer;font-weight:600}.gate-details p,.gate-advanced p{margin:8px 0;font-size:13.5px}.gate-details pre{border:1px solid var(--line);border-radius:var(--radius-s);background:var(--bg-subtle);font:12px/1.5 var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;text-align:start;margin:0 0 10px;padding:10px 12px}.band{padding-block:clamp(56px,7.5vw,104px);scroll-margin-block-start:0}.wrap{max-inline-size:1168px;margin-inline:auto;padding-inline:clamp(20px,5vw,48px)}.wrap.narrow{max-inline-size:808px}.band h2{font:600 clamp(28px, 3vw, 42px) / 1.12 var(--font-display);letter-spacing:-.018em;text-wrap:balance;margin:0 0 clamp(24px,3vw,40px)}.band h3{text-wrap:balance;margin:0 0 6px;font-size:17px;font-weight:650;line-height:1.3}.band p{color:var(--fg-muted);text-wrap:pretty;margin:0 0 1em}.band p:last-child{margin-block-end:0}.band ul,.band ol{margin:0;padding:0;list-style:none}.features{background:var(--bg)}.cards{grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:14px;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius-l);background:color-mix(in srgb, var(--canvas) 45%, var(--bg));transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease), translate var(--dur) var(--ease);padding:22px 22px 20px;position:relative}.card:hover{border-color:var(--line-strong);background:var(--bg);translate:0 -2px}.card:has(a:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.feature-icon{block-size:28px;inline-size:28px;color:var(--accent);margin-block-end:14px;display:block}#landing .card h3 a{text-decoration:none}.card h3 a:after{content:"";border-radius:inherit;position:absolute;inset:0}.card h3 a:focus-visible{outline:none}.card p{font-size:15px;line-height:1.5}.extras{border-block-start:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:28px 32px;display:grid;margin-block-start:clamp(36px,4vw,56px)!important;padding-block-start:clamp(28px,3vw,40px)!important}.extras h3{font-size:16px}.extras p{font-size:15px}.private p{font-size:17.5px;line-height:1.6}.needs{background:var(--bg);padding-block-start:0}.needs .wrap{max-inline-size:1168px}.needs h2{font:650 17px/1.3 var(--font-ui);letter-spacing:0;margin-block-end:10px}.needs p{max-inline-size:70ch}.private .onward{margin-block-start:1.6em}#landing .onward a{color:var(--accent);text-underline-offset:3px;font-weight:600}.how{background:var(--bg)}.steps{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px 40px;display:grid}.steps>li{counter-increment:step;border-block-start:2px solid var(--fg);padding-block-start:14px;position:relative}.steps>li:before{content:counter(step);font:600 34px/1 var(--font-display);color:var(--accent);margin-block-end:10px;display:block}.steps.plain{grid-template-columns:minmax(0,1fr);gap:0}.steps.plain>li{border-block-start:1px solid var(--line);grid-template-columns:44px minmax(0,1fr);align-items:baseline;padding-block:16px;display:grid}.steps.plain>li:last-child{border-block-end:1px solid var(--line)}.steps.plain>li:before{margin:0;font-size:26px}.steps.plain p{color:var(--fg);margin:0;font-size:17px}.qa{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:0 48px;display:grid}.q{border-block-start:1px solid var(--line-strong);padding-block:22px}.q h3{margin-block-end:8px}.points{background:var(--bg)}.points .wrap{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:36px 56px;display:grid}.points .wrap.narrow{grid-template-columns:minmax(0,1fr)}.point h2{font:600 23px/1.22 var(--font-display);letter-spacing:-.01em;margin:0 0 8px}.point p{font-size:16.5px}.prose .point p{font-size:17.5px;line-height:1.6}.points+.how{background:0 0}.again{background:var(--accent-soft);padding-block:clamp(40px,5vw,64px)}.again .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 32px;display:flex}.again p{color:var(--fg);font:600 clamp(20px, 2vw, 26px) / 1.25 var(--font-display);letter-spacing:-.01em;margin:0}.again .hero-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}#landing .more h2{margin-block-end:20px;font-size:clamp(22px,2.2vw,28px)}.links{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;display:grid}#landing .links a{border:1px solid var(--line);border-radius:var(--radius-m);background:var(--bg);transition:border-color var(--dur) var(--ease);align-items:center;gap:10px;padding:12px 14px;font-size:15px;font-weight:550;text-decoration:none;display:flex}#landing .links a:hover{border-color:var(--control-border)}.links .feature-icon,.links .mark{block-size:20px;inline-size:20px;color:var(--accent);flex:none;margin:0}.site-foot{border-block-start:1px solid var(--line);background:var(--bg);color:var(--fg-muted);padding-block:40px 48px;font-size:14px}.site-foot .about{align-items:flex-start;gap:10px;max-inline-size:60ch;margin:0 0 22px;display:flex}.site-foot .about .mark{margin-block-start:1px}.site-foot ul{flex-wrap:wrap;gap:6px 22px;margin:0 0 14px;padding:0;list-style:none;display:flex}#landing .site-foot a{text-decoration:none}#landing .site-foot a:hover{color:var(--fg);text-underline-offset:3px;text-decoration:underline}#landing .site-foot a[aria-current]{color:var(--fg);font-weight:600}.site-foot .langs{border-block-start:1px solid var(--line);margin-block:18px 0;padding-block-start:18px}#landing .hero.doc .hero-inner{padding-block-end:8px}#landing .hero.wide .hero-inner{grid-template-columns:minmax(0,1fr);justify-content:stretch;max-inline-size:1168px;margin-inline:auto;padding-inline:clamp(20px,5vw,48px)}#landing .hero.wide .sub{max-inline-size:640px}#landing .hero.doc .sub{margin-block-end:12px}#landing .hero .updated{color:var(--fg-muted);margin:0 0 clamp(16px,2vw,24px);font-size:14px}.prose a{color:var(--accent);text-underline-offset:3px}.prose a.away{overflow-wrap:anywhere}.contact{background:var(--bg)}.contact-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:40px clamp(32px,5vw,72px);display:grid}.contact h2{font:600 23px/1.22 var(--font-display);letter-spacing:-.01em;margin:0 0 18px}.contact-form{border:1px solid var(--line);border-radius:var(--radius-l);background:var(--bg-subtle);gap:18px;padding:clamp(20px,3vw,32px);display:grid;position:relative}.contact-form h2{margin-block-end:0}.contact-form .field{gap:6px;display:grid}.contact-form label{font-size:15px;font-weight:600}.contact-form .optional{color:var(--fg-muted);font-weight:400}.contact-form input,.contact-form select,.contact-form textarea{box-sizing:border-box;border:1px solid var(--control-border);border-radius:var(--radius-m);background:var(--bg);min-block-size:44px;inline-size:100%;color:var(--fg);font:inherit;padding:10px 12px;font-size:16px;line-height:1.4}.contact-form textarea{resize:vertical;min-block-size:180px}.contact-form :is(input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.contact-form [aria-invalid=true]{border-color:var(--danger)}.contact-form .hint,.contact-form .note{color:var(--fg-muted);margin:0;font-size:14px;line-height:1.45}.contact-form .form-end{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.contact-form .form-end .note{flex:16em}#landing .contact-form button[aria-busy=true]{opacity:.7;cursor:progress}.contact-form .trap{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.form-status>p{border-radius:var(--radius-m);margin:0;padding:12px 14px;font-size:15.5px;line-height:1.45;display:none}.form-status>p:target,.form-status>p.shown{display:block}.form-status>p.done{background:color-mix(in srgb, var(--ok) 14%, var(--bg));border-inline-start:3px solid var(--ok)}.form-status>p.problem{background:color-mix(in srgb, var(--danger) 10%, var(--bg));border-inline-start:3px solid var(--danger)}.contact-write p{color:var(--fg-muted);margin:0 0 16px}.contact-write ul{gap:14px;margin:0;padding:0;list-style:none;display:grid}.contact-write li{gap:2px;display:grid}.contact-write a{color:var(--accent);text-underline-offset:3px;justify-self:start;font-weight:600}.contact-write span{color:var(--fg-muted);font-size:14.5px}@media (width<=900px){#landing .hero-inner{grid-template-columns:minmax(0,1fr);align-content:start;min-block-size:0;padding-block:96px 56px;padding-inline:clamp(20px,5vw,48px)}#landing .hero-stage{block-size:clamp(300px,78vw,520px);margin-block-start:28px;margin-inline:calc(-1*clamp(20px,5vw,48px))}#landing .hero-canvas{inline-size:100%;inset-inline-start:0}.hero-more,.hero-keys,.hero-drop{display:none}.contact-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=520px){.site-head{padding-inline:12px}.site-menu>summary{padding-inline:10px}.site-nav .site-menu>ul{inset-inline-end:-84px}#landing .hero h1{font-size:clamp(30px,8.6vw,38px)}#landing .hero-actions{flex-direction:column;align-items:stretch}.again .wrap{flex-direction:column;align-items:flex-start}#landing .contact-form .btn.primary{inline-size:100%}}@media (prefers-reduced-motion:reduce){#landing *,#landing :before,#landing :after{transition-duration:.01ms!important}}.hero{--hero-paper:var(--paper);--hero-ink:#221e19;--hero-ink-muted:var(--on-paper-muted);--hero-ink-accent:var(--on-paper-accent);--hero-hairline:#ddd7ca;--hero-outline:var(--accent);--hero-chip:var(--bg);--hero-chip-text:var(--fg);--hero-chip-ok:var(--ok);--hero-chip-shadow:light-dark(#3c280a4d,#00000080);--hero-shadow:light-dark(#4e38185c,#000000c7);--hero-glow:light-dark(#fffdf780,#ffe0ba16);--hero-edge:light-dark(#5c462438,#00000059);--hero-ambient:.962;--hero-lamp:.075;--hero-paper-shadow:.2;--hero-ambient-shadow:.19;--hero-grain:.022;z-index:5;background:var(--canvas);transition:background var(--dur) var(--ease);position:absolute;inset:0;overflow:hidden}:root[data-theme=dark] .hero{--hero-ambient:.875;--hero-lamp:.2;--hero-paper-shadow:.3;--hero-ambient-shadow:.5;--hero-grain:.026}@media (prefers-color-scheme:dark){:root:not([data-theme]) .hero{--hero-ambient:.875;--hero-lamp:.2;--hero-paper-shadow:.3;--hero-ambient-shadow:.5;--hero-grain:.026}}.hero-brand{z-index:2;position:absolute;inset-block-start:var(--space-5);inset-inline-start:var(--space-5)}.hero-inner{--bleed:64px;max-inline-size:1840px;padding-inline:clamp(40px, 8vw, 168px) max(var(--bleed), 4vw);grid-template-columns:minmax(360px,.8fr) minmax(0,1.2fr);align-items:center;margin-inline:auto;display:grid;position:absolute;inset:0}.hero-copy{z-index:1;padding-block-end:3vh;position:relative}.hero-copy>*{animation:hero-rise .52s var(--ease) backwards}.hero-copy>:nth-child(2){animation-delay:40ms}.hero-copy>:nth-child(3){animation-delay:80ms}.hero-copy>:nth-child(4){animation-delay:.12s}.hero-copy>:nth-child(5){animation-delay:.16s}@keyframes hero-rise{0%{opacity:0;translate:0 8px}}.hero-eyebrow{letter-spacing:.09em;text-transform:uppercase;color:var(--accent);margin:0 0 clamp(14px,1.5vw,22px);font-size:12px;font-weight:600;line-height:1}.hero h1{font-family:var(--font-display);letter-spacing:-.022em;text-wrap:balance;margin:0 0 clamp(12px,1.2vw,20px);font-size:clamp(40px,4.3vw,80px);font-weight:600;line-height:1.04}.hero .sub{color:var(--fg-muted);margin:0 0 clamp(28px,2.8vw,44px);font-size:clamp(17px,1.4vw,24px);line-height:1.4}.hero-actions{align-items:center;gap:14px;display:flex}.hero .btn.primary{block-size:46px;transition:background var(--dur-fast) var(--ease), scale var(--dur-fast) var(--ease);padding-inline:24px;font-size:16px;box-shadow:inset 0 1px #ffffff29,0 1px 2px #3c1e0540}.hero .btn.primary:active{scale:.98}.hero-keys{color:var(--fg-muted);direction:ltr;gap:4px;display:inline-flex}.hero-keys kbd{border:1px solid var(--line-strong);border-radius:var(--radius-s);block-size:24px;min-inline-size:24px;font:500 12px/1 var(--font-ui);border-block-end-width:2px;place-items:center;padding-inline:6px;display:inline-grid}.hero .privacy{color:var(--fg-muted);font-size:var(--text-m);align-items:center;gap:8px;margin:clamp(28px,2.8vw,44px) 0 0;display:flex}.hero .privacy svg{flex:none;block-size:14px;inline-size:14px}.hero-stage{pointer-events:none;align-self:stretch;min-inline-size:0;position:relative}.hero-canvas{inline-size:calc(100% + 2 * var(--bleed));opacity:0;block-size:min(100%,1180px);transition:opacity .32s var(--ease);display:block;position:absolute;inset-block-start:50%;inset-inline-start:calc(-1 * var(--bleed));translate:0 -50%}:root[dir=rtl] .hero-canvas{translate:0 -50%}.hero-canvas[data-ready=true]{opacity:1}.hero[data-frozen] .hero-canvas{transition:none}.hero[data-frozen] .hero-copy>*{animation:none}.hero:after{content:"";border:1.5px dashed var(--accent);border-radius:var(--radius-l);opacity:0;pointer-events:none;transition:opacity var(--dur) var(--ease);position:absolute;inset:10px}.hero[data-drag=true]{background:color-mix(in srgb, var(--accent-soft) 30%, var(--canvas))}.hero[data-drag=true]:after{opacity:1}.hero-still{perspective:2400px;place-items:center;display:grid;position:absolute;inset:0;container-type:size}.hero-still .sheet{--u:min(100cqw / 760, 100cqh / 850, 1.5px);inline-size:calc(460 * var(--u));block-size:calc(612 * var(--u));background:var(--paper);color:var(--hero-ink);box-shadow:0 0 0 .5px #5c462433, calc(4 * var(--u)) calc(6 * var(--u)) calc(5 * var(--u)) #4e381833, 0 calc(14 * var(--u)) calc(38 * var(--u)) #4e381824;grid-area:1/1;transform:rotateX(23deg)rotate(-6.5deg)}.hero-still .sheet.under.a{transform:rotateX(23deg) rotateZ(-11deg) translate(calc(-15 * var(--u)), calc(9 * var(--u)))}.hero-still .sheet.under.b{transform:rotateX(23deg) rotateZ(-2.7deg) translate(calc(12 * var(--u)), calc(6 * var(--u)))}:root[dir=rtl] .hero-still .sheet{transform:rotateX(23deg)rotate(6.5deg)}:root[dir=rtl] .hero-still .sheet.under.a{transform:rotateX(23deg) rotateZ(11deg) translate(calc(15 * var(--u)), calc(9 * var(--u)))}:root[dir=rtl] .hero-still .sheet.under.b{transform:rotateX(23deg) rotateZ(2.7deg) translate(calc(-12 * var(--u)), calc(6 * var(--u)))}.hero-still .sheet.top{padding:calc(58 * var(--u)) calc(56 * var(--u)) 0;font-family:var(--font-display);text-align:start;direction:ltr}.hero-still p{margin:0}.hero-still .kicker{font-size:calc(9.5 * var(--u));letter-spacing:.11em;color:var(--hero-ink-muted);font-weight:600}.hero-still .title{margin-block:calc(14 * var(--u)) calc(16 * var(--u));border-block-end:1px solid var(--hero-hairline);font-size:calc(31 * var(--u));letter-spacing:-.012em;padding-block-end:calc(16 * var(--u));font-weight:600;line-height:1.1}.hero-still .body{font-size:calc(16 * var(--u));line-height:calc(25 * var(--u));margin-block-start:calc(13 * var(--u))}.hero-still mark{background:color-mix(in srgb, var(--hero-ink-accent) 20%, transparent);color:inherit;border-radius:2px}.hero-still .folio{text-align:center;font-size:calc(10 * var(--u));color:var(--hero-ink-muted);position:absolute;inset-block-end:calc(34 * var(--u));inset-inline:0}.hero-drafts{border:1px solid var(--line-strong);border-radius:var(--radius-m);background:var(--bg);max-inline-size:460px;margin-block-start:clamp(20px,3vh,36px);padding:12px 14px 10px}.hero-drafts h2{font-size:var(--text-s);color:var(--accent);margin:0 0 6px;font-weight:600}.hero-drafts ul{margin:0;padding:0;list-style:none}.hero-drafts li{align-items:center;gap:6px;min-block-size:32px;display:flex}.hero-drafts li+li{border-block-start:1px solid var(--line)}.hero-drafts .name{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-inline-size:0;font-weight:600;overflow:hidden}.hero-drafts .when{color:var(--fg-muted);font-size:var(--text-s);white-space:nowrap;flex:1 0 auto}.hero-drafts .btn{flex:none}.hero-drafts .note{color:var(--fg-muted);font-size:var(--text-s);margin:6px 0 0}.hero .hero-sample{border:1px solid var(--control-border);block-size:46px;color:var(--fg);background:color-mix(in srgb, var(--bg) 70%, transparent);transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);border-radius:999px;padding-inline:20px;font-size:15px;font-weight:550}.hero .hero-sample:hover:not(:disabled){background:var(--bg);border-color:var(--fg-muted)}.hero-notices{z-index:1;color:var(--fg-muted);text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px;font-size:12px;position:absolute;inset-block-end:18px;inset-inline-start:24px}.hero-notices:hover{color:var(--fg)}.hero{--hero-highlight:#ffe36e;--hero-mark:#c8432b;--hero-note:#ffdd78;--hero-pen:#1f3278;--hero-field:#f7f2ea;--hero-tray:#ece8de;--hero-scan:#68605033;--hero-scan-ink:#56514a;--hero-light:#f0964680}.hero-acts{z-index:1;inline-size:fit-content;animation:hero-rise .52s var(--ease) .2s backwards;grid-column:2/3;margin-inline:auto;display:flex;position:absolute;inset-block-end:max(clamp(8px,2.2vh,24px),50% - 554px);inset-inline:0}.hero-act{border-radius:var(--radius-s);cursor:pointer;background:0 0;border:0;place-items:center;block-size:24px;inline-size:30px;padding:0;display:grid}.hero-act span{background:var(--control-border);opacity:.75;block-size:3px;inline-size:14px;transition:inline-size var(--dur) var(--ease), background var(--dur) var(--ease), opacity var(--dur) var(--ease);border-radius:2px}.hero-act:hover span{opacity:1;background:var(--fg)}.hero-act[aria-current=true] span{opacity:1;background:var(--accent);inline-size:24px}.hero-act:focus-visible{outline-offset:-2px}.hero[data-frozen] .hero-acts{animation:none}.hero[data-drag=true] .hero-acts{visibility:hidden}
