:root{
  --navy:#040B1D;--navy-mid:#0A1830;--navy-soft:#111E35;
  --gold:#C9963A;--gold-bright:#E0AA48;--gold-light:#F5E6C8;--gold-pale:#FDF8F0;
  --cream:#F7F3EC;--cream-dark:#EDE5D4;--white:#FFFFFF;
  --text-mid:#4A5160;--text-light:#8A9090;--border:#E2DDD4;
  --r:10px;--r-lg:18px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'DM Sans',sans-serif;background:var(--cream);color:var(--navy);font-size:15px;line-height:1.65;overflow-x:hidden;}
h1,h2,h3,h4{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;line-height:1.1;letter-spacing:-.02em;}
a{text-decoration:none;color:inherit;}
button{font-family:'DM Sans',sans-serif;cursor:pointer;font-weight:600;}
.page{display:none;}.page.active{display:block;}

/* TOPBAR */
.topbar{background:var(--gold);padding:9px 24px;text-align:center;}
.topbar p{font-size:12px;color:var(--navy);font-weight:600;letter-spacing:.04em;}

/* NAV */
nav{background:var(--navy);padding:0 40px;display:flex;align-items:center;justify-content:space-between;height:68px;position:sticky;top:0;z-index:200;border-bottom:1px solid rgba(201,150,58,.12);}
.nav-logo{display:flex;align-items:center;gap:12px;cursor:pointer;}
.nav-logo img{height:42px;width:auto;object-fit:contain;}
.logo-text{color:var(--white);font-size:12px;font-family:'DM Sans',sans-serif;font-weight:500;white-space:nowrap;line-height:1.1;letter-spacing:0;}
.nav-links{display:flex;align-items:center;gap:2px;}
.nav-link{color:rgba(255,255,255,.55);font-size:13px;padding:7px 14px;border-radius:7px;transition:color .2s;cursor:pointer;font-family:'DM Sans',sans-serif;font-weight:500;letter-spacing:.01em;}
.nav-link:hover,.nav-link.active{color:var(--gold);}
.nav-cta{background:var(--gold);color:var(--navy);font-size:13px;font-weight:700;padding:9px 20px;border-radius:7px;margin-left:10px;border:none;transition:background .2s;letter-spacing:.01em;font-family:'DM Sans',sans-serif;}
.nav-cta:hover{background:var(--gold-bright);}

/* BUTTONS */
.btn-gold{background:var(--gold);color:var(--navy);font-size:14px;font-weight:700;padding:14px 28px;border-radius:var(--r);border:none;display:inline-flex;align-items:center;gap:8px;transition:background .2s,transform .15s;letter-spacing:.01em;cursor:pointer;font-family:'DM Sans',sans-serif;}
.btn-gold:hover{background:var(--gold-bright);transform:translateY(-1px);}
.btn-outline-white{background:transparent;color:var(--white);font-size:14px;font-weight:600;padding:13px 28px;border-radius:var(--r);border:2px solid rgba(255,255,255,.25);display:inline-flex;align-items:center;gap:8px;transition:border-color .2s;cursor:pointer;font-family:'DM Sans',sans-serif;}
.btn-outline-white:hover{border-color:rgba(255,255,255,.55);}
.btn-navy{background:var(--navy);color:var(--white);font-size:14px;font-weight:700;padding:14px 28px;border-radius:var(--r);border:none;display:inline-flex;align-items:center;gap:8px;transition:background .2s;cursor:pointer;letter-spacing:.02em;}
.btn-navy:hover{background:var(--navy-soft);}
.eyebrow{font-size:11px;font-weight:700;color:var(--gold);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;display:block;font-family:'DM Sans',sans-serif;}

