@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Manrope:wght@600;700;800&display=swap');
:root{--bg:#070b14;--surface:#101827;--dark:#080f1e;--dark-2:#111b2b;--blue:#638fff;--cyan:#4fd3c9;--lime:#80dcb3;--text:#f3f6fb;--muted:#aebbd0;--line:#293950;--radius:20px;--radius-sm:13px;--shadow:0 25px 65px #0006}
body{background:#070b14;color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.65}
.site-header{background:#080e19ea;border-color:#28344b;box-shadow:0 8px 30px #0003}
.brand{font-family:Manrope,Inter,sans-serif;letter-spacing:-.035em;font-size:1.2rem;display:flex;align-items:center;gap:10px}
.brand:before{content:'U';display:grid;place-items:center;width:35px;height:35px;border-radius:10px;border:1px solid #698fff8a;background:linear-gradient(145deg,#4c8dff33,#53d8d122);color:#9abbff;font-size:17px;letter-spacing:0}
.nav a,.mobile-panel a{color:#b4c1d5}.nav a:hover,.nav a.active{color:white}.search-form input{background:#111a2b;color:#fff;border-color:#334258}.search-form button{background:linear-gradient(135deg,#4c8dff,#6b67ff)}
.menu-btn{background:#111a2b;border-color:#344158}.menu-btn:before,.menu-btn:after{background:white}.mobile-panel{background:#111a2b}
.hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 78% 20%,#1e38645f,transparent 45%),linear-gradient(145deg,#09101b,#10192b 63%,#07101b);padding:85px 0 80px;overflow:hidden}
.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg, #070b1457 5%, #070b1457 60%, #070b1452),url('assets/images/desk.png') center/cover;opacity:.42}
@media (max-width: 767px) {
    .hero:before {
        background:
            linear-gradient(180deg, rgba(7,11,20,.75), rgba(7,11,20,.30)),
            url('assets/images/mob.png')
            center center / cover no-repeat;
    }
}
.hero-grid{display:grid;grid-template-columns:1.07fr .93fr;gap:58px;align-items:center}
.hero-copy{grid-column:1;grid-row:1}.hero-copy .display{font:800 clamp(2.5rem,4.9vw,4.6rem)/1.065 Manrope,Inter,sans-serif;letter-spacing:-.055em;color:#fff;max-width:680px}
.kicker{color:#8facff;letter-spacing:.12em;text-transform:uppercase;font-weight:800}.hero-copy p{font-size:1.05rem;color:#ffffff;line-height:1.8}.hero-note{color:#9fb0c8}.badge-row span{border:1px solid #3b5475;background:#14263a;color:#a9c9ee;border-radius:999px}
.btn,.btn-primary{background:linear-gradient(135deg,#4c8dff,#6668ff)!important;color:white!important;border-radius:11px;box-shadow:0 12px 30px #386dff30}
.btn:hover{transform:translateY(-2px)}
.hero-photo{display:none!important}
.market-panel{grid-column:2;grid-row:1;background:linear-gradient(155deg,#152237f2,#091321f5);border:1px solid #40506a;border-radius:24px;padding:26px;box-shadow:0 30px 80px #0008;transform:rotate(1deg);color:white}
.panel-head,.panel-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;letter-spacing:.085em;color:#9fb4d3}.live-pill{color:#80dcb3;font-size:10px}.panel-question{font:800 1.5rem Manrope,Inter,sans-serif;margin:27px 0 4px}.panel-sub{color:#a9bad0;font-size:12px}.quote-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.quote-row>div{padding:16px 18px;border:1px solid #3a635d;border-radius:13px;background:#143a38}.quote-row>div+div{background:#392636;border-color:#654354}.quote-row small{font-size:11px;color:#bdddd6;display:block}.quote-row strong{font-size:30px;letter-spacing:-1px}.chart-label{color:#9eacc4;font-size:12px}.chart-bars{height:145px;display:flex;align-items:end;gap:8px;padding:14px 0 12px;border-bottom:1px solid #42526d}.chart-bars i{flex:1;height:var(--h);display:block;background:linear-gradient(0deg,#497bff,#62d7cd);border-radius:5px 5px 0 0;opacity:.9}.panel-bottom{margin-top:15px;letter-spacing:0}
.section,.section.white,.section.compact,.subpage-hero,.section.alt{background:#070b14;color:var(--text)}.section:nth-of-type(even){background:#0c1423}.section-title,h1,h2,h3,h4{color:#f7f9ff;font-family:Manrope,Inter,sans-serif;letter-spacing:-.03em}.section-head p,p,.source-note{color:#adbad0}
.summary-card,.mini-item,.market-mini,.feature-card,.compare-card,.step-card,.review-card,.info-card,.content-card,.faq-card,.sport-card,.article-card{background:#111b2b!important;border:1px solid #273950!important;color:#e9eff9!important;box-shadow:0 12px 40px #0002;border-radius:18px;overflow:hidden}
.summary-card p,.mini-item p,.market-mini p,.feature-card p,.compare-card p,.step-card p,.review-card p{color:#b0bfd2}.market-mini img,.summary-card img{object-fit:cover}.market-mini img{filter:saturate(.85) contrast(1.08)}
input,textarea{background:#111b2b!important;color:#fff!important;border:1px solid #40516b!important}input::placeholder,textarea::placeholder{color:#8b9ab2}.site-footer,footer{background:#090e19!important;color:#adbed0!important;border-color:#243249!important}.site-footer a,footer a{color:#c6d2e5}.site-footer a:hover,footer a:hover{color:#87b2ff}
article,section{scroll-margin-top:90px}.prose p,.prose li,.legal-content p,.legal-content li{color:#b9c6d7}.prose a,.legal-content a{color:#9ac3ff}
@media(min-width:900px){.hero{min-height:650px}.hero-grid{min-height:510px}}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:28px}.hero-copy,.market-panel{grid-column:1;grid-row:auto}.hero{padding:52px 0 65px}.market-panel{max-width:590px;width:100%;margin:auto;transform:none}.hero-copy .display{font-size:clamp(2.2rem,8vw,3.8rem)}}
@media(max-width:550px){.market-panel{padding:18px}.panel-question{font-size:1.2rem}.quote-row strong{font-size:25px}.chart-bars{height:100px}.hero-copy .display{font-size:2.35rem}.hero{padding:34px 0 50px}.brand{font-size:1rem}.brand:before{width:29px;height:29px}}
