:root{
  --bg:#071226;
  --bg-2:#0c1a31;
  --panel:#ffffff;
  --panel-soft:#f4f9ff;
  --ink:#0b1730;
  --muted:#5e6b80;
  --blue:#13a8f4;
  --blue-2:#05c4f0;
  --green:#7be23e;
  --green-2:#4fc436;
  --line:rgba(11,23,48,.12);
  --shadow:0 26px 70px rgba(5,18,42,.18);
  --radius:28px;
  --radius-sm:18px;
  --max:1160px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:#fbfdff;line-height:1.6;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:none}
img{max-width:100%;height:auto}
.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(11,23,48,.08)}
.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.02em}
.brand img{width:46px;height:46px;border-radius:14px;box-shadow:0 10px 28px rgba(7,18,38,.16)}
.brand span{display:grid;line-height:1.05}.brand span span{font-size:.72rem;color:var(--muted);font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-top:4px}
.nav-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-weight:750;font-size:.95rem}.nav-links a:not(.button){color:#23314d}.nav-links a:not(.button):hover{color:var(--blue)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:13px 20px;background:linear-gradient(135deg,var(--blue),var(--green));color:#041020;font-weight:900;box-shadow:0 14px 34px rgba(19,168,244,.25);cursor:pointer;line-height:1.1;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.button:hover{transform:translateY(-2px);box-shadow:0 20px 42px rgba(19,168,244,.30);filter:saturate(1.05)}.button.secondary{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:0 10px 30px rgba(9,26,55,.08)}.button.compact{padding:10px 15px;font-size:.9rem}.button.big{padding:15px 24px;font-size:1rem}.button.full{width:100%}.button[disabled]{opacity:.55;cursor:not-allowed;transform:none}.text-link{font-weight:900;color:#087bc5;display:inline-flex;margin-top:12px}.menu-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 14px;font-weight:900;color:var(--ink)}
.hero{position:relative;overflow:hidden}.hero-premium{background:radial-gradient(circle at 18% 20%,rgba(19,168,244,.28),transparent 34%),radial-gradient(circle at 80% 12%,rgba(123,226,62,.22),transparent 33%),linear-gradient(160deg,#061225 0%,#0b1c35 55%,#061225 100%);color:#fff;padding:88px 0 100px}.hero-premium:after{content:"";position:absolute;inset:auto -10% -26% -10%;height:300px;background:#fbfdff;border-radius:50% 50% 0 0/42% 42% 0 0}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:56px;align-items:center;position:relative;z-index:2}.hero-copy h1{font-size:clamp(2.5rem,6vw,5.35rem);line-height:.95;margin:0 0 22px;letter-spacing:-.07em}.hero-copy .lead{font-size:clamp(1.05rem,2.5vw,1.28rem);max-width:720px;color:rgba(255,255,255,.82)}.eyebrow{margin:0 0 12px;color:var(--blue-2);font-weight:950;text-transform:uppercase;letter-spacing:.18em;font-size:.78rem}.lead{font-size:1.17rem;color:var(--muted);line-height:1.7}.button-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:28px}.trust-strip{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.trust-strip span{padding:9px 14px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:rgba(255,255,255,.86);background:rgba(255,255,255,.08);font-weight:800;font-size:.9rem}.hero-device{position:relative;min-height:520px;display:grid;place-items:center}.glow{position:absolute;width:430px;height:430px;border-radius:50%;background:linear-gradient(135deg,rgba(19,168,244,.42),rgba(123,226,62,.34));filter:blur(8px);opacity:.9}.app-icon{position:relative;width:min(390px,78vw);border-radius:90px;box-shadow:0 34px 90px rgba(0,0,0,.4);z-index:2}.mini-dashboard,.metric-card{position:absolute;z-index:3;background:rgba(255,255,255,.92);color:var(--ink);border:1px solid rgba(255,255,255,.4);box-shadow:0 24px 60px rgba(0,0,0,.22);backdrop-filter:blur(16px)}.mini-dashboard{bottom:34px;left:0;right:10%;margin:auto;max-width:350px;border-radius:24px;padding:15px 16px;display:flex;justify-content:space-between;align-items:center}.mini-dashboard span,.metric-card span{display:block;color:var(--muted);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.mini-dashboard strong,.metric-card strong{display:block;font-size:1.08rem;line-height:1.1}.progress-ring{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) 0 74%,#e8eef6 74%);font-weight:950;color:#061225}.metric-card{width:190px;border-radius:22px;padding:16px}.metric-card small{display:block;color:var(--muted);margin-top:4px}.metric-one{top:76px;left:10px}.metric-two{right:-4px;bottom:126px}
.section{padding:82px 0}.soft-wave{background:linear-gradient(180deg,#fbfdff,#eef8ff)}.split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.split.align-start{align-items:start}.section h2,.page-hero h1,.panel h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.02;letter-spacing:-.055em;margin:0 0 20px}.section-lead{font-size:1.16rem;color:var(--muted);margin:0}.grid-2,.grid-3,.grid-4{display:grid;gap:22px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.facts-grid{margin-top:34px}.card,.panel,.feature-card,.fact-card,.quote-card,.source-card,.result-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card,.feature-card,.fact-card,.quote-card,.source-card{padding:26px}.panel{padding:34px}.feature-card{min-height:270px}.feature-card h3,.fact-card h3,.card h2,.card h3{font-size:1.35rem;line-height:1.14;margin:16px 0 12px;letter-spacing:-.03em}.feature-card p,.fact-card p,.card p,.panel p{color:var(--muted)}.icon-dot{width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,rgba(19,168,244,.16),rgba(123,226,62,.22));display:grid;place-items:center;font-size:1.5rem;font-weight:900}.fact-card{background:linear-gradient(180deg,#fff,#f8fbff)}.fact-card span{display:inline-flex;width:36px;height:36px;border-radius:12px;align-items:center;justify-content:center;background:#071226;color:#fff;font-weight:950;font-size:.85rem}.dark-panel-wrap{padding-top:30px}.dark-panel{background:radial-gradient(circle at 20% 0%,rgba(19,168,244,.18),transparent 34%),linear-gradient(135deg,#071226,#0d2442);color:#fff;border-radius:38px;padding:48px;display:grid;grid-template-columns:1.2fr .8fr;gap:34px;box-shadow:0 30px 80px rgba(7,18,38,.28)}.dark-panel p{color:rgba(255,255,255,.78)}.journey-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);border-radius:28px;padding:24px;display:grid;gap:12px}.journey-step{display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.84)}.journey-step span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12);font-weight:950}.journey-step.active span{background:linear-gradient(135deg,var(--blue),var(--green));color:#061225}.tick-list{padding:0;margin:18px 0;list-style:none;display:grid;gap:12px}.tick-list li{position:relative;padding-left:32px;color:var(--muted)}.tick-list li:before{content:"?";position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(123,226,62,.18);color:#287a17;font-weight:950}.quote-card{background:linear-gradient(135deg,#071226,#0c2846);color:#fff;padding:40px}.quote-card blockquote{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.05;letter-spacing:-.055em;margin:0 0 22px}.quote-card p{color:rgba(255,255,255,.75)}.cta-section{padding-top:30px}.cta-card{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;border-radius:38px;padding:38px;background:linear-gradient(135deg,#eaf7ff,#f3ffe9);border:1px solid rgba(19,168,244,.14)}
.page-hero{padding:78px 0;background:radial-gradient(circle at 18% 10%,rgba(19,168,244,.16),transparent 32%),linear-gradient(180deg,#f5fbff,#fff)}.compact-hero{padding:58px 0}.page-hero h1{max-width:880px}.source-card{background:linear-gradient(135deg,#071226,#0d2442);color:#fff}.source-card p{color:rgba(255,255,255,.78)}
.quiz-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:26px;align-items:start}.quiz-card{background:#fff;border:1px solid var(--line);border-radius:34px;padding:30px;box-shadow:var(--shadow)}.quiz-progress{height:10px;background:#e8f0f8;border-radius:999px;overflow:hidden;margin-bottom:24px}.quiz-progress span{display:block;width:11%;height:100%;background:linear-gradient(135deg,var(--blue),var(--green));border-radius:999px;transition:width .25s ease}.quiz-step{border:0;padding:0;margin:0;display:none}.quiz-step.is-active{display:block}.quiz-step legend{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:950;letter-spacing:-.045em;line-height:1.1;margin-bottom:18px}.quiz-step label{display:flex;gap:12px;align-items:flex-start;padding:15px;border:1px solid var(--line);border-radius:18px;margin-bottom:10px;font-weight:800;color:#20304b;cursor:pointer}.quiz-step label:has(input:checked){border-color:rgba(19,168,244,.5);background:#eef9ff}.quiz-step input[type="radio"],.quiz-step input[type="checkbox"]{margin-top:4px;accent-color:var(--blue)}.quiz-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{display:block;margin:0}.form-grid input,.form input,.form select,.form textarea{width:100%;border:1px solid var(--line);border-radius:16px;padding:13px 14px;font:inherit;background:#fff;color:var(--ink)}.hint{font-size:.94rem;color:var(--muted)}.result-card{padding:32px;margin-top:26px}.result-card h2{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.055em;line-height:1.05;margin:0 0 14px}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.result-pill{display:inline-flex;padding:9px 13px;border-radius:999px;background:#eefdff;color:#064669;font-weight:950;margin-right:8px;margin-top:8px}.bmi-box{background:#f4f9ff;border:1px solid var(--line);border-radius:20px;padding:18px;margin-top:18px}.quiz-side{position:sticky;top:98px}.notice{border-radius:18px;background:#f5fbff;border:1px solid rgba(19,168,244,.2);padding:16px;color:#3c516d}.warning{border-color:rgba(244,130,48,.36);background:#fff6ed;color:#66380f}
.help-layout{display:grid;grid-template-columns:280px 1fr;gap:26px;align-items:start}.help-nav{position:sticky;top:100px;display:grid;gap:8px}.help-nav a{padding:10px 12px;border-radius:14px;color:var(--muted);font-weight:800}.help-nav a:hover{background:#f0f8ff;color:var(--blue)}details{border:1px solid var(--line);border-radius:18px;padding:16px 18px;background:#fff;margin:12px 0}summary{font-weight:900;cursor:pointer;color:#172642}details p{margin-bottom:0}.faq section{padding-top:12px}.science-stack{display:grid;gap:20px}.science-row{display:grid;grid-template-columns:92px 1fr;gap:20px;background:#fff;border:1px solid var(--line);border-radius:28px;padding:26px;box-shadow:0 18px 46px rgba(7,18,38,.08)}.science-number{width:64px;height:64px;border-radius:22px;background:linear-gradient(135deg,var(--blue),var(--green));display:grid;place-items:center;font-weight:950;color:#061225}.references ul{columns:2;gap:40px}.references li{break-inside:avoid;margin-bottom:10px}.references a{color:#087bc5;font-weight:800}.legal h2{margin-top:30px}.form{display:grid;gap:14px}.form label{display:grid;gap:7px;font-weight:850;color:#20304b}.form textarea{min-height:160px;resize:vertical}.form .check{display:flex;align-items:flex-start;font-weight:700;color:var(--muted)}.form .check input{width:auto;margin-top:4px}.footer{background:#071226;color:#fff;padding:46px 0;margin-top:40px}.footer-grid{display:flex;justify-content:space-between;gap:28px;align-items:flex-start}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:42px;height:42px;border-radius:13px}.footer .small{color:rgba(255,255,255,.64);margin:8px 0 0}.footer-links{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end}.footer-links a{color:rgba(255,255,255,.78);font-weight:800}.footer-links a:hover{color:#fff}.small{font-size:.92rem;color:var(--muted)}.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}.reveal.is-visible{opacity:1;transform:none}
.science-image-card {
  padding: 0;
  overflow: hidden;
  background: transparent;
}

.science-image-card img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 220px;
  object-fit: cover;
  border-radius: inherit;
}
@media (max-width:980px){.hero-grid,.split,.dark-panel,.cta-card,.quiz-layout,.help-layout{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr}.quiz-side,.help-nav{position:static}.hero-device{min-height:470px}.metric-one{left:0}.metric-two{right:0}.cta-card{align-items:start}.footer-grid{display:grid}.footer-links{justify-content:flex-start}.references ul{columns:1}}
@media (max-width:760px){.container{width:min(100% - 28px,var(--max))}.nav{min-height:70px}.menu-toggle{display:inline-flex}.nav-links{display:none;position:absolute;top:70px;left:14px;right:14px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:16px;box-shadow:var(--shadow);align-items:stretch}.nav-links.is-open{display:grid}.nav-links .button{width:100%}.hero-premium{padding:58px 0 78px}.hero-copy h1{font-size:clamp(2.35rem,12vw,3.5rem)}.hero-device{min-height:390px}.app-icon{width:260px;border-radius:58px}.glow{width:310px;height:310px}.mini-dashboard{display:none}.metric-card{width:155px;padding:13px}.metric-one{top:42px}.metric-two{bottom:56px}.grid-2,.grid-4,.result-grid,.form-grid{grid-template-columns:1fr}.section{padding:56px 0}.panel,.quiz-card{padding:24px;border-radius:24px}.dark-panel,.cta-card{padding:28px;border-radius:28px}.science-row{grid-template-columns:1fr}.button-row{align-items:stretch}.button-row .button{width:100%}.brand span span{display:none}.brand img{width:42px;height:42px}.quiz-actions{justify-content:stretch}.quiz-actions .button{flex:1}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}