/* HERO */
.hero{background:var(--navy);min-height:560px;display:grid;grid-template-columns:1fr 1fr;gap:0;position:relative;overflow:hidden;}
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 90% 40%,rgba(201,150,58,.18) 0%,transparent 55%),radial-gradient(ellipse 50% 50% at 10% 80%,rgba(201,150,58,.1) 0%,transparent 50%),radial-gradient(ellipse 40% 30% at 50% 0%,rgba(201,150,58,.08) 0%,transparent 60%);pointer-events:none;}
.hero-left{padding:64px 24px 64px 80px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1;}
.hero h1{font-size:48px;color:var(--white);margin-bottom:12px;line-height:1.05;font-weight:700;}
.hero h1 em{color:var(--gold);font-style:normal;}
.hero-sub{color:rgba(255,255,255,.58);font-size:15px;max-width:420px;margin-bottom:28px;line-height:1.6;font-weight:400;}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:40px;}
.hero-stats{display:flex;gap:28px;padding-top:28px;border-top:1px solid rgba(255,255,255,.08);}
.hero-stat-num{font-family:'Plus Jakarta Sans',sans-serif;font-size:28px;color:var(--gold);font-weight:600;line-height:1;text-align:center;}
.hero-stat-label{font-size:11px;color:rgba(255,255,255,.4);margin-top:4px;text-align:center;}
.hero-right{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 32px 40px 16px;position:relative;z-index:1;}
.book-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:340px;}
.book-tile{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--r);padding:12px 10px;cursor:pointer;transition:border-color .2s,background .2s,transform .15s;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;}
.book-tile:hover{border-color:rgba(201,150,58,.5);background:rgba(201,150,58,.07);transform:translateY(-2px);}
.book-tile.featured{grid-column:span 2;flex-direction:row;justify-content:center;gap:16px;border-color:rgba(201,150,58,.2);background:rgba(201,150,58,.05);}
.tile-num{font-family:'Plus Jakarta Sans',sans-serif;font-size:28px;color:var(--gold);font-weight:600;line-height:1;}
.tile-title{font-size:11px;color:rgba(255,255,255,.7);font-weight:400;}
.tile-age{font-size:10px;color:rgba(255,255,255,.35);}
.tile-fmts{display:flex;gap:3px;margin-top:4px;flex-wrap:wrap;justify-content:center;}
.tile-fmt{font-size:9px;background:rgba(201,150,58,.15);color:var(--gold);padding:1px 5px;border-radius:3px;font-weight:600;}

/* TRUST BAR */
.trust-bar{background:var(--gold);padding:13px 40px;display:flex;justify-content:center;gap:40px;flex-wrap:wrap;}
.trust-item{font-size:12.5px;color:var(--navy);font-weight:700;display:flex;align-items:center;gap:7px;font-family:'DM Sans',sans-serif;}

/* SECTIONS */
.section{padding:72px 40px;}
.section-inner{max-width:1040px;margin:0 auto;}
.bg-cream{background:var(--cream);}
.bg-white{background:var(--white);}
.section h2{font-size:38px;margin-bottom:12px;}
.section-sub{font-size:15px;color:var(--text-mid);max-width:520px;margin-bottom:44px;line-height:1.7;}

/* HOW GRID */
.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.how-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);padding:32px 28px;position:relative;transition:box-shadow .2s,transform .2s;}
.how-card:hover{box-shadow:0 12px 32px rgba(4,11,29,.08);transform:translateY(-3px);}
.how-card.featured{border:2px solid var(--gold);background:var(--gold-pale);}
.how-badge{position:absolute;top:-13px;left:28px;background:var(--gold);color:var(--navy);font-size:10px;font-weight:800;padding:3px 12px;border-radius:20px;letter-spacing:.06em;font-family:'DM Sans',sans-serif;text-transform:uppercase;}
.how-icon{width:50px;height:50px;background:var(--navy);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:16px;}
.how-card h3{font-size:20px;margin-bottom:8px;}
.how-card p{font-size:13px;color:var(--text-mid);line-height:1.65;margin-bottom:16px;}
.how-price{font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;color:var(--navy);font-weight:600;}

