:root{
  --navy:#10253d; --navy2:#183d5c; --wine:#7b5060; --gold:#e0b75d;
  --cream:#fbf7f1; --paper:#fff; --ink:#222a33; --muted:#68717b;
  --line:#e4ddd5; --green:#2f6b4e; --red:#8d2132;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.58}
a{color:inherit}
header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}
.nav{max-width:1160px;margin:auto;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-weight:900;color:var(--navy)}
.logo{width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,var(--wine),var(--navy));color:white;display:grid;place-items:center;font:700 24px Georgia,serif}
.links{display:flex;gap:17px;align-items:center;font-size:14px;font-weight:800}
.links a{text-decoration:none;color:var(--navy)}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:13px 18px;font-weight:900;text-decoration:none;cursor:pointer;font-size:15px}
.primary{background:var(--wine);color:#fff}.navy{background:var(--navy);color:#fff}.gold{background:var(--gold);color:#172438}.outline{background:white;border:1px solid #d6ccc4;color:var(--navy)}.soft{background:#f1e5e9;color:var(--wine)}
.hero{background:linear-gradient(135deg,var(--navy),var(--navy2) 66%,var(--wine) 160%);color:white;padding:76px 18px}
.hero-grid{max-width:1160px;margin:auto;display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:center}
.eyebrow{font-size:13px;letter-spacing:.13em;text-transform:uppercase;font-weight:900;color:#f2d493}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.14}
h1{font-size:clamp(42px,6vw,70px);margin:10px 0 16px}
h2{font-size:clamp(30px,4.5vw,48px);color:var(--navy);margin:0 0 12px}
h3{font-size:24px;color:var(--navy);margin:7px 0 9px}
.hero p{font-size:19px;color:#edf4f7;max-width:720px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}
.pills{display:flex;gap:10px;flex-wrap:wrap}
.pill{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);border-radius:999px;padding:8px 11px;font-size:13px;font-weight:800}
.phone{max-width:350px;margin:auto;background:#0a0e13;border:8px solid #070a0d;border-radius:37px;padding:9px;box-shadow:0 30px 70px rgba(0,0,0,.34)}
.screen{background:#f8f1ed;border-radius:25px;overflow:hidden;color:#2b2624}
.ptop{background:var(--wine);color:#fff;padding:16px}.ptop strong{display:block;font:700 20px Georgia,serif}.ptop small{opacity:.9}
.pbody{padding:11px}.mini{background:#fff;border:1px solid #e4d8d0;border-radius:12px;padding:10px;margin-bottom:9px}.fakeinput{border:1px solid #d3c8c0;border-radius:9px;padding:8px;margin-top:4px}.fakeoutput{font:12px/1.45 Georgia,serif}
.section{padding:68px 18px}.white{background:#fff}.wrap{max-width:1100px;margin:auto}.center{text-align:center}.lead{max-width:800px;margin:0 auto 35px;color:var(--muted);font-size:18px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:23px;box-shadow:0 12px 35px rgba(16,37,61,.08)}
.num{width:36px;height:36px;border-radius:50%;background:var(--navy);color:white;display:grid;place-items:center;font-weight:900}
.story{display:grid;grid-template-columns:.85fr 1.15fr;gap:30px;align-items:center}.stat{background:linear-gradient(145deg,#fff,#f7eee9);border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 12px 35px rgba(16,37,61,.08)}
.big{font:900 54px/1 Georgia,serif;color:var(--wine)}.checks{list-style:none;padding:0}.checks li{position:relative;padding:7px 0 7px 28px}.checks li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:900}
.demo{display:grid;grid-template-columns:.85fr 1.15fr;gap:20px}.panel{background:white;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 12px 35px rgba(16,37,61,.08)}
label{display:block;font-weight:800;font-size:13px;margin:11px 0 5px}input[type=text],input[type=email]{width:100%;border:1px solid #cec4bc;border-radius:11px;padding:13px 14px;font-size:16px}
.preview{font-family:Georgia,serif;line-height:1.7}.locked{margin-top:18px;background:#f7efe9;border:1px dashed #c7b7ad;border-radius:14px;padding:20px;text-align:center;font-family:Arial,sans-serif}
.stategrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.state{background:#fff;border:1px solid var(--line);border-radius:18px;padding:21px}.state b{color:var(--wine)}
.pricebox{max-width:830px;margin:auto;background:white;border:2px solid var(--gold);border-radius:25px;padding:32px;box-shadow:0 18px 55px rgba(16,37,61,.12)}.price{font:900 63px/1 Georgia,serif;color:var(--navy)}
.notice{background:#fff7e4;border:1px solid #ead499;border-radius:14px;padding:15px}.small{font-size:12px;color:var(--muted)}
.cashbox{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;align-items:center}.cashimg{width:100%;max-width:360px;border:1px solid var(--line);border-radius:18px;background:#fff}
footer{background:#0c1c2f;color:#dce6ec;text-align:center;padding:38px 18px}
.memberbar{background:#8d2132;color:#fff;text-align:center;padding:8px;font-size:13px;font-weight:900;letter-spacing:.05em}
.studenthero{background:linear-gradient(135deg,var(--navy),var(--wine));color:#fff;padding:52px 18px}.studenthero h1{font-size:clamp(38px,5vw,58px)}.studenthero h2{color:#fff}
.studentgrid{display:grid;grid-template-columns:245px 1fr;gap:20px;align-items:start}.side{position:sticky;top:90px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:0 12px 35px rgba(16,37,61,.08)}.side a{display:block;text-decoration:none;padding:10px;border-radius:9px;color:var(--navy);font-weight:800}.side a:hover{background:#f3e9ec}
.module{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;margin-bottom:18px;box-shadow:0 12px 35px rgba(16,37,61,.08)}.module h2{font-size:31px}.tag{display:inline-block;background:#e7f1ec;color:#275b46;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:900;margin-bottom:8px}.resourcegrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.resource{border:1px solid var(--line);border-radius:15px;padding:16px;background:#fff}
@media(max-width:850px){.hero-grid,.story,.demo,.cashbox,.studentgrid{grid-template-columns:1fr}.cards,.stategrid{grid-template-columns:1fr}.links a:not(.btn){display:none}.side{position:static}}