:root{--bg: #0b1220;--panel: rgba(255,255,255,.06);--panel-2: rgba(255,255,255,.04);--text: rgba(255,255,255,.92);--muted: rgba(255,255,255,.68);--border: rgba(255,255,255,.12);--shadow: 0 14px 40px rgba(0,0,0,.35);--accent: #22c55e;--accent-2: rgba(34,197,94,.18);--danger: #ef4444;--warning: #f59e0b;--radius: 18px;--radius-sm: 12px;--focus: 0 0 0 3px rgba(34,197,94,.35);--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--sans);background:radial-gradient(900px 400px at 20% -10%,rgba(34,197,94,.28),transparent 55%),radial-gradient(600px 250px at 85% 10%,rgba(34,197,94,.18),transparent 60%),linear-gradient(180deg,#070b14,#0b1220 45%,#070b14);color:var(--text)}a{color:inherit}.container{width:min(1120px,calc(100% - 40px));margin:0 auto}.topNav{position:sticky;top:0;z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#070b14a6;border-bottom:1px solid var(--border)}.topNavInner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:14px}.brand{display:flex;align-items:center;gap:10px;min-width:150px}.brandMark{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,#22c55ee6,#22c55e59);box-shadow:0 10px 24px #22c55e38;border:1px solid rgba(34,197,94,.35)}.brandName{font-weight:850;letter-spacing:-.02em}.navLinks{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:flex-end}.navLink{font-size:14px;color:var(--muted);text-decoration:none;padding:8px;border-radius:10px}.navLink:hover{color:var(--text);background:#ffffff0a}.navLink:focus{outline:none;box-shadow:var(--focus)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:12px;border:1px solid var(--border);background:#ffffff0f;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:650;letter-spacing:-.01em;transition:transform .12s ease,background .12s ease,border-color .12s ease}.btn:hover{transform:translateY(-1px);background:#ffffff17;border-color:#fff3}.btn:active{transform:translateY(0)}.btn:focus{outline:none;box-shadow:var(--focus)}.btn[disabled]{opacity:.55;cursor:not-allowed;transform:none}.btnPrimary{background:linear-gradient(135deg,#22c55eeb,#22c55e73);border-color:#22c55e8c}.btnPrimary:hover{background:linear-gradient(135deg,#22c55e,#22c55e8c)}.btnGhost{background:transparent;border-color:#ffffff24}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#ffffff0d;border:1px solid var(--border);color:var(--muted);font-size:13px}.section{padding:72px 0}.sectionTight{padding:48px 0}.hero{padding:54px 0 30px}.heroGrid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:stretch}.heroCard{border-radius:var(--radius);background:#ffffff0d;border:1px solid var(--border);box-shadow:var(--shadow);padding:26px}.h1{margin:10px 0;font-size:44px;line-height:1.06;letter-spacing:-.03em}.lead{color:var(--muted);font-size:16px;line-height:1.6;margin:0;max-width:60ch}.heroActions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.heroSide{border-radius:var(--radius);background:#ffffff0a;border:1px solid var(--border);padding:18px;display:flex;flex-direction:column;gap:12px}.statRow{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat{border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);padding:12px}.statTop{display:flex;align-items:center;justify-content:space-between;gap:10px}.statNum{font-size:20px;font-weight:900;letter-spacing:-.02em}.statLabel{color:var(--muted);font-size:13px;margin-top:6px}.card{background:#ffffff0b;border:1px solid var(--border);border-radius:var(--radius);padding:18px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sectionHead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.kicker{color:var(--muted);font-size:13px;letter-spacing:.02em;text-transform:uppercase}.h2{margin:6px 0 0;font-size:28px;letter-spacing:-.02em}.sub{color:var(--muted);margin:8px 0 0;line-height:1.6}.stepGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:14px}.stepCard{padding:18px}.stepList{margin-top:12px;display:grid;gap:12px}.stepItem{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:var(--radius-sm);background:#ffffff08;border:1px solid rgba(255,255,255,.1)}.stepNum{width:30px;height:30px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:#22c55e2e;border:1px solid rgba(34,197,94,.35);font-weight:900;font-size:13px;flex:0 0 auto}.stepTitle{font-weight:850;letter-spacing:-.01em}.stepDesc{color:var(--muted);line-height:1.55;font-size:14px;margin-top:6px}.demoShell{border-radius:var(--radius);background:linear-gradient(180deg,#ffffff0e,#ffffff08);border:1px solid rgba(255,255,255,.14);box-shadow:var(--shadow);overflow:hidden}.demoTop{padding:16px;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff08}.segmented{display:flex;gap:8px}.segBtn{flex:1;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:var(--muted);cursor:pointer;font-weight:750}.segBtn[aria-pressed=true]{color:var(--text);border-color:#22c55e80;background:#22c55e29}.segBtn:focus{outline:none;box-shadow:var(--focus)}.demoBody{padding:18px}.twoColDemo{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.miniHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}.miniTitle{font-weight:900;letter-spacing:-.02em;margin:0}.miniHint{color:var(--muted);font-size:13px;margin-top:6px}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.field{display:flex;flex-direction:column;gap:8px}.label{color:var(--muted);font-size:13px}.input,.select,.textarea{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:var(--text);padding:10px 12px;outline:none}.textarea{min-height:72px;resize:vertical}.input:focus,.select:focus,.textarea:focus{box-shadow:var(--focus);border-color:#22c55e8c}.toggleRow{display:flex;align-items:center;gap:10px;margin-top:8px}.switch{width:44px;height:26px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#ffffff0a;position:relative;cursor:pointer}.switchKnob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:999px;background:#ffffffb3;transition:transform .16s ease,background .16s ease}.switch[data-on=true]{background:#22c55e33;border-color:#22c55e73}.switch[data-on=true] .switchKnob{transform:translate(18px);background:#22c55ef2}.switch:focus{outline:none;box-shadow:var(--focus)}.chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;font-size:13px;background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#ffffffeb}.chipMuted{background:#ffffff0a;border:1px solid rgba(255,255,255,.12);color:var(--muted)}.trackList{margin-top:14px;display:grid;gap:10px}.trackRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.1)}.trackMeta{min-width:0}.trackTitle{font-weight:900;letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trackSub{color:var(--muted);font-size:13px;margin-top:4px;display:flex;flex-wrap:wrap;gap:8px}.divider{height:1px;background:#ffffff1a;margin:14px 0}.tierEditor{margin-top:12px;display:grid;gap:12px}.tierBlock{padding:14px;border-radius:var(--radius-sm);background:#ffffff08;border:1px solid rgba(255,255,255,.1)}.tierHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.tierName{font-weight:950;letter-spacing:-.02em}.deliverablesGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.check{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.1)}.check input{accent-color:var(--accent)}.check span{color:var(--text);font-weight:650;font-size:13px}.codeBox{background:#00000059;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:14px;font-family:var(--mono);font-size:13px;color:#ffffffdb;overflow:auto}.whatNext{margin-top:12px;color:var(--muted)}.whatNext ul{margin:10px 0 0;padding-left:18px}.whatNext li{margin:6px 0;color:#ffffffb8;line-height:1.55}.buyerWidget{display:grid;grid-template-columns:.95fr 1.05fr;gap:14px}.buyerLeft,.buyerRight{border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1);background:#ffffff08;padding:14px}.catalogTop{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.searchRow{display:flex;gap:10px;align-items:center;margin-top:10px}.searchRow .input{flex:1}.chipRow{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.filterChip{cursor:pointer;-webkit-user-select:none;user-select:none;padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:var(--muted);font-size:13px}.filterChip[aria-pressed=true]{background:#22c55e29;border-color:#22c55e73;color:#ffffffeb}.filterChip:focus{outline:none;box-shadow:var(--focus)}.catalogList{margin-top:12px;display:grid;gap:10px}.trackCard{padding:12px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1);background:#ffffff08}.trackCard[data-selected=true]{border-color:#22c55e8c;background:#22c55e1a}.trackCardTop{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.trackCardTitle{font-weight:950;letter-spacing:-.02em}.watermarked{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid rgba(245,158,11,.35);background:#f59e0b24;color:#ffffffeb;font-size:13px}.previewBar{height:10px;border-radius:999px;background:#ffffff1a;overflow:hidden;border:1px solid rgba(255,255,255,.1);margin-top:10px}.previewFill{height:100%;background:linear-gradient(90deg,#22c55ef2,#22c55e59)}.metaRow{margin-top:10px;color:var(--muted);display:flex;flex-wrap:wrap;gap:10px;font-size:13px}.tag{padding:4px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#ffffffc7}.tierGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tierCard{padding:12px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1);background:#ffffff08;cursor:pointer}.tierCard:focus{outline:none;box-shadow:var(--focus)}.tierCard[data-selected=true]{border-color:#22c55e8c;background:#22c55e1a}.tierCardTop{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.tierCardName{font-weight:950;letter-spacing:-.02em}.tierPrice{font-weight:900;color:#ffffffeb}.tierGood{margin-top:6px;color:var(--muted);font-size:13px;line-height:1.45}.tierIncludes{margin-top:10px;padding-left:18px;color:#ffffffc7;font-size:13px}.tierIncludes li{margin:6px 0}.stepper{display:flex;gap:8px;margin-bottom:10px}.stepDot{flex:1;border-radius:999px;padding:10px 8px;border:1px solid rgba(255,255,255,.12);background:#ffffff08;color:var(--muted);text-align:center;font-size:13px;font-weight:800}.stepDot[data-state=active]{border-color:#22c55e8c;background:#22c55e24;color:#ffffffeb}.stepDot[data-state=done]{border-color:#22c55e59;background:#22c55e1a;color:#ffffffdb}.checkoutForm{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}.checkoutForm .full{grid-column:1 / -1}.checkoutLayout{margin-top:10px;display:grid;grid-template-columns:1fr .92fr;gap:12px;align-items:start}.orderSummary{position:sticky;top:92px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1);background:#ffffff08;padding:14px}.orderSummaryTitle{font-weight:950;letter-spacing:-.02em;margin:0}.orderRow{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:10px;font-size:13px}.orderKey{color:var(--muted)}.orderVal{color:#ffffffeb;font-weight:800;text-align:right}.orderTotal{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:baseline;justify-content:space-between;gap:10px}.orderTotal .orderVal{font-size:18px;font-weight:950}.orderTags{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.successTop{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.successTitle{font-size:20px;font-weight:950;letter-spacing:-.02em;margin:0}.successNote{color:var(--muted);margin-top:6px;line-height:1.55;font-size:14px}.downloadGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.downloadCard{border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1);background:#ffffff08;padding:12px}.downloadName{font-weight:900;letter-spacing:-.02em}.downloadSub{color:var(--muted);margin-top:6px;font-size:13px;line-height:1.5}.proofPanel{margin-top:16px;padding:14px;border-radius:var(--radius-sm);border:1px dashed rgba(34,197,94,.35);background:#22c55e14}.proofTop{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.proofTitle{font-weight:950;letter-spacing:-.02em}.proofId{font-family:var(--mono);font-size:13px;color:#ffffffe6;margin-top:8px}.urlBox{margin-top:10px;font-family:var(--mono);font-size:13px;color:#ffffffd1;word-break:break-all}.faqGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.accordion{border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1);background:#ffffff08;overflow:hidden}.accBtn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;cursor:pointer;background:transparent;border:none;color:var(--text);font-weight:900;letter-spacing:-.02em}.accBtn:focus{outline:none;box-shadow:var(--focus)}.accBody{padding:0 14px 14px;color:var(--muted);line-height:1.6;font-size:14px}.chev{width:10px;height:10px;border-right:2px solid rgba(255,255,255,.55);border-bottom:2px solid rgba(255,255,255,.55);transform:rotate(45deg);transition:transform .14s ease}.accordion[data-open=true] .chev{transform:rotate(-135deg)}.pricingGrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.plan{padding:18px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.12);background:#ffffff0a}.planTop{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.planName{font-weight:950;letter-spacing:-.02em}.planPrice{font-weight:950;color:#ffffffeb}.planDesc{color:var(--muted);margin-top:8px;line-height:1.55}.plan ul{margin:12px 0 0;padding-left:18px;color:#ffffffd1}.plan li{margin:8px 0;line-height:1.5}.planNote{margin-top:12px;color:var(--muted);font-size:13px}.ctaBig{border-radius:var(--radius);border:1px solid rgba(255,255,255,.14);background:linear-gradient(135deg,#22c55e29,#ffffff08);padding:22px}.ctaGrid{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:60;display:flex;align-items:center;justify-content:center;padding:18px}.modal{width:min(720px,100%);border-radius:var(--radius);border:1px solid rgba(255,255,255,.14);background:#0a101eeb;box-shadow:var(--shadow)}.modalHeader{padding:16px 16px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.modalTitle{font-weight:950;letter-spacing:-.02em;font-size:18px}.modalBody{padding:14px 16px 16px}.modalClose{width:36px;height:36px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;cursor:pointer;color:var(--text);font-weight:900}.modalClose:focus{outline:none;box-shadow:var(--focus)}.toastViewport{position:fixed;bottom:16px;left:50%;transform:translate(-50%);z-index:80;display:grid;gap:10px;width:min(520px,calc(100% - 24px))}.toast{border-radius:16px;border:1px solid rgba(255,255,255,.14);background:#0a101eeb;box-shadow:var(--shadow);padding:12px 14px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.toastMsg{font-weight:800;letter-spacing:-.01em}.toastBtn{padding:6px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;color:var(--muted);cursor:pointer;font-weight:800}.toastBtn:focus{outline:none;box-shadow:var(--focus)}.footer{padding:28px 0 46px;color:var(--muted);font-size:13px}@media (max-width: 980px){.heroGrid,.twoColDemo,.buyerWidget,.grid3,.grid2,.stepGrid,.pricingGrid,.faqGrid,.ctaGrid,.checkoutLayout{grid-template-columns:1fr}.orderSummary{position:static;top:auto}}