/* SERIES GRID */
.series-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.series-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s;}
.series-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px rgba(4,11,29,.12);}
.series-card-top{background:var(--navy);padding:0;text-align:center;position:relative;overflow:hidden;height:190px;display:flex;align-items:center;justify-content:center;}
.series-card-top::after{content:'';position:absolute;bottom:-20px;right:-20px;width:80px;height:80px;border-radius:50%;background:rgba(201,150,58,.08);}
.series-card-top .book-cover-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--navy-mid) 0%,var(--navy-soft) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;}
.series-card-top img.book-cover{width:100%;height:100%;object-fit:cover;}
.sc-num{font-family:'Plus Jakarta Sans',sans-serif;font-size:40px;color:var(--gold);font-weight:600;line-height:1;}
.sc-title{font-size:12px;color:rgba(255,255,255,.8);margin-top:4px;font-family:'DM Sans',sans-serif;font-weight:400;}
.series-card-bot{padding:14px;}
.sc-age{font-size:11px;color:var(--text-light);margin-bottom:10px;}
.sc-fmts{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:12px;}
.sc-fmt{font-size:10px;background:var(--cream);color:var(--navy);padding:2px 7px;border-radius:4px;border:1px solid var(--border);font-weight:400;font-family:'DM Sans',sans-serif;}
.sc-price{font-family:'Plus Jakarta Sans',sans-serif;font-size:16px;color:var(--navy);font-weight:600;}
.series-cta{text-align:center;margin-top:28px;}

/* TESTIMONIALS */
.testimonials{background:var(--navy);padding:72px 40px;position:relative;overflow:hidden;}
.testimonials::before{content:'"';position:absolute;top:-40px;left:10px;font-family:'Plus Jakarta Sans',sans-serif;font-size:320px;color:rgba(201,150,58,.04);line-height:1;pointer-events:none;}
.testi-inner{max-width:1040px;margin:0 auto;}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px;}
.testi-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-lg);padding:28px;transition:border-color .2s;}
.testi-card:hover{border-color:rgba(201,150,58,.3);}
.testi-stars{color:var(--gold);font-size:14px;margin-bottom:14px;letter-spacing:2px;}
.testi-card blockquote{font-size:14px;color:rgba(255,255,255,.7);line-height:1.7;margin-bottom:16px;font-style:italic;}
.testi-name{font-size:12px;color:var(--gold);font-weight:700;font-family:'DM Sans',sans-serif;letter-spacing:.04em;}

/* GCSE STRIP */
.gcse-strip{background:var(--gold-pale);border-top:1px solid var(--gold-light);border-bottom:1px solid var(--gold-light);padding:56px 40px;}
.gcse-strip-inner{max-width:1040px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;}
.gcse-strip-left h2{font-size:30px;margin-bottom:8px;}
.gcse-strip-left p{font-size:14px;color:var(--text-mid);max-width:480px;line-height:1.65;}

/* PAGE HERO */
.page-hero{background:var(--navy);padding:72px 40px;text-align:center;position:relative;overflow:hidden;}
.page-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 50% 100%,rgba(201,150,58,.07) 0%,transparent 60%);pointer-events:none;}
.page-hero h1{color:var(--white);font-size:46px;margin-bottom:12px;position:relative;}
.page-hero p{color:rgba(255,255,255,.5);font-size:15px;max-width:500px;margin:0 auto;position:relative;}

/* AGE GUIDE */
.age-guide{background:var(--white);border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--border);margin-bottom:48px;}
.age-guide table{width:100%;border-collapse:collapse;font-size:14px;}
.age-guide thead tr{background:var(--navy);}
.age-guide thead th{padding:14px 20px;text-align:left;font-weight:700;color:var(--white);font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-family:'DM Sans',sans-serif;}
.age-guide tbody tr:nth-child(even){background:var(--cream);}
.age-guide tbody tr:nth-child(odd){background:var(--white);}
.age-guide tbody td{padding:13px 20px;color:var(--text-mid);}
.age-guide tbody td:first-child{font-weight:700;color:var(--navy);font-family:'DM Sans',sans-serif;}

