:root{color-scheme:dark;--bg:#09070f;--panel:#100c1b;--text:#f3f0fb;--muted:#9c94b0;--purple:#a974ff;--line:#ffffff12;font:15px/1.6 "Segoe UI",Arial,sans-serif;scroll-behavior:smooth}

*{box-sizing:border-box}

body{margin:0;background:var(--bg);color:var(--text);overflow-x:hidden}

a{color:inherit;text-decoration:none}

button,input{font:inherit}

button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid #c89bff;outline-offset:6px}

.wrap{width:min(1180px,calc(100% - 64px));margin:auto}

.ambient{position:absolute;z-index:-1;top:-400px;left:30%;width:1100px;height:1100px;background:radial-gradient(ellipse,#6123ba22,transparent 65%);pointer-events:none}

.nav{height:105px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}

.brand{display:inline-flex;align-items:center;font-weight:800;font-size:29px;letter-spacing:-1.8px}

.brand-dot{color:var(--purple)}

.brand-mark{display:grid;place-items:center;font-size:18px;letter-spacing:-2px;width:31px;height:33px;margin-right:12px;color:#d5b4ff;background:#a974ff16;border:1px solid #b080ff42;border-radius:8px;transform:skewY(-5deg)}

.nav nav{display:flex;align-items:center;gap:34px;font-size:13px;color:#b7adc9}

.nav a:hover{color:#fff}

.nav-receipt{border:1px solid #ffffff24;border-radius:7px;padding:10px 16px;color:#eee8f8}

.nav-receipt span{margin-left:12px}

.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:650px;gap:45px;padding-top:50px;padding-bottom:65px}

.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;color:#bda6d9;display:inline-flex;align-items:center;gap:9px}

.pulse{height:6px;width:6px;border-radius:50%;background:#b78cff;box-shadow:0 0 14px #aa69ff}

.hero h1{font-size:clamp(54px,6.5vw,85px);line-height:1.07;letter-spacing:-5px;margin:25px 0}

.hero h1>span{background:linear-gradient(110deg,#e5d5ff,#9660ed);background-clip:text;color:transparent}

.intro{font-size:16px;line-height:1.9;max-width:410px;color:var(--muted);margin:0}

.intro strong{font-weight:500;color:#e7d9fb}

.hero-actions{display:flex;align-items:center;gap:22px;margin-top:32px}

.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:52px;padding:14px 23px;border-radius:7px;border:1px solid transparent;font-size:13px;font-weight:650;cursor:pointer;transition:transform .18s,background .18s}

.primary{color:#160b27;background:linear-gradient(110deg,#c89aff,#a879fa);box-shadow:0 0 28px #a264ff12,inset 0 1px #ffffff50}

.primary:hover{background:#d5b1ff;transform:translateY(-1px)}

.primary:disabled{background:#634685;color:#d6c5e8;cursor:not-allowed;transform:none;box-shadow:none}

.secondary{background:#b184ef12;color:#ddc9f8;border-color:#b184ef40}

.small-note{font-size:11px;color:#82798f}

.hero-meta{display:flex;flex-wrap:wrap;gap:20px;font-size:10px;color:#a39aaf;margin-top:30px}

.check{color:#b78cff;margin-right:6px}

.hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:430px;isolation:isolate}

.orbit{position:absolute;width:470px;height:470px;border:1px solid #9d58ef13;border-radius:50%;z-index:-1}

.orbit-two{width:360px;height:360px;border-color:#a865f021;box-shadow:0 0 110px #733bc516,inset 0 0 90px #7135b710}

.hero-art:before{content:"";position:absolute;width:240px;height:240px;background:#9b51ed20;filter:blur(65px);z-index:-1}

.access-card{position:relative;overflow:hidden;width:370px;min-height:255px;border:1px solid #a77ae868;border-radius:17px;background:linear-gradient(125deg,#302044,#160e26 55%,#25123d);box-shadow:0 30px 90px #0009,0 0 65px #8e42c211,inset 0 1px #d6a9ff1a;padding:22px 25px;transform:rotate(-9deg)}

.access-card:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(125deg,transparent,transparent 2px,#ffffff02 3px,transparent 4px);pointer-events:none}

.card-top,.card-bottom,.card-footer{position:relative;display:flex;align-items:center;justify-content:space-between}

.card-brand{font-size:22px}

.card-label{font-size:7px;letter-spacing:2px;color:#b6a2cd}

.card-v{position:absolute;font-size:200px;font-weight:900;line-height:1;transform:skewX(-13deg);right:44px;top:22px;color:#c797ff16;letter-spacing:-25px;text-shadow:1px 0 #c7a5f91a}

.card-bottom{margin-top:63px}

.micro{display:block;color:#a48bbd;font-size:7px;letter-spacing:1.5px}

.card-bottom strong{font-size:22px;font-weight:500;letter-spacing:-.5px}

.card-grid-mark{font-size:37px;color:#bb9cdb;line-height:1}

.card-rule{height:1px;background:#c994ff24;margin:17px 0 12px}

.card-footer{font-size:6px;letter-spacing:1.6px;color:#bda0d4}

.art-caption{position:absolute;bottom:0;font-size:8px;color:#756383;letter-spacing:2px}

.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#ffffff02}

.strip-content{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:23px;padding-bottom:23px;font-size:8px;letter-spacing:2px;color:#8c829c}

.strip i{width:3px;height:3px;background:#7c5d9d;border-radius:50%}

.access-section{display:grid;grid-template-columns:1fr .86fr;gap:140px;padding-top:110px;padding-bottom:105px}

.section-copy h2,.faq-section h2{font-size:46px;font-weight:600;line-height:1.18;letter-spacing:-2px;margin:20px 0}

.section-copy>p{color:var(--muted);max-width:360px;font-size:14px;line-height:1.9}

.steps{list-style:none;margin:35px 0 0;padding:0}

.steps li{display:flex;gap:18px;margin:22px 0}

.steps li>span{font:10px/30px Consolas,monospace;width:30px;height:30px;text-align:center;background:#a775ff0b;border:1px solid #a775ff29;border-radius:7px;color:#b799dc;flex-shrink:0}

.steps strong{font-size:13px;font-weight:550}

.steps p{font-size:11px;color:#8e849e;margin:4px 0 0;max-width:275px}

.pricing{padding:30px 32px;border:1px solid #8c5bbc62;background:linear-gradient(140deg,#1c112b99,#0e0a15 60%);border-radius:13px;position:relative;box-shadow:0 12px 90px #6531990c}

.pricing:before{content:"";height:1px;position:absolute;top:-1px;left:10%;width:80%;background:linear-gradient(90deg,transparent,#ba8bea,transparent)}

.plan-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}

.plan-heading .eyebrow{font-size:8px;letter-spacing:1.5px}

.plan-badge{background:#b07bff17;color:#c9a5f6;border:1px solid #b07bff36;padding:3px 7px;border-radius:4px;font-size:7px;letter-spacing:1px}

.pricing h3{font-size:24px;font-weight:550;letter-spacing:-.8px;margin:23px 0 10px}

.price{display:flex;align-items:baseline;font-size:70px;font-weight:650;line-height:1.1;letter-spacing:-4px}

.currency{font-size:30px;align-self:flex-start;margin-top:10px;letter-spacing:-1px}

.price-decimal{font-size:32px;letter-spacing:-1px}

.price-unit{margin-left:15px;font-size:10px;letter-spacing:.5px;color:#c5b4d5;align-self:center;line-height:1.7}

.price-unit small{font-size:9px;color:#7e708e}

.price-note{color:#93869f;font-size:11px;margin:13px 0}

.price-divider{height:1px;background:var(--line);margin:25px 0}

.benefits{padding:0;margin:0 0 28px;list-style:none;color:#c3b8ce;font-size:12px}

.benefits li{margin:13px 0}

.benefits li>span{color:#b280ed;margin-right:11px}

.full{width:100%;justify-content:space-between}

.checkout-note{font-size:10px;line-height:1.8;color:#8e809f;text-align:center;margin:14px 0}

.receipt-link{display:block;text-align:center;font-size:10px;color:#bfa4dd;border-top:1px solid var(--line);padding-top:16px;margin-top:20px}

.faq-section{display:grid;grid-template-columns:1fr 1.2fr;gap:100px;border-top:1px solid var(--line);padding-top:70px;padding-bottom:95px}

.faq-section h2{font-size:35px}

.faq-list details{border-bottom:1px solid var(--line)}

summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:20px 0;font-size:13px;color:#d4c9e0}

summary::-webkit-details-marker{display:none}

summary span{color:#a688c6;font-size:20px;font-weight:300}

.faq-list details[open] summary span{transform:rotate(45deg)}

details p{font-size:12px;line-height:1.9;color:#93879f;margin:0 30px 22px 0}

.footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:28px;padding-bottom:35px;color:#6e637b;font-size:10px}

.footer .brand{color:#dcd1e9;font-size:23px}

.footer div{display:flex;gap:25px}

.receipt-main{min-height:70vh;display:grid;place-items:center;padding:65px 0}

.receipt-panel{width:min(620px,100%);padding:40px;border:1px solid #a675da45;background:#120c1b;border-radius:14px}

.receipt-panel h1{font-size:42px;line-height:1.2;letter-spacing:-2px}

.receipt-panel>p{color:#ac9bba;font-size:14px}

.receipt-panel label{font-size:12px;color:#ba9cd7}

.licence-key{display:block;width:100%;background:#09070f;color:#e6d3fe;border:1px solid #ad7bd64a;border-radius:5px;padding:14px;margin:12px 0 20px;font:12px Consolas,monospace}

.receipt-panel .checkout-note{text-align:left;margin-top:24px}

@media(min-width:1600px){.hero{min-height:740px}

}

@media(max-width:960px){.hero{gap:0;min-height:600px}

.hero h1{letter-spacing:-3px}

.access-card{width:300px;padding:20px}

.orbit{width:350px;height:350px}

.orbit-two{width:290px;height:290px}

.access-section{gap:55px}

.faq-section{gap:50px}

.hero-meta{gap:12px}

.small-note{display:none}

}

@media(max-width:680px){.wrap{width:calc(100% - 40px)}

.nav{height:80px}

.nav nav{gap:12px}

.nav nav>a:not(.nav-receipt){display:none}

.hero{grid-template-columns:1fr;padding-top:55px;padding-bottom:35px}

.hero h1{font-size:59px;letter-spacing:-3px}

.intro{font-size:14px}

.hero-art{min-height:360px;margin-top:20px}

.hero-meta{font-size:9px;margin-top:24px}

.access-card{width:310px}

.orbit{height:330px;width:330px}

.orbit-two{width:260px;height:260px}

.art-caption{bottom:10px}

.strip-content{flex-wrap:wrap;justify-content:center;gap:13px;font-size:7px;padding-top:20px;padding-bottom:20px}

.strip i{display:none}

.access-section{grid-template-columns:1fr;gap:35px;padding-top:65px;padding-bottom:65px}

.section-copy h2{font-size:40px}

.pricing{padding:27px}

.faq-section{grid-template-columns:1fr;gap:15px;padding-top:45px;padding-bottom:50px}

.faq-section h2{font-size:32px}

.footer{flex-wrap:wrap;gap:18px}

.footer>span{order:3;width:100%}

.receipt-panel{padding:25px}

.receipt-panel h1{font-size:35px}

}

@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}

*{transition:none!important}

}