@import "https://fonts.googleapis.com/css2?family=Archivo:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";
:root{--bg:#fff;--soft:#f4f5f4;--soft-2:#edefed;--ink:#0c0d0c;--body:#5b615d;--mute:#9ca29e;--line:#e7e9e7;--dark:#0a0b0a;--dark-2:#121412;--amber:#c97a12;--amber-lt:#e8a33d;--amber-bg:#fbf3e7;--amber-line:#efdcc0;--r:22px;--ease:cubic-bezier(.2, .7, .3, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--body);-webkit-font-smoothing:antialiased;background:#dcdedc;margin:0;font-family:Archivo,system-ui,sans-serif}.page{background:var(--bg);max-width:1240px;margin:0 auto;overflow:clip}.wrap{padding:0 clamp(20px,5vw,72px)}nav{z-index:60;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:box-shadow .35s var(--ease), padding .35s var(--ease);background:#ffffffdb;grid-template-columns:1fr auto 1fr;align-items:center;padding:22px clamp(20px,5vw,72px);display:grid;position:sticky;top:0}nav.stuck{box-shadow:0 1px 0 var(--line);padding-top:14px;padding-bottom:14px}.nleft,.nright{align-items:center;gap:22px;display:flex}.nright{justify-content:flex-end}nav a{color:var(--ink);transition:color .25s var(--ease);font-size:13.5px;text-decoration:none;position:relative}.nleft a:after{content:"";background:var(--amber);transform-origin:100%;width:100%;height:1px;transition:transform .35s var(--ease);position:absolute;bottom:-3px;left:0;transform:scaleX(0)}.nleft a:hover{color:var(--amber)}.nleft a:hover:after{transform-origin:0;transform:scaleX(1)}.logo{letter-spacing:.14em;color:var(--ink);justify-self:center;align-items:center;gap:8px;font-size:17px;font-weight:700;display:flex}.tick{background:var(--ink);width:19px;height:19px;transition:transform .5s var(--ease);border-radius:5px;position:relative}.logo:hover .tick{transform:rotate(-14deg)}.tick:after{content:"";transform-origin:bottom;background:#fff;border-radius:2px;width:1.8px;height:7px;position:absolute;top:54%;left:50%;transform:translate(-50%,-100%)rotate(40deg)}.pill-btn{background:var(--ink);transition:background .3s var(--ease), transform .3s var(--ease);border-radius:999px;padding:9px 18px;font-weight:500;color:#fff!important}.pill-btn:hover{background:var(--amber);transform:translateY(-1px)}@media (max-width:800px){.nleft{display:none}nav{grid-template-columns:1fr auto}}.rv{opacity:0;transition:opacity .75s var(--ease), transform .75s var(--ease);transform:translateY(16px)}.rv.on{opacity:1;transform:none}.rv.blur{filter:blur(6px);transition:opacity .8s var(--ease), transform .8s var(--ease), filter .8s var(--ease)}.rv.blur.on{filter:blur()}.rv.scale{transform:translateY(22px)scale(.975)}.rv.scale.on{transform:none}h1 .w,h2 .w{opacity:.14;transition:opacity .6s var(--ease), transform .6s var(--ease);display:inline-block;transform:translateY(9px)}h1.on .w,h2.on .w{opacity:1;transform:none}.badge{background:var(--amber-bg);border:1px solid var(--amber-line);color:var(--amber);border-radius:999px;align-items:center;gap:7px;margin:0 0 20px;padding:5px 12px;font-size:12px;font-weight:500;display:inline-flex}.badge b{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700}.badge i{background:var(--amber);border-radius:50%;width:5px;height:5px;animation:2.4s ease-in-out infinite blip}@keyframes blip{0%,to{opacity:1}50%{opacity:.25}}h1{letter-spacing:-.04em;color:var(--ink);margin:0;font-size:clamp(32px,4.6vw,54px);font-weight:400;line-height:1.07}h2{letter-spacing:-.035em;color:var(--ink);max-width:15ch;margin:0 0 16px;font-size:clamp(28px,3.9vw,45px);font-weight:400;line-height:1.1}.lead{max-width:44ch;margin:16px 0 0;font-size:16px;line-height:1.6}.ph{background:var(--soft);transition:background .3s var(--ease), transform .5s var(--ease);border-radius:16px;place-items:center;display:grid;position:relative;overflow:hidden}.ph:before{content:"";background:linear-gradient(105deg,#0000 38%,#ffffffbf 50%,#0000 62%);position:absolute;inset:0;transform:translate(-100%)}.ph.on:before{animation:sheen 1.5s var(--ease) .25s}@keyframes sheen{to{transform:translate(100%)}}.ph:hover{background:var(--soft-2);transform:translateY(-3px)}.ph .cap{text-align:center;color:var(--mute);letter-spacing:.13em;text-transform:uppercase;padding:20px;font-family:JetBrains Mono,monospace;font-size:10.5px;position:relative}.ph .cap svg{stroke:#c3c8c4;fill:none;stroke-width:1.4px;width:26px;height:26px;margin:0 auto 10px;display:block}.ph.dark{background:#ffffff0a;border:1px solid #ffffff14}.ph.dark .cap{color:#5c635e}.ph.dark .cap svg{stroke:#3f4642}.ph.a{aspect-ratio:4/3}.ph.b{aspect-ratio:1}.ph.c{aspect-ratio:16/10}.stackzone{position:relative}.pin{background:var(--bg);z-index:1;place-items:center;height:82vh;min-height:440px;padding:0 clamp(20px,5vw,72px);display:grid;position:sticky;top:0}.pinner{text-align:center;will-change:transform, opacity}.wordmark{letter-spacing:-.055em;color:var(--ink);margin:0;font-size:clamp(74px,22vw,272px);font-weight:600;line-height:.82}.pinsub{letter-spacing:.22em;text-transform:uppercase;color:var(--mute);margin:22px 0 0;font-family:JetBrains Mono,monospace;font-size:11.5px}.scrollcue{border:1px solid var(--line);border-radius:99px;width:22px;height:34px;margin:34px auto 0;position:relative}.scrollcue:after{content:"";background:var(--mute);width:3px;height:6px;animation:cue 1.9s var(--ease) infinite;border-radius:99px;position:absolute;top:8px;left:50%;transform:translate(-50%)}@keyframes cue{0%{opacity:0;transform:translate(-50%)}35%{opacity:1}to{opacity:0;transform:translate(-50%,12px)}}.hero{z-index:2;background:var(--dark);border-radius:var(--r);grid-template-columns:1.02fr .98fr;align-items:center;gap:46px;margin-top:-32vh;padding:clamp(36px,5vw,68px);display:grid;position:relative;overflow:hidden;box-shadow:0 -34px 80px -34px #0009}.hero:before{content:"";background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:64px 64px;animation:26s linear infinite drift;position:absolute;inset:0;-webkit-mask-image:radial-gradient(95% 85% at 50% 0,#000,#0000 76%);mask-image:radial-gradient(95% 85% at 50% 0,#000,#0000 76%)}@keyframes drift{to{background-position:64px 64px}}.hero>*{position:relative}.hero h1{color:#fff}.hero h1 em{color:var(--amber-lt);font-style:normal}.hero .lead{color:#8e958f}.hero .badge{color:var(--amber-lt);background:#e8a33d1c;border-color:#e8a33d47}.hero .badge i{background:var(--amber-lt)}.grabber{z-index:3;background:#ffffff29;border-radius:99px;width:52px;height:4px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.herostack{gap:12px;display:grid}@media (max-width:920px){.hero{grid-template-columns:1fr;gap:34px}}@media (max-width:700px){.pin{height:62vh;min-height:340px}.hero{margin-top:-20vh}}.cta{flex-wrap:wrap;gap:11px;margin-top:30px;display:flex}.b1,.b2{transition:background .3s var(--ease), border-color .3s var(--ease), color .3s var(--ease), transform .3s var(--ease);border-radius:999px;padding:12px 22px;font-size:14px;font-weight:500;text-decoration:none;display:inline-block}.b1{color:var(--ink);background:#fff}.b1:hover{background:var(--amber-lt);transform:translateY(-2px)}.b2{color:#fff;border:1px solid #fff3}.b2:hover{border-color:var(--amber-lt);color:var(--amber-lt);transform:translateY(-2px)}.term{background:var(--dark-2);border:1px solid #ffffff17;border-radius:14px;overflow:hidden}.thead{letter-spacing:.15em;text-transform:uppercase;color:#5c635e;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:10px 14px;font-family:JetBrains Mono,monospace;font-size:10px;display:flex}.tline{color:#b9c0ba;opacity:0;border-bottom:1px solid #ffffff0b;gap:10px;padding:9px 14px;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.5;display:flex;transform:translate(-8px)}.tline.on{animation:slide .45s var(--ease) forwards}@keyframes slide{to{opacity:1;transform:none}}.tline:last-child{border-bottom:0}.ar{color:#6b7370;flex:none;width:12px}.ar.i{color:var(--amber-lt)}.k402{color:var(--amber-lt);font-weight:700}.k200{color:#8dd6a0;font-weight:700}.amt{color:var(--amber-lt);background:#e8a33d1f;border-radius:3px;padding:0 5px;font-weight:700}.dim{color:#5c635e}section{padding:clamp(64px,9vw,120px) 0 0}.split{grid-template-columns:1fr 1fr;align-items:start;gap:46px;display:grid}@media (max-width:900px){.split{grid-template-columns:1fr;gap:30px}}.compare{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (max-width:560px){.compare{grid-template-columns:1fr}}.ccard{background:var(--soft);transition:transform .35s var(--ease);border-radius:16px;padding:24px}.ccard:hover{transform:translateY(-3px)}.ccard.hot{background:var(--dark);color:#fff}.ccard .ck{letter-spacing:.15em;text-transform:uppercase;color:var(--mute);margin-bottom:14px;font-family:JetBrains Mono,monospace;font-size:10px;display:block}.ccard.hot .ck{color:#6b7370}.big{letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums;font-size:34px;font-weight:400;line-height:1}.ccard.hot .big{color:var(--amber-lt)}.ccard p{margin:12px 0 0;font-size:13.5px}.ccard.hot p{color:#8e958f}.ccard ul{margin:16px 0 0;padding:0;list-style:none}.ccard li{padding:6px 0 6px 20px;font-size:13.5px;position:relative}.ccard li:before{content:"—";color:var(--mute);position:absolute;left:0}.ccard.hot li:before{color:var(--amber-lt)}.bento{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px;display:grid}@media (max-width:860px){.bento{grid-template-columns:1fr 1fr}}@media (max-width:560px){.bento{grid-template-columns:1fr}}.bcard{background:var(--soft);transition:background .3s var(--ease), transform .35s var(--ease);border-radius:16px;padding:24px}.bcard:hover{background:var(--soft-2);transform:translateY(-3px)}.bico{background:var(--amber-bg);border:1px solid var(--amber-line);width:34px;height:34px;transition:transform .4s var(--ease);border-radius:9px;place-items:center;margin-bottom:16px;display:grid}.bcard:hover .bico{transform:rotate(-8deg)scale(1.06)}.bico svg{width:16px;height:16px;stroke:var(--amber);fill:none;stroke-width:1.7px}.bcard h3{color:var(--ink);letter-spacing:-.01em;margin:0 0 7px;font-size:16px;font-weight:600}.bcard p{margin:0;font-size:13.5px;line-height:1.6}.gal{grid-template-columns:1.4fr 1fr;gap:14px;margin-top:34px;display:grid}@media (max-width:760px){.gal{grid-template-columns:1fr}}.galcol{gap:14px;display:grid}.code{background:var(--dark);border-radius:var(--r);grid-template-columns:.85fr 1.15fr;align-items:center;gap:40px;margin-top:clamp(64px,9vw,120px);padding:clamp(26px,4vw,44px);display:grid}@media (max-width:900px){.code{grid-template-columns:1fr;gap:26px}}.code h2{color:#fff;margin-bottom:12px}.code .lead{color:#8e958f}.code .badge{color:var(--amber-lt);background:#e8a33d1c;border-color:#e8a33d47}.code .badge i{background:var(--amber-lt)}pre{background:var(--dark-2);color:#b9c0ba;border:1px solid #ffffff17;border-radius:14px;margin:0;padding:20px;font-family:JetBrains Mono,monospace;font-size:12.5px;line-height:1.75;overflow-x:auto}.c1{color:#5c635e}.c2{color:var(--amber-lt)}.c3{color:#8dd6a0}.strip{background:var(--soft);border-radius:var(--r);text-align:center;margin:clamp(64px,9vw,120px) 0 0;padding:clamp(38px,6vw,72px)}.strip h2{max-width:18ch;margin:0 auto 14px}.strip .lead{margin:0 auto}.strip .cta{justify-content:center}.strip .b1{background:var(--ink);color:#fff}.strip .b1:hover{background:var(--amber)}.strip .b2{border-color:var(--line);color:var(--ink)}.strip .b2:hover{border-color:var(--amber);color:var(--amber)}footer{border-top:1px solid var(--line);color:var(--mute);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-top:34px;padding:34px 0 46px;font-size:12.5px;display:flex}footer a{color:var(--mute);transition:color .25s var(--ease);text-decoration:none}footer a:hover{color:var(--amber)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.rv,h1 .w,h2 .w,.tline{opacity:1!important;filter:none!important;transform:none!important}.pin{height:auto;padding:60px 0;position:static}.hero{margin-top:0}}img.ph{object-fit:fill;width:100%;height:100%}