/* BOOKS GRID */
.books-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.book-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;transition:transform .2s,box-shadow .2s;}
.book-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px rgba(4,11,29,.1);}
.book-card.complete{border:2px solid var(--gold);}
.book-card-top{background:var(--navy);padding:0;text-align:center;height:220px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;}
.book-card.complete .book-card-top{background:var(--gold);}
.bc-num{font-family:'Plus Jakarta Sans',sans-serif;font-size:38px;color:var(--gold);font-weight:600;line-height:1;}
.book-cover-inner{width:100%;height:100%;background:linear-gradient(135deg,#0A1830 0%,#111E35 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;}
.book-cover-inner img{width:100%;height:100%;object-fit:cover;}
.book-cover-label{font-size:9px;color:rgba(255,255,255,.3);margin-top:2px;}
.book-card.complete .bc-num{color:var(--navy);}
.bc-name{font-size:12px;color:rgba(255,255,255,.8);margin-top:4px;font-family:'DM Sans',sans-serif;font-weight:400;}
.book-card.complete .bc-name{color:var(--navy);}
.book-card-bot{padding:14px;}
.bc-age{font-size:11px;color:var(--text-light);margin-bottom:10px;}
.bc-fmts{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:14px;}
.bc-fmt{font-size:10px;background:var(--cream);color:var(--navy);padding:2px 7px;border-radius:4px;border:1px solid var(--border);font-weight:400;font-family:'DM Sans',sans-serif;}
.bc-btns{display:flex;flex-direction:column;gap:7px;}
.bc-btn{display:block;text-align:center;padding:9px 0;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;border:none;transition:opacity .2s;font-family:'DM Sans',sans-serif;letter-spacing:0;}
.bc-btn:hover{opacity:.85;}
.bc-gold{background:var(--gold);color:var(--navy);}
.bc-navy{background:var(--navy);color:var(--white);}
.bc-out{background:transparent;color:var(--navy);border:1px solid var(--border)!important;}

/* BUNDLES */
.bundle-hero{background:var(--navy);padding:72px 40px;text-align:center;position:relative;overflow:hidden;}
.bundle-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 0%,rgba(201,150,58,.08) 0%,transparent 60%);pointer-events:none;}
.bundle-hero h1{color:var(--white);font-size:46px;margin-bottom:12px;position:relative;}
.bundle-hero p{color:rgba(255,255,255,.5);font-size:15px;position:relative;}
.bundle-hero em{color:var(--gold);font-style:normal;}
.bundle-section{padding:48px 40px;}
.bundle-inner{max-width:1040px;margin:0 auto;}
.bundle-inner h2{font-size:28px;margin-bottom:6px;}
.bundle-inner > p{font-size:14px;color:var(--text-mid);margin-bottom:28px;}
.bundle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.bcard{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s;}
.bcard:hover{box-shadow:0 12px 32px rgba(4,11,29,.09);}
.bcard.featured{border:2px solid var(--gold);}
.bcard-top{padding:22px 22px 16px;flex:1;}
.bcard-badge{display:inline-block;font-size:10px;font-weight:800;padding:3px 10px;border-radius:20px;margin-bottom:12px;letter-spacing:.06em;text-transform:uppercase;font-family:'DM Sans',sans-serif;}
.badge-plain{background:var(--cream-dark);color:var(--text-mid);}
.badge-hot{background:var(--gold);color:var(--navy);}
.badge-series{background:var(--navy);color:var(--gold);}
.bcard-name{font-family:'DM Sans',sans-serif;font-size:17px;font-weight:700;color:var(--navy);margin-bottom:6px;line-height:1.25;}
.bcard-desc{font-size:12px;color:var(--text-light);margin-bottom:14px;line-height:1.55;}
.bcard-price{font-family:'Plus Jakarta Sans',sans-serif;font-size:28px;color:var(--navy);font-weight:600;line-height:1;}
.bcard-save{font-size:12px;color:var(--gold);margin-top:5px;font-weight:700;}
.bcard-bot{border-top:1px solid var(--border);padding:16px 22px;background:var(--gold-pale);}
.bcard-items{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;}
.bcard-item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-mid);}
.bcheck{width:16px;height:16px;background:var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--navy);font-size:9px;font-weight:800;}
.bcard-btn{width:100%;border:none;border-radius:8px;padding:12px 0;font-size:13px;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif;transition:opacity .2s;text-align:center;display:block;letter-spacing:.02em;}
.bcard-btn:hover{opacity:.87;}
.btn-fill-navy{background:var(--navy);color:var(--white);}
.btn-fill-gold{background:var(--gold);color:var(--navy);}
.btn-fill-out{background:transparent;color:var(--navy);border:1px solid var(--border)!important;}

