/* Force More Sugar everywhere */
*,
*::before,
*::after,
button, input, select, textarea, summary, details,
.nav__links a, .btn, .chip, .brand, .tag, .stats strong, .stats span {
  font-family: 'More Sugar', system-ui, -apple-system, Segoe UI, Roboto, Arial !important;
  font-weight: 400;
}
html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

:root{
  --blue:#2E59FF; --ink:#0A0D1C; --bg:#F7F9FF; --card:#FFFFFF; --muted:#6B7390; --ring: rgba(46,89,255,.35); --radius:20px; --shadow: 0 10px 30px rgba(12,20,44,.12);
}
*{box-sizing:border-box}
html,body{font-family:'More Sugar', system-ui, -apple-system, Segoe UI, Roboto, Arial !important; margin:0;padding:0;font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Inter, "Helvetica Neue", Arial; color:var(--ink); background:var(--bg);}
a{color:var(--ink); text-decoration:none}
.muted{color:var(--muted)} .fineprint{font-size:12px; color:var(--muted); margin-top:10px}

.nav{position:sticky; top:0; backdrop-filter:saturate(180%) blur(8px); background:rgba(247,249,255,.7); display:flex; align-items:center; justify-content:space-between; padding:14px 22px; border-bottom:1px solid #E6EAFF; z-index:10}
.nav__left{display:flex; align-items:center; gap:10px}
.logo{width:34px;height:34px} .logo.small{width:22px;height:22px}
.brand{font-weight:800; letter-spacing:.2px}
.nav__links a{padding:10px 12px; border-radius:12px; margin:0 4px;} .nav__links a:hover{background:#EEF2FF}

.btn{background:var(--blue); color:white; border:none; padding:12px 16px; border-radius:14px; font-weight:700; cursor:pointer; box-shadow:var(--shadow); transition:transform .06s ease}
.btn[disabled]{opacity:.6; cursor:not-allowed; box-shadow:none} .btn:active{transform:translateY(1px)}
.btn--ghost{background:#fff; color:var(--ink); border:1px solid #E3E8FF; box-shadow:none}

.hero{position:relative; overflow:hidden; border-bottom:1px solid #E6EAFF}
.hero__bg{width:100%; height:auto; display:block; filter:saturate(105%);}
.hero__content{position:relative; max-width:1100px; margin:-220px auto 0; padding:0 22px 46px;}
.hero h1{font-size:48px; margin:0 0 8px; text-shadow:0 2px 0 rgba(0,0,0,.02)}
.subtitle{font-size:18px; color:var(--muted)} .cta-row{display:flex; gap:12px; margin-top:18px}

.section{max-width:1100px; margin:60px auto; padding:0 22px} .section.alt{background:#fff; border-radius:var(--radius); padding:34px 22px; box-shadow:var(--shadow)} .section__head h2{margin:0 0 6px 0}

.cards{display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:18px; margin-top:16px}
.card{background:var(--card); border-radius:var(--radius); padding:18px; box-shadow:var(--shadow); border:1px solid #EDF1FF}
.card h3{margin:4px 0 8px 0; font-size:18px}
.bar{height:10px;background:#EEF2FF;border-radius:999px; overflow:hidden; margin:10px 0 12px}
.bar span{display:block;height:100%;background:var(--blue);} .choices{display:flex; gap:10px}
.chip{padding:8px 10px; background:#F4F6FF; border:1px solid #E3E8FF; border-radius:999px; font-weight:700; cursor:pointer}
.chip:hover{box-shadow:0 0 0 4px var(--ring)}

.grid2{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:16px}
.faq{background:#fff; border-radius:16px; padding:14px 16px; border:1px solid #E8EDFF; margin:10px 0; box-shadow:var(--shadow)}
.faq summary{cursor:pointer; font-weight:700} .faq p{margin:8px 0 0 0}

.footer{display:flex; align-items:center; justify-content:space-between; max-width:1100px; margin:40px auto 20px; padding:0 22px 10px; border-top:1px solid #E6EAFF}
.footer__socials { margin-top: 10px; }
.x-link { display:inline-flex; align-items:center; gap:8px; font-weight:700; color:var(--ink); text-decoration:none; transition:opacity .2s; }
.x-link:hover { opacity:.7; }
.x-icon { width:20px; height:20px; }

.modal{position:fixed; inset:0; background:rgba(8,12,30,.5); display:flex; align-items:center; justify-content:center}
.modal.hidden{display:none}
.modal__card{background:#fff; border-radius:20px; width:min(560px,92vw); padding:22px; box-shadow:var(--shadow); border:1px solid #E8EDFF}
.modal__close{position:absolute; margin-left:calc(min(560px,92vw) - 40px); transform:translateY(-10px); background:#fff; border:1px solid #E8EDFF; width:32px; height:32px; border-radius:10px; cursor:pointer}
.modal__actions{display:flex; justify-content:flex-end; margin-top:10px}

.tagline, .whitepaper-note {
  color: #ffffff !important;
}

.nav__actions .twitter {
  display: flex;
  align-items: center;
  gap: 6px;
  background: #000 !important;
  color: #fff !important;
  font-family: 'More Sugar', sans-serif;
  font-weight: 400;
  padding: 6px 12px;
  border-radius: 6px;
}

.x-icon {
  height: 16px;
  width: auto;
}