:root { --purple-950:#180a33; --purple-900:#25104a; --purple-700:#6b35c7; --gold:#ffc933; --cream:#f7f3ff; --ink:#211831; --muted:#736b7f; --line:#ded7e9; }
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: var(--cream); color: var(--ink); font-family: "DM Sans", sans-serif; }
button, a { font: inherit; }
.store-header { height: 70px; display: flex; align-items: center; justify-content: space-between; padding: 0 max(20px, calc((100vw - 1080px) / 2)); background: var(--purple-950); color: white; }
.brand { display: flex; align-items: center; gap: 10px; color: white; text-decoration: none; }
.brand-mark { width: 40px; height: 40px; display: grid; place-items: center; align-content: center; border-radius: 11px; background: var(--gold); color: var(--purple-950); transform: rotate(-3deg); }
.brand-mark b { font: 700 14px/.9 "Oswald"; }.brand-mark small { margin-top: 3px; font-size: 5px; font-weight: 700; letter-spacing: 1px; }
.brand > span:last-child small, .brand > span:last-child strong { display: block; }.brand > span:last-child small { color: var(--gold); font-size: 7px; letter-spacing: 1.5px; }.brand > span:last-child strong { font: 700 19px "Oswald"; }
.header-link { color: var(--gold); font-size: 10px; font-weight: 700; letter-spacing: 1px; text-decoration: none; }
.hero { min-height: 610px; display: grid; grid-template-columns: minmax(0, 580px) 1fr; gap: 50px; align-items: center; padding: 70px max(24px, calc((100vw - 1080px) / 2)); overflow: hidden; background: radial-gradient(circle at 85% 10%, #6332a0 0, transparent 31%), var(--purple-950); color: white; }
.founding-pill { display: inline-flex; padding: 7px 10px; border: 1px solid #ffc93366; border-radius: 999px; background: #ffc93312; color: var(--gold); font-size: 9px; font-weight: 700; letter-spacing: 1.4px; }
.hero h1 { max-width: 590px; margin: 19px 0 18px; font: 600 clamp(50px, 7vw, 82px)/.92 "Oswald"; letter-spacing: -2.8px; text-transform: uppercase; }
.hero-copy > p { max-width: 520px; color: #d8cce5; font-size: 16px; line-height: 1.65; }
.price { display: flex; align-items: center; gap: 15px; margin: 30px 0 18px; }.price strong { color: var(--gold); font: 600 48px/1 "Oswald"; }.price-copy { display: grid; gap: 7px; }.price-label { color: #bbaaca; font-size: 8px; font-weight: 700; letter-spacing: 1.2px; }.price-tagline { width: max-content; padding: 5px 8px; border-radius: 999px; background: white; color: var(--purple-950); font-size: 9px; font-weight: 700; letter-spacing: .5px; transform: rotate(-2deg); }
.buy-button { min-height: 58px; padding: 16px 22px; border: 0; border-radius: 4px; background: var(--gold); color: var(--purple-950); box-shadow: 0 6px 0 #ad7800; font-weight: 700; letter-spacing: .7px; cursor: pointer; }.buy-button:active { transform: translateY(3px); box-shadow: 0 3px 0 #ad7800; }.buy-button:disabled { opacity: .65; cursor: wait; }
.purchase-note { margin: 15px 0 0 !important; color: #aa98bc !important; font-size: 9px !important; font-weight: 700; letter-spacing: .7px; text-transform: uppercase; }
.purchase-terms { max-width: 510px !important; margin: 15px 0 0 !important; color: #aa98bc !important; font-size: 10px !important; line-height: 1.55 !important; }
.purchase-terms a { color: var(--gold); }
.checkout-status { min-height: 20px; margin-top: 10px !important; color: var(--gold) !important; font-size: 11px !important; }.checkout-status.error { color: #ff9d8d !important; }
.score-art { position: relative; min-height: 430px; display: grid; place-items: center; }
.dart-ring { width: min(33vw, 360px); aspect-ratio: 1; display: grid; place-items: center; align-content: center; border: 25px solid #fff; border-radius: 50%; outline: 25px solid #ffc933; box-shadow: 0 0 0 48px #ffffff10, 0 30px 80px #090218aa; color: white; }.dart-ring::before { content:""; position:absolute; width:min(17vw,185px); aspect-ratio:1; border:2px solid #ffffff35; border-radius:50%; }.dart-ring span { z-index: 1; font: 600 92px/.9 "Oswald"; }.dart-ring small { z-index:1; margin-top:8px; color:var(--gold); font-size:12px; font-weight:700; letter-spacing:4px; }
.dart { position: absolute; color: var(--gold); font-size: 70px; filter: drop-shadow(0 7px 6px #09021899); transform: rotate(140deg); }.dart-one { top: 5%; right: 15%; }.dart-two { bottom: 4%; left: 2%; transform: rotate(45deg); }.dart-three { bottom: 12%; right: -2%; transform: rotate(185deg); }
.feature-section, .comparison-section { padding: 80px max(24px, calc((100vw - 1080px) / 2)); }.eyebrow { margin:0 0 10px; color:var(--purple-700); font-size:10px; font-weight:700; letter-spacing:2px; }.feature-section h2, .comparison-section h2, .final-cta h2 { margin:0 0 38px; font:600 clamp(38px,6vw,58px)/1 "Oswald"; text-transform:uppercase; }
.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }.feature-grid article { min-height:190px; padding:25px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:white; }.feature-grid article > span { color:var(--purple-700); font:600 13px "Oswald"; }.feature-grid h3 { margin:35px 0 8px; font:600 23px "Oswald"; text-transform:uppercase; }.feature-grid p { margin:0; color:var(--muted); font-size:12px; line-height:1.5; }
.comparison-section { background:#eee8f5; }.comparison-section h2 { max-width:680px; }.comparison-card { max-width:760px; border:1px solid var(--line); background:white; }.comparison-row { display:grid; grid-template-columns:1fr 80px 80px; align-items:center; min-height:51px; padding:0 18px; border-top:1px solid var(--line); font-size:12px; }.comparison-row:first-child { border-top:0; }.comparison-row b, .comparison-row strong { text-align:center; }.comparison-row b { color:#a49baa; }.comparison-row strong { align-self:stretch; display:grid; place-items:center; background:#fff8dc; color:var(--purple-700); }.comparison-row.heading { color:var(--muted); font-size:8px; font-weight:700; letter-spacing:1px; }
.final-cta { padding:80px 24px; background:var(--purple-900); color:white; text-align:center; }.final-cta > span { display:inline-grid; place-items:center; width:58px; height:58px; border-radius:16px; background:var(--gold); color:var(--purple-950); font:700 21px "Oswald"; transform:rotate(-3deg); }.final-cta h2 { margin:25px 0 10px; }.final-cta p { color:#d4c7df; }.final-cta .buy-button { margin-top:15px; }.final-cta a { display:block; margin-top:28px; color:var(--gold); font-size:11px; font-weight:700; }
footer { padding:28px max(24px, calc((100vw - 1080px) / 2)); background:#120625; color:#9585a5; font-size:9px; line-height:1.5; }
footer nav { display:flex; flex-wrap:wrap; gap:16px; margin:14px 0; }
footer a { color:#d9c9e8; }
@media (max-width: 720px) { .hero { min-height:0; grid-template-columns:1fr; padding-top:50px; padding-bottom:55px; }.hero h1 { font-size:54px; }.score-art { display:none; }.hero .buy-button { width:100%; }.feature-section,.comparison-section { padding-top:55px; padding-bottom:55px; }.feature-grid { grid-template-columns:1fr 1fr; }.comparison-row { grid-template-columns:1fr 55px 55px; padding:0 11px; }.feature-section h2,.comparison-section h2,.final-cta h2 { font-size:39px; }.final-cta .buy-button { width:min(100%,420px); } }
@media (max-width: 430px) { .feature-grid { grid-template-columns:1fr; }.feature-grid article { min-height:150px; }.feature-grid h3 { margin-top:25px; } }