/* uncensoredgptapi.com — isometric slab bands + mechanical keycaps */
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
:root{
--ink:#140a14;--ink2:#1d0f1d;--ink3:#2a152a;--pit:#0a040a;
--mg:#ff5ccf;--mg2:#c22a9a;--mg3:#8f1670;--mg4:#5c0d48;
--bone:#f6ecf3;--bone2:#e6d5e2;--mint:#9ff0c8;
--disp:"Unbounded",system-ui,sans-serif;--text:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"Source Code Pro",ui-monospace,Menlo,Consolas,monospace;
--d:10px}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:92px}
body{margin:0;background:var(--ink);color:var(--bone);font:400 17px/1.65 var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden;counter-reset:sec}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit}
img,svg{max-width:100%;display:block}
:focus-visible{outline:3px solid var(--mint);outline-offset:3px;border-radius:4px}
.b-bone :focus-visible,.b-mg :focus-visible{outline-color:var(--ink)}
.skip{position:absolute;left:12px;top:-80px;z-index:99;background:var(--bone);color:var(--ink);padding:12px 18px;font-weight:700;border-radius:8px}
.skip:focus{top:12px}
.wrap{width:100%;max-width:1220px;margin:0 auto;padding:0 28px}
.wrap.narrow{max-width:860px}

