:root { --blue:#1868d4; --blue-dark:#020224; --text:#08090c; --muted:#384250; --soft:#f7f8fa; --line:#e8ebef; --radius:16px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-width:320px; color:var(--text); font-family:Manrope,Arial,sans-serif; font-size:14px; line-height:1.45; }
a { color:inherit; }
.container { width:min(1024px, calc(100% - 48px)); margin-inline:auto; }
.hero { position:relative; min-height:680px; overflow:hidden; color:#fff; background:linear-gradient(180deg,#02052d 0%,#061c75 30%,#2554b4 55%,#77afe2 75%,#ffffff 100%); }
.hero-lines { position:absolute; inset:0; opacity:.58; background-image:repeating-radial-gradient(ellipse 75% 20% at 53% 79%, transparent 0 18px, rgba(239,249,255,.54) 20px 22px, transparent 24px 49px); transform:skewY(-7deg) scale(1.3); transform-origin:50% 80%; mix-blend-mode:screen; }
.site-header { position:relative; z-index:2; top:24px; height:56px; padding:0 40px; display:flex; align-items:center; gap:24px; color:#050607; border-radius:16px; background:rgba(255,255,255,.63); backdrop-filter:blur(8px); }
.logo { height:21px; display:flex; align-items:center; flex:0 0 auto; }
.logo img { display:block; width:93px; height:auto; }
.main-nav { display:flex; flex:1; justify-content:center; gap:32px; }
.main-nav a { font-size:12px; font-weight:600; text-decoration:none; white-space:nowrap; }
.main-nav a:hover { color:var(--blue); }
.button { min-height:40px; padding:0 15px; display:inline-flex; align-items:center; justify-content:center; gap:14px; border:1px solid transparent; border-radius:8px; box-shadow:inset 0 0 0 1px rgba(0,0,0,.16), inset 0 -2px 0 rgba(0,0,0,.05); text-decoration:none; font:600 12px/1 Manrope, sans-serif; white-space:nowrap; transition:transform .18s ease, box-shadow .18s ease; }
.button:hover { transform:translateY(-2px); box-shadow:inset 0 0 0 1px rgba(0,0,0,.16), inset 0 -2px 0 rgba(0,0,0,.05),0 8px 16px rgba(4,32,89,.16); }
.button span { font-size:16px; line-height:1; }
.button-primary { color:#fff; background:var(--blue); }
.button-light { color:#06080d; border-color:#d5d7da; background:#fff; }
.header-cta { margin-left:auto; }
.hero-content { position:relative; z-index:1; padding-top:84px; }
h1,h2,h3,h4,p { margin-top:0; }
h1 { max-width:720px; margin-bottom:18px; font-size:48px; line-height:1.08; letter-spacing:-.055em; font-weight:600; }
.hero-lead { max-width:760px; margin-bottom:18px; font-size:22px; line-height:1.28; font-weight:600; letter-spacing:-.035em; }
.hero-copy { max-width:650px; margin-bottom:24px; font-size:18px; line-height:1.28; letter-spacing:-.035em; }
.action-row { display:flex; gap:24px; }
.menu-toggle { display:none; }
.section { padding:64px 0 42px; }
.eyebrow { margin-bottom:10px; color:var(--blue); font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.01em; }
h2 { margin-bottom:16px; font-size:34px; line-height:1.1; font-weight:600; letter-spacing:-.055em; }
.intro-copy { max-width:950px; margin-bottom:34px; font-size:13px; line-height:1.45; letter-spacing:-.025em; }
.insight-list { display:grid; gap:24px; }
.insight-card { min-height:120px; padding:24px 60px 24px 24px; display:flex; align-items:center; gap:16px; background:var(--soft); border-radius:16px; }
.insight-card img { flex:0 0 40px; }
.insight-card h3, .outcome-card h3 { margin-bottom:8px; font-size:18px; line-height:1.28; font-weight:600; letter-spacing:-.04em; }
.insight-card p, .outcome-card p, .research-card p, .offer-card p { margin-bottom:0; color:var(--muted); font-size:12px; line-height:1.48; letter-spacing:-.022em; }
.statement { margin:26px 0 0; color:#001e84; font-size:28px; line-height:1.13; font-weight:600; letter-spacing:-.055em; }
.statement strong { color:#4084df; font-weight:600; }
#outcome { padding-top:82px; }
#outcome h2 { margin-bottom:52px; }
.outcome-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:24px; }
.outcome-card { min-height:176px; padding:24px; border-radius:16px; background:var(--soft); }
.outcome-card img { display:block; width:40px; height:40px; margin-bottom:18px; }
.research { padding-top:72px; }
.research h2 { margin-bottom:34px; }
.research-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:32px; }
.research-card { min-height:207px; padding:24px; display:flex; flex-direction:column; align-items:flex-start; background:var(--soft); border-radius:16px; }
.research-card h3 { margin-bottom:14px; font-size:18px; line-height:1.25; font-weight:600; letter-spacing:-.04em; }
.research-card .button { margin-top:auto; }
#start { padding-top:83px; }
#start h2 { margin-bottom:34px; }
.offer-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; }
.offer-card { min-height:379px; padding:24px; display:flex; flex-direction:column; align-items:flex-start; border-radius:16px; background:var(--soft); }
.offer-card h3 { margin-bottom:17px; font-size:18px; line-height:1.25; font-weight:600; letter-spacing:-.04em; }
.offer-card h4 { margin-bottom:11px; font-size:13px; line-height:1.45; font-weight:600; letter-spacing:-.025em; }
.offer-card .button { width:100%; margin-top:auto; }
.offer-card--featured { color:#fff; background:linear-gradient(160deg,#02023b 1%,#052a9b 68%,#8ecaff 100%); }
.offer-card--featured p { color:#fff; }
.button-lime { color:#060606; background:#d7ff16; }
.show-more { margin:14px auto 0; padding:0; border:0; color:var(--blue); background:none; cursor:pointer; font:500 12px Manrope,sans-serif; }
.show-more span { margin-left:8px; font-size:16px; }
.more-copy { display:none; margin-top:12px !important; }
.offer-card.is-expanded .more-copy { display:block; }
.offer-card.is-expanded .show-more span { display:inline-block; transform:rotate(180deg); }
.faq { padding:73px 0 71px; }
.faq h2 { margin-bottom:26px; }
.faq-list { border-top:1px solid var(--line); }
details { border-bottom:1px solid var(--line); }
summary { min-height:55px; padding:16px 24px; display:flex; align-items:center; justify-content:space-between; cursor:pointer; list-style:none; font-size:13px; font-weight:600; letter-spacing:-.025em; }
summary::-webkit-details-marker { display:none; }
summary span { font-size:18px; font-weight:400; transition:transform .2s ease; }
details[open] summary span { transform:rotate(180deg); }
details p { max-width:630px; padding:0 24px 16px; margin:0; font-size:13px; line-height:1.43; letter-spacing:-.025em; }
.site-footer { padding:26px 0 22px; color:#fff; text-align:center; background:linear-gradient(167deg,#6cafec -50%,#1868d4 14%,#001e84 59%,#020224 100%); }
.footer-inner { display:flex; flex-direction:column; align-items:center; gap:16px; }
.footer-inner p { margin:0; font-size:12px; }
.footer-inner nav { display:flex; flex-wrap:wrap; justify-content:center; gap:10px 34px; }
.footer-inner nav a { font-size:10px; font-weight:600; text-decoration:none; }
.footer-inner img { width:93px; height:auto; filter:brightness(0) invert(1); }
@media (max-width:760px) {
  .container { width:min(100% - 32px, 1024px); }
  .hero { min-height:600px; }
  .site-header { top:16px; height:52px; padding:0 20px; border-radius:13px; }
  .site-header .main-nav { position:absolute; left:0; right:0; top:61px; padding:18px 20px; display:none; flex-direction:column; gap:14px; border-radius:13px; background:rgba(255,255,255,.95); box-shadow:0 12px 25px rgba(4,26,76,.2); }
  .site-header.is-open .main-nav { display:flex; }
  .menu-toggle { width:36px; height:36px; margin-left:auto; padding:0; display:grid; align-content:center; justify-content:center; gap:5px; border:0; background:transparent; cursor:pointer; }
  .menu-toggle span { display:block; width:18px; height:2px; background:#070b14; transition:transform .2s; }
  .site-header.is-open .menu-toggle span:first-child { transform:translateY(3.5px) rotate(45deg); }
  .site-header.is-open .menu-toggle span:last-child { transform:translateY(-3.5px) rotate(-45deg); }
  .header-cta { display:none; }
  .hero-content { padding-top:92px; }
  h1 { font-size:39px; }
  .hero-lead { font-size:18px; }
  .hero-copy { font-size:16px; }
  .desktop-only { display:none; }
  .section { padding-top:54px; }
  h2 { font-size:30px; }
  .research-grid, .offer-grid { gap:16px; }
  .offer-card { padding:20px; }
}
@media (max-width:540px) {
  .hero { min-height:625px; }
  h1 { font-size:36px; }
  .action-row { flex-direction:column; align-items:flex-start; gap:12px; }
  .insight-card { min-height:0; align-items:flex-start; padding:20px; }
  .insight-card h3, .outcome-card h3 { font-size:16px; }
  .statement { font-size:24px; }
  .outcome-grid, .research-grid, .offer-grid { grid-template-columns:1fr; }
  .outcome-card { min-height:0; }
  .research-card, .offer-card { min-height:0; }
  .research-card .button, .offer-card .button { margin-top:22px; }
  .offer-card--featured { min-height:330px; }
  .footer-inner nav { gap:9px 17px; }
}