/* GCSE PAGE */
.gcse-page-hero{background:var(--navy);padding:72px 40px;position:relative;overflow:hidden;}
.gcse-page-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 50% 70% at 100% 50%,rgba(201,150,58,.08) 0%,transparent 60%);pointer-events:none;}
.gcse-page-inner{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;position:relative;}
.gcse-page-hero h1{color:var(--white);font-size:44px;margin-bottom:14px;}
.gcse-page-hero p{color:rgba(255,255,255,.58);font-size:15px;line-height:1.75;margin-bottom:20px;}

/* TIERS */
.tiers-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px;}
.tier-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--r);padding:16px 18px;transition:border-color .2s;}
.tier-card:hover{border-color:rgba(201,150,58,.35);}
.tier-card.highlight{border-color:rgba(201,150,58,.4);background:rgba(201,150,58,.06);}
.tier-name{font-family:'DM Sans',sans-serif;font-size:14px;font-weight:700;color:var(--white);margin-bottom:3px;}
.tier-hours{font-size:11px;color:rgba(255,255,255,.45);margin-bottom:8px;}
.tier-price{font-family:'Plus Jakarta Sans',sans-serif;font-size:20px;color:var(--gold);font-weight:600;}

/* GCSE BENEFITS */
.gcse-benefits{background:var(--navy);padding:56px 40px;}
.gcse-benefits-inner{max-width:1040px;margin:0 auto;}
.gcse-benefits h2{color:var(--white);font-size:32px;margin-bottom:28px;}
.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.benefit-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-lg);padding:24px;transition:border-color .2s;}
.benefit-card:hover{border-color:rgba(201,150,58,.3);}
.benefit-num{font-family:'Plus Jakarta Sans',sans-serif;font-size:32px;color:var(--gold);font-weight:600;margin-bottom:10px;line-height:1;}
.benefit-card h3{font-size:16px;color:var(--white);margin-bottom:6px;}
.benefit-card p{font-size:13px;color:rgba(255,255,255,.5);line-height:1.6;}

/* FORM */
.gcse-form-wrap{background:var(--white);border-radius:var(--r-lg);padding:36px;border:1px solid var(--border);}
.gcse-form-wrap h2{font-size:24px;margin-bottom:6px;}
.gcse-form-wrap>p{font-size:13px;color:var(--text-mid);margin-bottom:20px;line-height:1.6;}
.form-group{margin-bottom:14px;}
.form-group label{display:block;font-size:11px;font-weight:700;color:var(--navy);margin-bottom:5px;letter-spacing:.06em;text-transform:uppercase;font-family:'DM Sans',sans-serif;}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:11px 14px;border:1.5px solid var(--border);border-radius:var(--r);font-family:'DM Sans',sans-serif;font-size:13px;background:var(--cream);color:var(--navy);outline:none;transition:border-color .2s;}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--gold);background:var(--white);}
.form-group textarea{height:90px;resize:vertical;}
.form-submit{background:var(--gold);color:var(--navy);font-size:14px;font-weight:800;padding:14px 0;width:100%;border:none;border-radius:var(--r);cursor:pointer;font-family:'DM Sans',sans-serif;margin-top:6px;transition:background .2s;letter-spacing:.03em;}
.form-submit:hover{background:var(--gold-bright);}
.form-note{font-size:11px;color:var(--text-light);text-align:center;margin-top:10px;}

