:root{--ink:#14213d;--ink2:#3d4a66;--bg:#fbf8f3;--card:#fff;--alt:#f3ede3;--acc:#e8873a;--acc2:#f4a259;--line:#e6dfd3;--r:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:'Plus Jakarta Sans',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;font-size:17px;-webkit-font-smoothing:antialiased}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}.narrow{max-width:680px}
h1,h2,h3{line-height:1.2;margin:0 0 .5em;letter-spacing:-.01em}
h1{font-size:clamp(32px,5.4vw,54px);font-weight:800}h2{font-size:clamp(26px,3.6vw,36px);font-weight:800}h3{font-size:18px;font-weight:700}
p{margin:0 0 1em}a{color:inherit}.muted{color:var(--ink2);font-weight:400}
.nav{position:sticky;top:0;z-index:10;background:rgba(251,248,243,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:60px}
.logo{display:flex;align-items:center;gap:8px;font-weight:700;text-decoration:none}.dot{width:12px;height:12px;border-radius:50%;background:var(--acc)}
.btn{display:inline-block;background:var(--ink);color:#fff;text-decoration:none;font-weight:700;padding:14px 22px;border-radius:999px;border:0;font:inherit;font-weight:700;cursor:pointer;transition:transform .15s,background .15s}
.btn:hover{background:#22325a;transform:translateY(-1px)}.btn-sm{padding:8px 16px;font-size:15px}.btn-full{width:100%;padding:16px}
.link{font-weight:600;text-underline-offset:4px}
.hero{padding:48px 0 56px}.hero-in{display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:center}
.eyebrow{display:inline-block;font-size:14px;font-weight:700;color:var(--acc);background:#fdeedd;padding:6px 12px;border-radius:999px}
.lead{font-size:20px;font-weight:600;color:var(--ink)}.hero-copy p{color:var(--ink2)}.hero-copy .lead{color:var(--ink)}
.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin:24px 0 12px}
.fine{font-size:14px;color:var(--ink2)}
.hero-vid{margin:0;justify-self:center;width:100%;max-width:300px}.hero-vid figcaption{font-size:14px;color:var(--ink2);margin-top:10px;text-align:center}
.vid{position:relative;display:block;width:100%;aspect-ratio:9/16;border:0;padding:0;border-radius:var(--r);overflow:hidden;background:#000;cursor:pointer}
.vid img{width:100%;height:100%;object-fit:cover;display:block}
.vid.big{box-shadow:0 24px 60px -20px rgba(20,33,61,.45);border-radius:24px}
.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--ink);display:grid;place-items:center;transition:transform .15s}
.vid:hover .play{transform:translate(-50%,-50%) scale(1.08)}
.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.sec{padding:64px 0}.alt{background:var(--alt)}.sec-lead{color:var(--ink2);max-width:640px;margin-bottom:28px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px}.card p{color:var(--ink2);margin:0}
.grid5{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.vcard{padding:0;overflow:hidden}.vcard .vid{border-radius:0}
.vmeta{padding:14px}.brand{font-weight:800;color:var(--ink)!important}.topic{font-size:13px}.vtitle{font-size:14px;margin:6px 0!important;color:var(--ink)!important}.views{font-size:12px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}
.stat{background:var(--card);border-radius:var(--r);padding:24px;border:1px solid var(--line)}.stat .num{font-size:40px;font-weight:800;margin:0 0 4px;color:var(--acc)}.stat p{color:var(--ink2);margin:0}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.mods{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.mods li{display:flex;gap:16px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px}.mods p{color:var(--ink2);margin:0}
.n{flex:none;width:36px;height:36px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:800}
details{border-bottom:1px solid var(--line);padding:16px 0}summary{font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}
summary::after{content:'+';font-size:22px;line-height:1;color:var(--acc)}details[open] summary::after{content:'−'}summary::-webkit-details-marker{display:none}
details p{color:var(--ink2);margin:12px 0 0}
.signup{background:var(--ink);color:#fff}.signup .sec-lead,.signup .fine{color:#c9d1e4}
form{background:#fff;color:var(--ink);border-radius:20px;padding:24px;display:grid;gap:16px}
form label{display:grid;gap:6px;font-weight:600;font-size:15px}
input,textarea{font:inherit;font-weight:400;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink)}
input:focus,textarea:focus{outline:2px solid var(--acc2);border-color:var(--acc2)}
fieldset{border:0;padding:0;margin:0;display:grid;gap:8px}legend{font-weight:600;font-size:15px;margin-bottom:6px}
.opt{display:flex!important;align-items:center;gap:10px;font-weight:500!important;border:1px solid var(--line);border-radius:12px;padding:10px 14px;cursor:pointer}
.opt:has(input:checked){border-color:var(--acc);background:#fdf3e8}.opt input{accent-color:var(--acc);margin:0}
form .fine{color:var(--ink2);margin:0}.hp{position:absolute;left:-9999px}
.msg{margin:0;padding:12px 14px;border-radius:12px;font-weight:600}.msg.ok{background:#e7f6ec;color:#17643a}.msg.err{background:#fde8e8;color:#9b1c1c}
.foot{padding:28px 0;font-size:14px;color:var(--ink2)}
@media (max-width:960px){.grid5{grid-template-columns:repeat(3,1fr)}.grid4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.hero{padding:28px 0 40px}.hero-in{grid-template-columns:1fr;gap:28px}.hero-vid{max-width:240px}
.grid5{grid-template-columns:repeat(2,1fr)}.stats,.mods{grid-template-columns:1fr}.sec{padding:48px 0}body{font-size:16px}}
@media (max-width:420px){.grid4{grid-template-columns:1fr}}