:root{--ink:#080807;--ink-soft:#12100b;--panel:#11100c;--gold:#d8b869;--gold-bright:#f4d98d;--gold-faded:#9c8958;--line:#dcbc6f2b;--quiet:#ecdaa88c}*{box-sizing:border-box}html{background:var(--ink)}body{background:var(--ink);color:#f7eed2;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-shell{background:radial-gradient(ellipse 80% 54% at 50% -13%, #805d1e26, transparent 66%), var(--ink);min-height:100vh;position:relative;overflow:hidden}.site-shell:before{content:"";pointer-events:none;opacity:.3;background-image:linear-gradient(#fae19a06 1px,#0000 1px),linear-gradient(90deg,#fae19a05 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}.gold-glow{pointer-events:none;border:1px solid #cfa75214;border-radius:50%;width:360px;height:360px;position:absolute}.glow-one{top:214px;left:-250px;box-shadow:0 0 120px 36px #976d230b}.glow-two{bottom:26px;right:-280px;box-shadow:0 0 120px 28px #976d230b}.header{z-index:4;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080807db;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;max-width:1024px;height:69px;margin:auto;padding:0 28px;display:flex}.brand{color:#fff3cd;letter-spacing:1.5px;align-items:center;gap:9px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;display:flex}.brand-mark{color:#0a0906;background:var(--gold);letter-spacing:0;place-items:center;width:19px;height:19px;font-size:11px;font-weight:800;display:grid}nav{gap:24px;display:flex}nav a,.eyebrow,.panel-title,footer,.rail{letter-spacing:1.45px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}nav a{color:var(--quiet);transition:color .2s}nav a:hover,nav a.active{color:var(--gold-bright)}main{z-index:1;max-width:1024px;margin:auto;padding:65px 28px 72px;position:relative}.intro{max-width:620px}.eyebrow{color:var(--gold);margin:0}.eyebrow span{color:var(--gold-faded);margin-left:11px}h1{letter-spacing:0;color:#fff5d7;margin:20px 0 0;font-size:clamp(34px,4.6vw,49px);font-weight:300;line-height:1.12}h1 em{color:var(--gold);font-style:normal}.description{max-width:580px;color:var(--quiet);margin:18px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.75}.workspace{grid-template-columns:1fr 1fr;align-items:start;gap:22px;margin-top:44px;display:grid}.panel{border:1px solid var(--line);background:linear-gradient(145deg,#ffe69a0b,#ffffff03 42%,#00000021);min-height:404px;padding:25px;box-shadow:inset 0 1px #ffebb20a}.panel-title{color:var(--gold);justify-content:space-between;display:flex}.panel-title b{color:#d8b86973;font-weight:400}.fields{gap:15px;margin-top:20px;display:grid}.fields label{display:block}.fields label>span{color:var(--gold-faded);letter-spacing:1.2px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;display:block}input{appearance:none;color:#fff2cf;background:#00000040;border:1px solid #d8b8693d;outline:none;width:100%;margin-top:8px;padding:12px 11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;transition:border-color .2s,background .2s}input:focus{border-color:var(--gold);background:#d8b8690f}input::placeholder{color:#f5da9552}.costs{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--quiet);margin-top:18px;padding:9px 0;font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.costs div{justify-content:space-between;gap:12px;padding:4px 0;display:flex}.costs strong{color:var(--gold-bright);font-weight:400}.key-area{margin-top:19px}.key-area p,.payment-empty,.payment-ready p{color:var(--quiet);margin:0;font:11.5px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace}.gold-button{color:#161107;cursor:pointer;letter-spacing:1px;background:linear-gradient(110deg,#e1bd6a,#f0d28b);border:1px solid #eac875bf;margin-top:13px;padding:11px 13px;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;transition:filter .2s,transform .2s}.gold-button:hover{filter:brightness(1.1);transform:translateY(-1px)}.gold-button span{vertical-align:-1px;margin-left:12px;font-size:15px}.key-output{background:#d8b8690b;border:1px solid #d8b86940;grid-template-columns:1fr auto;gap:7px 12px;margin-top:13px;padding:10px;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.key-output span{color:var(--gold)}.key-output code{color:#f7e6af;text-overflow:ellipsis;white-space:nowrap;grid-row:2;width:245px;overflow:hidden}.key-output button,.payment-confirmed button{color:var(--gold);cursor:pointer;letter-spacing:1px;background:0 0;border:0;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.payment-panel{min-height:404px}.payment-empty{color:#ecdaa86b;max-width:315px;margin-top:21px}.payment-panel.ready{border-color:#d8b86966}.payment-ready{padding-top:20px}.payment-ready strong{color:var(--gold-bright);font-weight:400}.payment-confirmed{background:#d8b8690a;border:1px solid #d8b86947;margin-top:24px;padding:20px}.check{border:1px solid var(--gold);width:23px;height:23px;color:var(--gold);border-radius:50%;place-items:center;display:grid}.payment-confirmed p{color:var(--gold-bright);letter-spacing:1px;margin:14px 0 8px;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.payment-confirmed code{overflow-wrap:anywhere;color:var(--quiet);font:10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.payment-confirmed button{margin-top:16px;padding:0}.notice{color:#ecdaa873;max-width:700px;margin:35px 0 0;font:11px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace}.notice a{color:var(--gold);text-underline-offset:4px;-webkit-text-decoration:underline #d8b86961;text-decoration:underline #d8b86961}.rail{z-index:3;color:#d8b86952;flex-direction:column;align-items:end;gap:17px;display:flex;position:fixed;top:50%;right:28px;transform:translateY(-50%)}.rail div{align-items:center;gap:10px;display:flex}.rail i{background:#d8b86940;width:16px;height:1px;display:block}.rail .rail-active{color:var(--gold-bright)}.rail .rail-active i{background:var(--gold);width:34px}footer{z-index:1;border-top:1px solid var(--line);color:#dabe7aad;justify-content:space-between;gap:22px;max-width:100%;padding:26px max(28px,50vw - 484px);line-height:1.5;display:flex;position:relative}footer p{margin:0}footer span{color:var(--gold);padding:0 3px}@media (max-width:760px){.header-inner{height:62px;padding:0 18px}nav{gap:13px}nav a{font-size:9px}main{padding:44px 18px 54px}.workspace{grid-template-columns:1fr;margin-top:34px}.panel{min-height:auto;padding:20px}.payment-panel{min-height:240px}.rail{display:none}footer{flex-direction:column;gap:7px;padding:22px 18px}.key-output code{width:min(57vw,245px)}}