/* ---------- keycaps (buttons) ---------- */
.btn,.key,.burger,.codetabs button,.tabs2 button,.copy{font-family:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .08s,box-shadow .08s}
.btn{--bg:var(--mg);--fg:var(--ink);--lip:var(--mg3);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;margin-bottom:7px;border:0;border-radius:11px;background:var(--bg);color:var(--fg);font-weight:800;font-size:15.5px;line-height:1.2;text-decoration:none;text-align:center;
box-shadow:inset 0 2px 0 rgba(255,255,255,.5),inset 0 -3px 0 rgba(20,10,20,.14),0 7px 0 var(--lip),0 7px 0 2px var(--pit),0 12px 14px rgba(0,0,0,.35)}
.btn:hover{transform:translateY(-1px);box-shadow:inset 0 2px 0 rgba(255,255,255,.6),inset 0 -3px 0 rgba(20,10,20,.14),0 8px 0 var(--lip),0 8px 0 2px var(--pit),0 14px 16px rgba(0,0,0,.35)}
.btn:active,.btn[disabled]{transform:translateY(5px);box-shadow:inset 0 2px 0 rgba(255,255,255,.3),inset 0 -2px 0 rgba(20,10,20,.14),0 2px 0 var(--lip),0 2px 0 2px var(--pit)}
.btn[disabled]{opacity:.75;cursor:progress}
.btn.big{min-height:58px;padding:0 30px;font-size:17px;border-radius:13px}
.btn.sm{min-height:44px;padding:0 16px;font-size:14px}
.btn.ghost{--bg:#3b2039;--fg:var(--bone);--lip:#1f0f1e;box-shadow:inset 0 2px 0 rgba(255,255,255,.16),inset 0 0 0 1.5px rgba(246,236,243,.2),0 7px 0 var(--lip),0 7px 0 2px var(--pit),0 12px 14px rgba(0,0,0,.35)}
.btn.ghost:active{box-shadow:inset 0 2px 0 rgba(255,255,255,.1),inset 0 0 0 1.5px rgba(246,236,243,.2),0 2px 0 var(--lip),0 2px 0 2px var(--pit)}
.b-mg .btn{--bg:var(--ink);--fg:var(--bone);--lip:#000;box-shadow:inset 0 2px 0 rgba(255,255,255,.2),0 7px 0 #3a0a2d,0 7px 0 2px var(--mg4),0 12px 14px rgba(92,13,72,.45)}
.b-mg .btn:active{box-shadow:inset 0 2px 0 rgba(255,255,255,.1),0 2px 0 #3a0a2d,0 2px 0 2px var(--mg4)}
.b-bone .btn{box-shadow:inset 0 2px 0 rgba(255,255,255,.5),inset 0 -3px 0 rgba(20,10,20,.14),0 7px 0 var(--lip),0 7px 0 2px var(--ink),0 12px 14px rgba(60,20,55,.25)}

/* keycap legend chip */
.kc{display:inline-grid;place-items:center;flex:none;width:44px;height:40px;border-radius:9px;background:var(--mg);color:var(--ink);font:800 13px/1 var(--disp);box-shadow:inset 0 2px 0 rgba(255,255,255,.5),0 5px 0 var(--mg3),0 5px 0 2px var(--pit)}
.kc.sec::before{counter-increment:sec;content:counter(sec,decimal-leading-zero)}
.b-mg .kc{background:var(--ink);color:var(--mg);box-shadow:inset 0 2px 0 rgba(255,255,255,.18),0 5px 0 #3a0a2d,0 5px 0 2px var(--mg4)}
.b-bone .kc{box-shadow:inset 0 2px 0 rgba(255,255,255,.5),0 5px 0 var(--mg3),0 5px 0 2px var(--ink)}

/* ---------- extruded slab ---------- */
.slab{--top:var(--ink3);--s1:var(--mg3);--s2:var(--mg4);--edge:rgba(255,92,207,.5);position:relative;background:var(--top);box-shadow:inset 0 0 0 1.5px var(--edge);margin:0 var(--d) var(--d) 0;min-width:0}
.slab::before,.slab::after{content:"";position:absolute;pointer-events:none}
.slab::before{left:100%;top:0;width:var(--d);height:100%;background:var(--s1);transform-origin:0 0;transform:skewY(45deg)}
.slab::after{top:100%;left:0;height:var(--d);width:100%;background:var(--s2);transform-origin:0 0;transform:skewX(45deg)}
.b-mg .slab{--top:var(--ink);--s1:#3a0a2d;--s2:#24051c;--edge:rgba(20,10,20,.9)}
.b-bone .slab{--top:#fff;--s1:var(--mg);--s2:var(--mg2);--edge:var(--ink)}
.b-alt .slab{--top:#321a31}

/* ---------- header ---------- */
.hdr{position:sticky;top:0;z-index:50;background:var(--ink);border-bottom:2px solid var(--pit);box-shadow:0 1px 0 rgba(255,92,207,.35),0 10px 24px rgba(0,0,0,.4)}
.hdr-in{display:flex;align-items:center;gap:18px;min-height:74px}
.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font:700 13.5px/1.1 var(--disp);letter-spacing:-.01em;color:var(--bone);min-height:44px;min-width:0}
.logo span{overflow-wrap:anywhere}
.mark{width:36px;height:36px;flex:none}
.mark .t{fill:var(--mg)}.mark .l{fill:var(--mg3)}.mark .r{fill:var(--mg4)}
.mark .t2{fill:var(--bone)}.mark .l2{fill:#d9c3d5}.mark .r2{fill:#a98fa5}
.nav{display:flex;align-items:center;gap:10px;margin-left:auto}
.key{display:inline-flex;align-items:center;min-height:44px;padding:0 15px;margin-bottom:5px;border-radius:9px;background:var(--ink3);color:var(--bone);font-weight:700;font-size:14.5px;text-decoration:none;box-shadow:inset 0 1.5px 0 rgba(255,255,255,.14),0 5px 0 var(--pit),0 5px 0 1.5px rgba(255,92,207,.28)}
.key:hover{background:#3b2039}
.key:active,.key[aria-current]{transform:translateY(3px);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.1),0 2px 0 var(--pit),0 2px 0 1.5px rgba(255,92,207,.5)}
.key[aria-current]{color:var(--mg);background:#321a31}
.nav .cta{margin-left:10px}
.burger{display:none;width:48px;height:44px;margin:0 0 5px auto;border:0;border-radius:9px;background:var(--ink3);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.14),0 5px 0 var(--pit),0 5px 0 1.5px rgba(255,92,207,.28);place-items:center;flex:none}
.burger i,.burger i::before,.burger i::after{display:block;width:20px;height:2.5px;border-radius:2px;background:var(--bone)}
.burger i{position:relative}
.burger i::before,.burger i::after{content:"";position:absolute;left:0}
.burger i::before{top:-7px}.burger i::after{top:7px}
.burger[aria-expanded="true"]{transform:translateY(3px);box-shadow:0 2px 0 var(--pit),0 2px 0 1.5px var(--mg)}

/* ---------- bands ---------- */
.band{position:relative;padding:92px 0 96px;border-bottom:14px solid var(--pit)}
.b-floor{background-color:var(--ink);background-image:repeating-linear-gradient(26.565deg,rgba(255,92,207,.085) 0 1px,transparent 1px 44px),repeating-linear-gradient(-26.565deg,rgba(255,92,207,.085) 0 1px,transparent 1px 44px);border-bottom-color:var(--mg4)}
.b-dark{background:var(--ink2)}
.b-alt{background:var(--ink)}
.b-mg{background:var(--mg);color:var(--ink);border-bottom-color:var(--mg3)}
.b-bone{background:var(--bone);color:var(--ink);border-bottom-color:#b79ab2}
.b-faq{background:var(--ink)}
.sh{display:flex;align-items:flex-start;gap:18px;margin-bottom:44px}
.sh h2{font:700 clamp(24px,2.9vw,38px)/1.16 var(--disp);letter-spacing:-.025em;max-width:22ch;text-wrap:balance;padding-top:1px}
h1{font:800 clamp(29px,4.25vw,58px)/1.07 var(--disp);letter-spacing:-.035em;text-wrap:balance;overflow-wrap:break-word}
.lead{font-size:clamp(17px,1.5vw,20px);line-height:1.6;color:#dccbd9;max-width:62ch}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font:600 13px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mg);margin-bottom:22px}
.eyebrow::before{content:"";width:22px;height:11px;background:var(--mg);transform:skewX(-45deg);box-shadow:0 5px 0 var(--mg3)}

/* ---------- hero ---------- */
.hero{padding:70px 0 84px;overflow:hidden}
.hero-g{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:36px;align-items:center}
.hero-t{min-width:0}
.hero .lead{margin-top:24px}
.ticks{margin-top:26px;display:grid;gap:12px}
.ticks li{position:relative;padding-left:34px;font-weight:500;color:var(--bone);line-height:1.5}
.ticks li::before{content:"";position:absolute;left:0;top:.42em;width:16px;height:8px;background:var(--mg);transform:skewX(-45deg);box-shadow:0 4px 0 var(--mg3)}
.btns{display:flex;flex-wrap:wrap;gap:18px;margin-top:36px}
.hero-a{min-width:0}
.stack{width:100%;height:auto;overflow:visible}
.stack .floor{fill:rgba(0,0,0,.42)}
.s-base .t{fill:#3b2039}.s-base .l{fill:#241124}.s-base .r{fill:#170a17}
.s-base path,.s-mid path,.s-top path,.s-key path{stroke:var(--pit);stroke-width:1.5;stroke-linejoin:round}
.s-mid .t{fill:var(--bone)}.s-mid .l{fill:#cdb6c8}.s-mid .r{fill:#9d8399}
.s-top .t{fill:var(--mg)}.s-top .l{fill:var(--mg3)}.s-top .r{fill:var(--mg4)}
.s-key .t{fill:var(--bone)}.s-key .l{fill:#d9c3d5}.s-key .r{fill:#a98fa5}
.ghost{fill:none;stroke:var(--mg);stroke-width:2;stroke-dasharray:7 8;opacity:.75}
.hatch{fill:none;stroke:var(--ink);stroke-width:2;opacity:.28}
.lift{animation:bob 5s ease-in-out infinite}
.slide{animation:slide 5s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-12px)}}
@keyframes slide{50%{transform:translate(12px,6px)}}
.stack.fall .slide{animation:none;transform:translate(22px,60px)}
.facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 16px;margin-top:64px}
.fact{background:var(--ink3);border-radius:13px;padding:17px 16px 15px;min-width:0;box-shadow:inset 0 2px 0 rgba(255,255,255,.13),inset 0 0 0 1.5px rgba(255,92,207,.26),0 8px 0 var(--pit),0 8px 0 1.5px rgba(255,92,207,.3)}
.fact dd{font:700 clamp(19px,2vw,27px)/1.1 var(--disp);letter-spacing:-.03em;color:var(--mg)}
.fact dt{margin-top:8px;font-size:13.5px;line-height:1.35;color:#cdb9c9;font-weight:500}

/* ---------- try / code ---------- */
.try-g{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:48px;align-items:start}
.try-t .sh{margin-bottom:26px}
.ep{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:8px}
.ep code{font:600 14px/1.4 var(--mono);background:var(--pit);color:var(--mg);padding:10px 14px;border-radius:8px;box-shadow:inset 0 2px 4px #000,0 0 0 1.5px rgba(255,92,207,.3);overflow-wrap:anywhere;max-width:100%}
.b-mg .ep code{background:var(--ink);box-shadow:inset 0 3px 5px #000}
.codeslab{--d:14px}
.codebox{min-width:0}
.codetabs{display:flex;gap:10px;padding:16px 16px 9px;background:var(--ink3);border-bottom:2px solid var(--pit);overflow-x:auto}
.codetabs button{min-height:44px;padding:0 18px;margin-bottom:6px;border:0;border-radius:9px;background:#3b2039;color:var(--bone);font:700 14px var(--mono);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.16),0 6px 0 var(--pit),0 6px 0 1.5px rgba(255,92,207,.3)}
.codetabs button[aria-selected="true"]{background:var(--mg);color:var(--ink);transform:translateY(4px);box-shadow:inset 0 2px 0 rgba(255,255,255,.45),0 2px 0 var(--mg3),0 2px 0 1.5px var(--pit)}
pre.code{position:relative;margin:0;padding:14px 20px 22px;background:var(--pit);color:#f0e3ee;font:400 14.5px/1.7 var(--mono);overflow-x:auto;max-width:100%;tab-size:2;-webkit-overflow-scrolling:touch}
pre.code code{font:inherit;display:block;width:max-content;min-width:100%}
.copy{display:block;min-height:44px;margin:0 0 8px auto;padding:0 14px;border:0;border-radius:8px;background:var(--ink3);color:var(--bone);font:700 12.5px var(--text);letter-spacing:.02em;box-shadow:inset 0 1.5px 0 rgba(255,255,255,.14),0 4px 0 #000,0 4px 0 1.5px rgba(255,92,207,.35);position:sticky;left:calc(100% - 96px)}
.copy:hover{background:#3b2039}
.copy:active{transform:translateY(3px);box-shadow:0 1px 0 #000,0 1px 0 1.5px var(--mg)}
.code .k{color:#ff8fdc}.code .s{color:var(--mint)}.code .c{color:#a8919f;font-style:italic}

/* ---------- cards ---------- */
.grid{display:grid;gap:30px 24px}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid{counter-reset:card}
.card{padding:26px 26px 28px}
.card .kc{counter-increment:card;width:38px;height:34px;font-size:12px;margin-bottom:20px;display:grid}
.card .kc::before{content:counter(card)}
.card h3{font:700 18px/1.28 var(--disp);letter-spacing:-.02em;margin-bottom:11px;overflow-wrap:break-word}
.card p{font-size:15.5px;line-height:1.62;color:#dccbd9}
.b-bone .card p{color:#3d2a3b}
.b-mg .card p{color:#e6d5e2}
.b-mg .card h3{color:var(--mg)}
.b-mg .card{color:var(--bone)}
.b-mg .card .kc{background:var(--mg);color:var(--ink);box-shadow:inset 0 2px 0 rgba(255,255,255,.5),0 5px 0 var(--mg3),0 5px 0 2px #000}
.stairs{align-items:start}
.stairs .card:nth-child(2){margin-top:34px}
.stairs .card:nth-child(3){margin-top:68px}
.stairs .card{--d:16px}
.g4 .card{padding:22px 20px 24px}
.g4 .card h3{font-size:16px}

/* ---------- prose ---------- */
.prose{font-size:17.5px;line-height:1.75;min-width:0;--lk:var(--mg);--mut:#dccbd9;--code:var(--pit);--rule:rgba(255,92,207,.3)}
.b-bone .prose{--lk:#a3107f;--mut:#3d2a3b;--rule:#cdb6c8}
.prose>*+*{margin-top:1.15em}
.prose h2{font:700 clamp(22px,2.4vw,30px)/1.2 var(--disp);letter-spacing:-.025em;margin-top:2.2em;padding-top:1em;border-top:2px solid var(--rule);position:relative;text-wrap:balance}
.prose h2::before{content:"";position:absolute;top:-2px;left:0;width:54px;height:12px;background:var(--mg);transform-origin:0 0;transform:skewX(45deg)}
.prose h2:first-child{margin-top:0}
.prose h3{font:700 19px/1.3 var(--disp);letter-spacing:-.02em;margin-top:1.9em}
.prose p,.prose li{color:var(--mut)}
.prose strong{color:inherit;font-weight:800}
.b-dark .prose strong{color:var(--bone)}
.b-bone .prose strong{color:var(--ink)}
.prose a{color:var(--lk);font-weight:700;text-decoration-thickness:2px;text-underline-offset:3px}
.prose ul,.prose ol{display:grid;gap:10px;padding-left:0}
.prose ul>li{position:relative;padding-left:30px}
.prose ul>li::before{content:"";position:absolute;left:0;top:.62em;width:14px;height:7px;background:var(--mg);transform:skewX(-45deg);box-shadow:0 3px 0 var(--mg3)}
.prose ol{counter-reset:ol}
.prose ol>li{position:relative;padding-left:44px;counter-increment:ol;min-height:30px}
.prose ol>li::before{content:counter(ol);position:absolute;left:0;top:.1em;width:30px;height:26px;display:grid;place-items:center;border-radius:6px;background:var(--mg);color:var(--ink);font:800 11px var(--disp);box-shadow:0 4px 0 var(--mg3)}
.prose :not(pre)>code,.keyout code{font:600 .88em var(--mono);background:rgba(255,92,207,.16);color:inherit;padding:2px 7px;border-radius:5px;overflow-wrap:anywhere}
.b-dark .prose :not(pre)>code{color:#ffb8e8}
.prose pre.code{margin:1.6em 10px 1.9em 0;box-shadow:0 0 0 1.5px rgba(255,92,207,.5),5px 5px 0 var(--mg3),10px 10px 0 var(--mg4)}
.b-bone .prose pre.code{box-shadow:0 0 0 1.5px var(--ink),5px 5px 0 var(--mg),10px 10px 0 var(--mg2)}
.prose table{display:block;width:100%;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:15.5px;line-height:1.5;margin:1.6em 0 1.9em;-webkit-overflow-scrolling:touch}
.prose th,.prose td{padding:12px 16px;text-align:left;vertical-align:top;border:1.5px solid var(--rule);min-width:120px}
.prose th{font:700 13px/1.3 var(--disp);letter-spacing:-.01em;background:var(--mg);color:var(--ink);border-color:var(--ink)}
.b-bone .prose td{background:#fff;color:#2b1a2a;border-color:var(--ink)}
.b-dark .prose td{background:var(--ink3);color:var(--bone)}
.prose blockquote{margin:1.5em 0;padding:16px 20px;border-left:6px solid var(--mg);background:rgba(255,92,207,.1)}

/* ---------- faq ---------- */
.faq{display:grid;gap:22px;max-width:900px}
.faq details{--d:8px}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:64px;padding:16px 20px 16px 24px;cursor:pointer;list-style:none;font:700 17px/1.35 var(--text)}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{position:relative;flex:none;width:36px;height:32px;border-radius:8px;background:var(--mg);box-shadow:inset 0 2px 0 rgba(255,255,255,.45),0 5px 0 var(--mg3),0 5px 0 1.5px var(--pit);margin-bottom:5px;transition:transform .1s,box-shadow .1s}
.faq summary i::before,.faq summary i::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:3px;margin:-1.5px 0 0 -7px;background:var(--ink);border-radius:2px}
.faq summary i::after{transform:rotate(90deg);transition:transform .15s}
.faq details[open] summary i{transform:translateY(4px);box-shadow:inset 0 2px 0 rgba(255,255,255,.3),0 1px 0 var(--mg3),0 1px 0 1.5px var(--pit)}
.faq details[open] summary i::after{transform:rotate(0)}
.faq details p{padding:0 24px 24px;color:#dccbd9;font-size:16.5px;max-width:70ch}

/* ---------- cta band ---------- */
.b-cta{padding:76px 0 80px}
.cta-g{display:flex;align-items:center;justify-content:space-between;gap:36px;flex-wrap:wrap}
.cta-g h2{font:800 clamp(26px,3.4vw,44px)/1.1 var(--disp);letter-spacing:-.03em;max-width:20ch;text-wrap:balance}
.cta-g p{margin-top:14px;font-size:18px;font-weight:500;max-width:54ch;color:#2b0a23}
.cta-g .btn{flex:none}

/* ---------- page heads ---------- */
.b-head{padding:56px 0 72px}
.b-head h1{max-width:20ch;font-size:clamp(29px,4vw,54px)}
.b-head .lead{margin-top:22px}
.b-head .ep{flex-direction:row;flex-wrap:wrap;margin-top:28px}
.b-head .facts{margin-top:48px}
.crumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font:600 13px/1.4 var(--mono);letter-spacing:.03em;color:#cdb9c9;margin-bottom:26px}
.crumb a{color:var(--mg);text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.crumb a:hover{text-decoration:underline}
.crumb i{width:14px;height:8px;background:var(--mg3);transform:skewX(-45deg)}
.crumb span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:min(60vw,420px)}
.meta{margin-top:24px;font:600 13px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:#cdb9c9}
.meta time{color:var(--mg)}

/* ---------- key page ---------- */
.b-key{padding:44px 0 80px}
.key-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,480px);grid-template-areas:"h f" "i f";gap:0 64px;align-items:start}
.key-h{grid-area:h;min-width:0}.key-f{grid-area:f;min-width:0;padding-top:14px}.key-i{grid-area:i;min-width:0;padding-top:22px}
.key-h h1{font-size:clamp(28px,3.5vw,46px)}
.key-i .facts{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:34px}
.key-i .fact{padding:14px 13px 12px}
.key-i .fact dd{font-size:clamp(17px,1.6vw,21px)}
.key-i .ep{flex-direction:row;flex-wrap:wrap;margin-top:30px}
.formslab{--d:16px;--top:#241124;--edge:var(--mg)}
.form{padding:26px 28px 30px}
.tabs2{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:10px 10px 4px;background:var(--pit);border-radius:13px;margin-bottom:22px;box-shadow:inset 0 3px 6px #000}
.tabs2 button{min-height:46px;margin-bottom:6px;border:0;border-radius:9px;background:#3b2039;color:var(--bone);font-weight:800;font-size:15px;box-shadow:inset 0 1.5px 0 rgba(255,255,255,.16),0 6px 0 #1f0f1e,0 6px 0 1.5px rgba(255,92,207,.3)}
.tabs2 button[aria-selected="true"]{background:var(--mg);color:var(--ink);transform:translateY(4px);box-shadow:inset 0 2px 0 rgba(255,255,255,.45),0 2px 0 var(--mg3)}
.msg{font-size:15px;line-height:1.5;font-weight:700}
.msg:not(:empty){margin-bottom:18px;padding:12px 14px;border-radius:8px;background:var(--ink3);box-shadow:inset 0 0 0 1.5px var(--mg)}
.msg.err:not(:empty){background:#42101c;color:#ffc2cb;box-shadow:inset 0 0 0 1.5px #ff6f86,0 4px 0 #7a1326}
.form .row{margin-bottom:18px}
.form label{display:block;font:600 12.5px/1.3 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:#e6d5e2;margin-bottom:8px}
.form input,.calc input{width:100%;min-height:54px;padding:0 16px;border:2px solid #6b3a66;border-radius:10px;background:var(--pit);color:var(--bone);font:500 17px var(--text);box-shadow:inset 0 4px 6px #000;-webkit-appearance:none;appearance:none}
.form input:focus,.calc input:focus{outline:none;border-color:var(--mg);box-shadow:inset 0 4px 6px #000,0 0 0 3px rgba(255,92,207,.35)}
.form input:-webkit-autofill{-webkit-text-fill-color:var(--bone);box-shadow:inset 0 0 0 60px var(--pit)}
.note{font-size:13.5px;line-height:1.5;color:#cdb9c9;margin-top:9px}
.form form>.btn{width:100%;min-height:60px;font-size:17.5px;margin-top:6px;border-radius:13px}
.form form>.note{margin-top:18px;text-align:center}
.keyout{display:none}
.keyout.on{display:block}
.keyout h3{font:700 21px/1.2 var(--disp);letter-spacing:-.02em;margin-bottom:16px;color:var(--mg)}
.keybox{display:flex;align-items:center;gap:12px;padding:12px 12px 8px 16px;background:var(--pit);border-radius:10px;border:2px solid var(--mg);box-shadow:inset 0 4px 6px #000}
.keybox [data-key]{flex:1;min-width:0;font:600 14.5px/1.4 var(--mono);color:var(--mint);overflow-wrap:anywhere;padding-bottom:4px}
.keyout>p{font-size:14.5px;line-height:2;margin:14px 0;color:#e6d5e2}
.keyout>p.note{line-height:1.5}
.keyout .mut{color:#cdb9c9}
.acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}

/* ---------- pricing ---------- */
.calc-g{display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);gap:48px;align-items:center}
.calc-g .sh{margin-bottom:0}
.calcslab{--d:14px}
.calc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:28px;align-items:end}
.calc>div{min-width:0}
.calc label{display:block;font:600 12.5px/1.35 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#e6d5e2;margin-bottom:9px}
.calc output{display:flex;align-items:center;min-height:54px;padding:0 16px;border-radius:10px;background:var(--mg);color:var(--ink);font:800 clamp(20px,2.2vw,27px)/1 var(--disp);letter-spacing:-.03em;box-shadow:inset 0 2px 0 rgba(255,255,255,.5),0 6px 0 var(--mg3);margin-bottom:6px;overflow-wrap:anywhere}

/* ---------- docs / article ---------- */
.doc-g{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:64px;align-items:start}
.art-g{grid-template-columns:minmax(0,1fr) minmax(0,290px)}
.art-g .rail{order:2}
.rail{position:sticky;top:104px;display:grid;gap:34px;min-width:0;max-height:calc(100vh - 120px);overflow-y:auto;padding:2px 14px 18px 2px}
.toc-h,.side-h,.takes-h{font:600 12.5px/1.3 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--mg);margin-bottom:14px}
.b-bone .toc-h,.b-bone .side-h{color:#a3107f}
.toc ol{counter-reset:toc;display:grid;gap:2px;border-left:2px solid rgba(255,92,207,.3)}
.b-bone .toc ol{border-color:#cdb6c8}
.toc li{counter-increment:toc}
.toc a{display:flex;gap:10px;align-items:baseline;min-height:44px;padding:9px 10px 9px 16px;margin-left:-2px;border-left:2px solid transparent;text-decoration:none;font-size:14.5px;line-height:1.4;font-weight:500;color:#dccbd9}
.b-bone .toc a{color:#3d2a3b}
.toc a::before{content:counter(toc,decimal-leading-zero);font:600 11.5px var(--mono);color:var(--mg);flex:none}
.b-bone .toc a::before{color:#a3107f}
.toc a:hover{border-left-color:var(--mg);color:var(--bone);background:rgba(255,92,207,.09)}
.b-bone .toc a:hover{color:var(--ink)}
.sidecard{padding:22px 22px 18px;--d:8px}
.sidecard p:not(.side-h){font-size:14.5px;line-height:1.55;margin-bottom:18px;color:#dccbd9}
.b-bone .sidecard p:not(.side-h){color:#3d2a3b}
.sidecard .btn{width:100%}
.art{min-width:0;max-width:760px}
.takes{padding:26px 28px 28px;margin-bottom:54px;--top:var(--ink)!important;--edge:var(--ink)!important;color:var(--bone)}
.takes ul{display:grid;gap:13px}
.takes li{position:relative;padding-left:32px;font-weight:500;line-height:1.55}
.takes li::before{content:"";position:absolute;left:0;top:.5em;width:16px;height:8px;background:var(--mg);transform:skewX(-45deg);box-shadow:0 4px 0 var(--mg3)}

/* ---------- footer ---------- */
.ftr{background:var(--pit);padding:60px 0 44px;font-size:15px;color:#cdb9c9}
.ftr-g{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px 48px;align-items:start}
.ftr-b p{margin-top:10px;max-width:40ch}
.ftr-l{display:flex;flex-wrap:wrap;gap:4px 22px;justify-content:flex-end;max-width:560px}
.ftr-l a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;font-weight:700;color:var(--bone)}
.ftr-l a:hover{color:var(--mg);text-decoration:underline}
.legal{grid-column:1/-1;padding-top:26px;border-top:2px solid var(--ink3);font-size:13.5px;line-height:1.6}

.nf{min-height:70vh;display:grid;align-items:center}
.nf .eyebrow{font-size:15px}

/* ---------- responsive ---------- */
@media (max-width:1080px){
.g4{grid-template-columns:repeat(2,minmax(0,1fr))}
.facts{grid-template-columns:repeat(3,minmax(0,1fr))}
.key-g{gap:0 40px;grid-template-columns:minmax(0,1fr) minmax(0,430px)}
.key-i .facts{grid-template-columns:repeat(2,minmax(0,1fr))}
.doc-g{gap:40px;grid-template-columns:minmax(0,240px) minmax(0,1fr)}
.art-g{grid-template-columns:minmax(0,1fr) minmax(0,240px)}
}
@media (max-width:900px){
:root{--d:8px}
html{scroll-padding-top:80px}
.wrap{padding:0 20px}
.band{padding:64px 0 68px;border-bottom-width:10px}
.hdr-in{min-height:64px;gap:12px}
.burger{display:grid}
.nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:12px;padding:18px 20px 22px;background:var(--ink);border-bottom:10px solid var(--mg4);box-shadow:0 24px 40px rgba(0,0,0,.6)}
.nav.open{display:flex}
.nav .key{min-height:50px;font-size:16px}
.nav .cta{margin:6px 0 7px;min-height:54px}
.hero{padding:44px 0 60px}
.hero-g{grid-template-columns:minmax(0,1fr);gap:8px}
.hero-a{max-width:360px;margin:0 auto;width:100%}
.facts{margin-top:40px}
.try-g,.calc-g{grid-template-columns:minmax(0,1fr);gap:30px}
.g3{grid-template-columns:minmax(0,1fr)}
.stairs .card:nth-child(n){margin-top:0}
.stairs .card,.codeslab,.calcslab,.formslab{--d:10px}
.sh{margin-bottom:32px;gap:14px}
.key-g{grid-template-columns:minmax(0,1fr);grid-template-areas:"h" "f" "i"}
.b-key{padding:26px 0 60px}
.key-f{padding-top:22px}.key-i{padding-top:36px}
.key-h .crumb{margin-bottom:14px}
.doc-g,.art-g{grid-template-columns:minmax(0,1fr);gap:40px}
.art-g .rail{order:0}
.rail{position:static;max-height:none;overflow:visible;padding:0}
.rail .sidecard{display:none}
.cta-g .btn{width:100%}
.ftr-g{grid-template-columns:minmax(0,1fr)}
.ftr-l{justify-content:flex-start}
.b-head{padding:36px 0 54px}
}
@media (max-width:620px){
body{font-size:16.5px}
.g2,.g4{grid-template-columns:minmax(0,1fr)}
.facts,.key-i .facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}
.facts .fact:last-child:nth-child(odd){grid-column:1/-1}
.calc{grid-template-columns:minmax(0,1fr);padding:22px 20px 24px}
.form{padding:20px 18px 24px}
.btns{gap:14px}
.btns .btn{width:100%}
.card{padding:22px 20px 24px}
.prose{font-size:16.5px}
.prose th,.prose td{padding:10px 12px}
pre.code{font-size:13.5px;padding:12px 16px 18px}
.logo{font-size:12px;gap:8px}
.mark{width:32px;height:32px}
.faq summary{padding:14px 16px 14px 18px;font-size:16px}
.faq details p{padding:0 18px 20px}
.takes{padding:22px 20px 24px}
.keybox{flex-direction:column;align-items:stretch}
}
@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*::before,*::after{animation:none!important;transition:none!important}
}