section{padding:96px 0 0}@media (max-width:767px){section{padding-top:64px}}.sec-head{gap:14px;max-width:760px;margin-bottom:36px;display:grid}.hero{padding-top:56px}.hero-grid{grid-template-columns:1fr 1.05fr;align-items:center;gap:56px;display:grid}.hero-copy{justify-items:start;gap:22px;display:grid}.hero h1 em{background:var(--accent);color:var(--accent-ink);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .12em;font-style:normal}.kicker{background:var(--ink);color:var(--paper);border-color:var(--ink)}.hero-ctas{flex-wrap:wrap;gap:14px;margin-top:6px;display:flex}.hero-copy>*{animation:rise .8s var(--ease) both}.hero-copy>:nth-child(2){animation-delay:60ms}.hero-copy>:nth-child(3){animation-delay:.12s}.hero-copy>:nth-child(4){animation-delay:.18s}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}.hero-visual{padding:84px 28px 64px 34px;position:relative}.collage{position:relative}.win{border:var(--bw) solid var(--line);box-shadow:12px 12px 0 var(--line);animation:rise .9s .1s var(--ease) both;background:#fff;margin:0;transform:rotate(1.2deg)}.win-bar{border-bottom:var(--bw) solid var(--line);background:var(--sunk);color:var(--ink);font:600 12.5px/1 var(--mono);align-items:center;gap:12px;padding:8px 12px;display:flex}.win-dots{gap:5px;display:flex}.win-dots i{border:2px solid var(--line);background:var(--surface);width:11px;height:11px}.win-dots i:first-child{background:var(--accent)}.win-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.win-app{color:#fff;border:2px solid var(--line);background:#2b579a;padding:4px 7px;font-weight:750}.win img{width:100%;height:auto}.src-card,.zoom,.burst{z-index:2;position:absolute}.src-card{background:var(--surface);width:min(80%,400px);color:var(--ink);border:var(--bw) solid var(--line);box-shadow:var(--shadow);animation:drop .7s .45s var(--ease) both;gap:8px;padding:16px 16px 14px;display:grid;top:-74px;left:-30px;transform:rotate(-3.5deg)}.src-card code{font:500 13px/1.5 var(--mono);word-break:break-word}.src-label{font:700 11.5px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.tape{clip-path:polygon(0 12%,5% 0,95% 6%,100% 0,100% 88%,95% 100%,5% 94%,0 100%);background:#ffd23fd1;border-left:1px dashed #14141440;border-right:1px dashed #14141440;width:96px;height:24px;position:absolute;top:-13px;left:50%;translate:-50%;rotate:3deg}.zoom{color:#141414;border:var(--bw) solid var(--line);width:min(76%,380px);box-shadow:8px 8px 0 var(--line);animation:drop .7s .65s var(--ease) both;background:#fff;bottom:-40px;right:-26px;transform:rotate(-1.5deg)}.zoom-label{background:var(--accent);color:var(--accent-ink);border-bottom:var(--bw) solid var(--line);font:700 11.5px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;padding:7px 10px;display:block}.zoom img{width:100%;height:auto;padding:10px 6px}.burst{aspect-ratio:1;width:132px;animation:spin-in .8s .8s var(--ease) both;place-items:center;display:grid;bottom:54px;left:-50px;rotate:12deg}.burst:before,.burst:after{content:"";clip-path:polygon(50% 0,59% 15%,75% 7%,76% 24%,93% 25%,85% 41%,100% 50%,85% 59%,93% 75%,76% 76%,75% 93%,59% 85%,50% 100%,41% 85%,25% 93%,24% 76%,7% 75%,15% 59%,0 50%,15% 41%,7% 25%,24% 24%,25% 7%,41% 15%);position:absolute}.burst:before{background:var(--line);inset:0;translate:4px 4px}.burst:after{background:var(--accent);inset:3px}.burst span{z-index:1;font:850 11.5px/1.05 var(--font);font-variation-settings:"wdth" 120;text-transform:uppercase;text-align:center;color:var(--accent-ink);position:relative}@keyframes drop{0%{opacity:0;translate:0 -18px}}@keyframes spin-in{0%{opacity:0;rotate:-40deg;scale:.6}}@media (max-width:960px){.hero-grid{grid-template-columns:1fr;gap:28px}.hero-visual{padding:78px 14px 56px 22px}.win{box-shadow:8px 8px 0 var(--line);transform:none}.src-card{top:-66px;left:-6px}.zoom{right:-8px}.burst{width:96px;inset:41% -12px auto auto}.burst span{font-size:8.5px}}.ticker{margin-top:88px;padding:18px 0;overflow:hidden}.band{border-block:var(--bw) solid var(--line);white-space:nowrap;overflow:hidden}.band-ink{background:var(--ink);color:var(--paper);z-index:1;position:relative;rotate:-1.5deg}.band-accent{background:var(--accent);color:var(--accent-ink);margin-top:-2.5px;rotate:-1.5deg}.run{animation:38s linear infinite tick;display:inline-flex}.run.rev{animation-duration:44s;animation-direction:reverse}.run span{font:800 18px/1 var(--font);font-variation-settings:"wdth" 125;text-transform:uppercase;letter-spacing:.01em;align-items:center;gap:22px;padding:12px 22px;display:inline-flex}.run span:after{content:"";background:currentColor;width:10px;height:10px;rotate:45deg}@keyframes tick{to{transform:translate(-50%)}}@media (max-width:767px){.ticker{margin-top:56px}.run span{padding:10px 16px;font-size:15px}}.bench{margin-top:72px}.bench .panel{box-shadow:10px 10px 0 var(--line)}.bench-bar{border-bottom:var(--bw) solid var(--line);background:var(--sunk);flex-wrap:wrap;align-items:center;gap:12px 16px;padding:12px 14px;display:flex}.bench-bar .grow{flex:1}.bench-bar label.inline{align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.bench-tabs{display:none}.bench-body{grid-template-columns:1fr 1fr;height:min(74dvh,760px);min-height:460px;display:grid}.bench-body>*{min-width:0;min-height:0}.editor-wrap{border-right:var(--bw) solid var(--line);position:relative}#editor{resize:none;width:100%;height:100%;font:450 13.5px/1.6 var(--mono);color:var(--ink);background:var(--surface);tab-size:4;border:0;outline:none;padding:18px 20px;display:block}.editor-wrap{flex-direction:column;display:flex}.editor-wrap #editor{flex:1;min-height:0;padding-right:52px}.md-toggle{z-index:3;background:var(--surface);width:34px;height:34px;color:var(--ink);border:2px solid var(--line);cursor:pointer;opacity:.75;place-items:center;padding:0;transition:opacity .15s,background .15s;display:grid;position:absolute;top:8px;right:10px}.md-toggle:hover,.md-toggle:focus-visible{opacity:1}.md-toggle[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);opacity:1}.md-toggle svg{width:18px;height:18px}.md-toolbar{border-bottom:var(--bw) solid var(--line);background:var(--sunk);flex-wrap:wrap;align-items:center;gap:2px;min-height:50px;padding:6px 54px 6px 8px;display:flex}.md-toolbar[hidden]{display:none}.md-btn{width:34px;height:34px;color:var(--ink);cursor:pointer;background:0 0;border:2px solid #0000;place-items:center;padding:0;display:grid}.md-btn:hover{background:var(--surface);border-color:var(--line)}.md-btn:active{background:var(--accent);color:var(--accent-ink)}.md-btn svg{width:18px;height:18px}.editor-wrap.has-toolbar .md-toggle{top:8px}.drop{border:3px dashed var(--line);background:color-mix(in srgb, var(--accent) 85%, transparent);color:var(--accent-ink);pointer-events:none;place-items:center;font-size:18px;font-weight:800;display:grid;position:absolute;inset:10px}.drop[hidden]{display:none}.preview-wrap{background:#e3e3dc;position:relative}#preview{border:0;width:100%;height:100%;display:block}.skeleton{background:#fff;border:2px solid #141414;align-content:start;gap:16px;padding:40px;display:grid;position:absolute;inset:24px}.skeleton[hidden]{display:none}.skeleton i{background:linear-gradient(90deg,#ecece6 0%,#f8f8f4 50%,#ecece6 100%) 0 0/200% 100%;height:14px;animation:1.3s linear infinite shimmer;display:block}.skeleton i:first-child{width:60%;height:30px}.skeleton i:nth-child(3){width:85%}.skeleton i:nth-child(5){width:70%}@keyframes shimmer{to{background-position:-200% 0}}.preview-error{background:var(--surface);border:2px solid var(--danger);color:var(--danger);padding:12px 14px;font-weight:650;position:absolute;top:16px;left:16px;right:16px}.preview-error[hidden]{display:none}.bench-foot{border-top:var(--bw) solid var(--line);flex-wrap:wrap;align-items:center;gap:12px 16px;padding:12px 14px;display:flex}.bench-foot .status{min-width:200px;font:500 13px/1.4 var(--mono);color:var(--muted);flex:1}.bench-foot .status.warn{color:var(--danger)}@media (max-width:860px){.bench-tabs{border-bottom:var(--bw) solid var(--line);display:flex}.bench-tabs button{min-height:46px;font:750 15px var(--font);background:var(--surface);color:var(--ink);border:0;border-right:var(--bw) solid var(--line);cursor:pointer;flex:1}.bench-tabs button:last-child{border-right:0}.bench-tabs button[aria-selected=true]{background:var(--accent);color:var(--accent-ink)}.bench-body{grid-template-columns:1fr;height:70dvh}.bench-body[data-tab=editor] .preview-wrap,.bench-body[data-tab=preview] .editor-wrap{display:none}.editor-wrap{border-right:0}.bench-foot .btn{flex:1}.bench-bar .grow{display:none}}.bento{grid-template-columns:repeat(6,1fr);gap:32px;display:grid}.cell{background:var(--surface);border:var(--bw) solid var(--line);box-shadow:var(--shadow);align-content:start;gap:20px;padding:30px;display:grid}.cell.a{background:var(--accent);color:var(--accent-ink);grid-column:span 3}.cell.b{background-color:var(--surface);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:22px 22px;grid-column:span 3}.cell.c,.cell.d,.cell.e{grid-column:span 2}.cell.d{background:var(--ink);color:var(--paper)}.cell .src{font:700 12px/1 var(--mono);text-transform:uppercase;letter-spacing:.04em}.cell pre{white-space:pre-wrap;word-break:break-word;color:#141414;background:#ffffffa6;border:2px solid;margin:0;padding:12px;font-size:13px;line-height:1.5}.cell.d pre{color:#f1f1ea;background:#262624}.cell .out{color:#141414;background:#fff;border:2px solid;place-items:center;min-height:76px;padding:14px 10px;display:grid;overflow-x:auto}.cell .out .katex-display{margin:0}.cell .arrow{font:700 12px/1 var(--mono);align-items:center;gap:8px;display:flex}.cell .arrow svg{width:18px;height:18px}@media (max-width:960px){.bento{grid-template-columns:1fr 1fr}.cell.a,.cell.b{grid-column:span 2}.cell.c,.cell.d{grid-column:span 1}.cell.e{grid-column:span 2}}@media (max-width:600px){.bento{grid-template-columns:1fr}.cell.a,.cell.b,.cell.c,.cell.d,.cell.e{grid-column:auto}}.cell .quip{margin:-4px 0 0;font-size:14.5px;line-height:1.45}.cell.d .quip{color:#c9c9c0}.split{grid-template-columns:.85fr 1.15fr;align-items:center;gap:56px;display:grid}.split .copy{gap:18px;display:grid}.points{gap:20px;margin:8px 0 0;padding:0;list-style:none;display:grid}.points li{grid-template-columns:34px 1fr;align-items:start;gap:12px;display:grid}.points .ico{background:var(--accent);width:34px;height:34px;color:var(--accent-ink);border:2px solid var(--line);place-items:center;display:grid}.points .ico svg{width:18px;height:18px}.points b{display:block}.flow{gap:0;display:grid}.pages{grid-template-columns:1fr 1fr 1.414fr 1fr;align-items:end;gap:14px;margin:0;padding:0;list-style:none;display:grid}.pages li{justify-items:center;gap:8px;display:grid}.pages img{border:2px solid var(--line);width:100%;height:auto;box-shadow:4px 4px 0 var(--line);background:#fff}.pages span{font:700 12px/1 var(--mono);color:var(--muted)}.pages .land span{color:var(--ink);background:var(--accent);border:2px solid var(--line);padding:4px 6px}.pages .land img{border-width:var(--bw);box-shadow:6px 6px 0 var(--line)}.turn{width:100%;transition:transform 1.1s .35s var(--ease)}.flow:not(.is-in) .turn{transform:rotate(90deg)scale(.707)}.table-zoom{border:var(--bw) solid var(--line);box-shadow:10px 10px 0 var(--line);background:#fff;margin:26px 0 0 8%;position:relative}.table-zoom:before{content:"";border-left:2.5px dashed var(--line);height:26px;position:absolute;top:-28px;left:57.5%}.table-zoom figcaption,.diagram-out figcaption{background:var(--ink);color:var(--paper);font:700 11.5px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;justify-content:space-between;gap:12px;padding:7px 10px;display:flex}.table-zoom img{width:100%;height:auto}@media (max-width:960px){.split{grid-template-columns:1fr;gap:36px}.table-zoom{margin-left:0}}@media (max-width:520px){.pages{gap:8px}.pages span{font-size:10px}.table-zoom{overflow-x:auto}.table-zoom figcaption{position:sticky;left:0}.table-zoom img{min-width:680px}}.diagram-row{grid-template-columns:minmax(0,.8fr) auto minmax(0,1.3fr);align-items:center;gap:22px;margin-top:72px;display:grid}.diagram-src{background:var(--ink);color:var(--paper);border:var(--bw) solid var(--line);box-shadow:var(--shadow);gap:10px;padding:16px;display:grid;transform:rotate(-1deg)}.diagram-src .src-label{color:#b9b9b0}.diagram-src pre{font:12.5px/1.55 var(--mono);white-space:pre-wrap;word-break:break-word;margin:0}.diagram-arrow{background:var(--accent);width:48px;height:48px;color:var(--accent-ink);border:var(--bw) solid var(--line);box-shadow:var(--shadow-sm);place-items:center;display:grid}.diagram-arrow svg{width:24px;height:24px}.diagram-out{border:var(--bw) solid var(--line);box-shadow:10px 10px 0 var(--line);background:#fff;margin:0}.diagram-out img{width:100%;height:auto;padding:14px}@media (max-width:960px){.diagram-row{grid-template-columns:1fr}.diagram-arrow{justify-self:center;rotate:90deg}.diagram-src{transform:none}}.themes{grid-template-columns:.9fr 1.1fr;align-items:center;gap:56px;display:grid}.themes .sec-head{margin-bottom:0}.theme-list{gap:10px;margin-top:10px;display:grid}.theme-list button{text-align:left;background:var(--surface);color:var(--ink);border:var(--bw) solid var(--line);cursor:pointer;font:inherit;transition:transform .18s var(--ease), box-shadow .18s var(--ease), background .18s;gap:4px;padding:14px 16px;display:grid}.theme-list button b{font-variation-settings:"wdth" 115;align-items:center;gap:8px;font-size:1.1rem;display:flex}.theme-list button>span{color:var(--muted);font-size:14.5px}.theme-list button:hover{box-shadow:var(--shadow-sm);transform:translate(-2px,-2px)}.theme-list button[aria-selected=true]{background:var(--accent);color:var(--accent-ink);box-shadow:var(--shadow);transform:translate(-3px,-3px)}.theme-list button[aria-selected=true]>span{color:#141414bf}.deck{aspect-ratio:1588/1270;margin:40px 48px 40px 8px;position:relative}.deck figure{border:var(--bw) solid var(--line);box-shadow:8px 8px 0 var(--line);transition:transform .55s var(--ease), box-shadow .3s;cursor:pointer;background:#fff;margin:0;position:absolute;inset:0;overflow:hidden}.deck img{object-fit:cover;object-position:top;width:100%;height:100%}.deck [data-pos="0"]{z-index:4;box-shadow:12px 12px 0 var(--line);transform:none}.deck [data-pos="1"]{z-index:3;transform:translate(26px,-22px)rotate(3deg)}.deck [data-pos="2"]{z-index:2;transform:translate(50px,-40px)rotate(6deg)}.deck [data-pos="3"]{z-index:1;transform:translate(70px,-54px)rotate(9deg)}@media (max-width:960px){.themes{grid-template-columns:1fr;gap:24px}.deck{margin:48px 64px 16px 0}.theme-list{gap:8px;padding:2px 8px 10px 2px;display:flex;overflow-x:auto}.theme-list button{flex:none;padding:10px 14px}.theme-list button>span{display:none}.theme-list button b{font-size:1rem}}@media (max-width:520px){.deck [data-pos="1"]{transform:translate(14px,-14px)rotate(3deg)}.deck [data-pos="2"]{transform:translate(28px,-26px)rotate(6deg)}.deck [data-pos="3"]{transform:translate(40px,-36px)rotate(9deg)}.deck{margin-right:44px}}.compare-wrap{border:var(--bw) solid var(--line);box-shadow:10px 10px 0 var(--line);background:var(--surface);overflow-x:auto}.compare{border-collapse:collapse;width:100%;min-width:720px;font-size:15px}.compare th,.compare td{border-bottom:2px solid var(--line);border-right:2px solid var(--line);text-align:left;vertical-align:top;padding:14px 16px}.compare th:last-child,.compare td:last-child{border-right:0}.compare tr:last-child td{border-bottom:0}.compare thead th{font-variation-settings:"wdth" 115;background:var(--sunk);font-weight:800}.compare thead th.us,.compare td.us{background:var(--accent);color:var(--accent-ink)}.compare tbody th{font-weight:700}.compare .y,.compare .n,.compare .p{white-space:nowrap;font-weight:750}.compare .n{color:var(--danger)}.compare td.us .y{color:var(--accent-ink)}.compare small{color:var(--muted);margin-top:2px;font-weight:450;display:block}.compare td.us small{color:#141414b8}.billing-toggle{border:var(--bw) solid var(--line);background:var(--surface);display:inline-flex}.billing-toggle button{min-height:42px;font:750 14px var(--font);color:var(--ink);cursor:pointer;background:0 0;border:0;padding:0 16px}.billing-toggle button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.plans{grid-template-columns:1fr 1fr;gap:40px;max-width:980px;margin-top:28px;display:grid}.plan{align-content:start;gap:22px;padding:40px;display:grid}.plan.pro{background:var(--accent);color:var(--accent-ink);box-shadow:10px 10px 0 var(--line)}.plan .price{font-variation-settings:"wdth" 125;letter-spacing:-.03em;font-size:3.2rem;font-weight:900;line-height:1}.plan .price small{letter-spacing:0;font-variation-settings:"wdth" 100;font-size:1rem;font-weight:650}.plan ul{gap:14px;margin:0;padding:0;list-style:none;display:grid}.plan li{grid-template-columns:22px 1fr;gap:10px;display:grid}.plan li svg{width:20px;height:20px;margin-top:2px}.plan .note{font-size:13.5px}.plan.pro .note,.plan.pro .muted{color:#141414bf}.plan .btn{width:100%}.plan.pro .btn.ink{--b-bg:#141414;--b-fg:#f3f3ee}@media (max-width:760px){.plans{grid-template-columns:1fr}}.dev{grid-template-columns:1fr 1.15fr;align-items:start;gap:48px;display:grid}.dev .copy{gap:18px;display:grid}.code-tabs{border:var(--bw) solid var(--line);background:var(--surface);border-bottom:0;width:-moz-fit-content;width:fit-content;display:flex}.code-tabs button{min-height:40px;font:700 13px var(--mono);border:0;border-right:2px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;padding:0 14px}.code-tabs button:last-child{border-right:0}.code-tabs button[aria-selected=true]{background:var(--accent);color:var(--accent-ink)}.codebox{color:#ecece4;border:var(--bw) solid var(--line);box-shadow:var(--shadow);font:13px/1.65 var(--mono);white-space:pre;background:#161615;margin:0;padding:20px;position:relative;overflow-x:auto}.codebox .copy-btn{position:absolute;top:10px;right:10px}@media (max-width:960px){.dev{grid-template-columns:1fr}}.dash{gap:32px;padding-top:56px;display:grid}.dash-grid{grid-template-columns:1fr 1.4fr;align-items:start;gap:28px;display:grid}.dash .panel{gap:20px;padding:32px;display:grid}.stat{font-variation-settings:"wdth" 125;font-size:2.6rem;font-weight:900;line-height:1}.keys{gap:10px;display:grid}.key-row{border:2px solid var(--line);background:var(--paper);grid-template-columns:1fr auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.key-row code{font-size:13px}.key-row small{color:var(--muted);display:block}.newkey{background:var(--accent);color:var(--accent-ink);border:2px solid var(--line);gap:10px;padding:14px;display:grid}.newkey code{word-break:break-all;border:2px solid var(--line);background:#fff;padding:8px;font-size:13.5px}.empty{border:2px dashed var(--line);text-align:center;color:var(--muted);padding:22px}.create-key{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.create-key .field{flex:1;min-width:200px}@media (max-width:960px){.dash-grid{grid-template-columns:1fr}}