/* ABOUT */
.about-hero{background:var(--navy);padding:72px 40px;display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:center;position:relative;overflow:hidden;}
.about-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 50% 80% at 100% 50%,rgba(201,150,58,.07) 0%,transparent 60%);pointer-events:none;}
.about-hero-left{position:relative;z-index:1;}
.about-hero h1{color:var(--white);font-size:44px;margin-bottom:16px;}
.about-hero p{color:rgba(255,255,255,.58);font-size:15px;line-height:1.75;}
.about-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px;}
.astat{background:rgba(201,150,58,.08);border:1px solid rgba(201,150,58,.2);border-radius:var(--r);padding:16px;}
.astat-num{font-family:'Plus Jakarta Sans',sans-serif;font-size:28px;color:var(--gold);font-weight:600;line-height:1;}
.astat-label{font-size:11px;color:rgba(255,255,255,.45);margin-top:4px;}
.about-visual{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-lg);padding:44px 36px;text-align:center;position:relative;z-index:1;}
.about-visual-icon{font-size:64px;margin-bottom:20px;}
.about-visual blockquote{font-family:'DM Sans',sans-serif;font-size:18px;color:rgba(255,255,255,.7);line-height:1.5;margin-bottom:14px;font-weight:500;}
.about-visual cite{font-size:13px;color:var(--gold);font-style:normal;font-weight:700;font-family:'DM Sans',sans-serif;}
.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.mission-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);padding:28px;transition:box-shadow .2s;}
.mission-card:hover{box-shadow:0 8px 24px rgba(4,11,29,.07);}
.mission-icon{font-size:28px;margin-bottom:14px;}
.mission-card h3{font-size:18px;margin-bottom:8px;}
.mission-card p{font-size:13px;color:var(--text-mid);line-height:1.65;}

/* TRUST BOTTOM */
.trust-bottom{background:var(--navy);padding:18px 40px;display:flex;justify-content:center;gap:32px;flex-wrap:wrap;}
.tb-item{display:flex;align-items:center;gap:8px;font-size:12px;color:rgba(255,255,255,.5);font-family:'DM Sans',sans-serif;font-weight:500;}
.tb-dot{width:5px;height:5px;background:var(--gold);border-radius:50%;flex-shrink:0;}

/* FOOTER */
footer{background:var(--navy);padding:56px 40px 24px;border-top:1px solid rgba(201,150,58,.12);}
.footer-inner{max-width:1040px;margin:0 auto;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px;}
.footer-brand-logo{display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.footer-brand-logo img{height:36px;width:auto;object-fit:contain;}
.footer-brand-logo span{color:var(--white);font-size:13px;font-weight:600;font-family:'DM Sans',sans-serif;}
.footer-brand p{font-size:13px;color:rgba(255,255,255,.38);line-height:1.65;max-width:230px;margin-bottom:16px;}
.social-row{display:flex;gap:8px;}
.social-pill{background:rgba(255,255,255,.06);color:rgba(255,255,255,.6);font-size:12px;padding:7px 14px;border-radius:6px;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:background .2s;font-weight:600;font-family:'DM Sans',sans-serif;}
.social-pill:hover{background:rgba(255,255,255,.1);}
.footer-col h4{font-size:10px;font-weight:700;color:var(--gold);letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px;font-family:'DM Sans',sans-serif;}
.footer-col a{display:block;font-size:13px;color:rgba(255,255,255,.38);margin-bottom:9px;cursor:pointer;transition:color .2s;}
.footer-col a:hover{color:rgba(255,255,255,.8);}
.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding-top:20px;display:flex;justify-content:space-between;align-items:center;}
.footer-bottom p{font-size:12px;color:rgba(255,255,255,.22);}

