@font-face{font-family:'Inter Tight';src:url(/fonts/inter-tight-latin.woff2) format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'Inter';src:url(/fonts/inter-latin.woff2) format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url(/fonts/instrument-serif-latin.woff2) format('woff2');font-style:italic;font-weight:400;font-display:swap}
:root{--bg:#000;--s1:#0b0b0c;--s2:#121214;--line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.14);--text:#f5f5f7;--muted:#9a9aa2;--dim:#5f5f67;--acc:#c5ff3d;--red:#ff4d5e;--disp:'Inter Tight',system-ui,sans-serif;--body:'Inter',system-ui,sans-serif;--serif:'Instrument Serif',Georgia,serif}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--text);font-family:var(--body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}
a{color:inherit}
img{display:block;max-width:100%}
[hidden]{display:none!important}
.glow{position:fixed;left:50%;top:-420px;width:1300px;height:820px;transform:translateX(-50%);pointer-events:none;background:radial-gradient(closest-side,rgba(197,255,61,.14),rgba(124,255,107,.04) 50%,transparent 72%);z-index:0}
.top,main,.foot{position:relative;z-index:1}
.top{display:flex;align-items:center;justify-content:space-between;width:min(1120px,100% - 40px);margin:0 auto;padding:26px 0}
.brand img{height:40px;width:auto;filter:drop-shadow(0 0 4px rgba(197,255,61,.55)) drop-shadow(0 0 14px rgba(197,255,61,.28))}
.lock{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:var(--muted);padding:8px 14px;border:1px solid var(--line2);border-radius:999px;background:rgba(255,255,255,.03)}
.lock svg{color:var(--acc)}
main{width:min(1120px,100% - 40px);margin:0 auto;padding:30px 0 80px}
.intro{max-width:760px;margin-bottom:34px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:999px;border:1px solid var(--line2);background:rgba(255,255,255,.04);font-size:13.5px;color:var(--muted)}
.eyebrow b{font-weight:600;color:#000;background:var(--acc);padding:3px 10px;border-radius:999px;font-size:12.5px}
h1{font-family:var(--disp);font-weight:700;letter-spacing:-.045em;line-height:.95;font-size:clamp(46px,7vw,88px);margin:22px 0 18px}
h1 em,.intro em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--acc);letter-spacing:-.01em}
.intro p{color:var(--muted);font-size:clamp(16px,1.5vw,18px);max-width:620px}
.notice{display:inline-flex;align-items:center;gap:10px;font-size:13.5px;color:var(--muted);margin-bottom:22px}
.notice::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--acc);box-shadow:0 0 10px var(--acc)}
.checkout-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;align-items:start}
.panel{border-radius:24px;background:var(--s1);border:1px solid var(--line);padding:34px}
.step-h{display:flex;align-items:center;gap:12px;margin-bottom:6px}
.step-h+.hint{margin-bottom:22px}
.panel .step-h:not(:first-child){margin-top:34px;padding-top:30px;border-top:1px solid var(--line);margin-bottom:18px}
.num{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(197,255,61,.12);color:var(--acc);font-family:var(--disp);font-weight:700;font-size:14px;flex:none}
h2{font-family:var(--disp);font-weight:700;letter-spacing:-.03em;font-size:22px}
.square{margin-left:auto;font-size:12.5px;color:var(--dim)}
.hint{color:var(--muted);font-size:14.5px}
.hint.small{font-size:13px;color:var(--dim);margin-top:16px}
.hint a{color:var(--text)}
.field{display:block;font-size:13.5px;font-weight:500;color:var(--muted);margin-bottom:16px}
.field small{display:block;margin-top:6px;font-size:12px;color:var(--dim);font-weight:400}
.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
input:not([type=checkbox]),select{display:block;width:100%;margin-top:8px;padding:15px 16px;border-radius:14px;border:1px solid var(--line2);background:var(--s2);color:var(--text);font:500 16px var(--body);outline:none;transition:border-color .2s,box-shadow .2s,background .2s;-webkit-appearance:none;appearance:none}
input::placeholder{color:#55555c}
input:focus,select:focus{border-color:var(--acc);box-shadow:0 0 0 4px rgba(197,255,61,.14);background:#141416}
select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%239a9aa2' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}
select option{background:#121214;color:#f5f5f7}
#card-container{min-height:90px;margin-bottom:6px}
.consent{display:flex;gap:12px;align-items:flex-start;margin:14px 0 22px;font-size:14px;color:var(--muted);cursor:pointer}
.consent input{flex:none;width:20px;height:20px;margin-top:1px;accent-color:var(--acc);cursor:pointer}
#pay{width:100%;padding:18px 24px;border:0;border-radius:999px;background:var(--acc);color:#000;font:700 17px var(--disp);letter-spacing:-.01em;cursor:pointer;transition:transform .2s,box-shadow .2s,opacity .2s}
#pay:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 40px rgba(197,255,61,.35)}
#pay:disabled{opacity:.45;cursor:not-allowed}
#payment-status{margin-top:14px;font-size:13.5px;color:var(--muted);text-align:center}
#payment-status[data-error=true]{color:var(--red)}
.summary{position:sticky;top:24px;border-radius:24px;overflow:hidden;background:var(--s1);border:1px solid var(--line)}
.cover{position:relative;aspect-ratio:1000/560;overflow:hidden}
.cover img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,var(--s1))}
.sum-in{padding:4px 30px 30px}
.label{font-size:13px;color:var(--acc);font-weight:500}
.summary h2{font-size:30px;margin-top:6px}
.sub{color:var(--muted);font-size:14.5px}
.amount{font-family:var(--disp);font-weight:800;font-size:76px;letter-spacing:-.06em;line-height:1;margin:18px 0 22px;display:flex;align-items:baseline}
.amount .cur{font-size:.42em;color:var(--muted);align-self:flex-start;margin:8px 4px 0 0;font-weight:700}
.amount .once{font:500 14px var(--body);letter-spacing:0;color:var(--acc);margin-left:12px}
.incl{list-style:none;display:grid;gap:11px;padding:22px 0;border-block:1px solid var(--line)}
.incl li{display:flex;gap:12px;font-size:15px;color:#d6d6dc}
.incl li::before{content:"";flex:none;width:19px;height:19px;margin-top:2px;border-radius:50%;background:var(--acc) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-7' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
.delivery{padding:20px 0 4px}
.delivery strong{font-family:var(--disp);font-size:15px}
.delivery ol{list-style:none;counter-reset:d;margin-top:12px;display:grid;gap:9px}
.delivery li{counter-increment:d;display:flex;gap:12px;font-size:14.5px;color:var(--muted)}
.delivery li::before{content:counter(d);flex:none;width:22px;height:22px;border-radius:50%;border:1px solid var(--line2);display:grid;place-items:center;font-size:12px;color:var(--text)}
.trust{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 16px}
.trust span{font-size:12.5px;color:var(--muted);padding:6px 11px;border-radius:999px;background:var(--s2);border:1px solid var(--line)}
.fine{font-size:12px;color:var(--dim)}
.done{max-width:620px;margin:20px auto;text-align:center;padding:56px 34px}
.done .check{width:64px;height:64px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;background:var(--acc);box-shadow:0 0 50px rgba(197,255,61,.45)}
.done h1{font-size:clamp(44px,6vw,64px)}
.done p{color:var(--muted);margin-bottom:28px}
.button{display:inline-flex;padding:15px 26px;border-radius:999px;background:var(--text);color:#000;font:600 15px var(--disp);text-decoration:none}
.foot{width:min(1120px,100% - 40px);margin:0 auto;padding:26px 0 40px;border-top:1px solid var(--line);font-size:12.5px;color:var(--dim)}
@media (max-width:900px){.checkout-grid{grid-template-columns:1fr}.summary{position:static;order:-1}.summary .cover{aspect-ratio:16/7}}
@media (max-width:600px){.top{width:calc(100% - 32px);padding:18px 0}.brand img{height:30px}.lock{font-size:12px;padding:6px 11px}main{width:calc(100% - 32px);padding-top:16px}.panel{padding:24px 18px;border-radius:20px}.sum-in{padding:2px 20px 22px}.row{grid-template-columns:1fr;gap:0}.amount{font-size:64px}.square{display:none}}