:root{--bg:#0A0807;--bg2:#100D0B;--ink:#F4EFEA;--mute:#A99F96;--accent:#FF9A57;--ok:#7BD88F;--glass:rgba(255,255,255,.045);--glass2:rgba(255,255,255,.075);--line:rgba(255,255,255,.1);--line2:rgba(255,255,255,.18);--sunk:rgba(255,255,255,.06);--btn:#F4EFEA;--btn-ink:#100D0B;--head-bg:rgba(10,8,7,.72);--term:#07050A;--term-ink:#EDE6DF;--term-mute:#8E847C;--term-acc:#FFB066;--term-ok:#7BD88F;--grad:linear-gradient(100deg,#7B2FF7,#E8336B 38%,#FF7A1A 70%,#FFC24A);--glow-a:rgba(123,47,247,.5);--glow-b:rgba(232,51,107,.36);--glow-c:rgba(255,122,26,.24);--grain:.07;--shadow:0 30px 80px -30px rgba(0,0,0,.8);--r:18px;--gut:16px;--max:1180px;--display:"Space Grotesk","Hanken Grotesk",system-ui,sans-serif;--sans:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;color-scheme:dark}:root[data-theme=light]{--bg:#F4EFEA;--bg2:#FBF8F5;--ink:#100D0B;--mute:#5B524B;--accent:#B3350C;--ok:#1F7A45;--glass:rgba(255,255,255,.66);--glass2:rgba(255,255,255,.9);--line:rgba(16,13,11,.12);--line2:rgba(16,13,11,.22);--sunk:rgba(16,13,11,.06);--btn:#100D0B;--btn-ink:#F4EFEA;--head-bg:rgba(244,239,234,.78);--term:#14100D;--glow-a:rgba(123,47,247,.16);--glow-b:rgba(232,51,107,.15);--glow-c:rgba(255,122,26,.14);--grain:.05;--shadow:0 24px 60px -28px rgba(60,40,20,.35);color-scheme:light}*{box-sizing:border-box}html{scroll-padding-top:80px;-webkit-text-size-adjust:100%;background:var(--bg)}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.6 var(--sans);overflow-x:hidden;-webkit-font-smoothing:antialiased;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background:radial-gradient(60vmax 50vmax at 85% -10%,var(--glow-a),transparent 60%),radial-gradient(50vmax 45vmax at -5% 20%,var(--glow-b),transparent 60%),radial-gradient(60vmax 40vmax at 50% 110%,var(--glow-c),transparent 60%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none;opacity:var(--grain);mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}img,svg,canvas{max-width:100%;display:block}a{color:inherit}h1,h2,h3{font-family:var(--display);line-height:1.06;letter-spacing:-.03em;margin:0;font-weight:700;text-wrap:balance}p{margin:0;text-wrap:pretty}.wrap{width:100%;max-width:calc(var(--max) + 2*var(--gut));margin:0 auto;padding:0 var(--gut)}.skip{position:absolute;left:var(--gut);top:-60px;background:var(--btn);color:var(--btn-ink);padding:10px 16px;border-radius:8px;z-index:100}.skip:focus{top:10px}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.site-head{position:sticky;top:0;z-index:50;background:var(--head-bg);backdrop-filter:saturate(1.5) blur(16px);-webkit-backdrop-filter:saturate(1.5) blur(16px);border-bottom:1px solid var(--line)}.bar{display:flex;align-items:center;gap:20px;height:64px}.brand{display:flex;align-items:center;gap:10px;font:700 18px var(--display);text-decoration:none;letter-spacing:-.02em;min-height:44px}.brand img{width:30px;height:30px;border-radius:8px}.nav{display:flex;gap:2px;margin-inline-start:12px}.nav a{padding:10px 12px;font-size:15px;color:var(--mute);text-decoration:none;border-radius:10px;transition:color .15s,background .15s}.nav a:hover{color:var(--ink);background:var(--sunk)}.bar-end{margin-inline-start:auto;display:flex;align-items:center;gap:6px}.icon-btn,.lang{min-width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:0;background:none;color:var(--ink);border-radius:12px;cursor:pointer;font:600 14px var(--mono);text-decoration:none;transition:background .15s}.icon-btn:hover,.lang:hover{background:var(--sunk)}.icon-btn svg{width:20px;height:20px}.menu-btn,.t-sun{display:none}:root[data-theme=light] .t-sun{display:block}:root[data-theme=light] .t-moon{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 22px;border-radius:999px;font:600 15px var(--sans);text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .15s,box-shadow .2s,background .15s;position:relative}.btn-solid{background:var(--btn);color:var(--btn-ink)}.btn-solid:hover{transform:translateY(-1px);box-shadow:0 0 0 1px var(--line2),0 8px 30px -6px #ff7a1a8c,0 0 40px -8px #e8336b99}.btn-line{border-color:var(--line2);color:var(--ink);background:var(--glass)}.btn-line:hover{background:var(--glass2);border-color:var(--accent)}.btn:active{transform:translateY(1px) scale(.99)}.btn-lg{min-height:54px;padding:0 28px;font-size:16px}.signin{padding:10px 12px;font-size:15px;color:var(--ink);text-decoration:none;font-weight:600;border-radius:10px;min-height:44px;display:inline-flex;align-items:center}.signin:hover{background:var(--sunk)}@media(max-width:980px){.nav{display:none;position:absolute;inset:64px 0 auto 0;flex-direction:column;background:var(--bg);border-bottom:1px solid var(--line);padding:8px var(--gut) 16px;margin:0}.nav a{padding:14px 4px;font-size:17px;min-height:48px}.nav.open{display:flex}.menu-btn{display:inline-flex}.signin,.bar-cta{display:none}}.hero{padding:clamp(40px,6vw,88px) 0 clamp(40px,6vw,88px);position:relative}.hero-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(24px,4vw,56px);align-items:center}.pill{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line2);border-radius:999px;padding:8px 16px;font:500 13px var(--mono);background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pill svg{width:15px;height:15px;flex:none;color:var(--ok)}.hero h1{font-size:clamp(46px,6.6vw,92px);margin:24px 0 22px;letter-spacing:-.045em;line-height:.98}.hero h1 span{display:block}.hero h1 .dim{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.08em}.lead{font-size:clamp(18px,1.5vw,20px);color:var(--mute);max-width:33em}.lead strong{color:var(--ink);font-weight:600}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.hero-note{margin-top:22px;font:400 13px var(--mono);color:var(--mute);display:flex;flex-wrap:wrap;gap:6px 20px}.hero-note span:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-inline-end:8px;vertical-align:middle;box-shadow:0 0 10px var(--accent)}.scene{position:relative;aspect-ratio:1.12/1;border-radius:28px;border:1px solid var(--line);background:linear-gradient(180deg,var(--glass),transparent);overflow:hidden;box-shadow:var(--shadow)}.scene:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(var(--line) 1px,transparent 1.2px);background-size:26px 26px;opacity:.7;-webkit-mask-image:radial-gradient(ellipse at 60% 50%,#000,transparent 75%);mask-image:radial-gradient(ellipse at 60% 50%,#000,transparent 75%)}.scene canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}section.s{padding:clamp(64px,9vw,128px) 0;border-top:1px solid var(--line);position:relative}.eyebrow{font:500 13px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:16px;display:flex;align-items:center;gap:12px}.eyebrow:before{content:"";width:28px;height:2px;background:var(--grad);border-radius:2px}.s h2{font-size:clamp(32px,4.6vw,60px);max-width:16em;letter-spacing:-.04em}.s .intro{margin-top:18px;font-size:19px;color:var(--mute);max-width:36em}.head{margin-bottom:clamp(32px,5vw,56px)}.glass,.step,.card,.panel,.facts,.pcard{background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);position:relative}.glow:after,.step:after,.card:after,.pcard:after,.panel:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .25s;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(255,122,26,.22),rgba(232,51,107,.1) 40%,transparent 70%);-webkit-mask:linear-gradient(#000,#000)}.step:hover:after,.card:hover:after,.pcard:hover:after,.panel:hover:after{opacity:1}.flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}.step{padding:28px;border-radius:var(--r);transition:transform .2s,border-color .2s}.step:hover{transform:translateY(-2px);border-color:var(--line2)}.step .n{font:500 13px var(--mono);color:var(--accent)}.step h3{font-size:24px;margin:30px 0 10px}.step p{color:var(--mute);font-size:16px}.step .vis{height:70px;display:flex;align-items:center;gap:10px;margin-top:14px}.chip{font:12px var(--mono);border:1px solid var(--line2);border-radius:10px;padding:7px 10px;background:var(--sunk);white-space:nowrap}.chip.ct{color:var(--accent);border-style:dashed;box-shadow:0 0 18px -6px var(--accent)}.arrow{flex:none;width:34px;height:2px;background:var(--line2);position:relative;overflow:hidden;border-radius:2px}.arrow:after{content:"";position:absolute;inset:0 auto 0 -40%;width:40%;background:var(--grad)}@media(prefers-reduced-motion:no-preference){.arrow:after{animation:run 2.2s linear infinite}@keyframes run{to{inset-inline-start:110%}}}.foot-note{margin-top:24px;color:var(--mute);font-size:15px}.foot-note a{color:var(--ink)}.show{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;align-items:stretch}.panel{border-radius:var(--r);overflow:hidden;font-size:14px;transition:transform .2s,border-color .2s}.panel:hover{border-color:var(--line2)}.p-files{grid-column:span 7}.p-share,.p-quota{grid-column:span 5}.p-note{grid-column:span 7}.ph{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);font:500 12px var(--mono);color:var(--mute)}.dots{display:flex;gap:6px}.dots i{width:10px;height:10px;border-radius:50%;background:var(--line2)}.ph .u{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.files .row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line)}.files .row:last-child{border-bottom:0}.ft{width:30px;height:30px;border-radius:8px;background:var(--sunk);display:grid;place-items:center;font:600 9px var(--mono);color:var(--mute);border:1px solid var(--line)}.row .n{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.row em{font:400 12px var(--mono);font-style:normal;color:var(--mute);display:flex;align-items:center;gap:6px}.row em svg{width:12px;height:12px;color:var(--ok)}.up{margin:4px 16px 16px;border:1px solid var(--line2);border-radius:14px;padding:12px 14px;background:var(--sunk)}.up p{display:flex;justify-content:space-between;gap:10px;font-size:13px;font-weight:600}.up p span{color:var(--mute);font-weight:400}.bar-t{display:block;height:5px;border-radius:3px;background:var(--line);margin-top:9px;overflow:hidden}.bar-t:after{content:"";display:block;height:100%;width:68%;background:var(--grad);border-radius:3px;box-shadow:0 0 12px #ff7a1ab3}@media(prefers-reduced-motion:no-preference){.up .bar-t:after{animation:fill 4s ease-in-out infinite alternate}@keyframes fill{0%{width:32%}to{width:88%}}}.dlg{padding:20px 18px 18px;display:grid;gap:14px}.dlg h3{font-size:19px;letter-spacing:-.02em}.fld{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:11px 14px;background:var(--sunk)}.fld span{color:var(--mute)}.fld b{font-weight:600}.sw{width:34px;height:20px;border-radius:12px;background:var(--grad);position:relative;flex:none}.sw:after{content:"";position:absolute;right:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#fff}.lnk{font:400 12px/1.5 var(--mono);word-break:break-all;border:1px dashed var(--line2);border-radius:12px;padding:12px 14px;color:var(--mute)}.lnk b{color:var(--accent);font-weight:500}.dlg .btn{width:100%}.dlg small{color:var(--mute);font-size:13px;line-height:1.5}.quota{padding:22px 20px;display:flex;gap:22px;align-items:center}.ring{width:112px;height:112px;flex:none;border-radius:50%;background:conic-gradient(from 200deg,#7B2FF7,#E8336B 25%,#FF7A1A 45%,#FFC24A 50%,var(--line) 50%);-webkit-mask:radial-gradient(circle 46px,transparent 98%,#000 100%);mask:radial-gradient(circle 46px,transparent 98%,#000 100%)}.quota .t b{display:block;font:700 26px var(--display);letter-spacing:-.03em}.quota .t span{color:var(--mute);font-size:14px}.quota .t .btn{margin-top:12px;min-height:40px}.p-note{display:flex;flex-direction:column;justify-content:center;padding:26px;gap:12px}.p-note h3{font-size:22px}.p-note p{color:var(--mute);font-size:16px}.p-note code{align-self:flex-start}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{border-radius:var(--r);padding:28px;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-2px);border-color:var(--line2)}.card svg.ic{width:28px;height:28px;color:var(--accent);margin-bottom:24px;filter:drop-shadow(0 0 10px rgba(255,122,26,.5))}.card h3{font-size:21px;margin-bottom:8px}.card p{color:var(--mute);font-size:16px}.tag{display:inline-block;font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line2);border-radius:999px;padding:3px 9px;margin-inline-start:6px;vertical-align:middle;color:var(--accent);white-space:nowrap}.dev-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(28px,4vw,56px);align-items:start}.term{background:var(--term);color:var(--term-ink);border-radius:var(--r);border:1px solid var(--line2);overflow:hidden;box-shadow:var(--shadow),0 0 80px -30px #e8336b80}.term-top{display:flex;align-items:center;gap:6px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.term-top i{width:10px;height:10px;border-radius:50%;background:#3a312b}.term-top span{margin-inline-start:auto;font:400 11px var(--mono);color:var(--term-mute)}.term pre{margin:0;padding:18px 18px 22px;overflow-x:auto;font:400 13.5px/1.75 var(--mono);-moz-tab-size:2;tab-size:2}.term .c{color:var(--term-mute)}.term .p{color:var(--term-acc)}.term .caret{display:inline-block;width:8px;height:1.1em;background:var(--term-acc);vertical-align:text-bottom;margin-inline-start:2px}@media(prefers-reduced-motion:no-preference){.term .caret{animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}}.list{list-style:none;padding:0;margin:0;display:grid;gap:22px}.list li{padding-inline-start:32px;position:relative;color:var(--mute);font-size:16px}.list li strong{display:block;color:var(--ink);font:600 18px var(--display);margin-bottom:2px;letter-spacing:-.01em}.list li:before{content:"";position:absolute;inset-inline-start:0;top:6px;width:14px;height:14px;border-radius:4px;background:var(--grad);box-shadow:0 0 14px #e8336b99}code{font:.9em var(--mono);background:var(--sunk);padding:2px 6px;border-radius:6px;border:1px solid var(--line)}.inst{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px)}.facts{border-radius:var(--r);align-self:start}.facts div{padding:22px 26px;border-bottom:1px solid var(--line)}.facts div:last-child{border-bottom:0}.facts b{display:block;font:600 18px var(--display);letter-spacing:-.01em}.facts span{color:var(--mute);font-size:15px}.mail{display:inline-flex;margin-top:26px}.plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.pcard{border-radius:var(--r);padding:24px 22px;transition:transform .2s,border-color .2s}.pcard:hover{transform:translateY(-3px);border-color:var(--accent)}.pcard h3{font:600 14px var(--mono);letter-spacing:.04em;color:var(--mute)}.pcard .big{font:700 40px/1 var(--display);letter-spacing:-.04em;margin:18px 0 4px}.pcard .pm{font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}.pcard .pm span{color:var(--mute);font-weight:400;font-size:14px}.pcard .py{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);color:var(--mute);font-size:14px;font-variant-numeric:tabular-nums}.pcard .py b{color:var(--ink)}.pcard .py i{display:block;font:500 12px var(--mono);font-style:normal;color:var(--ok);margin-top:2px}.pcard.free{border-color:var(--line2);background:var(--glass2)}.price-notes{margin-top:22px;display:grid;gap:6px;color:var(--mute);font-size:15px}.faq{max-width:820px}details{border-top:1px solid var(--line)}details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 0;font:600 20px var(--display);letter-spacing:-.02em;min-height:44px}summary::-webkit-details-marker{display:none}summary:after{content:"+";font:400 26px var(--mono);color:var(--accent);flex:none;transition:transform .2s}details[open] summary:after{transform:rotate(45deg)}details p{padding:0 40px 24px 0;color:var(--mute)}details a{color:var(--ink)}.closer{padding:clamp(72px,10vw,140px) 0;border-top:1px solid var(--line);text-align:center;position:relative;overflow:hidden}.closer:before{content:"";position:absolute;left:50%;bottom:-60%;width:120%;aspect-ratio:1;transform:translate(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(232,51,107,.28),rgba(123,47,247,.14) 50%,transparent 75%);pointer-events:none;z-index:-1}.closer h2{font-size:clamp(36px,5.4vw,72px);margin:0 auto;max-width:13em;letter-spacing:-.045em}.closer .intro{margin:16px auto 0;color:var(--mute);font-size:19px}.closer .cta-row{justify-content:center}.site-foot{border-top:1px solid var(--line);padding:40px 0 48px;font-size:15px;color:var(--mute)}.foot-grid{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px}.foot-links{display:flex;flex-wrap:wrap;gap:4px 8px}.foot-links a{padding:10px 8px;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.foot-links a:hover{color:var(--ink)}.credit{color:var(--ink);font-weight:600}.doc{padding:clamp(40px,6vw,80px) 0 clamp(64px,8vw,112px)}.doc-in{max-width:760px}.draft{display:inline-block;font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--accent);color:var(--accent);border-radius:999px;padding:4px 12px;margin-bottom:20px}.doc h1{font-size:clamp(38px,5vw,64px);letter-spacing:-.045em}.doc .meta{margin-top:14px;color:var(--mute);font-size:15px}.doc h2{font-size:26px;margin:52px 0 14px;letter-spacing:-.025em}.doc p,.doc li{color:color-mix(in srgb,var(--ink) 88%,var(--bg))}.doc p+p{margin-top:14px}.doc ul{padding-inline-start:22px;margin:14px 0 0;display:grid;gap:8px}.doc a{text-decoration-color:var(--accent);text-underline-offset:3px}.callout{margin-top:28px;border:1px solid var(--line2);border-inline-start:4px solid var(--accent);border-radius:12px;background:var(--glass);padding:18px 20px;font-size:16px}.doc table{margin-top:18px;font-size:15px;border-collapse:collapse;border:1px solid var(--line);border-radius:12px;display:block;overflow-x:auto;background:var(--glass)}.doc th{font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mute);background:var(--sunk);text-align:start}.doc td,.doc th{padding:12px 16px;border-bottom:1px solid var(--line);text-align:start;vertical-align:top}.doc tr:last-child td{border-bottom:0}.doc td:first-child{white-space:nowrap}html.rv-on .rv{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0ms)}html.rv-on .rv.in{opacity:1;transform:none}@media(max-width:1000px){.plans{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.hero-grid,.dev-grid,.inst,.grid3,.flow,.show{grid-template-columns:minmax(0,1fr)}.p-files,.p-share,.p-quota,.p-note{grid-column:auto}.step h3{margin-top:18px}}@media(min-width:601px)and (max-width:900px){.grid3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.cta-row .btn{width:100%}details p{padding-right:0}.hero h1{font-size:clamp(42px,13vw,56px)}.scene{aspect-ratio:1/.92;border-radius:22px}.quota{flex-direction:column;align-items:flex-start}.plans{gap:10px}.pcard{padding:18px 16px}.pcard .big{font-size:32px}.step .vis{flex-wrap:wrap;height:auto}}
