@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(../media/fc0a7394b875fa43-s.3zvkfbs08rnj_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(../media/7ebf22b5a21034f8-s.p.3strvg7o-g5v2.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif Fallback;src:local(Times New Roman);ascent-override:117.94%;descent-override:36.93%;line-gap-override:0.0%;size-adjust:83.94%}.instrument_serif_89eeb0c2-module__CmhBKq__className{font-family:Instrument Serif,Instrument Serif Fallback;font-style:italic;font-weight:400}.instrument_serif_89eeb0c2-module__CmhBKq__variable{--font-serif:"Instrument Serif", "Instrument Serif Fallback"}
:root{--bg:#0b0a0f;--bg-2:#14121b;--surface:#1a1822;--ink:#f3f1f8;--ink-1:#c7c3d6;--ink-2:#a5a1b5;--ink-3:#8d89a0;--line:#ffffff17;--line-2:#ffffff29;--accent:#a08dff;--button:#f3f1f8;--button-ink:#0b0a0f;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, "Helvetica Neue", sans-serif;--display:ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;--serif:var(--font-serif), "Iowan Old Style", Georgia, serif;--ease:cubic-bezier(.22, 1, .36, 1);--gut:max(clamp(16px, 4vw, 24px), env(safe-area-inset-left,0px), env(safe-area-inset-right,0px));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{background:var(--bg);color:var(--ink);font:16px/1.6 var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}img,video{max-width:100%;height:auto;display:block}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}button{font:inherit;color:inherit}h1,h2,h3{font-family:var(--display);text-wrap:balance;margin:0}h1{letter-spacing:-.035em;font-size:clamp(42px,7vw,80px);font-weight:700;line-height:1.02}h2{letter-spacing:-.03em;font-size:clamp(36px,4.45vw,64px);font-weight:700;line-height:1.02}.wrap{max-width:1248px;padding-inline:var(--gut);margin-inline:auto}.mono,.eyebrow{font:500 12px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.mono.ink{color:var(--ink)}.eyebrow{margin:0 0 22px}.it{font-family:var(--serif);letter-spacing:-.01em;font-size:1.12em;font-style:italic;font-weight:400;line-height:.85}.bk,.ed-stage:after,.card:after{--k:var(--bs,40px);content:"";border:var(--bw,2.5px) solid var(--bc,#f3f1f8d9);border-radius:var(--br,10px);pointer-events:none;-webkit-mask:linear-gradient(#000, #000) 0 0 / var(--k) var(--k) no-repeat, linear-gradient(#000, #000) 100% 0 / var(--k) var(--k) no-repeat, linear-gradient(#000, #000) 0 100% / var(--k) var(--k) no-repeat, linear-gradient(#000, #000) 100% 100% / var(--k) var(--k) no-repeat;mask:linear-gradient(#000, #000) 0 0 / var(--k) var(--k) no-repeat, linear-gradient(#000, #000) 100% 0 / var(--k) var(--k) no-repeat, linear-gradient(#000, #000) 0 100% / var(--k) var(--k) no-repeat, linear-gradient(#000, #000) 100% 100% / var(--k) var(--k) no-repeat;transition:scale .5s var(--ease), border-color .4s var(--ease), opacity .3s var(--ease);position:absolute;inset:0}.sec-head{height:56px;margin-inline:calc(var(--gut) * -1);padding-inline:var(--gut);border-top:1px solid var(--line-2);justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.sec-head:before,.sec-head:after{content:"";width:11px;height:11px;color:var(--ink-3);background:linear-gradient(currentColor,currentColor) 50%/1px 11px no-repeat,linear-gradient(currentColor,currentColor) 50%/11px 1px no-repeat;position:absolute;top:-6px}.sec-head:before{left:0}.sec-head:after{right:0}@media (min-width:1280px){.sec-head:before{left:-5px}.sec-head:after{right:-5px}}.bar{top:env(safe-area-inset-top,0px);z-index:20;transition:background .3s var(--ease);position:sticky}.bar.scrolled{background:color-mix(in srgb, var(--bg) 92%, transparent)}.bar .wrap{border-bottom:1px solid var(--line);align-items:center;gap:6px;height:72px;display:flex}.brand{height:44px;font:700 19px/1 var(--display);letter-spacing:-.01em;align-items:center;gap:10px;text-decoration:none;display:flex}.brand img{width:30px;height:30px}.nav{align-items:center;gap:4px;margin-left:auto;display:flex}.nav a{height:44px;color:var(--ink-2);transition:color .2s var(--ease), background .2s var(--ease);border-radius:999px;align-items:center;padding-inline:14px;font-size:14.5px;text-decoration:none;display:inline-flex}.nav a:hover{color:var(--ink);background:#ffffff0f}.bar .button{margin-left:10px}.button{background:var(--button);height:44px;color:var(--button-ink);font:600 15px/1 var(--font);white-space:nowrap;cursor:pointer;transition:transform .25s var(--ease), box-shadow .35s var(--ease), background .25s var(--ease);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding-inline:22px;text-decoration:none;display:inline-flex;box-shadow:inset 0 1px #fffffff2,0 0 0 1px #fff3,0 8px 24px -8px #a08dff73}.button:hover{transform:translateY(-1px);box-shadow:inset 0 1px #fff,0 0 0 1px #ffffff59,0 14px 36px -8px #a08dffbf}.button:active{transform:scale(.98)}.button.lg{height:52px;padding-inline:30px;font-size:16px}.button.ghost{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2);background:0 0}.button.ghost:hover{box-shadow:inset 0 0 0 1px var(--line-2);background:#ffffff0f;transform:none}.button:disabled{opacity:.4;cursor:default;transform:none}.icon-button{width:44px;height:44px;color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-2);cursor:pointer;transition:background .2s var(--ease), color .2s var(--ease);background:0 0;border:0;border-radius:999px;place-items:center;display:inline-grid}.icon-button:hover:not(:disabled){color:var(--ink);background:#ffffff0f}.icon-button:disabled{opacity:.35;cursor:default}.icon-button svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.link{height:44px;color:var(--ink-2);font:500 15px/1 var(--font);white-space:nowrap;transition:color .25s var(--ease);align-items:center;gap:8px;text-decoration:none;display:inline-flex}.link:hover{color:var(--ink)}.link span{transition:translate .25s var(--ease)}.link:hover span{translate:4px}kbd{min-width:1.55em;height:1.55em;font:600 .78em/1 var(--mono);color:var(--ink);vertical-align:.06em;background:linear-gradient(#25222f,#181620);border-radius:.36em;place-items:center;padding-inline:.3em;display:inline-grid;box-shadow:inset 0 1px #ffffff24,inset 0 -2px #0000006b,0 0 0 1px #ffffff17,0 0 12px #7c5cff33}.lede{max-width:34em;color:var(--ink-2);text-wrap:pretty;margin:26px 0 0;font-size:clamp(18px,2vw,20px);line-height:1.55}.key{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.key .field{background:var(--bg-2);min-width:0;height:44px;box-shadow:inset 0 0 0 1px var(--line-2);color:var(--ink);font:inherit;border:0;border-radius:10px;flex:260px;padding:0 14px;font-size:16px}.key .field:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.key code{overflow-wrap:anywhere;min-width:0;font:14px/1.5 var(--mono);background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);border-radius:10px;flex:280px;padding:12px 14px}.chips{flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;list-style:none;display:flex}.chips li{min-height:34px;box-shadow:inset 0 0 0 1px var(--line-2);font:500 11.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);border-radius:999px;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.chips svg{flex:none}.faq{counter-reset:q;max-width:760px;margin-top:40px}.faq details{counter-increment:q;border-top:1px solid var(--line-2)}.faq details:last-child{border-bottom:1px solid var(--line-2)}.faq summary{cursor:pointer;min-height:58px;font:600 clamp(18px, 1.6vw, 21px)/1.25 var(--display);letter-spacing:-.015em;color:var(--ink);align-items:center;gap:18px;padding-block:12px;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:before{content:counter(q, decimal-leading-zero);width:26px;font:500 12px/1 var(--mono);letter-spacing:.08em;color:var(--ink-3);transition:color .3s var(--ease);flex:none}.faq summary:after{content:"";width:16px;height:16px;color:var(--ink-3);transition:transform .4s var(--ease);background:linear-gradient(currentColor,currentColor) 50%/16px 1.6px no-repeat,linear-gradient(currentColor,currentColor) 50%/1.6px 16px no-repeat;flex:none;margin-left:auto}.faq summary:hover:before,.faq details[open] summary:before{color:var(--accent)}.faq summary:hover:after{transform:scale(1.3)}.faq details[open] summary:after{transform:rotate(45deg)}.faq details[open] summary:hover:after{transform:rotate(45deg)scale(1.3)}.faq details p{max-width:38em;color:var(--ink-2);animation:fade-up .45s var(--ease) both;margin:0;padding:0 clamp(0px,3vw,48px) 26px 44px;font-size:17px}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}}footer{color:var(--ink-2);margin-top:clamp(80px,10vw,140px);padding-block:6px 20px;font-size:15px;position:relative;overflow:hidden}.foot-ghost{text-align:center;font:700 clamp(96px, 20.8vw, 300px)/1 var(--display);letter-spacing:-.05em;color:#ffffff09;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:auto 0 -.34em;-webkit-mask-image:linear-gradient(#000 30%,#0000 85%);mask-image:linear-gradient(#000 30%,#0000 85%)}footer .wrap{position:relative}.foot-top{gap:32px 72px;padding-block:36px 24px;display:grid}@media (min-width:900px){.foot-top{grid-template-columns:minmax(0,290px) minmax(0,1fr)}}.foot-brand{height:48px;font:700 30px/1 var(--display);letter-spacing:-.02em;color:var(--ink);align-items:center;gap:12px;text-decoration:none;display:flex}.foot-brand img{width:44px;height:44px}.foot-top p{max-width:290px;margin:14px 0 0;line-height:1.55}.foot-tools{columns:200px 3;margin:6px 0 0;padding:0;list-style:none}.foot-tools li{break-inside:avoid}.footer-links{flex-wrap:wrap;gap:0 30px;margin:0;padding:0;list-style:none;display:flex}.footer-links a,.foot-tools a{min-height:44px;color:var(--ink-2);transition:color .2s var(--ease);align-items:center;text-decoration:none;display:flex}.footer-links a:hover,.foot-tools a:hover{color:var(--ink)}footer .footer-links{border-top:1px solid var(--line);margin-top:20px;padding-top:4px}.tool-head{padding-block:clamp(36px,6vw,64px) 0}.crumbs{font:500 12px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:0 8px;margin-bottom:10px;display:flex}.crumbs a{min-height:44px;color:var(--ink-2);transition:color .2s var(--ease);align-items:center;text-decoration:none;display:inline-flex}.crumbs a:hover{color:var(--ink)}.tool-head h1{font-size:clamp(34px,5vw,56px);line-height:1.05}.ed{gap:20px;margin-top:32px;display:grid}@media (min-width:980px){.ed{grid-template-columns:minmax(0,1fr) 304px;align-items:start}}.ed-stage{box-shadow:0 0 0 1px var(--line), 0 40px 80px -40px #000000e6;isolation:isolate;border-radius:14px;max-width:100%;margin-inline:auto;position:relative;overflow:hidden;container-type:inline-size}.ed-stage:after{--bs:26px;--bw:2px;--br:6px;--bc:#f3f1f8b3;inset:10px}.ed-stage.is-clear:before{content:"";z-index:-1;background:repeating-conic-gradient(var(--bg-2) 0 25%, var(--surface) 0 50%) 0 0 / 18px 18px;position:absolute;inset:0}.ed-stage.is-dragging{box-shadow:0 0 0 2px var(--accent)}.ed-stage.is-dragging:after{--bc:var(--accent)}.ed-shot{touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;position:absolute;overflow:hidden}.ed-shot.tool-text{cursor:text}.ed-shot.tool-counter{cursor:cell}.ed-shot svg{width:100%;height:auto;display:block}.ed-text{font-family:ui-rounded,SF Pro Rounded,-apple-system,system-ui,sans-serif;font-weight:700}.ed-typing{outline-offset:2px;field-sizing:content;background:0 0;border:0;outline:1px dashed;min-width:3ch;margin:0;padding:0 2px;font-family:ui-rounded,SF Pro Rounded,-apple-system,system-ui,sans-serif;font-weight:700;line-height:1;position:absolute}.ed-drop{color:#fff;background:color-mix(in srgb, var(--accent) 45%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);place-items:center;font-weight:600;display:grid;position:absolute;inset:0}.ed-panel{box-shadow:inset 0 1px 0 #ffffff12, 0 0 0 1px var(--line);background:linear-gradient(#1d1b26,#15131c);border-radius:16px;flex-direction:column;gap:22px;padding:18px;display:flex}.ed-open{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:10px 12px;font-size:13px;display:flex}.ed-group{flex-direction:column;gap:12px;display:flex}.ed-group h3{font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.ed-tools{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.ed-tool{height:40px;color:var(--ink-2);cursor:pointer;transition:background .2s var(--ease), color .2s var(--ease);background:#ffffff0d;border:0;border-radius:10px;place-items:center;display:grid}.ed-tool:hover{color:var(--ink);background:#ffffff1a}.ed-tool[aria-checked=true]{background:var(--accent);color:var(--bg)}.ed-tool svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.ed-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.ed-swatches{flex-wrap:wrap;gap:6px;display:flex}.ed-swatch{cursor:pointer;width:22px;height:22px;transition:transform .15s var(--ease);border:0;border-radius:50%;padding:0;box-shadow:inset 0 0 0 1px #ffffff38}.ed-swatch[aria-checked=true]{box-shadow:inset 0 0 0 1px #ffffff38, 0 0 0 2px #15131c, 0 0 0 4px var(--accent)}.ed-swatch:active{transform:scale(.92)}.ed-seg{background:#ffffff0d;border-radius:9px;padding:2px;display:inline-flex}.ed-seg button{min-width:32px;height:28px;color:var(--ink-2);cursor:pointer;transition:background .2s var(--ease), color .2s var(--ease);background:0 0;border:0;border-radius:7px;padding:0 8px;font-size:12.5px;font-weight:500}.ed-seg button[aria-checked=true]{color:var(--ink);background:#ffffff24;box-shadow:inset 0 1px #ffffff1a}.ed-seg button:disabled{opacity:.4;cursor:default}.ed-aspect{display:flex}.ed-aspect button{flex:1}.ed-backdrops{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.ed-backdrop{aspect-ratio:1;box-shadow:inset 0 0 0 1px var(--line-2);cursor:pointer;transition:transform .15s var(--ease);border:0;border-radius:8px;padding:0;position:relative}.ed-backdrop:active{transform:scale(.94)}.ed-backdrop[aria-checked=true]{box-shadow:0 0 0 2px #15131c, 0 0 0 4px var(--accent)}.ed-none{background:var(--bg-2)}.ed-none:after{content:"";background:var(--ink-3);height:1.5px;position:absolute;top:50%;left:20%;right:20%;rotate:-45deg}.ed-clear{background:repeating-conic-gradient(var(--ink-3) 0 25%, var(--bg-2) 0 50%) 0 0 / 50% 50%}.ed-custom{background:conic-gradient(#ff3b30,#fc0,#34c759,#007aff,#af52de,#ff3b30);overflow:hidden}.ed-custom input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.ed-slider{color:var(--ink-2);grid-template-columns:76px 1fr;align-items:center;gap:10px;font-size:13.5px;display:grid}.ed-slider input{width:100%;accent-color:var(--accent)}.ed-actions{flex-wrap:wrap;gap:8px;display:flex}.ed-actions .button{flex:1;justify-content:center}.ed-note{color:var(--ink-3);font-variant-numeric:tabular-nums;margin:-8px 0 0;font-size:12.5px}.rec-stage{aspect-ratio:16/9;background:radial-gradient(120% 90% at 50% 0%, #211d2e, var(--bg-2));width:100%}.rec-stage video{background:#000;width:100%;height:100%;display:block}.rec-idle{text-align:center;place-content:center;justify-items:center;gap:14px;padding:24px;display:grid;position:absolute;inset:0}.rec-idle strong{font:600 clamp(18px, 2.4vw, 24px)/1.2 var(--display);color:var(--ink)}.rec-idle span{max-width:30em;color:var(--ink-2);font-size:14.5px}.rec-idle .rec-clock{font:500 clamp(32px, 6vw, 56px)/1 var(--mono);font-variant-numeric:tabular-nums}.rec-dot{background:#ff3b30;border-radius:50%;width:22px;height:22px;box-shadow:0 0 0 6px #ff3b302e}.rec-dot.is-on{animation:rec-pulse 1.2s var(--ease) infinite alternate}@keyframes rec-pulse{to{box-shadow:0 0 0 12px #ff3b300d}}@media (prefers-reduced-motion:reduce){.rec-dot.is-on{animation:none}}.rec-check{color:var(--ink-2);cursor:pointer;align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.4;display:flex}.rec-check input{accent-color:var(--accent);margin:1px 0 0}.prose{padding-block:clamp(56px,8vw,96px) 0}.prose>*{max-width:760px}.prose>.table{max-width:100%}.prose>*+*{margin-top:18px}.prose h2{letter-spacing:-.02em;margin-top:52px;font-size:clamp(24px,3vw,30px);line-height:1.15}.prose p,.prose li{color:var(--ink-2);font-size:17px;line-height:1.7}.prose p.answer{color:var(--ink);font-size:19px}.prose strong{color:var(--ink);font-weight:600}.prose ol,.prose ul{gap:8px;padding-left:1.3em;display:grid}.prose a{color:var(--ink);-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 60%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 60%, transparent);text-underline-offset:3px;text-decoration-thickness:1.5px}.prose a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.prose em{color:var(--ink-3)}.prose code{font:.9em var(--mono);background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);border-radius:5px;padding:.1em .35em}.table{box-shadow:0 0 0 1px var(--line-2);border-radius:12px;overflow-x:auto}.table table{border-collapse:collapse;width:100%;font-size:15px}.table th,.table td{text-align:left;vertical-align:top;padding:12px 16px}.table th{color:var(--ink);background:#ffffff0a;font-weight:600}.table td{color:var(--ink-2);border-top:1px solid var(--line)}.table tbody th{border-top:1px solid var(--line);white-space:nowrap;background:0 0}.cta{border-block:1px solid var(--line-2);align-items:center;gap:22px;margin-top:clamp(72px,10vw,120px);padding-block:36px;display:grid}@media (min-width:760px){.cta{grid-template-columns:auto 1fr auto}}.cta img{filter:drop-shadow(0 14px 24px #7c5cff66);width:64px;height:64px}.cta h2{letter-spacing:-.02em;font-size:24px;line-height:1.2}.cta p{max-width:40em;color:var(--ink-2);margin:8px 0 0}.cards{gap:14px;margin-top:28px;display:grid}@media (min-width:700px){.cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}.card{box-shadow:inset 0 1px 0 #ffffff12, 0 0 0 1px var(--line);transition:box-shadow .3s var(--ease), translate .25s var(--ease);background:linear-gradient(#1d1b26,#15131c);border-radius:14px;flex-direction:column;gap:8px;padding:22px;text-decoration:none;display:flex;position:relative}.card:hover{box-shadow:inset 0 1px 0 #ffffff1a, 0 0 0 1px var(--line-2), 0 24px 40px -24px #000c;translate:0 -2px}.card:after{--bs:12px;--bw:1.5px;--br:4px;--bc:var(--accent);opacity:0;inset:8px}.card:hover:after{opacity:1}.card strong{font:600 17px/1.3 var(--display);letter-spacing:-.01em}.card span{color:var(--ink-2);font-size:14.5px}.more{margin-top:clamp(64px,9vw,110px)}.more h2{letter-spacing:-.02em;font-size:clamp(24px,3vw,30px);line-height:1.15}@media (max-width:720px){.nav{display:none}.bar .wrap{justify-content:space-between}.bar .button{margin-left:0}}@media (pointer:coarse){.ed-tool{height:44px}.ed-seg button{min-width:40px;height:40px}.ed-swatches{gap:8px}.ed-swatch{width:30px;height:30px;position:relative}.ed-swatch:before{content:"";position:absolute;inset:-7px}.ed-slider input{height:44px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}
