:root{--black:#000;--black-soft:#0a0a0a;--black-card:#111;--black-border:#1e1e1e;--gold:#c9a84c;--gold-bright:#e8c76a;--gold-dim:#8b6f2e;--gold-glow:#c9a84c26;--text-primary:#fff;--text-muted:#888;--text-dim:#555}*{box-sizing:border-box;margin:0;padding:0}html,body{scroll-behavior:smooth;width:100%;height:100%}body{-webkit-font-smoothing:antialiased;color:var(--text-primary);background:var(--black);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.page{flex-direction:column;min-height:100vh;display:flex}.navbar{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--black-border);background:#000000d9;justify-content:space-between;align-items:center;padding:1.2rem 4rem;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{width:auto;height:32px}.nav-links{align-items:center;gap:2rem;display:flex}.nav-link{color:var(--text-muted);letter-spacing:.02em;font-size:.875rem;text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--gold)}.nav-cta{background:var(--gold);color:var(--black);letter-spacing:.03em;border-radius:4px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .2s,transform .15s;display:inline-block}.nav-cta:hover{background:var(--gold-bright);transform:translateY(-1px)}.nav-cta-disabled{color:var(--text-dim);letter-spacing:.03em;border:1px solid var(--black-border);cursor:not-allowed;background:0 0;border-radius:4px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;display:inline-block}.hero{justify-content:space-between;align-items:center;gap:4rem;min-height:100vh;padding:8rem 4rem 4rem;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#c9a84c0f 0%,#0000 70%);width:50vw;height:50vw;position:absolute;top:20%;left:-10%}.hero-text{flex:1;max-width:520px}.hero-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:1.25rem;font-size:.75rem;font-weight:600}.hero-title{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:1.5rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.1}.gold{color:var(--gold)}.hero-sub{color:var(--text-muted);max-width:420px;margin-bottom:2.5rem;font-size:1.05rem;line-height:1.7}.store-badges{flex-wrap:wrap;gap:1rem;display:flex}.store-badge{background:var(--black-card);border:1px solid var(--black-border);color:var(--text-primary);border-radius:10px;align-items:center;gap:.75rem;min-width:160px;padding:.75rem 1.4rem;text-decoration:none;transition:border-color .2s,transform .15s,background .2s;display:flex}.store-badge:hover{border-color:var(--gold-dim);background:#c9a84c0d;transform:translateY(-2px)}.store-badge-disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.store-badge-disabled .store-icon,.store-badge-disabled .badge-label{color:var(--text-dim)}.store-badge-disabled .badge-store{color:var(--text-muted)}.store-icon{width:26px;height:26px;color:var(--gold);flex-shrink:0}.store-badge div{flex-direction:column;display:flex}.badge-label{color:var(--text-muted);letter-spacing:.04em;font-size:.65rem}.badge-store{color:var(--text-primary);letter-spacing:.01em;font-size:.95rem;font-weight:600}.hero-carousel{flex:1;justify-content:center;align-items:center;max-width:560px;display:flex}.carousel-wrapper{flex-direction:column;align-items:center;gap:2rem;width:100%;display:flex;overflow:hidden}.carousel-track{justify-content:center;align-items:center;width:100%;max-width:560px;height:460px;display:flex;position:relative}.carousel-slide{transform-origin:50%;top:0;left:50%}.phone-frame{background:#0a0a0a;border:2px solid #c9a84c33;border-radius:36px;width:220px;height:460px;overflow:hidden;box-shadow:0 0 0 1px #000c,0 32px 64px #000000b3,0 0 40px #c9a84c14}.phone-screenshot{object-fit:cover;width:100%;height:100%;display:block}.carousel-dots{gap:8px;display:flex}.dot{background:var(--text-dim);cursor:pointer;border:none;border-radius:50%;width:6px;height:6px;padding:0;transition:background .2s,transform .2s,width .2s}.dot-active{background:var(--gold);border-radius:3px;width:20px}.features{background:var(--black-soft);border-top:1px solid var(--black-border);border-bottom:1px solid var(--black-border);padding:6rem 4rem}.section-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);text-align:center;margin-bottom:1rem;font-size:.75rem;font-weight:600}.section-title{letter-spacing:-.02em;text-align:center;color:var(--text-primary);margin-bottom:3.5rem;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700}.features-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;max-width:960px;margin:0 auto;display:grid}.feature-card{background:var(--black-card);border:1px solid var(--black-border);border-radius:12px;padding:2rem 1.75rem;transition:border-color .2s,transform .2s}.feature-card:hover{border-color:var(--gold-dim);transform:translateY(-4px)}.feature-icon{color:var(--gold);margin-bottom:1rem;font-size:1.5rem;display:block}.feature-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1rem;font-weight:600}.feature-desc{color:var(--text-muted);font-size:.875rem;line-height:1.6}.cta-section{text-align:center;padding:7rem 4rem;position:relative;overflow:hidden}.cta-glow{pointer-events:none;background:radial-gradient(#c9a84c1a 0%,#0000 70%);width:600px;height:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-title{letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(1.75rem,3.5vw,2.75rem);font-weight:700}.cta-sub{color:var(--text-muted);max-width:400px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1rem}.cta-badges{justify-content:center}.footer{border-top:1px solid var(--black-border);background:var(--black);flex-direction:column;align-items:center;gap:1.5rem;padding:3rem 4rem;display:flex}.footer-logo{opacity:.8;width:auto;height:28px}.footer-links{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.footer-link{color:var(--text-dim);letter-spacing:.02em;font-size:.8rem;text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--gold)}.footer-copy{color:var(--text-dim);font-size:.75rem}.page-header{color:var(--text-primary);font-size:1.5rem;font-weight:400;position:absolute;top:2rem;left:2rem}.tnc-container{width:100%;min-height:100vh;padding:2rem}.tnc-content{max-width:800px;margin:0 auto;padding:0 1rem}.tnc-title{color:var(--text-primary);margin-bottom:2rem;font-size:1.5rem;font-weight:400}.tnc-body{color:var(--text-primary);line-height:1.2}.tnc-body h2{color:var(--text-primary);margin-top:2rem;margin-bottom:1rem;font-size:1.2rem;font-weight:300}.tnc-body h3{color:var(--text-primary);margin-top:1rem;margin-bottom:.5rem;font-size:1rem;font-weight:300}.tnc-body p{color:var(--text-primary);margin-bottom:1rem;font-size:.8rem}.faq-container{width:100%;min-height:100vh;padding:6rem 2rem 2rem}.faq-content{width:100%;max-width:760px;margin:0 auto}.faq-title{color:var(--text-primary);margin-bottom:2rem;font-size:1.5rem;font-weight:400}.faq-list{gap:1rem;display:grid}.faq-item{background:var(--black-card);border:1px solid #ffffff1a;border-radius:8px;transition:border-color .2s;overflow:hidden}.faq-item[open]{border-color:var(--gold-dim)}.faq-question{color:var(--text-primary);cursor:pointer;padding:1rem 3rem 1rem 1rem;font-size:1rem;font-weight:400;line-height:1.4;list-style:none;display:block;position:relative}.faq-question::-webkit-details-marker{display:none}.faq-question:after{content:"+";color:var(--gold);font-size:1.25rem;line-height:1;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.faq-item[open] .faq-question:after{content:"−"}.faq-answer{color:var(--text-muted);padding:0 1rem 1rem;font-size:.9rem;line-height:1.5}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.navbar{padding:1rem 1.5rem}.nav-links{gap:1rem}.hero{text-align:center;flex-direction:column;gap:3rem;padding:7rem 1.5rem 4rem}.hero-text{flex-direction:column;align-items:center;max-width:100%;display:flex}.hero-sub{max-width:100%}.store-badges{justify-content:center}.hero-carousel{width:100%;max-width:100%}.features{padding:4rem 1.5rem}.cta-section{padding:5rem 1.5rem}.footer{padding:2rem 1.5rem}}@media (max-width:480px){.nav-link{display:none}.hero-title{font-size:2.25rem}.store-badge{min-width:140px;padding:.65rem 1rem}.carousel-track{height:380px}.phone-frame{border-radius:28px;width:180px;height:380px}}
