:root {
  --bg: #08111f;
  --panel: rgba(255,255,255,0.07);
  --panel-strong: rgba(255,255,255,0.1);
  --text: #ebf2ff;
  --muted: #9eb0c9;
  --line: rgba(255,255,255,0.1);
  --accent: #56f0b4;
  --accent-2: #8cc8ff;
  --accent-3: #d7f6e9;
  --danger: #ff9d9d;
  --radius: 26px;
  --radius-sm: 18px;
  --shadow: 0 22px 60px rgba(0,0,0,0.32);
  --max: 1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at top left, rgba(86,240,180,.18), transparent 30%),radial-gradient(circle at top right, rgba(140,200,255,.17), transparent 25%),linear-gradient(180deg,#08111f 0%,#0a1324 48%,#08111f 100%)}
.site-shell{position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);background-size:40px 40px;mask-image:radial-gradient(circle at center, black 35%, transparent 85%);pointer-events:none;opacity:.35}
.container{width:min(var(--max),calc(100% - 32px));margin:0 auto}
.section{padding:88px 0;position:relative}
.muted{background:rgba(255,255,255,.025);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.topbar{position:sticky;top:0;z-index:30;backdrop-filter:blur(18px);background:rgba(8,17,31,.74);border-bottom:1px solid var(--line)}
.topbar.compact{position:relative}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:78px}
.brand{display:inline-flex;align-items:center;gap:14px;color:var(--text);text-decoration:none}.brand img{width:46px;height:46px}.brand strong{display:block;font-size:1rem}.brand span{font-size:.88rem;color:var(--muted)}
.desktop-nav,.mobile-menu{display:flex;gap:22px;align-items:center}.desktop-nav a,.mobile-menu a,.footer a{color:var(--muted);text-decoration:none;transition:color .25s ease}.desktop-nav a:hover,.mobile-menu a:hover,.footer a:hover{color:var(--text)}
.menu-toggle{display:none;width:46px;height:46px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.04);cursor:pointer}.menu-toggle span{display:block;width:18px;height:2px;margin:4px auto;border-radius:999px;background:white}
.mobile-menu{display:none;flex-direction:column;align-items:flex-start;padding:0 0 18px}.mobile-menu.open{display:flex}
.hero{padding-top:72px}.hero-grid,.dual-grid,.cta-grid,.strip-grid,.footer-grid,.articles-grid,.ingredients-grid,.ranking-grid{display:grid;gap:24px}.hero-grid,.dual-grid,.cta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.strip-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.articles-grid,.ingredients-grid,.ranking-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.hero-copy h1,.section-head h2,.info-panel h2,.cta-grid h2,.legal-card h1,.faq-wrap h2{margin:0 0 16px;line-height:1.02;letter-spacing:-.04em}.hero-copy h1{font-size:clamp(3rem,7vw,5.8rem)}.section-head h2,.info-panel h2,.cta-grid h2,.legal-card h1,.faq-wrap h2{font-size:clamp(2rem,4vw,3.3rem)}
.hero-main-slogan{font-size:clamp(1.35rem,2vw,1.7rem);font-weight:800;color:var(--accent);margin:0 0 18px}.hero-ideology{font-size:1.15rem;font-weight:700;color:var(--accent-3);margin:14px 0 0}
.lead,.section-head p,.info-panel p,.ranking-item p,.article-card p,.ingredient-card p,.pillar-card p,.legal-card p,.faq-list p,.app-panel li,.signal-list li,.check-list li,.form-note,.small-note{color:var(--muted);line-height:1.72;font-size:1.03rem}
.eyebrow,.mini-label{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;color:var(--accent);text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:700}
.cta-row,.hero-stats,.mini-panels,.join-benefits{display:flex;flex-wrap:wrap;gap:14px}.hero-stats{margin-top:26px}.hero-stats>div,.mini-panel{flex:1;min-width:170px;padding:18px;border:1px solid var(--line);border-radius:var(--radius-sm);background:rgba(255,255,255,.04)}.hero-stats strong{display:block;font-size:1.35rem;margin-bottom:6px}.hero-stats span{color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 18px;border-radius:999px;text-decoration:none;border:1px solid transparent;font-weight:800;transition:transform .2s ease, box-shadow .25s ease, border-color .25s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--accent),#86ffd4);color:#03160d;box-shadow:0 14px 34px rgba(86,240,180,.22)}.btn-secondary{background:rgba(255,255,255,.04);border-color:var(--line);color:var(--text)}.btn-ghost{background:transparent;border-color:rgba(255,255,255,.12);color:var(--accent-3)}
.glass-card,.info-panel,.pillar-card,.article-card,.ingredient-card,.signup-form,.faq-wrap,.legal-card,.ranking-item,.app-panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));box-shadow:var(--shadow)}
.glass-card,.info-panel,.article-card,.ingredient-card,.signup-form,.faq-wrap,.legal-card,.ranking-item,.app-panel{padding:28px}.pillar-card{padding:24px 20px}.glass-card h2,.article-card h3,.ingredient-card h3,.ranking-item h3,.app-panel h3{margin:14px 0 10px}.card-head{display:flex;gap:10px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;font-size:.78rem;border:1px solid rgba(86,240,180,.28);background:rgba(86,240,180,.12)}.chip-muted{border-color:var(--line);background:rgba(255,255,255,.04)}
.pulse{position:relative;overflow:hidden}.pulse::after{content:"";position:absolute;inset:-40%;background:radial-gradient(circle, rgba(255,255,255,.1), transparent 45%);transform:translateX(-50%);animation:drift 7s linear infinite}@keyframes drift{to{transform:translateX(50%)}}
.signal-list,.check-list{margin:18px 0 0;padding-left:20px}.rules-list{display:grid;gap:16px}.rules-list strong{display:block;margin-bottom:6px}.section-head{max-width:790px;margin-bottom:30px}.compact-head{margin-bottom:18px}.ranking-item span,.article-tag,.app-badge,.pillar-card span:first-child{display:inline-flex;align-items:center;justify-content:center;width:auto;min-height:32px;padding:0 12px;border-radius:999px;background:rgba(86,240,180,.12);border:1px solid rgba(86,240,180,.24);color:var(--accent);font-weight:800}.article-tag{color:var(--accent-2);border-color:var(--line);background:rgba(255,255,255,.03)}.app-badge{margin-bottom:14px}
.cards-grid.five{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.pillar-card h3{margin:16px 0 8px;font-size:1.2rem}.app-grid{align-items:center}
.faq-list{display:grid;gap:12px}.faq-list details{border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.03);padding:18px}.faq-list summary{cursor:pointer;font-weight:800;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.join-benefits{margin-top:18px}.join-benefits .mini-panel{min-width:180px}.signup-form{display:grid;gap:16px}.signup-form label{display:grid;gap:8px;font-size:.95rem}.signup-form input,.signup-form select{width:100%;min-height:52px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--text);padding:0 16px;font:inherit}.signup-form input::placeholder{color:#7b90aa}.consent-row{grid-template-columns:20px 1fr;align-items:start}.consent-row input{min-height:auto;width:18px;height:18px;margin-top:4px}.hidden-field{display:none}.form-message{min-height:24px;font-size:.94rem}.form-message.success{color:var(--accent-3)}.form-message.error{color:var(--danger)}
.footer{padding:34px 0 50px;border-top:1px solid var(--line)}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer p{color:var(--muted);max-width:520px}.footer h3{margin:6px 0 14px;font-size:1rem}.privacy-body .legal-card{max-width:900px}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}
@media (max-width:1100px){.cards-grid.five{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:860px){.desktop-nav{display:none}.menu-toggle{display:inline-block}.hero-grid,.dual-grid,.cta-grid,.strip-grid,.footer-grid,.articles-grid,.ingredients-grid,.ranking-grid,.cards-grid.five{grid-template-columns:1fr}.glass-card,.info-panel,.article-card,.ingredient-card,.signup-form,.faq-wrap,.legal-card,.ranking-item,.app-panel{padding:22px}}