/* Hood Whales v1 "blue" system (the first site), used on /bot/. Same tokens and type as v1. */
:root{--bg:#07131F;--tide:#0E2A40;--card:#0C2133;--line:#16324A;--cyan:#3FB6E8;--ink:#EAF2F8;--mut:#8FA6B8;--pass:#2BD38A;--warn:#F5B841;--fail:#FF5C6C;
 --gut:clamp(16px,4vw,56px);--ease:cubic-bezier(.16,1,.3,1);--ser:'Playfair Display',Georgia,serif;--sans:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;--mono:ui-monospace,'SFMono-Regular',Menlo,monospace}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit}img,video{display:block;max-width:100%}
.wrap{max-width:1240px;margin:0 auto;padding:0 var(--gut)}
.hdr{position:fixed;inset:0 0 auto 0;z-index:90;display:flex;align-items:center;gap:24px;padding:18px var(--gut);transition:background .3s var(--ease)}
.hdr.stuck{background:rgba(7,19,31,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.02em;text-decoration:none;font-size:18px}.brand svg{width:34px;height:34px}
.nav{margin-left:auto;display:flex;gap:26px;font-size:15px}.nav a{text-decoration:none;color:var(--mut)}.nav a:hover{color:var(--ink)}
.cta{display:inline-flex;align-items:center;gap:8px;background:var(--cyan);color:#04111B;font-weight:600;padding:11px 20px;border-radius:999px;text-decoration:none;font-size:15px}
.cta.ghost{background:transparent;color:var(--ink);border:1px solid #2A4A63}
@media (max-width:860px){.nav{display:none}.hdr .cta{margin-left:auto}}
.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;overflow:hidden;isolation:isolate}
.film,.film-still{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.film{z-index:-2}.film-still{z-index:-3}
.scrim{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,11,18,.9) 0%,rgba(4,11,18,.55) 45%,rgba(4,11,18,.1) 75%),linear-gradient(0deg,var(--bg) 0%,transparent 30%)}
.hero-in{width:100%;padding:130px var(--gut) 90px;max-width:1240px;margin:0 auto}
.eyebrow{font-size:13px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan)}
.hero h1{font-family:var(--ser);font-weight:700;font-size:clamp(44px,min(7.4vw,11vh),96px);line-height:1.02;letter-spacing:-.02em;margin:18px 0 22px;max-width:12ch}
.hero h1 em,.sec h2 em{font-style:italic;font-weight:500;color:var(--cyan)}
.hero p.lead{font-size:clamp(17px,1.6vw,21px);color:#C5D6E3;max-width:560px}
.acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.note{margin-top:20px;font-size:13px;color:var(--mut)}
@media (prefers-reduced-motion:reduce){.film{display:none}.mq-track{animation:none}}
.mq{border-block:1px solid var(--line);background:#081826;padding-block:22px;overflow:hidden}
.mq-track{display:flex;gap:56px;width:max-content;animation:mq 38s linear infinite;font-family:var(--ser);font-size:clamp(22px,2.6vw,34px);color:#9DB3C4}
.mq-track span{white-space:nowrap}.mq-track i{color:var(--cyan);font-style:normal}@keyframes mq{to{transform:translateX(-50%)}}
.sec{padding:clamp(72px,10vh,120px) 0;scroll-margin-top:80px}
.sec h2{font-family:var(--ser);font-weight:600;font-size:clamp(34px,4.6vw,56px);line-height:1.08;letter-spacing:-.01em;margin-top:10px}
.sec .sub{color:var(--mut);font-size:18px;max-width:660px;margin-top:14px}
.grid{display:grid;gap:18px;margin-top:44px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:28px}
.card h3{font-size:20px;font-weight:600;margin:14px 0 8px}.card p{color:var(--mut);font-size:15.5px}.card b{color:var(--ink);font-family:var(--mono);font-weight:500}
.k{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan)}
.film-box{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(28px,4vw,64px);align-items:center}@media (max-width:900px){.film-box{grid-template-columns:1fr}}
.film-box video{border-radius:20px;border:1px solid var(--line);width:100%}
.cmp{width:100%;border-collapse:collapse;margin-top:36px;background:var(--card);border:1px solid var(--line);border-radius:22px;overflow:hidden;font-size:15px}
.cmp th,.cmp td{padding:15px 20px;border-bottom:1px solid #12293C;text-align:left}.cmp th{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);background:#0A1C2B}
.cmp td:nth-child(2){color:var(--mut)}.cmp td:nth-child(3){color:var(--pass);font-weight:500}
.plans{display:grid;gap:18px;margin-top:44px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.plan{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:30px;display:flex;flex-direction:column;gap:14px}
.plan.hot{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan),0 24px 60px rgba(63,182,232,.12)}
.plan h3{font-family:var(--ser);font-size:30px;font-weight:600}.price{font-family:var(--ser);font-size:34px}.price small{font-family:var(--sans);font-size:14px;color:var(--mut)}
.plan ul{list-style:none;display:grid;gap:9px;font-size:15px;color:var(--mut)}.plan li{padding-left:24px;position:relative}.plan li::before{content:'✓';position:absolute;left:0;color:var(--pass);font-weight:700}
.plan .cta{justify-content:center;margin-top:auto}
.risk{margin-top:30px;background:#1F1A0C;border:1px solid #4A3B12;border-radius:18px;padding:20px 22px;color:#F3DFA8;font-size:14.5px}
.faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,4vw,64px);align-items:start}.faq-title{position:sticky;top:104px}
@media (max-width:900px){.faq{grid-template-columns:1fr}.faq-title{position:static}}
details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-size:18px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:16px}
summary::-webkit-details-marker{display:none}summary::after{content:'+';color:var(--cyan);font-size:22px;line-height:1}details[open] summary::after{content:'–'}details p{color:var(--mut);margin-top:10px;font-size:16px}
.ftr{border-top:1px solid var(--line);margin-top:clamp(72px,10vh,120px);padding:48px 0 36px;color:var(--mut);font-size:13px;line-height:1.6}

.brand img{width:34px;height:34px;border-radius:50%}