:root { --blue:#0756d9; --blue-dark:#003d9c; --ink:#0a0d14; --muted:#556070; --line:#d7dde6; --soft:#f3f7fc; --white:#fff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:#fff; color:var(--ink); font-family:Arial,Helvetica,sans-serif; }
a { color:inherit; text-decoration:none; }
button,input,select,textarea { font:inherit; }
button,a { -webkit-tap-highlight-color:transparent; }
svg { width:1em; height:1em; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.skip-link { position:fixed; left:16px; top:-80px; z-index:100; background:#fff; border:3px solid var(--blue); padding:12px 18px; }
.skip-link:focus { top:16px; }
.beta-strip { min-height:38px; display:flex; align-items:center; justify-content:center; gap:28px; padding:8px 5vw; background:var(--ink); color:#fff; font-size:12px; letter-spacing:.04em; }
.beta-strip p { margin:0; color:#cbd5e1; }.beta-strip span { font-weight:800; text-transform:uppercase; }.beta-strip i { display:inline-block; width:7px; height:7px; margin-right:7px; border-radius:50%; background:#38d77a; box-shadow:0 0 0 4px #38d77a22; }.beta-strip a { border-bottom:1px solid #fff; }
.site-header { height:84px; padding:0 max(5vw,24px); border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; position:sticky; top:0; z-index:30; background:#fffffff2; backdrop-filter:blur(12px); }
.brand { display:flex; align-items:center; gap:12px; font-size:18px; font-weight:800; letter-spacing:-.04em; }.brand em { color:var(--blue); font-style:normal; }.brand-mark { width:42px; height:42px; display:grid; place-items:center; color:#fff; background:var(--blue); border-radius:5px; font-size:13px; letter-spacing:-.03em; }
nav { display:flex; align-items:center; gap:28px; font-size:14px; font-weight:700; }nav>a:not(.nav-cta):hover { color:var(--blue); }.nav-cta { display:flex; align-items:center; gap:9px; padding:12px 17px; background:var(--ink); color:#fff; border-radius:5px; }.nav-cta:hover { background:var(--blue); }.menu-button { display:none; }
.hero { min-height:720px; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:6vw; padding:80px max(6vw,24px) 90px; overflow:hidden; }
.eyebrow { color:var(--blue); font-size:12px; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }
.hero h1 { margin:16px 0 24px; font-size:clamp(62px,8vw,126px); line-height:.84; letter-spacing:-.085em; font-weight:900; }.hero-lede { max-width:650px; margin:0; color:var(--muted); font-size:clamp(18px,2vw,24px); line-height:1.55; }.hero-actions { display:flex; gap:12px; margin-top:34px; }.button { min-height:50px; display:inline-flex; align-items:center; justify-content:center; gap:11px; padding:0 22px; border:2px solid var(--ink); border-radius:5px; font-weight:800; cursor:pointer; }.button.primary { color:#fff; background:var(--blue); border-color:var(--blue); }.button.primary:hover { background:var(--blue-dark); }.button.secondary { background:#fff; }.button.secondary:hover { border-color:var(--blue); color:var(--blue); }.trust-line { display:flex; flex-wrap:wrap; gap:25px; padding:0; margin:34px 0 0; color:#3f4b5c; font-size:13px; font-weight:700; list-style:none; }.trust-line li:before { content:"✓"; margin-right:7px; color:var(--blue); }
.hero-visual { position:relative; min-height:540px; display:grid; place-items:center; }.hero-visual:before { content:""; position:absolute; width:600px; height:600px; border-radius:50%; background:radial-gradient(circle,#d9e8ff 0,#f3f7fc 62%,transparent 63%); }.video-card,.magazine-card { position:absolute; width:min(390px,72%); box-shadow:0 28px 70px #10244c25; }.video-card { left:0; top:55px; padding:22px; background:#101622; color:#fff; border-radius:9px; transform:rotate(-5deg); }.video-top { height:170px; display:flex; justify-content:space-between; align-items:flex-start; padding:8px; background:linear-gradient(135deg,#1d2d46,#07101f); border-radius:5px; }.play { align-self:center; margin:auto; width:52px; height:52px; display:grid; place-items:center; border-radius:50%; background:#fff; color:var(--blue); }.video-lines { display:grid; gap:7px; margin:20px 0 14px; }.video-lines i { height:6px; background:#435069; border-radius:9px; }.video-lines i:nth-child(2){width:82%}.video-lines i:nth-child(3){width:58%}.video-card strong { font-size:13px; }.conversion-arrow { position:absolute; z-index:4; width:56px; height:56px; display:grid; place-items:center; background:var(--blue); color:#fff; border:5px solid #fff; border-radius:50%; }.magazine-card { right:0; bottom:25px; padding:34px; background:#fff; border:1px solid #cbd4e1; border-top:8px solid var(--blue); border-radius:7px; transform:rotate(4deg); }.mag-label { color:var(--blue); font-size:10px; font-weight:900; letter-spacing:.14em; }.magazine-card h2 { margin:13px 0; font-size:36px; line-height:.98; letter-spacing:-.05em; }.magazine-card p { color:var(--muted); line-height:1.55; }.mag-footer { display:flex; gap:9px; margin-top:24px; }.mag-footer span { padding:7px 9px; background:var(--soft); color:var(--blue); border-radius:4px; font-size:10px; font-weight:900; text-transform:uppercase; }
.stats-band { display:grid; grid-template-columns:1.1fr 1.2fr; gap:45px 7vw; padding:72px max(6vw,24px); background:var(--ink); color:#fff; }.stats-band h2 { margin:12px 0 0; font-size:clamp(36px,4.5vw,68px); line-height:.94; letter-spacing:-.055em; }.stat-grid { display:grid; grid-template-columns:repeat(4,1fr); align-items:center; }.stat-grid article { padding:10px 22px; border-left:1px solid #334155; }.stat-grid strong { display:block; color:#fff; font-size:48px; letter-spacing:-.07em; }.stat-grid span { color:#9eabc0; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }.stats-note { grid-column:2; margin:0; color:#94a3b8; font-size:12px; line-height:1.6; }
.section { padding:120px max(6vw,24px); }.section-heading { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:60px; }.section-heading h2,.reader-copy h2,.share-section h2,.join-intro h2 { margin:12px 0 0; font-size:clamp(44px,6vw,88px); line-height:.92; letter-spacing:-.07em; }.steps { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }.steps article { padding:35px 7% 15px 0; border-right:1px solid var(--line); }.steps article+article { padding-left:10%; }.steps span { color:var(--blue); font-size:12px; font-weight:900; }.steps h3 { margin:50px 0 13px; font-size:24px; letter-spacing:-.035em; }.steps p { color:var(--muted); line-height:1.65; }
.reader-section { display:grid; grid-template-columns:.9fr 1.1fr; gap:7vw; align-items:center; padding:110px max(6vw,24px); background:var(--soft); }.reader-copy>p:not(.eyebrow) { max-width:560px; color:var(--muted); font-size:18px; line-height:1.7; }.reader-controls { display:flex; flex-wrap:wrap; gap:8px; margin-top:30px; }.reader-controls button { padding:11px 14px; background:#fff; color:var(--ink); border:1px solid #a8b2c0; border-radius:4px; font-weight:800; cursor:pointer; }.reader-controls button:hover { color:var(--blue); border-color:var(--blue); }.sample-article { padding:clamp(34px,5vw,76px); background:#fff; border-top:8px solid var(--blue); box-shadow:0 25px 70px #11316114; }.article-meta { display:flex; justify-content:space-between; color:var(--blue); font-size:10px; font-weight:900; letter-spacing:.15em; }.sample-article h3 { max-width:650px; margin:45px 0 24px; font-size:clamp(38px,5vw,72px); line-height:.96; letter-spacing:-.065em; }.sample-article p { color:#334155; font:20px/1.75 Georgia,serif; }.sample-article a { display:inline-flex; align-items:center; gap:9px; margin-top:25px; color:var(--blue); font-weight:900; }
.topic-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }.topic-grid a { display:grid; grid-template-columns:40px 1fr auto 20px; align-items:center; gap:10px; min-height:78px; padding:0 18px 0 0; border-bottom:1px solid var(--line); transition:.2s; }.topic-grid a:nth-child(3n+2),.topic-grid a:nth-child(3n+3){padding-left:18px;border-left:1px solid var(--line)}.topic-grid a:hover { background:var(--soft); color:var(--blue); padding-left:15px; }.topic-grid span { color:#8490a0; font-size:10px; }.topic-grid strong { font-size:17px; }.topic-grid small { color:#738093; }
.share-section { display:grid; grid-template-columns:1fr 1fr; gap:8vw; align-items:center; padding:110px max(6vw,24px); background:var(--blue); color:#fff; }.share-section .eyebrow { color:#cde0ff; }.caption-card { padding:35px; background:#fff; color:var(--ink); border-radius:7px; box-shadow:16px 16px 0 #003d9c; }.caption-card>span { color:var(--blue); font-size:11px; font-weight:900; text-transform:uppercase; letter-spacing:.12em; }.caption-card p { font-size:20px; line-height:1.55; }.caption-card button { padding:11px 15px; background:var(--ink); color:#fff; border:0; border-radius:4px; font-weight:900; cursor:pointer; }
.join-section { display:grid; grid-template-columns:.8fr 1.2fr; gap:10vw; padding:120px max(6vw,24px); }.join-intro>p:last-child { color:var(--muted); font-size:18px; line-height:1.65; }.join-form { display:grid; gap:19px; padding:38px; border:1px solid var(--line); border-top:7px solid var(--blue); box-shadow:0 20px 60px #14294b12; }.field-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }.join-form label:not(.check) { display:grid; gap:8px; font-weight:800; }.join-form label span { color:#6b7686; font-size:11px; text-transform:uppercase; letter-spacing:.08em; }.join-form input,.join-form select,.join-form textarea { width:100%; padding:13px 14px; color:var(--ink); background:#fff; border:2px solid #8d98a8; border-radius:4px; outline:none; }.join-form input:focus,.join-form select:focus,.join-form textarea:focus { border-color:var(--blue); box-shadow:0 0 0 3px #0756d922; }.check { display:flex; gap:11px; align-items:flex-start; color:#374151; font-size:13px; line-height:1.5; }.check input { width:18px; height:18px; flex:0 0 auto; accent-color:var(--blue); }.submit { width:max-content; margin-top:8px; }.form-status { min-height:20px; margin:0; color:var(--blue); font-weight:800; }.form-note { margin:0; color:#6b7280; font-size:11px; line-height:1.5; }
footer { padding:70px max(6vw,24px) 35px; background:#0a0d14; color:#fff; }.footer-brand { width:max-content; }.footer-brand .brand-mark { background:#fff; color:var(--blue); }.footer-brand+ p { max-width:600px; color:#9ca8b9; line-height:1.6; }.footer-links { display:flex; flex-wrap:wrap; gap:24px; margin:35px 0 55px; font-weight:700; }.footer-links a:hover { color:#8fbdff; }footer small { display:block; padding-top:25px; border-top:1px solid #293342; color:#7c8798; }
.large-text { font-size:118%; }.large-text .sample-article p { font-size:25px; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline:3px solid #ffbf47; outline-offset:3px; }
@media(max-width:980px){.hero{grid-template-columns:1fr;padding-top:60px}.hero-visual{min-height:520px}.stats-band{grid-template-columns:1fr}.stats-note{grid-column:1}.stat-grid{margin-top:10px}.reader-section,.share-section,.join-section{grid-template-columns:1fr}.topic-grid{grid-template-columns:repeat(2,1fr)}.topic-grid a:nth-child(n){padding-left:0;border-left:0}.topic-grid a:nth-child(even){padding-left:18px;border-left:1px solid var(--line)}nav{display:none;position:absolute;left:0;right:0;top:84px;padding:25px;flex-direction:column;align-items:stretch;background:#fff;border-bottom:1px solid var(--line)}nav.nav-open{display:flex}.menu-button{display:block;padding:10px 14px;border:2px solid var(--ink);background:#fff;border-radius:4px;font-weight:800}}
@media(max-width:650px){.beta-strip p{display:none}.site-header{height:72px}.brand{font-size:15px}.brand-mark{width:36px;height:36px}.hero{min-height:0;padding-top:52px}.hero h1{font-size:64px}.hero-actions{flex-direction:column}.button{width:100%}.hero-visual{min-height:430px}.video-card{width:76%;top:25px}.video-top{height:120px}.magazine-card{width:76%;padding:25px}.magazine-card h2{font-size:28px}.stat-grid{grid-template-columns:1fr 1fr}.stat-grid article{border-bottom:1px solid #334155;padding:20px}.section{padding-top:80px;padding-bottom:80px}.section-heading{display:block}.steps{grid-template-columns:1fr}.steps article,.steps article+article{padding:28px 0;border-right:0;border-bottom:1px solid var(--line)}.steps h3{margin-top:20px}.reader-section,.share-section,.join-section{padding-top:80px;padding-bottom:80px}.topic-grid{grid-template-columns:1fr}.topic-grid a:nth-child(n){padding-left:0;border-left:0}.field-row{grid-template-columns:1fr}.join-form{padding:24px}.trust-line{gap:12px}.caption-card{box-shadow:8px 8px 0 #003d9c}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.honeypot { position:absolute!important; left:-10000px!important; width:1px!important; height:1px!important; overflow:hidden!important; }
.live-diagnostics{display:flex;flex-wrap:wrap;gap:10px 18px;padding:14px max(6vw,24px);background:#ecfdf3;color:#14532d;border-top:1px solid #bbf7d0;font-size:12px}.live-diagnostics strong{width:100%;font-size:13px}.live-diagnostics.diag-error{background:#fff7ed;color:#9a3412;border-color:#fed7aa}
.admin-shell{min-height:100vh;display:grid;place-items:center;padding:30px;background:var(--soft)}.admin-login{width:min(520px,100%);display:grid;gap:18px;padding:42px;background:#fff;border-top:8px solid var(--blue);box-shadow:0 25px 70px #10244c20}.admin-login h1,.dashboard h1{margin:0;font-size:clamp(48px,7vw,84px);letter-spacing:-.07em}.admin-login label{display:grid;gap:7px;font-weight:800}.admin-login input{padding:13px;border:2px solid #697586;border-radius:4px}.alert{padding:12px;background:#fff1f2;color:#9f1239;border-left:4px solid #e11d48}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:18px 5vw;background:#0a0d14;color:#fff}.dashboard{padding:60px 5vw 100px}.dashboard-stats{display:grid;grid-template-columns:repeat(5,1fr);margin:35px 0 55px;border:1px solid var(--line)}.dashboard-stats article{padding:25px;border-right:1px solid var(--line)}.dashboard-stats strong{display:block;font-size:42px;letter-spacing:-.06em}.dashboard-stats span{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:30px}.dashboard section{margin:25px 0;padding:25px;border:1px solid var(--line)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td;padding:12px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--blue);font-size:11px;text-transform:uppercase}@media(max-width:850px){.dashboard-stats{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}}