/* ANIMATIONS */
@keyframes fadeUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}
.page.active .hero-left,.page.active .page-hero h1,.page.active .page-hero p,.page.active .bundle-hero h1{animation:fadeUp .45s ease both;}


/* ===== MOBILE RESPONSIVE ===== */
@media (max-width: 768px) {

  /* NAV */
  nav { padding: 0 16px; height: 56px; }
  .logo-text { display: block; font-size: 11px; white-space: nowrap; max-width: 150px; }
  .nav-links { display: none; }

  /* MOBILE NAV - bottom tab bar */
  .mobile-nav {
    display: flex !important;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--navy);
    border-top: 1px solid rgba(201,150,58,.15);
    z-index: 999;
    padding: 8px 0 12px;
  }
  .mobile-nav a {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    color: rgba(255,255,255,.45);
    text-decoration: none;
    font-size: 10px;
    font-family: 'DM Sans', sans-serif;
    font-weight: 500;
    cursor: pointer;
  }
  .mobile-nav a.active { color: var(--gold); }
  .mobile-nav a span.icon { font-size: 16px; opacity: 0.7; }

  /* Add bottom padding to body so content clears the tab bar */
  body { padding-bottom: 72px; }

  /* HERO */
  .hero {
    grid-template-columns: 1fr;
    padding: 28px 24px 24px 24px;
    min-height: auto;
    gap: 20px;
  }
  .hero-right { padding: 0; justify-content: center; }
  .hero-left { text-align: center; padding-left: 24px !important; }
  .hero h1 { font-size: 36px; margin-bottom: 14px; }
  .hero-sub { font-size: 15px; margin-bottom: 20px; max-width: 100%; }
  .hero-btns { gap: 10px; }
  .hero-btns .btn-gold,
  .hero-btns .btn-outline-white { padding: 12px 20px; font-size: 13px; width: 100%; justify-content: center; }
  .hero-stats { display: none; }
  .hero-stat-num { font-size: 22px; }
  .book-mosaic { grid-template-columns: 1fr 1fr; gap: 8px; max-width: 100%; margin: 0 auto; }
  .hero-right { padding: 0; justify-content: center; }
  .book-tile { padding: 10px 8px; }
  .tile-num { font-size: 22px; }
  .book-tile.featured { grid-column: span 2; }

  /* TRUST BAR */
  .trust-bar { gap: 12px; padding: 10px 16px; justify-content: flex-start; overflow-x: auto; flex-wrap: nowrap; }
  .trust-item { font-size: 11px; white-space: nowrap; }

  /* SECTIONS */
  .section { padding: 40px 20px; }
  .section h2 { font-size: 26px; }
  .section-sub { font-size: 14px; margin-bottom: 28px; }

  /* HOW GRID - stack vertically */
  .how-grid { grid-template-columns: 1fr; gap: 16px; }
  .how-card { padding: 24px 20px; }
  .how-badge { font-size: 10px; }

  /* SERIES GRID - 2 columns */
  .series-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
  .series-card-top { height: 150px; }
  .sc-num { font-size: 32px; }
  .series-cta { margin-top: 20px; }
  .series-cta .btn-gold { width: 100%; justify-content: center; }

  /* TESTIMONIALS */
  .testimonials { padding: 40px 20px; }
  .testi-grid { grid-template-columns: 1fr; gap: 12px; margin-top: 24px; }
  .testi-inner h2 { font-size: 26px; }

  /* GCSE STRIP */
  .gcse-strip { padding: 36px 20px; }
  .gcse-strip-inner { flex-direction: column; gap: 20px; text-align: center; }
  .gcse-strip-left h2 { font-size: 22px; }
  .gcse-strip .btn-gold { width: 100%; justify-content: center; }

  /* PAGE HERO */
  .page-hero { padding: 40px 20px; }
  .page-hero h1 { font-size: 28px; }

  /* BOOKS GRID - 2 columns */
  .books-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
  .book-card-top { height: 160px; }
  .bc-num { font-size: 28px; }
  .bc-name { font-size: 11px; }
  .book-card-bot { padding: 10px; }
  .bc-age { font-size: 10px; }
  .bc-btns { gap: 5px; }
  .bc-btn { padding: 8px 0; font-size: 11px; }

  /* BUNDLES */
  .bundle-hero { padding: 40px 20px; }
  .bundle-hero h1 { font-size: 28px; }
  .bundle-section { padding: 32px 20px; }
  .bundle-grid { grid-template-columns: 1fr; gap: 14px; }
  .bcard-price { font-size: 24px; }

  /* GCSE PAGE */
  .gcse-page-inner { grid-template-columns: 1fr; gap: 32px; }
  .gcse-page-hero { padding: 40px 20px; }
  .gcse-page-hero h1 { font-size: 28px; }
  .tiers-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
  .tier-price { font-size: 17px; }
  .gcse-benefits { padding: 40px 20px; }
  .benefits-grid { grid-template-columns: 1fr; gap: 12px; }
  .gcse-form-wrap { padding: 24px 20px; }

  /* ABOUT */
  .about-hero { grid-template-columns: 1fr; padding: 40px 20px; gap: 28px; }
  .about-hero h1 { font-size: 28px; }
  .about-stats { grid-template-columns: 1fr 1fr; gap: 10px; }
  .about-visual { padding: 28px 20px; }
  .about-visual blockquote { font-size: 15px; }
  .mission-grid { grid-template-columns: 1fr; gap: 14px; }

  /* AGE GUIDE TABLE */
  .age-guide { overflow-x: auto; }
  .age-guide table { min-width: 400px; }

  /* TRUST BOTTOM */
  .trust-bottom { gap: 16px; padding: 14px 20px; flex-wrap: wrap; justify-content: center; }
  .tb-item { font-size: 11px; }

  /* FOOTER */
  footer { padding: 36px 20px 16px; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 24px; }
  .footer-brand { grid-column: span 2; }
  .footer-brand p { max-width: 100%; }
  .footer-bottom { flex-direction: column; gap: 6px; text-align: center; }

  /* BUNDLE CARDS */
  .bcard-top { padding: 16px 16px 12px; }
  .bcard-name { font-size: 14px; }
  .bcard-bot { padding: 12px 16px; }

  /* BUTTONS full width on mobile */
  .btn-gold, .btn-navy, .btn-outline-white {
    width: 100%;
    justify-content: center;
    padding: 13px 20px;
  }

  /* ABOUT SECTION CTA */
  .section[style*="text-align:center"] .btn-gold,
  .section[style*="text-align:center"] .btn-navy { width: auto; }
}

@media (max-width: 480px) {
  .hero h1 { font-size: 26px; }
  .books-grid { grid-template-columns: 1fr 1fr; }
  .book-card-top { height: 180px; }
  .tiers-grid { grid-template-columns: 1fr; }
  .series-grid { grid-template-columns: 1fr 1fr; }
  .series-card-top { height: 180px; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-brand { grid-column: span 1; }
}


.hamburger-btn { display: none !important; }
@media (max-width: 768px) {
  .hamburger-btn { display: flex !important; }
}


/* Hamburger - show on all sizes since drawer is useful on desktop too */
/* But hide the emoji/symbol icons from desktop nav */
.mobile-nav { display: none; }
@media (max-width: 768px) {
  .mobile-nav { display: flex !important; }
  .logo-text { display: block !important; font-size: 11px !important; white-space: nowrap !important; }
}


@media (max-width: 768px) {
  .hero-fan-desktop { display: none !important; }
  .hero-fan-mobile { display: block !important; }
  .hero-right { padding: 0 !important; width: 100%; display: flex !important; flex-direction: column; align-items: center; justify-content: center; }
}