*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;overflow-x:hidden}
button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}img,canvas,svg{display:block;max-width:100%}
canvas[data-kind]{width:100%;height:100%;background:#0b0a12}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
#toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:90;background:var(--tx);color:var(--bg);padding:10px 16px;border-radius:999px;font:600 13px/1.2 var(--font);transition:.25s;box-shadow:0 10px 30px rgba(0,0,0,.35);max-width:calc(100vw - 32px);text-align:center}
#toast.on{opacity:1;transform:translate(-50%,0)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

:root{--bg:#0a0910;--sf:#121119;--sf2:#171522;--sf3:#1f1b2d;--tx:#eceaf2;--mu:#a4a8b1;--dim:#7c8090;--ln:rgba(255,255,255,.08);--ln2:rgba(255,255,255,.16);
 --ac:#c341f5;--ac2:#d465ff;--cy:#3cb9f5;--ok:#3ed8a0;--warn:#ffc857;--err:#ff6b7a;--glow:rgba(195,65,245,.35);
 --font:"Inter Tight","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--serif:"Instrument Serif",Georgia,serif;--mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;color-scheme:dark}
:root[data-theme=light]{--bg:#f7f5fb;--sf:#ffffff;--sf2:#f1eef7;--sf3:#e8e3f2;--tx:#14121c;--mu:#5e5a6b;--dim:#8a8696;--ln:rgba(20,10,40,.09);--ln2:rgba(20,10,40,.18);--ac:#a020d8;--ac2:#b02ee8;--ok:#0f9e6c;--warn:#a86a00;--err:#d22f45;--glow:rgba(160,32,216,.18);color-scheme:light}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#f7f5fb;--sf:#ffffff;--sf2:#f1eef7;--sf3:#e8e3f2;--tx:#14121c;--mu:#5e5a6b;--dim:#8a8696;--ln:rgba(20,10,40,.09);--ln2:rgba(20,10,40,.18);--ac:#a020d8;--ac2:#b02ee8;--ok:#0f9e6c;--warn:#a86a00;--err:#d22f45;--glow:rgba(160,32,216,.18);color-scheme:light}}
body{background:var(--bg);color:var(--tx);font:400 15px/1.55 var(--font);-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(900px 500px at 85% -10%,var(--glow),transparent 60%),radial-gradient(700px 400px at -10% 30%,rgba(60,185,245,.08),transparent 60%)}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.ic{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.ic.fill{fill:currentColor;stroke:none}
.mono{font-family:var(--mono)}.mu{color:var(--mu)}.small{font-size:12.5px}.c{text-align:center}.hide{display:none!important}
a{text-decoration:none}p a,.small a{color:var(--ac2);text-decoration:underline;text-underline-offset:3px}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.row.c{justify-content:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 20px;border-radius:12px;border:1px solid transparent;font-weight:650;font-size:14.5px;transition:.18s;white-space:nowrap}
.btn.pri{background:linear-gradient(180deg,var(--ac2),var(--ac));color:#fff;box-shadow:0 8px 30px -8px var(--ac),inset 0 1px 0 rgba(255,255,255,.25)}
.btn.pri:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn.pri:disabled{opacity:.4;filter:grayscale(.5);transform:none;cursor:not-allowed;box-shadow:none}
.btn.ghost{background:var(--sf2);border-color:var(--ln2);color:var(--tx)}.btn.ghost:hover{border-color:var(--ac2)}
.btn.sm{height:34px;padding:0 13px;font-size:13px;border-radius:9px}.btn.wide{width:100%;height:52px;font-size:15.5px}
.btn:disabled{cursor:not-allowed;opacity:.45}
.ib{width:38px;height:38px;border-radius:10px;border:1px solid var(--ln);background:var(--sf);display:grid;place-items:center;color:var(--tx)}
.lnk{background:none;border:0;color:var(--mu);font-size:13px;padding:4px}.lnk:hover{color:var(--tx)}
.pr{font-weight:750;font-variant-numeric:tabular-nums;white-space:nowrap}.pr.lg{font-size:24px}.pr.xl{font-size:40px;letter-spacing:-.02em}
s{color:var(--dim);margin-right:8px;font-size:.9em}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font:600 11.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ac2)}
.dot{width:7px;height:7px;border-radius:50%;background:var(--ac2);box-shadow:0 0 0 4px var(--glow);position:relative}
.dot::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--ac2);opacity:0;animation:ring 2s ease-out 3}
@keyframes ring{0%{transform:scale(.6);opacity:.7}100%{transform:scale(1.9);opacity:0}}
@keyframes pulse{50%{opacity:.35}}
.appbar{display:flex;gap:10px;align-items:center;justify-content:center;padding:8px 16px;background:linear-gradient(90deg,rgba(60,185,245,.16),rgba(195,65,245,.16));font-size:12.5px;border-bottom:1px solid var(--ln);text-align:center}
.top{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 98%,transparent);border-bottom:1px solid var(--ln)}
.top-in{display:flex;align-items:center;gap:22px;height:64px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:17px;letter-spacing:-.01em}.brand .mark{width:30px;height:30px}.brand em{font:italic 400 19px var(--serif);color:var(--mu)}
.brand.sm .mark{width:24px;height:24px}
.nav{display:flex;gap:4px}.nav a{padding:8px 12px;border-radius:9px;color:var(--mu);font-weight:550;font-size:14px}.nav a:hover{color:var(--tx);background:var(--sf2)}
.top-r{margin-left:auto;display:flex;gap:10px;align-items:center}
.acct{display:flex;align-items:center;gap:8px;padding:4px 6px 4px 4px;border:1px solid var(--ln);border-radius:12px;background:var(--sf)}
.av{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,var(--ac2),var(--cy));color:#fff;font-weight:800;font-size:13px;flex:none}
.acct-e{font-size:13px;max-width:180px;overflow:hidden;text-overflow:ellipsis}
.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;padding-top:64px;padding-bottom:40px}
.hero h1{font-size:clamp(40px,5.4vw,68px);line-height:1.02;letter-spacing:-.035em;font-weight:800;margin:18px 0 18px}
.hero h1 em,.h2 em{font-family:var(--serif);font-weight:400;font-style:italic;letter-spacing:-.01em;background:linear-gradient(90deg,var(--ac2),var(--cy));-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.08em}
.lede{font-size:17px;color:var(--mu);max-width:520px;margin:0 0 26px}
.trust{display:flex;gap:18px;flex-wrap:wrap;list-style:none;padding:0;margin:22px 0 0;color:var(--mu);font-size:13.5px}.trust li{display:flex;gap:6px;align-items:center}.trust .ic{color:var(--ok);width:16px}
.aa{display:block;border-radius:22px;padding:10px;background:linear-gradient(160deg,rgba(212,101,255,.5),rgba(60,185,245,.25) 40%,var(--ln) 70%);position:relative;transition:.25s}
.aa:hover{transform:translateY(-3px)}
.aa>*{position:relative}.aa::before{content:"";position:absolute;inset:1px;border-radius:21px;background:var(--sf)}
.aa-v{aspect-ratio:16/10;border-radius:14px;overflow:hidden;position:relative}
.aa-badge{position:absolute;left:12px;top:12px;font:700 10.5px/1 var(--mono);letter-spacing:.14em;padding:6px 9px;border-radius:7px;background:rgba(0,0,0,.66);color:#fff}
.aa-b{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding:16px 10px 8px}
.aa-b h2{margin:0;font-size:22px;letter-spacing:-.02em}.aa-b p{margin:2px 0 0;color:var(--mu);font-size:13.5px}.aa-p{text-align:right}
.aa-note{margin:4px 10px 6px;padding:9px 12px;border-radius:10px;background:var(--sf2);font-size:12.5px;color:var(--mu)}
.own{position:absolute;right:10px;top:10px;display:flex;gap:5px;align-items:center;padding:5px 9px 5px 7px;border-radius:999px;background:var(--ok);color:#04150e;font:700 11.5px/1 var(--font)}.own .ic{width:14px;stroke-width:2.6}
.pays{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding-top:10px;padding-bottom:10px}
.pays span{display:inline-flex;gap:6px;align-items:center;font-size:12.5px;color:var(--mu);padding:7px 11px;border:1px solid var(--ln);border-radius:999px;background:var(--sf)}
.pays .pays-r{margin-left:auto;border:0;background:none}.pays .ic{width:15px}
.sec{padding-top:56px;padding-bottom:30px}
.sec-h{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:22px}
.h2{font-size:clamp(28px,3.4vw,40px);letter-spacing:-.03em;margin:0 0 4px;font-weight:800;line-height:1.08}
.sec-h p{margin:0}
.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{padding:8px 14px;border-radius:999px;border:1px solid var(--ln);font-size:13px;font-weight:600;color:var(--mu);background:var(--sf)}
.chip[aria-selected=true]{background:var(--tx);color:var(--bg);border-color:var(--tx)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.tile{border-radius:18px;background:var(--sf);border:1px solid var(--ln);overflow:hidden;transition:transform .22s,border-color .22s,box-shadow .22s;contain:layout paint;content-visibility:auto;contain-intrinsic-size:auto 330px;animation:rise .5s both;animation-delay:calc(var(--i)*40ms)}
@keyframes rise{from{opacity:0;transform:translateY(12px)}}
.tile:hover{border-color:color-mix(in srgb,var(--ac2) 55%,transparent);transform:translateY(-3px);box-shadow:0 20px 50px -20px var(--glow)}
.tv{aspect-ratio:16/9;position:relative;overflow:hidden}
.tplay{position:absolute;left:10px;bottom:10px;display:flex;gap:5px;align-items:center;font-size:11.5px;font-weight:650;padding:5px 9px 5px 7px;border-radius:999px;background:rgba(0,0,0,.62);color:#fff;opacity:0;transition:opacity .2s}.tplay .ic{width:12px}
.tile:hover .tplay{opacity:1}
.tb{padding:14px 16px 16px}.tt{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.tb h3{margin:0;font-size:16.5px;letter-spacing:-.01em}.tb p{margin:3px 0 12px;color:var(--mu);font-size:13.5px}
.tm{display:flex;justify-content:space-between;font:500 11.5px var(--mono);color:var(--dim);border-top:1px solid var(--ln);padding-top:10px;text-transform:uppercase;letter-spacing:.06em}
.own-t{color:var(--ok);font-size:13px}
.tile.is-own .tv::after{content:"";position:absolute;inset:0;background:rgba(10,8,18,.18);pointer-events:none}
.lic-g{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0 14px}
.lic-c{padding:20px;border-radius:16px;background:var(--sf);border:1px solid var(--ln)}.lic-c b{display:flex;gap:8px;align-items:center;font-size:16px}.lic-c b .ic{color:var(--ok)}.lic-c.no b .ic{color:var(--err)}
.lic-c p{margin:8px 0 0;color:var(--mu);font-size:14px}
.foot{margin-top:70px;border-top:1px solid var(--ln);padding:30px 0 90px}
.foot-in{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.foot p{margin:0;color:var(--dim);font-size:12.5px;flex:1;min-width:240px}.foot nav{display:flex;gap:16px;font-size:13px;color:var(--mu)}
.crumbs{display:flex;gap:10px;align-items:center;padding-top:22px;font-size:13px;color:var(--dim)}.crumbs a{display:flex;gap:6px;align-items:center;color:var(--mu)}.crumbs .ic{width:15px}
.pd{display:grid;grid-template-columns:1.45fr 1fr;gap:36px;padding-top:18px;align-items:start}
.player{aspect-ratio:16/9;border-radius:20px;overflow:hidden;position:relative;border:1px solid var(--ln);box-shadow:0 30px 80px -30px rgba(0,0,0,.6)}
.player-ui{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:10px;padding:12px 16px;background:linear-gradient(transparent,rgba(0,0,0,.6));color:#fff;font-size:12.5px;font-weight:600}
.player-ui .sp{flex:1}.rec{width:8px;height:8px;border-radius:50%;background:#ff4d6a;animation:pulse 1.6s ease-in-out infinite}
.thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}
.th{aspect-ratio:16/9;padding:0;border-radius:11px;overflow:hidden;border:2px solid transparent;background:none;opacity:.6;transition:.2s}.th.on,.th:hover{opacity:1}.th.on{border-color:var(--ac2)}
.blk{margin-top:30px}.blk h3{font-size:18px;margin:0 0 12px}
.inc{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:2px}
.inc li{display:grid;grid-template-columns:minmax(120px,1fr) 2fr 40px;gap:14px;align-items:center;padding:11px 0;border-bottom:1px solid var(--ln);font-size:14px}
.inc i{height:6px;border-radius:3px;background:var(--sf3);position:relative;overflow:hidden}.inc i::after{content:"";position:absolute;inset:0;width:var(--w);background:linear-gradient(90deg,var(--ac),var(--cy));border-radius:3px}
.inc b{text-align:right;font-size:13px}
.pd-r{position:sticky;top:84px}
.buy{padding:24px;border-radius:20px;background:var(--sf);border:1px solid var(--ln);display:grid;gap:14px}
.pd-t{font-size:34px;letter-spacing:-.03em;margin:-4px 0 0;line-height:1.08}.buy>p{margin:0}
.buy-p{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;padding:6px 0}.buy-p .small{width:100%}
.upsell{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;border:1px dashed var(--ln2);font-size:13.5px}.upsell:hover{border-color:var(--ac2)}
.lic-s{border-radius:14px;background:var(--sf2);padding:14px 16px}.lic-s>div{display:flex;justify-content:space-between;font-size:13.5px;margin-bottom:8px}.lic-s>div a{color:var(--ac2);font-size:12.5px}
.lic-s ul{list-style:none;margin:0;padding:0;display:grid;gap:7px;font-size:13.5px}.lic-s li{display:flex;gap:8px;align-items:center}.lic-s .ic{width:16px;color:var(--ok)}.lic-s li.no .ic{color:var(--err)}
.co{display:grid;grid-template-columns:1.4fr 1fr;gap:36px;padding-top:12px;align-items:start}
.step{display:grid;grid-template-columns:34px 1fr;gap:14px;padding:20px 0;border-bottom:1px solid var(--ln)}
.step-n{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--ln2);font:600 13px var(--mono);color:var(--mu)}
.step-b h3{margin:3px 0 14px;font-size:16px}
.who{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;background:var(--sf);border:1px solid var(--ln)}.who div{flex:1;display:grid}.who b{font-size:14px}
.methods{display:grid;gap:10px}
.meth{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:16px;border-radius:14px;border:1.5px solid var(--ln2);background:var(--sf);text-align:left;transition:.15s}
.meth:hover{border-color:color-mix(in srgb,var(--ac2) 60%,transparent)}
.meth[aria-checked=true]{border-color:var(--ac2);box-shadow:0 0 0 4px var(--glow);background:color-mix(in srgb,var(--ac) 7%,var(--sf))}
.meth-i{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:var(--sf2);color:var(--ac2)}.meth-i .ic{width:22px}
.meth-t{display:grid}.meth-t b{font-size:15px}.meth-t span{color:var(--mu);font-size:13px}

.agree{display:flex;gap:12px;align-items:flex-start;font-size:13.5px;color:var(--mu);margin-bottom:16px;cursor:pointer}
.agree input{width:20px;height:20px;accent-color:var(--ac);margin:1px 0 0;flex:none}.agree a{color:var(--ac2);text-decoration:underline;text-underline-offset:3px}
.co-r{position:sticky;top:84px}
.sum{padding:20px;border-radius:20px;background:var(--sf);border:1px solid var(--ln);display:grid;gap:12px}
.sum-v{aspect-ratio:16/9;border-radius:12px;overflow:hidden}.sum-v.sm{width:96px;flex:none}
.sum-r{display:grid}.sum-l{display:flex;justify-content:space-between;align-items:baseline;font-size:14px}.sum-l.tot{border-top:1px solid var(--ln);padding-top:12px;font-weight:700}
.sum-f{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:12.5px;color:var(--mu)}.sum-f li{display:flex;gap:7px;align-items:center}.sum-f .ic{width:15px;color:var(--ok)}
.alert{display:flex;gap:12px;padding:14px 16px;border-radius:14px;background:color-mix(in srgb,var(--warn) 9%,var(--sf));border:1px solid color-mix(in srgb,var(--warn) 35%,transparent);font-size:13.5px;text-align:left}
.alert p{margin:4px 0 0;color:var(--mu)}.alert .ic{width:22px;height:22px;color:var(--warn)}
.alert.err{background:color-mix(in srgb,var(--err) 9%,var(--sf));border-color:color-mix(in srgb,var(--err) 40%,transparent)}.alert.err .ic{color:var(--err)}
.alert.ok{background:color-mix(in srgb,var(--ok) 10%,var(--sf));border-color:color-mix(in srgb,var(--ok) 40%,transparent);align-items:center}.alert.ok .ic{color:var(--ok)}
.narrow{max-width:640px;padding-top:56px}
.state{text-align:center;display:grid;gap:14px;justify-items:center;padding:40px 28px;border-radius:24px;background:var(--sf);border:1px solid var(--ln)}
.state>.ic{width:44px;height:44px;padding:10px;border-radius:14px;background:var(--sf2);color:var(--ac2);box-sizing:content-box}
.state h1{font-size:30px;letter-spacing:-.03em;margin:0;line-height:1.1}.state h2{font-size:22px;margin:0;letter-spacing:-.02em}.state p{margin:0;max-width:480px}
.state.in{background:var(--sf2);padding:30px 22px;border-radius:18px}
.kv{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;text-align:left;font-size:13.5px;padding:14px 18px;border-radius:14px;background:var(--sf2);width:100%;max-width:440px}.kv span{color:var(--mu)}.kv b{font-weight:600;text-align:right;overflow:hidden;text-overflow:ellipsis}
.state.in .kv{background:var(--sf)}
.spin{width:46px;height:46px;border-radius:50%;border:3px solid var(--sf3);border-top-color:var(--ac2);animation:sp 1s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}
.cr{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;padding-top:12px;align-items:start}
.cr-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.seg{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;border-radius:14px;background:var(--sf);border:1px solid var(--ln);margin-bottom:16px}
.seg button{display:grid;padding:10px 12px;border-radius:10px;border:0;background:none;text-align:left}.seg button b{font-size:15px}.seg button span{font-size:12px;color:var(--mu)}
.seg button[aria-selected=true]{background:var(--sf3);box-shadow:inset 0 0 0 1px var(--ln2)}.seg button:disabled{cursor:not-allowed;opacity:.6}
.warn-big{display:flex;gap:14px;padding:16px 18px;border-radius:16px;background:linear-gradient(90deg,color-mix(in srgb,var(--warn) 18%,var(--sf)),color-mix(in srgb,var(--warn) 6%,var(--sf)));border:1px solid color-mix(in srgb,var(--warn) 50%,transparent);margin-bottom:18px}
.warn-big .ic{width:26px;height:26px;color:var(--warn)}.warn-big b{display:block;font-size:15.5px;margin-bottom:3px}.warn-big span{font-size:13.5px;color:var(--mu)}
.pay-g{display:grid;grid-template-columns:1fr 220px;gap:20px;align-items:start}
.lbl{display:block;font:600 11.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin:14px 0 8px}.pay-f .lbl:first-child{margin-top:0}
.field{display:flex;align-items:center;gap:10px;padding:10px 10px 10px 16px;border-radius:13px;background:var(--sf);border:1px solid var(--ln2);min-width:0}
.field.big{padding:14px 12px 14px 18px}.amt{font-size:clamp(22px,3vw,30px);font-weight:600;letter-spacing:-.01em;flex:1;min-width:0;overflow-wrap:anywhere}
.amt mark{background:color-mix(in srgb,var(--ac2) 25%,transparent);color:var(--tx);border-radius:5px;padding:0 3px;box-shadow:inset 0 -2px 0 var(--ac2)}
.sym{font-weight:800;color:var(--mu)}.addr{flex:1;font-size:13.5px;overflow-wrap:anywhere;min-width:0}
.cp{display:flex;gap:6px;align-items:center;height:36px;padding:0 12px;border-radius:9px;border:1px solid var(--ln2);background:var(--sf2);font-size:12.5px;font-weight:650;flex:none}
.cp.copied{background:var(--ok);color:#04150e;border-color:var(--ok)}.cp .ic{width:15px}
.pay-f>p{margin:8px 0 0}
.timer{position:relative;margin-top:16px;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:13px;background:var(--sf2);overflow:hidden;font-size:13.5px}
.timer span{display:flex;gap:8px;align-items:center;color:var(--mu)}.timer b{font-size:20px}
.timer i{position:absolute;left:0;bottom:0;height:3px;width:calc(var(--left)*100%);background:linear-gradient(90deg,var(--ac),var(--cy));transition:width .25s linear}
.qr{display:grid;gap:10px;text-align:center}.qr-c{padding:14px;border-radius:18px;background:#fff;box-shadow:0 20px 50px -20px var(--glow)}
.cr-r{display:grid;gap:14px;position:sticky;top:84px}
.card{padding:20px;border-radius:18px;background:var(--sf);border:1px solid var(--ln)}.card h3{margin:0 0 14px;font-size:15px}.card>p{margin:12px 0 0}
.card.mini{display:flex;gap:12px;align-items:center;padding:12px}.card.mini div:last-child{display:grid}
.steps{list-style:none;margin:0;padding:0;display:grid}
.steps li{display:grid;grid-template-columns:22px 1fr;gap:12px;position:relative;padding-bottom:16px}
.steps li:not(:last-child)::before{content:"";position:absolute;left:10px;top:22px;bottom:0;width:2px;background:var(--ln2)}
.steps li.done::before{background:var(--ok)}
.steps i{width:22px;height:22px;border-radius:50%;border:2px solid var(--ln2);background:var(--sf);position:relative;z-index:1}
.steps li.done i{background:var(--ok);border-color:var(--ok);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%2304150e' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");background-size:14px;background-position:center;background-repeat:no-repeat}
.steps li.now i{border-color:var(--ac2);box-shadow:0 0 0 4px var(--glow);animation:pulse 1.6s ease-in-out infinite}
.steps li.now i::after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--ac2)}
.steps li.held i{border-color:var(--warn);background:var(--warn)}
.steps li div{display:grid;gap:2px}.steps b{font-size:14px;display:flex;gap:8px;align-items:center}.steps li:not(.done):not(.now):not(.held) b{color:var(--mu)}
.bar{display:block;height:6px;border-radius:3px;background:var(--sf3);overflow:hidden;margin-top:6px}.bar i{display:block;width:auto;height:100%;border:0;border-radius:3px;background:linear-gradient(90deg,var(--ac),var(--cy));transition:width .3s}
.ok-s h1{font-size:34px}
.succ-v{width:100%;max-width:440px;aspect-ratio:16/9;border-radius:18px;overflow:hidden;position:relative;margin-bottom:6px}
.succ-b{position:absolute;right:12px;bottom:12px;width:44px;height:44px;border-radius:50%;background:var(--ok);display:grid;place-items:center;color:#04150e;box-shadow:0 0 0 6px rgba(62,216,160,.25);animation:pop .6s cubic-bezier(.2,1.6,.4,1) both .2s}.succ-b .ic{width:24px;stroke-width:3}
@keyframes pop{from{transform:scale(0)}}
.inp{height:46px;border-radius:12px;border:1px solid var(--ln2);background:var(--sf2);color:var(--tx);padding:0 14px;font:inherit}
.inp:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--ac2);outline-offset:2px}
@media (max-width:980px){.hero,.pd,.co,.cr{grid-template-columns:1fr}.pd-r,.co-r,.cr-r{position:static}.grid{grid-template-columns:repeat(2,1fr)}.hero{padding-top:36px;gap:30px}.co-r{order:-1}}
@media (max-width:640px){.wrap{padding:0 16px}.nav{display:none}.acct-e{display:none}.grid,.lic-g{grid-template-columns:1fr}.pay-g{grid-template-columns:1fr}.qr{max-width:240px;margin:0 auto}
 .hero h1{font-size:40px}.pays .pays-r{margin-left:0}.inc li{grid-template-columns:1fr 70px 34px}.meth{grid-template-columns:auto 1fr}.meth-x{grid-column:2}
 .state{padding:30px 18px}.state h1{font-size:26px}.kv{padding:12px 14px}.brand em{display:none}.thumbs{gap:6px}.amt{font-size:22px}.co-r .sum-v{display:none}.foot{padding-bottom:80px}}

/* ---- live store additions (server-rendered pages) ---- */
.tile video,.aa-v video,.player video,.th video,.sum-v video,.succ-v video{width:100%;height:100%;object-fit:cover;display:block;background:#0b0a12}
.tile .tv img,.aa-v img{width:100%;height:100%;object-fit:cover}
.tile.soon{opacity:.82}.soon-t{font:600 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--warn);border:1px solid color-mix(in srgb,var(--warn) 45%,transparent);border-radius:6px;padding:5px 7px;white-space:nowrap}
.free-t{color:var(--ok);font-size:13px;font-weight:700}
.sale{display:inline-flex;align-items:center;gap:6px;font:600 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--warn)}
.meth{cursor:pointer;position:relative}.meth input{position:absolute;opacity:0;pointer-events:none}
.meth:has(input:checked){border-color:var(--ac2);box-shadow:0 0 0 4px var(--glow);background:color-mix(in srgb,var(--ac) 7%,var(--sf))}
.meth:has(input:disabled){opacity:.5;cursor:not-allowed}

.meth.one{cursor:default}.meth.one:hover{transform:none}/* rel4f-: the card checkout on its own */
.code-f{display:flex;gap:8px;align-items:center;margin-top:14px;flex-wrap:wrap}.code-f .inp{text-transform:uppercase;font-family:var(--mono);max-width:220px;height:40px}
.msg{margin:0 0 16px}
.empty{padding:60px 28px}
.seg form{display:contents}.seg button{color:var(--tx);cursor:pointer}
.tx-l{color:var(--ac2);text-decoration:underline;text-underline-offset:3px}
.qr-c svg{width:100%;height:auto;display:block}
.acct a.lnk{display:inline-block}
.blocked-bar{background:color-mix(in srgb,var(--err) 14%,var(--bg));border-bottom:1px solid color-mix(in srgb,var(--err) 40%,transparent);padding:10px 16px;font-size:13px;text-align:center}
.more{color:var(--dim);font-size:13px;padding:10px 0}
noscript .alert{margin-top:12px}
.btn.pri[aria-disabled=true]{opacity:.4;pointer-events:none}
@media (max-width:640px){.code-f .inp{max-width:none;flex:1}.top-in{gap:10px}.acct{padding:3px}}
.player>#reel{position:absolute;inset:0}.player>#reel>*{width:100%;height:100%}
.th canvas,.th video,.th img{width:100%;height:100%;display:block;object-fit:cover}
.app .nav,.app .lic,.app .pays{display:none}.app .hero{padding-top:28px;padding-bottom:10px}.app .hero h1{font-size:clamp(32px,4vw,48px)}.app .foot{margin-top:30px;padding-bottom:40px}
.co>*,.pd>*,.cr>*,.hero>*,.step-b,.meth-t,.who div,.sum-r{min-width:0}
.who b,.acct-e,.kv b{overflow-wrap:anywhere}
.btn.wide{white-space:normal;text-align:center}
@media (max-width:640px){.who{flex-wrap:wrap}.sum-l{gap:10px}.meth-t span{overflow-wrap:anywhere}}

/* lag-: paint containment for the heavy preview boxes */
.aa-v,.player,.sum-v,.th{contain:layout paint}

/* ---------------------------------------------------------------- lag2: purchase flow (transform/opacity only; reduced motion = still) */
/* CSS preview tiles (same drawing as the front page) */
.art{position:relative;overflow:hidden;aspect-ratio:16/10;border-radius:10px;background:linear-gradient(160deg,hsl(var(--h) 42% 17%),hsl(calc(var(--h) + 40) 46% 8%));isolation:isolate;contain:paint;--g1:#FDC65A;--grad:linear-gradient(100deg,#FDC65A,#E58FC0 42%,#C963FF 72%,#9F5CFF)}
.art>*{position:absolute;display:block}.art em{display:block;position:absolute}
.art .sc{inset:0;background:radial-gradient(circle at 70% 36%,hsl(42 96% 74%) 0 7%,transparent 7.6%),radial-gradient(120% 62% at 28% 104%,hsl(calc(var(--h) + 210) 42% 13%) 0 50%,transparent 50.6%),radial-gradient(95% 52% at 86% 108%,hsl(calc(var(--h) + 230) 36% 21%) 0 50%,transparent 50.6%),linear-gradient(180deg,hsl(var(--h) 68% 52%),hsl(calc(var(--h) + 28) 82% 68%) 62%,hsl(calc(var(--h) + 40) 70% 42%))}
.art .sc.dim{opacity:.35}
.art .w{inset:0;display:grid;place-items:center;font:400 clamp(26px,3.4vw,44px)/1 var(--serif);color:#fff;text-shadow:0 2px 18px hsl(var(--h) 80% 50% / .6)}
.art .w.sm{font:700 13px/1 var(--mono);letter-spacing:.3em}
.k-trans .t2{inset:-20% -20% -20% 52%;background:linear-gradient(160deg,hsl(calc(var(--h) * .2 + 250) 60% 34%),hsl(calc(var(--h) * .2 + 270) 70% 13%));transform:skewX(-16deg)}
.k-trans .t3{top:-20%;bottom:-20%;left:51%;width:3px;background:#fff;box-shadow:0 0 18px 6px hsl(calc(var(--h) + 20) 100% 70% / .8);transform:skewX(-16deg)}
.k-lower .bar{left:7%;bottom:15%;width:5px;height:24%;border-radius:2px;background:var(--grad)}
.k-lower .l1{left:calc(7% + 12px);bottom:26%;width:42%;height:10%;border-radius:3px;background:rgba(255,255,255,.95)}
.k-lower .l2{left:calc(7% + 12px);bottom:15%;width:28%;height:7%;border-radius:3px;background:rgba(255,255,255,.55)}
.k-glass .b1{width:55%;aspect-ratio:1;border-radius:50%;left:-6%;top:-14%;background:radial-gradient(circle,hsl(var(--h) 90% 62%),transparent 68%)}
.k-glass .b2{width:60%;aspect-ratio:1;border-radius:50%;right:-10%;bottom:-30%;background:radial-gradient(circle,hsl(calc(var(--h) + 90) 90% 62%),transparent 68%)}
.k-glass .pane{left:18%;right:18%;top:30%;bottom:30%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.26),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.45)}
.k-glass .pane em{left:12%;top:38%;width:12%;aspect-ratio:1;border-radius:50%;background:#fff}
.k-glass .pane em+em{left:30%;top:42%;width:46%;height:16%;aspect-ratio:auto;border-radius:3px;background:rgba(255,255,255,.85)}
.k-glow .fr{inset:20% 16%;border-radius:14px;border:2px solid hsl(var(--h) 100% 72%);box-shadow:0 0 22px hsl(var(--h) 100% 60% / .7),inset 0 0 22px hsl(var(--h) 100% 60% / .5)}
.k-glow .w{color:hsl(var(--h) 100% 88%)}
.k-look .half{inset:0 0 0 50%;overflow:hidden}
.k-look .half .sc{left:-100%;width:200%;background:radial-gradient(circle at 70% 36%,hsl(180 60% 82%) 0 7%,transparent 7.6%),radial-gradient(120% 62% at 28% 104%,hsl(220 40% 8%) 0 50%,transparent 50.6%),linear-gradient(180deg,hsl(200 50% 30%),hsl(185 45% 52%) 62%,hsl(30 60% 50%))}
.k-look .seam{top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:#fff}
.k-hud{background:radial-gradient(circle at 50% 50%,hsl(var(--h) 60% 14%),hsl(var(--h) 50% 5%))}
.k-hud .r1,.k-hud .r2{left:50%;top:50%;border-radius:50%;border:1.5px solid hsl(var(--h) 100% 65% / .85);transform:translate(-50%,-50%)}
.k-hud .r1{width:46%;aspect-ratio:1}.k-hud .r2{width:30%;aspect-ratio:1;border-style:dashed}
.k-hud .hx{left:10%;right:10%;top:50%;height:1px;background:hsl(var(--h) 100% 70% / .4)}.k-hud .hy{top:10%;bottom:10%;left:50%;width:1px;background:hsl(var(--h) 100% 70% / .4)}
.k-hud .num{right:8%;bottom:9%;font:600 11px/1 var(--mono);color:hsl(var(--h) 100% 78%)}
.k-social{background:linear-gradient(140deg,hsl(var(--h) 70% 55%),hsl(calc(var(--h) + 50) 70% 45%))}
.k-social .cd{left:22%;right:22%;top:16%;bottom:16%;border-radius:10px;background:#fff}
.k-social .av{left:9%;top:16%;width:16%;aspect-ratio:1;border-radius:50%;background:var(--grad)}
.k-social .ln{left:31%;top:20%;width:52%;height:9%;border-radius:3px;background:#2a2535}.k-social .ln.s{top:36%;width:36%;background:#c9c4d4}
.k-social .ht{left:9%;right:9%;bottom:12%;height:34%;border-radius:6px;background:linear-gradient(120deg,hsl(var(--h) 70% 80%),hsl(calc(var(--h) + 40) 70% 70%))}
.k-count .num{inset:0;display:grid;place-items:center;font:700 clamp(34px,4vw,50px)/1 var(--mono);color:#fff}
.k-count .ring{left:50%;top:50%;width:52%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);border:3px solid rgba(255,255,255,.15);border-top-color:hsl(var(--h) 100% 70%)}
.k-device .lap{left:18%;right:18%;top:14%;bottom:30%;border-radius:8px 8px 0 0;background:#0c0b10;border:3px solid #3a3644;overflow:hidden}.k-device .lap .sc{inset:0}
.k-device .base{left:10%;right:10%;bottom:22%;height:8%;border-radius:0 0 10px 10px;background:linear-gradient(#55505f,#2b2833)}
.k-card3d .c3{left:32%;width:36%;top:16%;bottom:16%;border-radius:8px;background:linear-gradient(150deg,hsl(var(--h) 80% 66%),hsl(calc(var(--h) + 40) 70% 40%));border:1px solid rgba(255,255,255,.3)}
.k-card3d .a{transform:translateX(-46%) rotate(-14deg);opacity:.75}.k-card3d .c{transform:translateX(46%) rotate(14deg);opacity:.75}.k-card3d .b{transform:translateY(-4%)}
.k-logo{background:radial-gradient(circle at 50% 50%,hsl(var(--h) 50% 20%),hsl(var(--h) 40% 5%) 70%)}
.k-logo .rays{inset:-30%;background:repeating-conic-gradient(from 0deg at 50% 50%,hsl(var(--h) 100% 70% / .16) 0 6deg,transparent 6deg 18deg)}
.k-logo .ring{left:50%;top:50%;width:34%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);border:2px solid hsl(var(--h) 100% 80% / .8)}
.k-logo .mk{left:50%;top:50%;width:16%;aspect-ratio:1;border-radius:28%;transform:translate(-50%,-50%);background:var(--grad)}
.k-vfx .streak{height:3px;left:-10%;right:-10%;border-radius:3px;background:linear-gradient(90deg,transparent,hsl(var(--h) 100% 75%),transparent);transform:rotate(-18deg)}
.k-vfx .s1{top:38%}.k-vfx .s2{top:62%;opacity:.6}
.k-vfx .dots{inset:0;background:radial-gradient(circle,rgba(255,255,255,.7) 0 1px,transparent 1.5px) 0 0/22px 18px;opacity:.35}
.k-zoom{background:#14121b}
.k-zoom .win{left:8%;right:8%;top:12%;bottom:12%;border-radius:6px;background:#221f2c;border:1px solid rgba(255,255,255,.12)}
.k-zoom .win em{left:8%;height:8%;border-radius:2px;background:rgba(255,255,255,.18)}
.k-zoom .win em:nth-child(1){top:16%;width:40%}.k-zoom .win em:nth-child(2){top:34%;width:70%}.k-zoom .win em:nth-child(3){top:52%;width:55%}
.k-zoom .spot{left:46%;top:30%;width:34%;aspect-ratio:1;border-radius:50%;border:2px solid hsl(var(--h) 100% 70%);box-shadow:0 0 0 999px rgba(5,4,10,.55)}
.k-zoom .cur{left:66%;top:56%;width:0;height:0;border-left:7px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent;transform:rotate(45deg) translateY(-2px)}
.k-crop{background:linear-gradient(160deg,#1a1724,#0d0c12)}
.k-crop .sc.circ{inset:auto;left:50%;top:50%;width:56%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%)}
.k-crop .ring2{left:50%;top:50%;width:62%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);border:2px solid hsl(var(--h) 100% 70% / .8)}
.k-motion .clip{top:28%;bottom:28%;width:34%;border-radius:6px;background:linear-gradient(140deg,hsl(var(--h) 80% 65%),hsl(calc(var(--h) + 50) 80% 50%))}
.k-motion .c1{left:12%;opacity:.18}.k-motion .c2{left:24%;opacity:.4}.k-motion .c3{left:40%}
.k-cine .lb{left:0;right:0;height:14%;background:#000}.k-cine .tp{top:0}.k-cine .bt{bottom:0}
.k-cine .cap{left:0;right:0;bottom:20%;text-align:center;font:600 9px/1 var(--mono);letter-spacing:.35em;color:#fff}

/* checkout showcase: a short crossfading reel of real presets from the bundle; captions sit on their own band, never on top of each other */
.reel{position:relative;width:100%;height:100%;background:#0b0a12}
.sum-v .reel,.succ-v .reel{aspect-ratio:16/10}
.rl{position:absolute;inset:0;opacity:0;transition:opacity .7s ease}
.rl.on{opacity:1}
.rl .art{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;border-radius:0}
.rl .art{transform:scale(1.04);transition:transform 3.2s ease-out}.rl.on .art{transform:none}
.rl-c{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;flex-direction:column;gap:2px;padding:28px 14px 12px;background:linear-gradient(180deg,transparent,rgba(8,6,14,.82) 55%);color:#fff;min-width:0}
.rl-c b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rl-c small{font:500 11px/1.2 var(--mono);color:rgba(255,255,255,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rl-d{position:absolute;right:12px;top:12px;z-index:4;display:flex;gap:5px}
.rl-d i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.4);transition:transform .3s,background .3s}.rl-d i.on{background:#fff;transform:scale(1.25)}
.sum-v.sm .rl-c{display:none}.sum-v.sm .rl-d{display:none}

/* step transitions: each purchase page comes in softly */
.v-pack main>*,.v-checkout main>*,.v-success main>*,.v-state main>*{animation:enter .5s cubic-bezier(.2,.8,.2,1) both}
.v-pack main>*:nth-child(2),.v-checkout main>*:nth-child(2){animation-delay:.06s}
@keyframes enter{from{opacity:0;transform:translateY(10px)}}

/* micro-interactions */
.btn{transition:transform .15s,box-shadow .2s,filter .2s,background .2s,border-color .2s}
.btn:active:not(:disabled){transform:translateY(0) scale(.98)}
.meth{transition:border-color .15s,transform .15s,background .15s}.meth:hover{transform:translateY(-1px)}
.tile:active{transform:translateY(-1px) scale(.995)}

/* loading state while the payment page opens */
#pay-go.busy{pointer-events:none;filter:saturate(.8)}
#pay-go.busy>*{opacity:0}
#pay-go.busy::after{content:"";position:absolute;width:22px;height:22px;border-radius:50%;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;animation:sp .8s linear infinite}
#pay-go{position:relative}


@keyframes qrscan{to{transform:translateY(340%)}}
.cring{width:22px;height:22px;flex:none;transform:rotate(-90deg)}
.cring circle{fill:none;stroke-width:3.5}.cring .rt{stroke:var(--ln2)}
.cring .rp{stroke:var(--ac2);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc((1 - var(--left,1)) * 100);transition:stroke-dashoffset 1s linear}
.steps li.now{position:relative}
.steps li.now i::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--ac2);opacity:0;animation:listen 2.2s ease-out infinite}
@keyframes listen{0%{opacity:.6;transform:scale(.6)}100%{opacity:0;transform:scale(1.5)}}
.steps li i{position:relative}

/* success: the bundle card unlocks, one light sweep, one-shot confetti */
.succ-v.unlock{position:relative;overflow:hidden}
.succ-v .succ-lock{position:absolute;left:50%;top:50%;z-index:5;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;display:grid;place-items:center;background:rgba(10,8,18,.72);color:#fff;animation:unlockout .5s ease .9s both}
.succ-v .succ-lock .ic{width:26px;height:26px}
.succ-v .reel{filter:none}
.succ-v::before{content:"";position:absolute;inset:0;z-index:4;background:rgba(10,8,18,.55);animation:fadeout .6s ease 1s both;pointer-events:none}
.succ-v .sweep{position:absolute;top:0;bottom:0;left:0;width:45%;z-index:6;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:translateX(-120%);animation:sweep 1s ease 1.3s 1 both;pointer-events:none}
.succ-v .succ-b{z-index:7;animation:pop .6s cubic-bezier(.2,1.6,.4,1) 1.3s both}
@keyframes unlockout{to{opacity:0;transform:scale(.6) translateY(-10px)}}
@keyframes fadeout{to{opacity:0}}
@keyframes sweep{to{transform:translateX(330%)}}
.confetti{position:fixed;inset:0;pointer-events:none;z-index:80;overflow:hidden}
.confetti i{position:absolute;top:-14px;width:8px;height:12px;border-radius:2px;opacity:0;animation:conf var(--d,1.8s) cubic-bezier(.2,.6,.4,1) var(--dl,1.2s) 1 forwards}
@keyframes conf{0%{opacity:1;transform:translate(0,0) rotate(0)}100%{opacity:0;transform:translate(var(--x,0),105vh) rotate(var(--r,360deg))}}
#open-app{box-shadow:0 12px 40px -10px var(--ac)}

@media (prefers-reduced-motion:reduce){.rl,.rl .art{transition:none!important}.confetti{display:none}.succ-v .succ-lock,.succ-v::before{display:none}}



:root{--pa:var(--ac2)}
/* fwd-: All-Access / All-Access Forever plan cards, checkout plan switch, owner price. Static: no loops, no blur. */
.plans{display:grid;gap:16px;margin:0 auto 22px;max-width:760px;text-align:left}
.plans.two{grid-template-columns:1fr 1fr}
.plan{position:relative;display:flex;flex-direction:column;gap:10px;padding:22px 20px 20px;border-radius:18px;background:var(--sf);border:1px solid var(--ln2);contain:layout paint}
.plan h3{margin:0;font-size:19px;letter-spacing:-.01em}
.plan-p{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.plan-p b{font-size:34px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.plan-p s{color:var(--dim);font-size:16px}.plan-p small{color:var(--mu);font-size:12.5px}
.plan-d{margin:0;color:var(--mu);font-size:14px;min-height:2.6em}
.plan-f{list-style:none;margin:0 0 6px;padding:0;display:grid;gap:7px;font-size:14px}.plan-f li{display:flex;gap:8px;align-items:flex-start}.plan-f .ic{color:var(--pa);margin-top:2px}
.plan .btn{margin-top:auto}.plan-own{pointer-events:none;opacity:.85}
.plan.pf{border:1.5px solid var(--pa);background:linear-gradient(180deg,color-mix(in srgb,var(--pa) 10%,var(--sf)),var(--sf) 60%);box-shadow:0 18px 50px -24px var(--pa)}
.plan .ribbon{position:absolute;top:14px;right:-1px;padding:5px 12px 5px 14px;border-radius:999px 0 0 999px;background:var(--pa);color:#fff;font:700 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.plan-rec{font:600 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--pa)}
.plan.is-own{opacity:.92}
.plans-up{margin:-6px auto 20px;text-align:center;font-size:14px;color:var(--mu)}.plans-up a{color:var(--pa);font-weight:650;text-decoration:underline;text-underline-offset:3px}
.pd-r .plans,.buy .plans{grid-template-columns:1fr;max-width:none;margin:6px 0 14px}.buy .plans .pf{order:-1}.buy .plan-p b{font-size:28px}
.plan-sw{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px 16px;margin:0 0 18px;border-radius:14px;border:1.5px solid var(--pa);background:color-mix(in srgb,var(--pa) 8%,var(--sf))}
.plan-sw>div{display:flex;flex-direction:column;gap:3px}.plan-sw b{font-size:16px}
.plan-sw .btn.acc{background:var(--pa);color:#fff;border-color:transparent}
.own-note{margin:8px 0 0;font-size:13.5px;color:var(--mu)}.own-note a{color:var(--pa);font-weight:650;text-decoration:underline;text-underline-offset:3px}
.own-l{color:var(--pa);font-weight:650;font-size:13px}.own-p{color:var(--pa)}
.own-box{display:flex;flex-direction:column;gap:8px;align-items:flex-start;padding:12px 14px;margin:0 0 12px;border-radius:12px;border:1px solid var(--pa);background:color-mix(in srgb,var(--pa) 7%,var(--sf))}
.fv-ok{margin:0 0 10px;font-weight:650}
@media (max-width:720px){.plans.two{grid-template-columns:1fr}.plans.two .pf{order:-1}.plan-p b{font-size:30px}}
/* srv-: "Buy this preset" on search results */
.sf-res .sf-buy{display:inline-block;margin-top:6px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;border:1px solid currentColor;text-decoration:none;opacity:.9}
.sf-res .sf-buy.own{border-color:transparent;opacity:.6;padding-left:0}

/* rel4c-: template plans + the free app note */
.free-note{display:flex;gap:10px;align-items:center;justify-content:center;max-width:760px;margin:0 auto 18px;padding:12px 16px;border-radius:14px;
 background:linear-gradient(90deg,rgba(80,200,120,.12),rgba(140,110,255,.12));border:1px solid rgba(120,220,160,.28);font-size:14.5px;text-align:left}
.free-note svg{flex:none;width:18px;height:18px;color:#5fd38d}
.free-line{margin:10px 0 0;font-size:13px;color:var(--mu,#aab);letter-spacing:.01em}
.plans.two:has(.pt){grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px}
.plan.pt{position:relative;background:linear-gradient(160deg,rgba(255,196,120,.07),rgba(160,110,255,.08));border-color:rgba(255,200,140,.28)}
.plan.pt .plan-rec{color:#ffc98a}
.plan.pft{border-color:rgba(255,170,90,.55);box-shadow:0 0 0 1px rgba(255,170,90,.25),0 18px 50px -20px rgba(255,150,80,.45)}
.plan.pft .ribbon{background:linear-gradient(90deg,#ffb36b,#ff7ad9)}
@media(max-width:760px){.plans.two:has(.pt){grid-template-columns:1fr}}

/* rel4f-: saving line + badge */
.sum-l[hidden]{display:none}

/* rel4f- */.foot nav{flex-wrap:wrap}.foot .op-foot{grid-column:1/-1;flex:1 1 100%;max-width:none;font-size:12px;color:var(--dim)}
/* rel4f-foot */.foot .op-foot{text-align:center;padding-top:18px;border-top:1px solid var(--ln)}.foot .op-foot a{color:inherit;text-decoration:none}.foot .op-foot a:hover{color:var(--tx)}
/* rel4f-: trial watermark notice */
.wmk-note{display:flex;gap:12px;align-items:flex-start;margin:16px 0 4px;padding:14px 16px;border-radius:14px;background:color-mix(in srgb,var(--warn) 12%,var(--sf));border:1px solid color-mix(in srgb,var(--warn) 55%,transparent);font-size:14px;line-height:1.55;color:var(--tx)}
.wmk-ic{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;font:800 11px/1 ui-monospace,monospace;letter-spacing:.04em;color:#1b1024;background:linear-gradient(120deg,#ffd166,#ff9f6b)}
.wmk-tag{color:var(--warn)}
.wmk-free{color:var(--ok)}
/* rel4f-trial2: which account the trial is on (/trial/done) */
.state .trial-acct{width:100%;max-width:440px;text-align:left;background:color-mix(in srgb,var(--ac2) 10%,var(--sf2));border-color:color-mix(in srgb,var(--ac2) 45%,transparent)}
.state .trial-acct b{font-size:16px}
.state .trial-acct .av{text-transform:uppercase}
.state .trial-acct-n{max-width:440px;color:var(--tx);line-height:1.5}

/* rel4f-avatar */.av{overflow:hidden}.av .av-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}