
:root{
  --navy:#071a3d;--navy2:#0c2858;--ink:#10213f;--muted:#5d6a80;--bg:#f7f9ff;
  --white:#fff;--blue:#2867ff;--cyan:#00b9ff;--green:#16a66a;--yellow:#ffd84a;
  --orange:#ff8b2c;--red:#ee4f5d;--purple:#7a56e8;--border:#dce5f4;--shadow:0 18px 50px rgba(18,42,83,.12);
  --radius:24px;--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(--ink);background:var(--bg);line-height:1.58}
body.reduce-motion *,body.reduce-motion *:before,body.reduce-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
body.high-contrast{--bg:#fff;--ink:#000;--muted:#222;--navy:#000;--border:#000}
a{color:inherit}img{max-width:100%;display:block}.wrap{width:min(calc(100% - 32px),var(--max));margin:auto}
.skip{position:fixed;left:12px;top:-80px;z-index:9999;background:#fff;color:#000;padding:12px 16px;border-radius:10px}.skip:focus{top:12px}
.topbar{background:var(--navy);color:#fff;font-size:.86rem}.topbar .wrap{display:flex;justify-content:space-between;gap:18px;padding:9px 0;align-items:center}.topbar a{color:#fff;font-weight:800}
header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(220,229,244,.9)}
.navrow{min-height:76px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:950;color:var(--navy);letter-spacing:-.02em}.brand img{width:52px;height:52px;object-fit:contain}.brand small{display:block;color:var(--muted);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase}.navlinks{display:flex;align-items:center;gap:18px;margin-left:auto}.navlinks a{text-decoration:none;font-size:.91rem;font-weight:800}.navlinks a:hover{color:var(--blue)}
.menu-btn{display:none;margin-left:auto;border:1px solid var(--border);background:white;border-radius:14px;padding:10px 12px;font-size:1.25rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;border:none;border-radius:14px;padding:13px 18px;font-weight:900;cursor:pointer;transition:.2s transform,.2s box-shadow,.2s opacity}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(40,103,255,.18)}.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:4px solid rgba(40,103,255,.25);outline-offset:3px}
.btn-primary{background:linear-gradient(135deg,var(--orange),#ff6f22);color:#fff}.btn-blue{background:linear-gradient(135deg,var(--blue),#1b4ec5);color:white}.btn-green{background:var(--green);color:#fff}.btn-light{background:#fff;color:var(--navy);border:1px solid var(--border)}.btn-dark{background:var(--navy);color:#fff}.btn-sm{padding:10px 14px;border-radius:12px;font-size:.87rem}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 18% 18%,rgba(0,185,255,.22),transparent 35%),radial-gradient(circle at 85% 25%,rgba(255,216,74,.22),transparent 30%),linear-gradient(145deg,#071a3d 0%,#0b2f67 54%,#102a58 100%);color:#fff;padding:72px 0 66px}
.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:44px;align-items:center}.eyebrow,.kicker{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.eyebrow{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);padding:8px 11px;border-radius:999px}.hero h1{font-size:clamp(3.1rem,6.2vw,6.1rem);line-height:.91;letter-spacing:-.065em;margin:17px 0 20px}.hero h1 span{color:var(--yellow)}.hero p{font-size:clamp(1.05rem,1.7vw,1.25rem);color:#dce8ff;max-width:690px}.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.trustline{display:flex;gap:10px 16px;flex-wrap:wrap;margin-top:24px;color:#d7e7ff;font-size:.9rem;font-weight:800}.hero-art{background:#fff;border-radius:30px;padding:10px;box-shadow:0 30px 80px rgba(0,0,0,.28);transform:rotate(1deg);position:relative}.hero-art img{border-radius:22px;width:100%;aspect-ratio:4/3;object-fit:cover}.hero-badge{position:absolute;right:-12px;bottom:-18px;background:var(--yellow);color:var(--navy);font-weight:950;border-radius:18px;padding:12px 16px;box-shadow:var(--shadow)}
.section{padding:74px 0}.section.white{background:#fff}.section.soft{background:#eef4ff}.section.navy{background:var(--navy);color:#fff}.section-title{max-width:760px;margin-bottom:30px}.section-title.center{text-align:center;margin-left:auto;margin-right:auto}.section-title .kicker{color:var(--blue)}.section.navy .section-title .kicker{color:var(--yellow)}.section-title h2{font-size:clamp(2.25rem,4.4vw,4rem);line-height:1.02;letter-spacing:-.055em;margin:8px 0 12px;color:var(--navy)}.section.navy .section-title h2{color:#fff}.section-title p{font-size:1.05rem;color:var(--muted)}.section.navy .section-title p{color:#bed0ef}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:25px;box-shadow:0 8px 30px rgba(15,37,77,.06);position:relative;overflow:hidden}.card:before{content:"";height:6px;position:absolute;left:0;right:0;top:0;background:var(--accent,var(--blue))}.card .icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:#eef4ff;font-size:1.65rem;margin-bottom:16px}.card h3{font-size:1.35rem;letter-spacing:-.03em;margin:0 0 8px}.card p{color:var(--muted);margin:0 0 16px}.card .btn{margin-top:5px}.card .mini{display:block;color:var(--muted);font-size:.82rem;margin:8px 0 13px}.path-card{min-height:320px;display:flex;flex-direction:column}.path-card .btn{margin-top:auto}
.statrow{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:-26px;position:relative;z-index:5}.stat{background:white;border:1px solid var(--border);border-radius:18px;padding:17px;box-shadow:var(--shadow);text-align:center}.stat b{display:block;font-size:1.3rem;color:var(--navy)}.stat span{font-size:.84rem;color:var(--muted);font-weight:700}
.split{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center}.media-panel{background:#fff;border-radius:30px;padding:14px;box-shadow:var(--shadow);border:1px solid var(--border)}.media-panel img{width:100%;border-radius:20px}.checklist{display:grid;gap:12px;margin:22px 0}.check{display:flex;gap:11px;align-items:flex-start}.check b{color:var(--navy)}.checkmark{width:26px;height:26px;border-radius:50%;background:#ddf7e9;color:var(--green);display:grid;place-items:center;font-weight:950;flex:0 0 auto}
.offer{background:linear-gradient(135deg,#fff8d8,#fff);border:1px solid #f3dd87;border-radius:30px;padding:30px;box-shadow:var(--shadow)}.offer h3{font-size:2rem;letter-spacing:-.04em;margin:5px 0}.offer-list{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.pill{display:inline-flex;padding:8px 11px;border-radius:999px;background:#fff;border:1px solid var(--border);font-size:.84rem;font-weight:800}
.form-card{background:#fff;border:1px solid var(--border);border-radius:28px;padding:28px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:.85rem;font-weight:900;color:var(--navy)}.field input,.field select,.field textarea{width:100%;border:1px solid #cfd9ea;background:#fff;border-radius:13px;padding:12px 13px;font:inherit;color:var(--ink)}.field textarea{min-height:120px;resize:vertical}.consent{display:flex;gap:10px;align-items:flex-start;font-size:.87rem;color:var(--muted);margin:14px 0}.consent input{margin-top:4px}.status{margin-top:12px;font-weight:800;min-height:25px}.status.ok{color:var(--green)}.status.err{color:#b52d3c}
.book-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:34px;align-items:center}.book-cover{background:#fff;padding:13px;border-radius:24px;border:1px solid var(--border);box-shadow:var(--shadow);max-width:380px;margin:auto}.book-cover img{border-radius:14px}.formats{display:grid;grid-template-columns:1fr 1fr;gap:14px}.format{background:white;border:1px solid var(--border);border-radius:18px;padding:18px}.format h3{margin:0 0 5px}.format p{font-size:.9rem;color:var(--muted)}
.video-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:stretch}.video-box{position:relative;padding-top:56.25%;background:#000;border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}.video-box iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.dark-card{background:#102a58;border:1px solid rgba(255,255,255,.14);padding:24px;border-radius:24px}.dark-card p{color:#c6d8f5}
.letters{display:grid;grid-template-columns:repeat(13,1fr);gap:8px}.letter{border:1px solid var(--border);background:#fff;border-radius:11px;padding:11px 4px;font-weight:950;color:var(--navy);cursor:pointer}.letter:hover,.letter.active{background:var(--blue);color:#fff}.techword{margin-top:17px;background:#fff;border:1px solid var(--border);border-radius:18px;padding:18px;font-size:1.2rem;font-weight:900;text-align:center}.gamebar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:16px 0}.score{background:#fff;border:1px solid var(--border);border-radius:12px;padding:9px 12px;font-weight:900}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:steps}.step{background:#fff;border:1px solid var(--border);border-radius:20px;padding:21px}.step:before{counter-increment:steps;content:counter(steps);width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:white;font-weight:950;margin-bottom:12px}.step h3{margin:0 0 6px}.step p{font-size:.9rem;color:var(--muted)}
.cta-band{background:linear-gradient(120deg,var(--blue),#704be8);color:white;border-radius:30px;padding:32px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:var(--shadow)}.cta-band h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1;margin:0 0 10px;letter-spacing:-.05em}.cta-band p{margin:0;color:#e6edff;max-width:650px}
footer{background:#04132f;color:#fff;padding:50px 0 92px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:30px}.footer-grid h4{margin:0 0 12px}.footer-grid a{display:block;text-decoration:none;color:#c1d0e8;margin:8px 0;font-size:.9rem}.footer-grid p{color:#aebed7}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:32px;padding-top:20px;color:#91a5c6;font-size:.82rem}
.sticky-buy{position:fixed;right:18px;bottom:18px;z-index:90;box-shadow:0 13px 34px rgba(0,0,0,.22)}.controls{position:fixed;left:14px;bottom:14px;display:flex;gap:7px;z-index:90}.controls button{border:1px solid var(--border);background:#fff;border-radius:10px;padding:8px 10px;font-weight:800;font-size:.8rem}
.page-hero{background:linear-gradient(140deg,var(--navy),#123d7d);color:#fff;padding:66px 0}.page-hero h1{font-size:clamp(2.8rem,5.4vw,5.5rem);line-height:.96;letter-spacing:-.06em;margin:10px 0 14px}.page-hero p{font-size:1.1rem;color:#cfddf5;max-width:760px}.breadcrumb{font-size:.84rem;color:#bfd1f0}.breadcrumb a{color:#fff}
.notice{padding:15px 17px;border-radius:14px;background:#fff9d9;border:1px solid #f2df89;color:#554400}.legal{font-size:.83rem;color:var(--muted)}.center{text-align:center}
.print-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.activity{background:#fff;border:2px dashed #ccd7e8;border-radius:20px;padding:24px;min-height:330px}.activity .bigletter{font-size:6rem;font-weight:950;line-height:1;color:var(--blue)}.drawbox{height:130px;border:2px dashed #b8c6dc;border-radius:15px;margin-top:15px;display:grid;place-items:center;color:#8796ad}
@media(max-width:980px){.navlinks{display:none;position:absolute;left:16px;right:16px;top:76px;background:white;border:1px solid var(--border);padding:16px;border-radius:18px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.menu-btn{display:block}.hero-grid,.split,.book-grid,.video-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.statrow,.timeline{grid-template-columns:1fr 1fr}.letters{grid-template-columns:repeat(9,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.hero-art{max-width:720px}.hero{padding-top:52px}}
@media(max-width:640px){.topbar .wrap{justify-content:center;text-align:center}.topbar .right{display:none}.hero h1{font-size:3.45rem}.cards,.formats,.form-grid,.statrow,.timeline,.print-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.letters{grid-template-columns:repeat(6,1fr)}.cta-band{display:block}.cta-band .btn{margin-top:18px}.footer-grid{grid-template-columns:1fr}.controls{display:none}.sticky-buy{right:12px;bottom:12px}.section{padding:58px 0}}
@media print{header,.topbar,footer,.sticky-buy,.controls,.no-print{display:none!important}.page-hero{background:#fff!important;color:#000;padding:20px 0}.page-hero p,.breadcrumb{color:#333}.activity{break-inside:avoid;page-break-inside:avoid}.print-grid{display:block}.activity{margin:0 0 20px;min-height:8.2in}.section{padding:20px 0}body{background:#fff}}

.character-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.character{background:#fff;border:1px solid var(--border);border-radius:26px;padding:22px;text-align:center;box-shadow:0 8px 30px rgba(15,37,77,.06)}
.character-art{height:210px;display:grid;place-items:center;background:linear-gradient(145deg,#f6f9ff,#e8f1ff);border-radius:20px;margin-bottom:18px;overflow:hidden}
.character-art img{max-height:190px;max-width:90%;object-fit:contain}.character h3{font-size:1.35rem;margin:0 0 6px}.character p{color:var(--muted);margin:0}
@media(max-width:760px){.character-grid{grid-template-columns:1fr}.character-art{height:190px}}
