@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=Space%20Grotesk:wght@400;500;600;700&display=swap');

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --primary-50:#eef2ff; --primary-100:#e0e7ff; --primary-200:#c7d2fe;
  --primary-300:#a5b4fc; --primary-400:#818cf8; --primary-500:#6366f1;
  --primary-600:#4f46e5; --primary-700:#4338ca; --primary-800:#3730a3;
  --primary-900:#312e81; --primary-950:#1e1b4b;
  --accent-50:#ecfdf5; --accent-100:#d1fae5; --accent-200:#a7f3d0;
  --accent-300:#6ee7b7; --accent-400:#34d399; --accent-500:#10b981;
  --accent-600:#059669; --accent-700:#047857;
  --surface:#1e1b4b; --surface-light:#312e81; --surface-dark:#110e2e;
  --ink:#eef2ff; --ink-light:#c7d2fe; --ink-muted:#a5b4fc; --ink-faint:#818cf8;
  --emerald:#34d399;
  --gradient-primary:linear-gradient(135deg, #6366f1 0%, #4f46e5 50%, #4338ca 100%);
  --gradient-accent:linear-gradient(135deg, #6ee7b7 0%, #34d399 50%, #10b981 100%);
  --gradient-hero:linear-gradient(135deg, #1e1b4b 0%, #312e81 40%, #4f46e5 100%);
  --gradient-accent-text:linear-gradient(135deg, #a7f3d0 0%, #6ee7b7 50%, #34d399 100%);
  --glass-bg:rgba(255,255,255,0.04); --glass-border:rgba(255,255,255,0.06);
  --glass-accent-bg:rgba(110,231,183,0.04); --glass-accent-border:rgba(110,231,183,0.12);
  --glass-primary-bg:rgba(99,102,241,0.04); --glass-primary-border:rgba(99,102,241,0.12);
  --track-inactive:rgba(255,255,255,0.08); --thumb-shadow:rgba(16,185,129,0.3);
  --font-sans:'Space Grotesk'; --font-display:'Sora';
}

html { scroll-behavior: smooth; }
body { font-family: var(--font-sans), system-ui, sans-serif; background: var(--surface); color: var(--ink); -webkit-font-smoothing: antialiased; line-height: 1.5; }
::selection { background: var(--accent-300); color: var(--surface); }
a { color: inherit; text-decoration: none; }
button { font-family: inherit; cursor: pointer; border: none; background: none; }
input, select { font-family: inherit; }
.container { max-width: 1280px; margin: 0 auto; padding: 0 1rem; }
@media(min-width:640px){.container{padding:0 1.5rem}}
@media(min-width:1024px){.container{padding:0 2rem}}
.text-balance{text-wrap:balance}
.gradient-primary{background:var(--gradient-primary)}
.gradient-accent{background:var(--gradient-accent)}
.gradient-hero{background:var(--gradient-hero)}
.gradient-accent-text{background:var(--gradient-accent-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.glass{background:var(--glass-bg);backdrop-filter:blur(12px);border:1px solid var(--glass-border)}
.glass-accent{background:var(--glass-accent-bg);backdrop-filter:blur(12px);border:1px solid var(--glass-accent-border)}
.glass-primary{background:var(--glass-primary-bg);backdrop-filter:blur(12px);border:1px solid var(--glass-primary-border)}

@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}100%{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
@keyframes slideIn{0%{opacity:0;transform:translateX(-12px)}100%{opacity:1;transform:translateX(0)}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}
@keyframes pulseDot{0%,100%{opacity:1}50%{opacity:.4}}
.animate-fade-in-up{animation:fadeInUp .7s ease-out forwards}
.animate-fade-in-delay{animation:fadeInUp .7s ease-out .2s forwards;opacity:0}
.animate-fade-in{animation:fadeIn .6s ease-out forwards}
.animate-slide-in{animation:slideIn .4s ease-out forwards;opacity:0}
.animate-pulse-slow{animation:pulse 3s ease-in-out infinite}

.header{position:fixed;top:0;left:0;right:0;z-index:50;transition:all .3s ease}
.header.scrolled{background:color-mix(in srgb, var(--surface) 80%, transparent);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05)}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{display:flex;align-items:center;gap:10px}
.logo-icon{display:flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:10px;background:var(--gradient-primary);box-shadow:0 4px 12px color-mix(in srgb,var(--primary-500) 20%,transparent);transition:transform .2s}
.logo:hover .logo-icon{transform:scale(1.05)}
.logo-icon svg{width:20px;height:20px;color:var(--accent-300)}
.logo-text{font-family:var(--font-display);font-size:20px;font-weight:800;color:#fff;letter-spacing:-.02em}
.nav{display:none;align-items:center;gap:4px}
@media(min-width:768px){.nav{display:flex}}
.nav a{padding:8px 14px;font-size:14px;font-weight:500;color:var(--ink-light);border-radius:8px;transition:all .2s}
.nav a:hover{color:#fff;background:rgba(255,255,255,.05)}
.header-right{display:none;align-items:center;gap:12px}
@media(min-width:768px){.header-right{display:flex}}
.header-badge{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-muted)}
.header-badge svg{width:16px;height:16px;color:var(--emerald)}
.btn-gold{border-radius:12px;background:var(--gradient-accent);padding:10px 20px;font-size:14px;font-weight:600;color:var(--surface);box-shadow:0 4px 12px color-mix(in srgb,var(--accent-500) 20%,transparent);transition:all .2s;display:inline-flex;align-items:center;gap:8px}
.btn-gold:hover{box-shadow:0 8px 20px color-mix(in srgb,var(--accent-500) 40%,transparent);transform:scale(1.02)}
.btn-outline{border-radius:12px;padding:14px 28px;font-size:16px;font-weight:600;color:#fff;transition:all .2s;display:inline-flex;align-items:center;gap:8px}
.btn-outline:hover{background:rgba(255,255,255,.08)}
.mobile-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;color:#fff}
.mobile-toggle:hover{background:rgba(255,255,255,.05)}
@media(min-width:768px){.mobile-toggle{display:none}}
.mobile-toggle svg{width:20px;height:20px}
.mobile-menu{display:none;border-top:1px solid rgba(255,255,255,.05);padding:16px}
.mobile-menu.open{display:block;animation:fadeIn .3s ease}
.mobile-menu a{display:block;padding:12px 16px;font-size:14px;font-weight:500;color:var(--ink-light);border-radius:8px}
.mobile-menu a:hover{color:#fff;background:rgba(255,255,255,.05)}

.hero{position:relative;padding:128px 0 80px;overflow:hidden}
.hero-bg{position:absolute;inset:0;z-index:-1;overflow:hidden}
.hero-glow-1{position:absolute;top:0;left:50%;transform:translateX(-50%);width:900px;height:600px;background:color-mix(in srgb,var(--primary-500) 10%,transparent);border-radius:50%;filter:blur(140px);animation:pulse 3s ease-in-out infinite}
.hero-glow-2{position:absolute;top:160px;right:0;width:400px;height:400px;background:color-mix(in srgb,var(--accent-500) 8%,transparent);border-radius:50%;filter:blur(100px)}
.hero-dots{position:absolute;inset:0;opacity:.04;background-image:radial-gradient(circle at 1px 1px,#fff 1px,transparent 0);background-size:40px 40px}
.hero-content{text-align:center;max-width:768px;margin:0 auto}
.hero-badge{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:6px 16px;font-size:12px;font-weight:500;color:var(--accent-300);margin-bottom:24px;background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(12px)}
.hero-badge .dot{width:8px;height:8px;border-radius:50%;background:var(--emerald);animation:pulseDot 2s infinite}
.hero h1{font-family:var(--font-display);font-size:48px;line-height:1.1;font-weight:800;color:#fff;letter-spacing:-.02em;text-wrap:balance}
@media(min-width:640px){.hero h1{font-size:56px}}
@media(min-width:1024px){.hero h1{font-size:64px}}
.hero p{margin-top:20px;font-size:18px;color:var(--ink-light);line-height:1.6;max-width:640px;margin-left:auto;margin-right:auto}
.hero-buttons{margin-top:32px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.stats{margin-top:64px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(min-width:1024px){.stats{grid-template-columns:repeat(4,1fr)}}
.stat-card{border-radius:16px;padding:20px;text-align:center}
.stat-card svg{width:24px;height:24px;color:var(--accent-400);margin:0 auto 12px}
.stat-card .value{font-family:var(--font-display);font-size:20px;font-weight:800;color:#fff}
@media(min-width:640px){.stat-card .value{font-size:24px}}
.stat-card .label{font-size:12px;color:var(--ink-muted);margin-top:4px}

.section{padding:80px 0;position:relative}
.section-header{text-align:center;margin-bottom:40px}
.section-badge{display:inline-block;border-radius:999px;padding:6px 16px;font-size:12px;font-weight:500;color:var(--accent-300);margin-bottom:16px;background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(12px)}
.section h2{font-family:var(--font-display);font-size:36px;font-weight:800;color:#fff;text-wrap:balance}
@media(min-width:640px){.section h2{font-size:42px}}
.section-desc{margin-top:12px;color:var(--ink-muted);max-width:640px;margin-left:auto;margin-right:auto}

.filters{border-radius:16px;padding:20px;margin-bottom:32px}
@media(min-width:640px){.filters{padding:24px}}
.filters-title{display:flex;align-items:center;gap:8px;margin-bottom:20px}
.filters-title svg{width:20px;height:20px;color:var(--accent-400)}
.filters-title span{font-family:var(--font-display);font-size:14px;font-weight:700;color:#fff}
.filters-grid{display:grid;gap:24px}
@media(min-width:1024px){.filters-grid{grid-template-columns:1fr 1fr 1fr}}
.filter-group label{font-size:14px;color:var(--ink-light);display:block;margin-bottom:12px}
.filter-value{font-family:var(--font-display);font-size:18px;font-weight:700;color:#fff}
.filter-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.filter-range-labels{margin-top:6px;display:flex;justify-content:space-between;font-size:12px;color:var(--ink-faint)}
input[type="range"]{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;width:100%;height:20px}
input[type="range"]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(to right,var(--accent-500) var(--progress,50%),var(--track-inactive) var(--progress,50%))}
input[type="range"]::-moz-range-track{height:6px;border-radius:999px;background:var(--track-inactive)}
input[type="range"]::-moz-range-progress{height:6px;border-radius:999px;background:var(--accent-500)}
input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-7px;width:20px;height:20px;border-radius:50%;background:var(--accent-300);border:3px solid var(--primary-950);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-400) 40%,transparent),0 4px 12px var(--thumb-shadow);transition:transform .15s,box-shadow .15s}
input[type="range"]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-400) 50%,transparent),0 6px 16px var(--thumb-shadow)}
input[type="range"]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent-300);border:3px solid var(--primary-950);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-400) 40%,transparent),0 4px 12px var(--thumb-shadow)}
select{width:100%;border-radius:12px;background:color-mix(in srgb,var(--surface-light) 50%,transparent);border:1px solid rgba(255,255,255,.1);padding:10px 16px;font-size:14px;color:#fff;outline:none;transition:border-color .2s}
select:focus{border-color:color-mix(in srgb,var(--accent-400) 50%,transparent)}
select option{background:var(--primary-900)}
.btn-toggle{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s}
.btn-toggle svg{width:16px;height:16px}
.btn-toggle.active{background:var(--gradient-accent);color:var(--surface)}
.btn-toggle.inactive{color:var(--ink-light)}
.btn-toggle.inactive:hover{background:rgba(255,255,255,.08)}
.chips{margin-top:16px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.chip{display:inline-flex;align-items:center;gap:6px;border-radius:8px;padding:6px 12px;font-size:12px;color:var(--ink-light);background:var(--glass-primary-bg);border:1px solid var(--glass-primary-border);backdrop-filter:blur(12px)}
.chip button{color:inherit;display:flex;align-items:center}
.chip button:hover{color:#fff}
.chip svg{width:12px;height:12px}
.results-count{margin-bottom:20px;font-size:14px;color:var(--ink-muted)}
.results-count strong{color:#fff;font-weight:600}

.offers-grid{display:grid;gap:20px}
@media(min-width:640px){.offers-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.offers-grid{grid-template-columns:1fr 1fr 1fr}}
.offer-card{border-radius:16px;padding:24px;display:flex;flex-direction:column;transition:all .3s;animation:slideIn .4s ease-out forwards;opacity:0}
.offer-card:hover{background:rgba(255,255,255,.06);transform:translateY(-4px)}
.offer-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}
.offer-brand{display:flex;align-items:center;gap:12px}
.offer-logo{display:flex;width:48px;height:48px;align-items:center;justify-content:center;border-radius:12px;background:var(--gradient-primary);box-shadow:0 4px 12px color-mix(in srgb,var(--primary-500) 20%,transparent)}
.offer-logo span{font-family:var(--font-display);font-size:18px;font-weight:800;color:#fff}
.offer-name{font-family:var(--font-display);font-size:16px;font-weight:700;color:#fff}
.offer-meta{display:flex;align-items:center;gap:4px;margin-top:2px}
.offer-meta .star{width:14px;height:14px;color:var(--accent-400);fill:var(--accent-400)}
.offer-meta .rating{font-size:12px;color:var(--ink-muted)}
.offer-meta .sep{font-size:12px;color:var(--ink-faint)}
.offer-meta .time{font-size:12px;color:var(--ink-faint)}
.offer-free-badge{border-radius:8px;background:var(--gradient-accent);padding:4px 10px;font-size:12px;font-weight:600;color:var(--surface)}
.offer-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}
.offer-stat-box{border-radius:12px;padding:12px}
.offer-stat-box .label{font-size:12px;color:var(--ink-faint);margin-bottom:4px}
.offer-stat-box .value{font-size:14px;font-weight:700;color:#fff}
.offer-apr{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--surface-dark) 40%,transparent);border:1px solid color-mix(in srgb,var(--primary-500) 10%,transparent)}
.offer-apr .label{font-size:12px;color:var(--ink-muted)}
.offer-apr .value{font-size:14px;font-weight:700;color:var(--accent-300)}
.offer-features{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px;flex:1}
.offer-feature{display:inline-flex;align-items:center;gap:4px;border-radius:8px;padding:4px 10px;font-size:12px;color:var(--ink-light);background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(12px)}
.offer-feature svg{width:12px;height:12px;color:var(--emerald)}
.offer-cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border-radius:12px;padding:14px;background:var(--gradient-accent);font-size:14px;font-weight:600;color:var(--surface);box-shadow:0 4px 12px color-mix(in srgb,var(--accent-500) 10%,transparent);transition:all .2s}
.offer-cta:hover{box-shadow:0 8px 20px color-mix(in srgb,var(--accent-500) 30%,transparent);transform:scale(1.02)}
.offer-cta svg{width:16px;height:16px;transition:transform .2s}
.offer-cta:hover svg{transform:translateX(4px)}
.offer-license{margin-top:12px;text-align:center;font-size:12px;color:var(--ink-faint)}
.no-results{border-radius:16px;padding:32px;text-align:center}
.no-results p{color:var(--ink-light);margin-bottom:12px}
.no-results button{color:var(--accent-300);font-size:14px;font-weight:500}
.no-results button:hover{color:var(--accent-200)}

.calc-grid{display:grid;gap:24px}
@media(min-width:1024px){.calc-grid{grid-template-columns:3fr 2fr}}
.calc-controls{border-radius:24px;padding:24px}
@media(min-width:640px){.calc-controls{padding:32px}}
.calc-slider-group{margin-bottom:32px}
.calc-slider-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.calc-slider-header .left{display:flex;align-items:center;gap:8px}
.calc-slider-header svg{width:20px;height:20px;color:var(--accent-400)}
.calc-slider-header .label{font-size:14px;font-weight:500;color:var(--ink-light)}
.calc-slider-header .value{font-family:var(--font-display);font-size:24px;font-weight:800;color:#fff}
.calc-slider-header .unit{font-size:14px;color:var(--ink-faint);margin-left:4px}
.quick-amounts{display:flex;flex-wrap:wrap;gap:8px}
.quick-amount{border-radius:8px;padding:8px 14px;font-size:14px;font-weight:500;transition:all .2s}
.quick-amount.active{background:var(--gradient-accent);color:var(--surface)}
.quick-amount.inactive{color:var(--ink-light)}
.quick-amount.inactive:hover{color:#fff;background:rgba(255,255,255,.08)}
.calc-result{border-radius:24px;padding:24px;display:flex;flex-direction:column}
@media(min-width:640px){.calc-result{padding:32px}}
.calc-result h3{font-family:var(--font-display);font-size:18px;font-weight:700;color:#fff;margin-bottom:24px}
.calc-rows{flex:1;display:flex;flex-direction:column;gap:20px}
.calc-row{display:flex;align-items:center;justify-content:space-between}
.calc-row .left{display:flex;align-items:center;gap:10px}
.calc-row svg{width:16px;height:16px;color:var(--accent-400)}
.calc-row .label{font-size:14px;color:var(--ink-light)}
.calc-row .val{font-size:14px;font-weight:600;color:#fff}
.calc-divider{height:1px;background:rgba(255,255,255,.08)}
.calc-total{border-radius:16px;padding:16px;background:color-mix(in srgb,var(--surface-dark) 40%,transparent);border:1px solid color-mix(in srgb,var(--accent-500) 20%,transparent)}
.calc-total .label{font-size:14px;color:var(--ink-light)}
.calc-total .value{font-family:var(--font-display);font-size:24px;font-weight:800}
.calc-cta{margin-top:24px;width:100%;border-radius:12px;padding:16px;justify-content:center}
.calc-note{margin-top:16px;font-size:12px;color:var(--ink-faint);text-align:center;line-height:1.5}
.representative-example{margin-top:24px;border-radius:16px;padding:24px;display:flex;gap:12px}
.representative-example svg{width:20px;height:20px;color:var(--accent-400);flex-shrink:0;margin-top:2px}
.representative-example p{font-size:14px;color:var(--ink-light);line-height:1.6}

.steps-grid{display:grid;gap:20px}
@media(min-width:640px){.steps-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.steps-grid{grid-template-columns:1fr 1fr 1fr 1fr}}
.step-card{position:relative;border-radius:16px;padding:24px;transition:all .3s}
.step-card:hover{background:rgba(255,255,255,.05);transform:translateY(-4px)}
.step-num{position:absolute;top:24px;right:24px;font-family:var(--font-display);font-size:48px;font-weight:800;color:rgba(255,255,255,.05)}
.step-icon{display:flex;width:48px;height:48px;align-items:center;justify-content:center;border-radius:12px;background:var(--gradient-primary);box-shadow:0 4px 12px color-mix(in srgb,var(--primary-500) 20%,transparent);margin-bottom:20px}
.step-icon svg{width:24px;height:24px;color:#fff}
.step-card h3{font-family:var(--font-display);font-size:18px;font-weight:700;color:#fff;margin-bottom:8px}
.step-card p{font-size:14px;color:var(--ink-muted);line-height:1.6}

.cta-banner{padding:48px 0}
.cta-banner-inner{position:relative;overflow:hidden;border-radius:24px}
.cta-banner-bg{position:absolute;inset:0;background:var(--gradient-hero)}
.cta-banner-dots{position:absolute;inset:0;opacity:.1;background-image:radial-gradient(circle at 1px 1px,#000 1px,transparent 0);background-size:32px 32px}
.cta-banner-content{position:relative;padding:48px 24px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:32px;text-align:center}
@media(min-width:1024px){.cta-banner-content{padding:64px 48px;flex-direction:row;text-align:left}}
.cta-banner h2{font-family:var(--font-display);font-size:30px;font-weight:800;color:#fff}
.cta-banner p{margin-top:8px;font-size:16px;color:var(--ink-light);max-width:540px}
.cta-banner-actions{display:flex;flex-direction:column;align-items:center;gap:12px;flex-shrink:0}
.cta-banner-trust{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-light)}
.cta-banner-trust svg{width:16px;height:16px}

.faq-container{max-width:768px;margin:0 auto}
.faq-list{display:flex;flex-direction:column;gap:12px}
.faq-item{border-radius:16px;overflow:hidden;transition:all .2s}
.faq-item.open{background:rgba(255,255,255,.05)}
.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;text-align:left}
.faq-question span{font-family:var(--font-display);font-size:16px;font-weight:600;color:#fff}
.faq-question .chevron{width:20px;height:20px;color:var(--accent-400);flex-shrink:0;transition:transform .3s}
.faq-item.open .chevron{transform:rotate(180deg)}
.faq-answer{display:grid;grid-template-rows:0fr;opacity:0;transition:all .3s}
.faq-item.open .faq-answer{grid-template-rows:1fr;opacity:1}
.faq-answer-inner{overflow:hidden}
.faq-answer p{padding:0 20px 20px;font-size:14px;color:var(--ink-light);line-height:1.6}

.disclosure-cards{display:grid;gap:20px;margin-bottom:32px}
@media(min-width:768px){.disclosure-cards{grid-template-columns:1fr 1fr 1fr}}
.disclosure-card{border-radius:16px;padding:24px}
.disclosure-icon{display:flex;width:48px;height:48px;align-items:center;justify-content:center;border-radius:12px;margin-bottom:16px}
.disclosure-icon.sky{background:var(--gradient-primary);box-shadow:0 4px 12px color-mix(in srgb,var(--primary-500) 20%,transparent)}
.disclosure-icon.gold{background:var(--gradient-accent);box-shadow:0 4px 12px color-mix(in srgb,var(--accent-500) 20%,transparent)}
.disclosure-icon svg{width:24px;height:24px}
.disclosure-icon.sky svg{color:#fff}
.disclosure-icon.gold svg{color:var(--surface)}
.disclosure-card h3{font-family:var(--font-display);font-size:16px;font-weight:700;color:#fff;margin-bottom:8px}
.disclosure-card .big-num{font-family:var(--font-display);font-size:30px;font-weight:800}
.disclosure-card .sub{font-size:14px;color:var(--ink-light);margin-top:8px}
.disclosure-card .note{margin-top:12px;font-size:12px;color:var(--ink-faint);line-height:1.5}
.disclosure-example-rows{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--ink-light)}
.disclosure-example-row{display:flex;justify-content:space-between}
.disclosure-example-row .val{font-weight:600;color:#fff}
.disclosure-example-row.highlight .val{color:var(--accent-300);font-weight:700}
.disclosure-example-divider{height:1px;background:rgba(255,255,255,.08);margin:4px 0}
.disclosure-legal{border-radius:16px;padding:24px}
@media(min-width:640px){.disclosure-legal{padding:32px}}
.disclosure-block{margin-bottom:24px}
.disclosure-block-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.disclosure-block-header svg{width:20px;height:20px;color:var(--accent-400);flex-shrink:0}
.disclosure-block h3{font-family:var(--font-display);font-size:16px;font-weight:700;color:#fff}
.disclosure-block p{font-size:14px;color:var(--ink-light);line-height:1.6;padding-left:30px}
.disclosure-footer{border-top:1px solid rgba(255,255,255,.08);padding-top:24px}
.disclosure-footer p{font-size:12px;color:var(--ink-faint);line-height:1.6}

.footer{border-top:1px solid rgba(255,255,255,.05);background:var(--surface)}
.footer-inner{max-width:1280px;margin:0 auto;padding:64px 1rem}
@media(min-width:640px){.footer-inner{padding:64px 1.5rem}}
@media(min-width:1024px){.footer-inner{padding:64px 2rem}}
.footer-grid{display:grid;gap:40px}
@media(min-width:1024px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}
.footer-brand p{font-size:14px;color:var(--ink-muted);line-height:1.6;max-width:384px;margin-bottom:24px}
.footer-contact{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.footer-contact svg{width:16px;height:16px;color:var(--accent-400)}
.footer-contact span{font-size:14px;color:var(--ink-light)}
.footer-col h4{font-family:var(--font-display);font-size:14px;font-weight:700;color:#fff;margin-bottom:16px}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.footer-col a{font-size:14px;color:var(--ink-muted);transition:color .2s}
.footer-col a:hover{color:var(--accent-300)}
.footer-disclaimer{margin-top:48px;padding-top:32px;border-top:1px solid rgba(255,255,255,.05)}
.footer-disclaimer-box{border-radius:16px;padding:20px;margin-bottom:24px}
.footer-disclaimer-box p{font-size:12px;color:var(--ink-light);line-height:1.6}
.footer-bottom{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:16px}
@media(min-width:640px){.footer-bottom{flex-direction:row}}
.footer-bottom p{font-size:12px;color:var(--ink-faint)}

::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:var(--primary-950)}
::-webkit-scrollbar-thumb{background:var(--primary-700);border-radius:999px}
::-webkit-scrollbar-thumb:hover{background:var(--primary-500)}
.icon{display:inline-flex;vertical-align:middle}