/* ═══════════════════════════════════════════════════════════
   SCHOOLCOMPASS DESIGN SYSTEM v3 — Decision Support System
   ═══════════════════════════════════════════════════════════ */
:root {
  --navy:#0d1f3c; --navy2:#1a3460; --amber:#f4a329; --amberl:#fdefc8; --amberd:#b8731a;
  --coral:#e85d42; --corall:#fdeae6; --teal:#0b7a6e; --teall:#e0f4f1;
  --cream:#faf7f2; --creamd:#f0ebe0; --green:#2a8c5e; --greenl:#e3f5ee;
  --text:#0d1f3c; --textm:#3a4a68; --textg:#7a8aa8; --border:#e2ddd5; --white:#fff;
  --verified:#1a7f4e; --verifiedl:#e6f6ef;
  --shadow-sm:0 1px 3px rgba(13,31,60,.08); --shadow-md:0 4px 16px rgba(13,31,60,.12);
  --shadow-lg:0 12px 40px rgba(13,31,60,.16); --radius:12px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Plus Jakarta Sans',sans-serif;background:var(--cream);color:var(--text);line-height:1.6;overflow-x:hidden}

/* ── ANNOUNCE ── */
.ann{background:var(--amber);padding:10px 24px;text-align:center;font-size:13px;font-weight:500;color:var(--navy)}.ann a{color:var(--navy);font-weight:700;text-decoration:underline}

/* ── NAV ── */
nav{background:var(--navy);padding:0 48px;display:flex;align-items:center;justify-content:space-between;height:64px;position:sticky;top:0;z-index:900;box-shadow:0 2px 20px rgba(0,0,0,.25)}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.logo-box{width:34px;height:34px;background:var(--amber);border-radius:8px;display:flex;align-items:center;justify-content:center}
.logo-box svg{width:18px;height:18px;fill:var(--navy)}
.logo-text{font-family:'Fraunces',serif;font-size:20px;font-weight:700;color:#fff;letter-spacing:-.5px}.logo-text span{color:var(--amber)}
.nav-links{display:flex;align-items:center;gap:20px}.nav-links a{color:rgba(255,255,255,.7);text-decoration:none;font-size:13px;font-weight:500;transition:color .2s}.nav-links a:hover{color:#fff}
.nav-cta{background:var(--amber)!important;color:var(--navy)!important;padding:8px 18px;border-radius:6px;font-weight:700!important}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:4px}.hamburger span{display:block;width:22px;height:2px;background:#fff}
.mob-nav{display:none;position:fixed;top:64px;left:0;right:0;background:var(--navy);padding:16px 24px;z-index:899;flex-direction:column;border-top:1px solid rgba(255,255,255,.1)}.mob-nav.open{display:flex}
.mob-nav a{color:rgba(255,255,255,.75);text-decoration:none;font-size:14px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}

/* ── TRUST BAR ── */
.trust-bar{background:#fff;border-bottom:1px solid var(--border);padding:0 48px;overflow-x:auto;white-space:nowrap}
.trust-bar-inner{max-width:1240px;margin:0 auto;display:flex;align-items:center;height:46px}
.ti{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--textm);padding:0 16px;border-right:1px solid var(--border)}.ti:last-child{border-right:none}.ti svg{width:13px;height:13px;stroke:var(--amber);fill:none;flex-shrink:0}

/* ── SECTION COMMONS ── */
section{padding:60px 48px}.si{max-width:1240px;margin:0 auto}
.sec-eye{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--amberd);margin-bottom:7px}
.sec-title{font-family:'Fraunces',serif;font-size:34px;font-weight:700;color:var(--text);line-height:1.15;letter-spacing:-1px}
.sec-sub{font-size:14px;color:var(--textg);line-height:1.7;margin-top:7px;max-width:560px}
.sec-hdr{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px;gap:16px;flex-wrap:wrap}
.view-all{font-size:12px;font-weight:700;color:var(--coral);text-decoration:none;white-space:nowrap}.view-all:hover{color:var(--navy)}

/* ── BADGES ── */
.badge{display:inline-flex;align-items:center;gap:4px;font-size:9px;font-weight:700;padding:2px 7px;border-radius:8px;letter-spacing:.2px}
.b-amber{background:var(--amber);color:var(--navy)}.b-teal{background:var(--teall);color:var(--teal)}.b-coral{background:var(--corall);color:var(--coral)}.b-green{background:var(--greenl);color:var(--green)}.b-purple{background:#ede9fe;color:#6d28d9}
.b-verified{background:var(--verifiedl);color:var(--verified);border:1px solid rgba(26,127,78,.2)}

/* ── VERIFIED BADGE COMPONENT ── */
.verified-badge{display:inline-flex;align-items:center;gap:5px;background:var(--verifiedl);border:1px solid rgba(26,127,78,.25);color:var(--verified);font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;position:relative;cursor:help}
.verified-badge svg{width:13px;height:13px;flex-shrink:0}
.verified-tooltip{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:var(--navy);color:#fff;font-size:11px;font-weight:400;padding:8px 12px;border-radius:8px;width:200px;text-align:center;z-index:10;line-height:1.5;box-shadow:var(--shadow-lg)}
.verified-tooltip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:var(--navy)}
.verified-badge:hover .verified-tooltip{display:block}

/* ── SCHOOL CARDS ── */
.sg{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sc{background:#fff;border:1.5px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:all .25s;text-decoration:none;display:block;position:relative}
.sc:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--amber)}
.sc.compare-selected{border-color:var(--teal);box-shadow:0 0 0 2px var(--teal)}
.sc-img{height:120px;display:flex;align-items:center;justify-content:center;position:relative}
.sc-logo{width:56px;height:56px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:'Fraunces',serif;font-size:18px;font-weight:700;color:var(--navy);z-index:1;box-shadow:var(--shadow-md)}
.sc-badges{position:absolute;top:8px;right:8px;display:flex;flex-direction:column;gap:3px;z-index:2}
.sc-compare-btn{position:absolute;top:8px;left:8px;z-index:2;background:rgba(255,255,255,.95);border:1.5px solid var(--border);border-radius:8px;padding:4px 8px;font-size:10px;font-weight:700;color:var(--navy);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px}
.sc-compare-btn:hover{border-color:var(--teal);color:var(--teal)}
.sc-compare-btn.active{background:var(--teal);border-color:var(--teal);color:#fff}
.sc-body{padding:14px}
.sc-board{font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--amberd);margin-bottom:3px}
.sc-name{font-family:'Fraunces',serif;font-size:15px;font-weight:600;color:var(--text);line-height:1.2;margin-bottom:4px}
.sc-loc{font-size:10px;color:var(--textg);display:flex;align-items:center;gap:3px;margin-bottom:10px}
.sc-meta{display:flex;gap:0;padding:8px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:10px}
.sc-mi{text-align:center;flex:1;border-right:1px solid var(--border)}.sc-mi:last-child{border-right:none}
.sc-mv{font-size:12px;font-weight:700;color:var(--text)}.sc-mk{font-size:9px;color:var(--textg);margin-top:1px}
.sc-foot{display:flex;align-items:center;justify-content:space-between}
.stars{color:var(--amber);font-size:10px}.rating{display:flex;align-items:center;gap:3px;font-size:11px;font-weight:600;color:var(--text)}.rc{color:var(--textg);font-size:9px;font-weight:400}.sc-cta{font-size:10px;font-weight:700;color:var(--coral)}

/* ── COMPARE BAR ── */
.compare-bar{position:fixed;bottom:0;left:0;right:0;background:var(--navy);padding:14px 32px;display:flex;align-items:center;gap:16px;z-index:800;transform:translateY(100%);transition:transform .3s;box-shadow:0 -4px 20px rgba(0,0,0,.2)}
.compare-bar.visible{transform:translateY(0)}
.compare-bar-slots{display:flex;gap:10px;flex:1}
.compare-slot{width:160px;height:44px;border:1.5px dashed rgba(255,255,255,.3);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:11px;color:rgba(255,255,255,.4)}
.compare-slot.filled{border-style:solid;border-color:rgba(255,255,255,.6);background:rgba(255,255,255,.08);color:#fff;font-size:11px;font-weight:600;padding:0 10px;justify-content:space-between}
.compare-slot-remove{background:none;border:none;color:rgba(255,255,255,.5);cursor:pointer;font-size:14px;padding:0;line-height:1}.compare-slot-remove:hover{color:#fff}
.compare-btn{background:var(--amber);color:var(--navy);border:none;border-radius:8px;padding:12px 24px;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}
.compare-btn:disabled{opacity:.4;cursor:not-allowed}
.compare-clear{background:none;border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.6);border-radius:8px;padding:11px 16px;font-family:inherit;font-size:12px;cursor:pointer}.compare-clear:hover{color:#fff}

/* ── COMPARISON OVERLAY ── */
.overlay{display:none;position:fixed;inset:0;z-index:1000;background:rgba(13,31,60,.7);backdrop-filter:blur(4px);overflow-y:auto;padding:40px 20px}
.overlay.open{display:flex;align-items:flex-start;justify-content:center}
.overlay-box{background:#fff;border-radius:16px;max-width:920px;width:100%;box-shadow:var(--shadow-lg);overflow:hidden}
.overlay-head{background:var(--navy);padding:20px 24px;display:flex;align-items:center;justify-content:space-between}
.overlay-title{font-family:'Fraunces',serif;font-size:20px;font-weight:700;color:#fff}
.overlay-close{background:rgba(255,255,255,.1);border:none;color:#fff;width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center}.overlay-close:hover{background:rgba(255,255,255,.2)}
.cmp-table{width:100%;border-collapse:collapse}
.cmp-table th{background:var(--cream);padding:14px 16px;text-align:left;font-size:11px;font-weight:700;color:var(--textg);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border)}
.cmp-table th:first-child{width:180px}
.cmp-table td{padding:14px 16px;border-bottom:1px solid var(--border);font-size:13px;vertical-align:middle}
.cmp-table td:first-child{font-weight:600;color:var(--textm);background:var(--cream);font-size:12px}
.cmp-table tr:last-child td{border-bottom:none}
.cmp-school-head{text-align:center;padding:20px 16px}
.cmp-logo{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:'Fraunces',serif;font-size:16px;font-weight:700;margin:0 auto 8px}
.cmp-sname{font-family:'Fraunces',serif;font-size:14px;font-weight:600;color:var(--text);margin-bottom:4px}
.win{color:var(--green);font-weight:700}.lose{color:var(--textg)}

/* ── FILTER SIDEBAR ── */
.filter-panel{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:20px;position:sticky;top:80px}
.filter-panel h3{font-size:14px;font-weight:700;color:var(--text);margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--border)}
.fgroup{margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--border)}.fgroup:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.flabel{font-size:10px;font-weight:700;color:var(--textg);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}
.chk{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--textm);cursor:pointer;padding:3px 0;user-select:none}
.chk input{accent-color:var(--amber);width:14px;height:14px;flex-shrink:0}
/* RANGE SLIDER */
.range-wrap{padding:4px 0}
.range-row{display:flex;justify-content:space-between;font-size:11px;color:var(--textg);margin-bottom:6px}
.range-val{font-weight:700;color:var(--navy)}
.dual-range{position:relative;height:28px}
.dual-range input[type=range]{position:absolute;width:100%;pointer-events:none;appearance:none;-webkit-appearance:none;background:transparent;height:4px;top:50%;transform:translateY(-50%)}
.dual-range input[type=range]::-webkit-slider-thumb{pointer-events:all;appearance:none;-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--amber);border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.2);cursor:pointer}
.range-track{height:4px;background:var(--border);border-radius:2px;position:absolute;top:50%;transform:translateY(-50%);width:100%}
.range-fill{height:4px;background:var(--amber);border-radius:2px;position:absolute;top:50%;transform:translateY(-50%)}
/* RADIUS FILTER */
.radius-btns{display:flex;gap:6px;flex-wrap:wrap}
.radius-btn{background:var(--creamd);border:1.5px solid var(--border);border-radius:8px;padding:5px 11px;font-size:11px;font-weight:600;color:var(--textm);cursor:pointer;transition:all .2s}
.radius-btn:hover,.radius-btn.on{background:var(--amberl);border-color:var(--amber);color:var(--amberd)}

/* ── KPI FACT SHEET ── */
.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}
.kpi-card{background:var(--cream);border:1px solid var(--border);border-radius:10px;padding:16px;position:relative}
.kpi-icon{font-size:22px;margin-bottom:8px}
.kpi-label{font-size:10px;font-weight:700;color:var(--textg);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}
.kpi-value{font-family:'Fraunces',serif;font-size:22px;font-weight:700;color:var(--text);line-height:1;margin-bottom:3px}
.kpi-sub{font-size:10px;color:var(--textg);line-height:1.4}
.kpi-bar{height:4px;background:var(--border);border-radius:2px;margin-top:8px;overflow:hidden}
.kpi-fill{height:100%;border-radius:2px}
.kpi-excellent .kpi-fill{background:var(--green)}.kpi-good .kpi-fill{background:var(--amber)}.kpi-avg .kpi-fill{background:var(--coral)}
.kpi-tag{position:absolute;top:10px;right:10px;font-size:9px;font-weight:700;padding:2px 6px;border-radius:6px}
.kpi-tag-green{background:var(--greenl);color:var(--green)}
.kpi-tag-amber{background:var(--amberl);color:var(--amberd)}
.kpi-tag-teal{background:var(--teall);color:var(--teal)}

/* ── VERIFIED REVIEWS ── */
.review-card{background:var(--cream);border-radius:10px;padding:14px;margin-bottom:10px;border:1px solid transparent}
.review-card.verified{border-color:rgba(26,127,78,.2);background:#f0faf5}
.rev-meta{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}
.rev-av{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}
.rev-name{font-size:12px;font-weight:700;color:var(--text)}
.rev-date{font-size:10px;color:var(--textg)}
.verified-review-badge{display:inline-flex;align-items:center;gap:3px;background:var(--verifiedl);color:var(--verified);font-size:9px;font-weight:700;padding:2px 7px;border-radius:10px}
.rev-stars{color:var(--amber);font-size:11px;margin-bottom:5px}
.rev-text{font-size:12px;color:var(--textm);line-height:1.6}
.anon-tag{background:var(--creamd);color:var(--textg);font-size:9px;font-weight:600;padding:1px 6px;border-radius:6px}

/* ── STICKY MOBILE CTA ── */
.sticky-cta{display:none;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--border);padding:12px 16px;z-index:800;gap:10px;box-shadow:0 -4px 20px rgba(0,0,0,.1)}
.sticky-enquire{flex:1;background:var(--navy);color:#fff;border:none;border-radius:8px;padding:13px;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;text-decoration:none}
.sticky-whatsapp{flex:1;background:#25D366;color:#fff;border:none;border-radius:8px;padding:13px;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;text-decoration:none}

/* ── LOCALITY HERO ── */
.loc-hero{background:var(--navy);padding:48px 48px 68px;position:relative;overflow:hidden}
.loc-hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:56px;background:linear-gradient(to bottom,transparent,var(--cream));pointer-events:none}
.loc-hero-inner{max-width:1240px;margin:0 auto}
.loc-stats{display:flex;gap:24px;margin-top:24px;flex-wrap:wrap}
.loc-stat{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:12px 16px;text-align:center}
.loc-stat-num{font-family:'Fraunces',serif;font-size:22px;font-weight:700;color:var(--amber);line-height:1}
.loc-stat-lbl{font-size:10px;color:rgba(255,255,255,.5);margin-top:2px}

/* ── SCHEMA PREVIEW (JSON-LD hidden) ── */
script[type="application/ld+json"]{display:none}

/* ── BOARDS ── */
.boards-sec{background:var(--navy)}.boards-sec .sec-eye{color:rgba(244,163,41,.8)}.boards-sec .sec-title{color:#fff}.boards-sec .sec-sub{color:rgba(255,255,255,.5)}
.bg4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}
.bcard{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:20px;transition:all .25s;text-decoration:none;display:block;position:relative;overflow:hidden}
.bcard::before{content:'';position:absolute;top:0;left:0;right:0;height:3px}
.bc-cbse::before{background:var(--amber)}.bc-icse::before{background:var(--coral)}.bc-ib::before{background:#3ab5d4}.bc-igcse::before{background:#a78bfa}
.bcard:hover{background:rgba(255,255,255,.1);transform:translateY(-3px)}
.bicon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:'Fraunces',serif;font-size:14px;font-weight:700;margin-bottom:12px}
.bi-cbse{background:var(--amberl);color:var(--amberd)}.bi-icse{background:var(--corall);color:var(--coral)}.bi-ib{background:rgba(58,181,212,.15);color:#3ab5d4}.bi-igcse{background:rgba(167,139,250,.15);color:#a78bfa}
.bname{font-family:'Fraunces',serif;font-size:18px;font-weight:600;color:#fff;margin-bottom:4px}.bfull{font-size:10px;color:rgba(255,255,255,.35);margin-bottom:12px}
.bfeats{list-style:none;margin-bottom:12px}.bfeats li{font-size:11px;color:rgba(255,255,255,.55);padding:3px 0;display:flex;align-items:center;gap:5px}.bfeats li::before{content:'';width:4px;height:4px;border-radius:50%;flex-shrink:0}
.bc-cbse .bfeats li::before{background:var(--amber)}.bc-icse .bfeats li::before{background:var(--coral)}.bc-ib .bfeats li::before{background:#3ab5d4}.bc-igcse .bfeats li::before{background:#a78bfa}
.bcnt{font-size:11px;font-weight:600;color:rgba(255,255,255,.6)}.bcnt span{font-size:9px;color:rgba(255,255,255,.3);font-weight:400}

/* ── GUIDE CARDS ── */
.gg{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.gcard{background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:all .25s;text-decoration:none;display:block}
.gcard:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.gimg{height:100px;display:flex;align-items:center;justify-content:center;font-size:40px}
.g-amber{background:linear-gradient(135deg,#fdefc8,#fad27a)}.g-green{background:linear-gradient(135deg,#e3f5ee,#a8d9c0)}.g-teal{background:linear-gradient(135deg,#e0f4f1,#a8ddd6)}.g-purple{background:linear-gradient(135deg,#ede9fe,#c4b5fd)}.g-coral{background:linear-gradient(135deg,#fdeae6,#f5b5a5)}
.gbody{padding:14px}.gcat{font-size:9px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--amberd);margin-bottom:5px}
.gtitle{font-family:'Fraunces',serif;font-size:14px;font-weight:600;color:var(--text);line-height:1.3;margin-bottom:6px}.gmeta{font-size:10px;color:var(--textg)}

/* ── FOR SCHOOLS SECTION ── */
.for-schools{background:var(--navy)}.for-schools .sec-eye{color:var(--amber)}.for-schools .sec-title{color:#fff}.for-schools .sec-sub{color:rgba(255,255,255,.5)}
.fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}
.fcard{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:20px;transition:all .25s}.fcard:hover{background:rgba(255,255,255,.08);border-color:rgba(244,163,41,.3)}
.ficon{font-size:24px;margin-bottom:10px}.ftitle{font-size:14px;font-weight:600;color:#fff;margin-bottom:6px}.fdesc{font-size:12px;color:rgba(255,255,255,.45);line-height:1.6}
.pcta{margin-top:32px;background:rgba(244,163,41,.1);border:1px solid rgba(244,163,41,.2);border-radius:var(--radius);padding:24px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px}
.ptiers{display:flex;gap:8px;flex-wrap:wrap}
.ptier{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:10px 16px;cursor:pointer;transition:all .2s;text-decoration:none;display:block}.ptier:hover,.ptier.on{background:var(--amber);border-color:var(--amber)}
.ptier.on .tname,.ptier:hover .tname,.ptier.on .tprice,.ptier:hover .tprice{color:var(--navy)}
.tname{font-size:10px;font-weight:700;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px}.tprice{font-family:'Fraunces',serif;font-size:16px;font-weight:700;color:#fff}.tprice span{font-size:10px;font-weight:400;font-family:'Plus Jakarta Sans',sans-serif;opacity:.6}
.cta-blk{text-align:right}.cta-blk p{font-size:11px;color:rgba(255,255,255,.4);margin-bottom:8px}

/* ── BUTTONS ── */
.btn-primary{background:var(--navy);color:#fff;border:none;border-radius:8px;padding:12px 24px;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:background .2s}.btn-primary:hover{background:var(--amber);color:var(--navy)}
.btn-amber{background:var(--amber);color:var(--navy);border:none;border-radius:8px;padding:12px 24px;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:background .2s}.btn-amber:hover{background:#e8931a}
.btn-outline{background:none;color:var(--navy);border:1.5px solid var(--border);border-radius:8px;padding:11px 22px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:all .2s}.btn-outline:hover{border-color:var(--amber);color:var(--amberd)}

/* ── BREADCRUMB ── */
.bc{display:flex;align-items:center;gap:6px;font-size:11px;color:rgba(255,255,255,.35);margin-bottom:14px;flex-wrap:wrap}.bc a{color:rgba(255,255,255,.5);text-decoration:none}.bc a:hover{color:var(--amber)}.bc span{color:rgba(255,255,255,.2)}

/* ── PROFILE LAYOUT ── */
.profile-grid{display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:start}
.profile-hdr{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;margin-bottom:16px}
.profile-banner{height:160px;display:flex;align-items:center;justify-content:center;position:relative}
.profile-logo-big{width:80px;height:80px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:'Fraunces',serif;font-size:26px;font-weight:700;color:var(--navy);box-shadow:var(--shadow-md);z-index:1}
.prof-badges{position:absolute;top:12px;right:12px;display:flex;gap:5px}
.profile-info{padding:18px 22px}
.profile-name{font-family:'Fraunces',serif;font-size:22px;font-weight:700;color:var(--text);margin-bottom:10px}
.profile-meta-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.profile-tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}
.ptag{font-size:10px;font-weight:700;padding:3px 9px;border-radius:8px}
.profile-contact{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--textg);margin-bottom:12px}.profile-contact a{color:var(--coral);text-decoration:none}
.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border)}
.pstat{text-align:center;padding:12px 6px;border-right:1px solid var(--border)}.pstat:last-child{border-right:none}
.psv{font-family:'Fraunces',serif;font-size:18px;font-weight:700;color:var(--text)}.psk{font-size:9px;color:var(--textg);margin-top:2px}
/* TABS */
.tabs-wrap{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;margin-bottom:16px}
.tabs{display:flex;border-bottom:1px solid var(--border);overflow-x:auto}
.tab{padding:12px 18px;font-size:12px;font-weight:500;color:var(--textg);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;transition:all .2s}.tab.on,.tab:hover{color:var(--navy);border-bottom-color:var(--amber)}
.tab-body{padding:20px}.tab-panel{display:none}.tab-panel.on{display:block}
/* TABLES */
.info-table{width:100%;font-size:12px;border-collapse:collapse}.info-table tr{border-bottom:1px solid var(--border)}.info-table tr:last-child{border-bottom:none}
.info-table td{padding:8px 4px;vertical-align:top}.info-table td:first-child{color:var(--textg);width:150px;font-weight:500}.info-table td:last-child{color:var(--text);font-weight:600}
/* FAQ */
.faq-item{border-bottom:1px solid var(--border);padding:12px 0}
.faq-q{font-size:13px;font-weight:600;color:var(--text);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px}.faq-arrow{font-size:11px;color:var(--textg);transition:transform .2s;flex-shrink:0}
.faq-a{font-size:12px;color:var(--textm);line-height:1.7;margin-top:8px;display:none}.faq-item.open .faq-a{display:block}.faq-item.open .faq-arrow{transform:rotate(180deg)}
/* SIDEBAR */
.scard{background:#fff;border:1px solid var(--border);border-radius:12px;padding:18px;margin-bottom:14px}
.scard h4{font-family:'Fraunces',serif;font-size:15px;font-weight:600;color:var(--text);margin-bottom:12px}
.enq-form input,.enq-form select,.enq-form textarea{width:100%;background:var(--cream);border:1.5px solid var(--border);border-radius:8px;padding:9px 11px;font-family:inherit;font-size:12px;color:var(--text);outline:none;margin-bottom:8px;transition:border .2s}.enq-form input:focus,.enq-form select:focus,.enq-form textarea:focus{border-color:var(--amber)}
.enq-form textarea{resize:vertical;min-height:70px}
.enq-btn{width:100%;background:var(--navy);color:#fff;border:none;border-radius:8px;padding:11px;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:background .2s}.enq-btn:hover{background:var(--amber);color:var(--navy)}
.sim-school{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--border);text-decoration:none}.sim-school:last-child{border-bottom:none}
.sim-logo{width:36px;height:36px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-family:'Fraunces',serif;font-size:12px;font-weight:700;flex-shrink:0}
.sim-name{font-size:11px;font-weight:600;color:var(--text);flex:1}.sim-meta{font-size:9px;color:var(--textg);margin-top:1px}.sim-rating{font-size:11px;font-weight:700;color:var(--amber);flex-shrink:0}
/* STEPS */
.step{display:flex;gap:10px;margin-bottom:14px;align-items:flex-start}
.step-n{width:26px;height:26px;border-radius:50%;background:var(--amber);color:var(--navy);font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.step-title{font-size:13px;font-weight:600;color:var(--text);margin-bottom:2px}.step-sub{font-size:11px;color:var(--textg)}

/* ── CITIES GRID ── */
.cities-sec{background:var(--creamd)}
.cg{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:28px}
.cc{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:14px;text-align:center;transition:all .25s;text-decoration:none;display:block}
.cc:hover{border-color:var(--amber);transform:translateY(-2px);box-shadow:var(--shadow-md)}
.cc-em{font-size:24px;margin-bottom:5px;display:block}.cc-name{font-size:11px;font-weight:600;color:var(--text);margin-bottom:2px}.cc-cnt{font-size:10px;color:var(--textg)}
/* LOCALITY LINKS */
.locality-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.loc-chip{background:#fff;border:1px solid var(--border);border-radius:20px;padding:5px 13px;font-size:11px;font-weight:500;color:var(--textm);text-decoration:none;transition:all .2s}.loc-chip:hover{background:var(--amberl);border-color:var(--amber);color:var(--amberd)}

/* ── COMMUNITY ── */
.comm-g{display:grid;grid-template-columns:5fr 3fr;gap:32px;align-items:start}
.disc-list{display:flex;flex-direction:column;gap:10px}
.dcard{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;transition:all .2s;text-decoration:none;display:block}.dcard:hover{border-color:var(--amber);box-shadow:var(--shadow-md)}
.d-meta{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}
.d-av{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}
.d-auth{font-size:11px;color:var(--textg)}.d-auth strong{color:var(--text);font-weight:600}
.d-tag{background:var(--creamd);color:var(--textg);font-size:9px;font-weight:700;padding:2px 7px;border-radius:8px;text-transform:uppercase}
.d-q{font-size:13px;font-weight:500;color:var(--text);line-height:1.5;margin-bottom:8px}.d-foot{display:flex;align-items:center;gap:12px;font-size:10px;color:var(--textg)}
.exp-box{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;position:sticky;top:80px}
.exp-hdr{background:var(--navy);padding:16px;display:flex;align-items:center;gap:10px}
.exp-av{width:42px;height:42px;border-radius:50%;background:var(--amber);display:flex;align-items:center;justify-content:center;font-family:'Fraunces',serif;font-size:16px;font-weight:700;color:var(--navy);flex-shrink:0}
.exp-name{font-size:13px;font-weight:600;color:#fff}.exp-cred{font-size:10px;color:rgba(255,255,255,.45);margin-top:1px}
.exp-body{padding:16px}.exp-lbl{font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--textg);margin-bottom:6px}
.exp-q{font-size:12px;font-style:italic;color:var(--text);line-height:1.6;background:var(--cream);border-left:3px solid var(--amber);padding:10px 12px;border-radius:0 7px 7px 0;margin-bottom:10px}
.exp-a{font-size:12px;color:var(--textm);line-height:1.7}
.ask-btn{display:block;margin-top:12px;background:var(--navy);color:#fff;text-align:center;padding:10px;border-radius:8px;font-size:12px;font-weight:700;text-decoration:none;transition:background .2s}.ask-btn:hover{background:var(--amber);color:var(--navy)}
.pop-lbl{font-size:9px;font-weight:700;color:var(--textg);margin:12px 0 6px;text-transform:uppercase;letter-spacing:.5px}
.ttags{display:flex;flex-wrap:wrap;gap:5px}
.ttag{background:var(--cream);border:1px solid var(--border);border-radius:10px;padding:3px 9px;font-size:10px;color:var(--textm);text-decoration:none;display:inline-block;transition:all .2s}.ttag:hover{background:var(--amberl);border-color:var(--amber);color:var(--amberd)}

/* ── SCORE GRID ── */
.score-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:var(--cream);border-radius:10px;padding:14px;margin-bottom:16px;text-align:center}
.score-num{font-family:'Fraunces',serif;font-size:22px;font-weight:700;color:var(--navy)}.score-lbl{font-size:9px;color:var(--textg);margin-top:2px}
.rating-overview{display:flex;align-items:center;gap:20px;background:var(--cream);border-radius:10px;padding:14px;margin-bottom:16px}
.big-rating{text-align:center}.big-num{font-family:'Fraunces',serif;font-size:44px;font-weight:700;color:var(--text);line-height:1}
.big-stars{color:var(--amber);font-size:18px}.big-cnt{font-size:10px;color:var(--textg);margin-top:2px}
.rating-bars{flex:1}.rbar-row{display:flex;align-items:center;gap:7px;margin-bottom:4px}.rbar-lbl{font-size:11px;width:22px;flex-shrink:0}
.rbar-track{flex:1;height:7px;background:var(--border);border-radius:4px;overflow:hidden}.rbar-fill{height:100%;background:var(--amber);border-radius:4px}.rbar-pct{font-size:10px;color:var(--textg);width:28px;text-align:right}

/* ── FOOTER ── */
footer{background:#07122a;padding:52px 48px 24px;color:rgba(255,255,255,.45)}
.fi{max-width:1240px;margin:0 auto}.foot-g{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;margin-bottom:36px}
.foot-brand{font-family:'Fraunces',serif;font-size:20px;font-weight:700;color:#fff;margin-bottom:8px}.foot-brand span{color:var(--amber)}
.foot-desc{font-size:12px;line-height:1.7;margin-bottom:16px}
.soc{display:flex;gap:8px}.soc a{width:32px;height:32px;background:rgba(255,255,255,.07);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:12px;color:rgba(255,255,255,.4);text-decoration:none;transition:background .2s}.soc a:hover{background:rgba(244,163,41,.2);color:var(--amber)}
.fcol h4{font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:rgba(255,255,255,.7);margin-bottom:12px}
.fl{list-style:none;display:flex;flex-direction:column;gap:6px}.fl a{font-size:12px;color:rgba(255,255,255,.4);text-decoration:none;transition:color .2s}.fl a:hover{color:#fff}
.foot-bot{border-top:1px solid rgba(255,255,255,.07);padding-top:18px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;font-size:11px}.foot-bot a{color:var(--amber);text-decoration:none}
.pt-badge{background:rgba(244,163,41,.1);border:1px solid rgba(244,163,41,.2);border-radius:7px;padding:5px 12px;font-size:11px}.pt-badge strong{color:var(--amber)}

/* ── TOAST ── */
.toast{position:fixed;bottom:80px;right:20px;background:var(--green);color:#fff;padding:11px 18px;border-radius:10px;font-size:13px;font-weight:600;z-index:9999;transform:translateY(80px);opacity:0;transition:all .3s;box-shadow:var(--shadow-lg)}.toast.show{transform:translateY(0);opacity:1}

/* ── HERO SEARCH BOX ── */
.sbox{background:#fff;border-radius:14px;padding:20px;box-shadow:var(--shadow-lg)}
.sbox h3{font-family:'Fraunces',serif;font-size:16px;font-weight:500;color:var(--text);margin-bottom:12px}
.srow{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}
.sinput{flex:1;min-width:120px;background:var(--cream);border:1.5px solid var(--border);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:13px;color:var(--text);outline:none;transition:border .2s}.sinput:focus{border-color:var(--amber)}.sinput::placeholder{color:var(--textg)}
.sselect{background:var(--cream);border:1.5px solid var(--border);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:13px;color:var(--text);outline:none;cursor:pointer;min-width:110px}
.sbtn{background:var(--navy);color:#fff;border:none;border-radius:8px;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .2s}.sbtn:hover{background:var(--amber);color:var(--navy)}
.ftags{display:flex;gap:6px;flex-wrap:wrap}
.ftag{background:var(--creamd);border:1px solid var(--border);border-radius:20px;padding:4px 12px;font-size:11px;font-weight:500;color:var(--textm);cursor:pointer;transition:all .2s}.ftag:hover,.ftag.on{background:var(--amberl);border-color:var(--amber);color:var(--amberd)}

/* ── CITY STRIP ── */
.cstrip{background:#fff;border-bottom:1px solid var(--border);padding:0 48px;overflow-x:auto}
.cstrip-inner{max-width:1240px;margin:0 auto;display:flex}
.cpill{padding:14px 18px;font-size:12px;font-weight:500;color:var(--textm);cursor:pointer;white-space:nowrap;border-bottom:3px solid transparent;transition:all .2s;text-decoration:none;display:flex;align-items:center;gap:5px}.cpill:hover,.cpill.on{color:var(--navy);border-bottom-color:var(--amber);font-weight:600}
.cpill-n{font-size:10px;background:var(--creamd);color:var(--textg);padding:1px 6px;border-radius:8px}

/* ── INSIGHTS BAR ── */
.insights{background:var(--amber);padding:28px 48px}
.ins-inner{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.ins-num{font-family:'Fraunces',serif;font-size:30px;font-weight:700;color:var(--navy);text-align:center}.ins-lbl{font-size:11px;color:var(--navy);opacity:.7;text-align:center;margin-top:3px}

/* ── RESPONSIVE ── */
@media(max-width:1100px){.sg,.bg4,.fgrid{grid-template-columns:repeat(2,1fr)}.profile-grid,.comm-g{grid-template-columns:1fr}.exp-box,.scard:last-of-type{position:static}.foot-g{grid-template-columns:1fr 1fr}}
@media(max-width:768px){nav{padding:0 16px}.nav-links{display:none}.hamburger{display:flex}.sg,.bg4,.fgrid,.gg,.cg{grid-template-columns:1fr}.ins-inner{grid-template-columns:repeat(2,1fr)}.kpi-grid{grid-template-columns:repeat(2,1fr)}.score-grid{grid-template-columns:repeat(2,1fr)}.profile-stats{grid-template-columns:repeat(2,1fr)}.sticky-cta{display:flex}.compare-bar .compare-bar-slots{display:none}.foot-g{grid-template-columns:1fr}.pcta{grid-template-columns:1fr}.cta-blk{text-align:left}section{padding:40px 20px}.loc-hero,.cstrip,.trust-bar,.insights,.insights{padding-left:20px;padding-right:20px}nav,.ann{padding-left:20px;padding-right:20px}footer{padding-left:20px;padding-right:20px}}

/* ── V6 ADDITIONS ─── */
.pagination{display:flex;justify-content:center;gap:6px;margin-top:28px;flex-wrap:wrap}
.pg-btn{padding:7px 13px;border-radius:7px;border:1.5px solid var(--border);background:#fff;color:var(--text);font-family:inherit;font-size:13px;cursor:pointer;font-weight:400;transition:all .15s}
.pg-btn:hover{border-color:var(--amber)}.pg-btn.on{background:var(--navy);color:#fff;border-color:var(--navy);font-weight:700}
.pg-dots{padding:7px 5px;font-size:13px;color:var(--textg)}
.filter-panel{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:18px;position:sticky;top:76px}
.fgroup{margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--border)}.fgroup:last-child{border:none;margin-bottom:0;padding-bottom:0}
.flabel{font-size:10px;font-weight:700;color:var(--textg);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;display:block}
.chk{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--textm);cursor:pointer;padding:2px 0;user-select:none}
.chk input{accent-color:var(--amber);width:13px;height:13px;flex-shrink:0}
.results-layout{display:grid;grid-template-columns:220px 1fr;gap:20px;align-items:start}
.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;flex-wrap:wrap;gap:8px}
.rc-count{font-size:13px;color:var(--textm)}.rc-count strong{font-size:16px;font-family:'Fraunces',serif;color:var(--text)}
.sort-sel{background:var(--cream);border:1px solid var(--border);border-radius:7px;padding:7px 11px;font-size:12px;color:var(--text);outline:none;cursor:pointer;font-family:inherit}
.no-results{text-align:center;padding:56px 24px;background:#fff;border:1px solid var(--border);border-radius:12px;grid-column:1/-1}
.no-results-icon{font-size:48px;margin-bottom:12px}
/* Profile page */
.prof-layout{display:grid;grid-template-columns:1fr 300px;gap:20px;align-items:start;max-width:1100px;margin:0 auto;padding:24px 48px 80px}
.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}
.kpi-card{background:var(--cream);border:1px solid var(--border);border-radius:10px;padding:14px}
.kpi-card.ex{background:#e3f5ee;border-color:#9fd9bf}.kpi-card.gd{background:var(--amberl);border-color:#f7d28a}
.kpi-icon{font-size:22px;margin-bottom:5px}
.kpi-lbl{font-size:10px;font-weight:700;color:var(--textm);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}
.kpi-val{font-family:'Fraunces',serif;font-size:20px;font-weight:700;color:var(--navy);margin-bottom:2px}
.kpi-sub{font-size:10px;color:var(--textg);margin-bottom:8px}
.kpi-bar{background:rgba(255,255,255,.5);border-radius:4px;height:5px}.kpi-fill{background:var(--teal);border-radius:4px;height:5px}
.info-table{width:100%;border-collapse:collapse;font-size:13px}
.info-table td{padding:9px 8px;border-bottom:1px solid var(--border)}
.info-table td:first-child{color:var(--textg);width:44%;font-weight:500}
.info-table td:last-child{font-weight:600;color:var(--text)}
.step{display:flex;gap:12px;margin-bottom:14px}
.step-n{width:26px;height:26px;border-radius:50%;background:var(--navy);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.step-t{font-size:13px;font-weight:700;color:var(--text);margin-bottom:2px}
.step-s{font-size:12px;color:var(--textg)}
.rev-card{background:#fff;border:1.5px solid var(--border);border-radius:12px;padding:16px;margin-bottom:12px}
.scard{background:#fff;border:1px solid var(--border);border-radius:12px;padding:17px;margin-bottom:13px}
.scard h4{font-family:'Fraunces',serif;font-size:14px;font-weight:600;color:var(--text);margin-bottom:10px}
.enq-form{display:flex;flex-direction:column;gap:9px}
.enq-form input,.enq-form select,.enq-form textarea{width:100%;background:var(--cream);border:1.5px solid var(--border);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:12px;color:var(--text);outline:none;box-sizing:border-box;transition:border .2s}
.enq-form input:focus,.enq-form select:focus{border-color:var(--amber)}
.enq-btn{background:var(--navy);color:#fff;border:none;border-radius:8px;padding:12px;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background .2s;width:100%}
.enq-btn:hover{background:var(--amber);color:var(--navy)}
/* Similar schools sidebar */
.sim-school{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid var(--border);text-decoration:none}
.sim-school:last-child{border-bottom:none}
.sim-logo{width:32px;height:32px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-family:'Fraunces',serif;font-size:10px;font-weight:700;flex-shrink:0}
.sim-name{font-size:12px;font-weight:600;color:var(--text);line-height:1.3}
.sim-meta{font-size:10px;color:var(--textg)}
.sim-rating{font-size:11px;font-weight:700;color:var(--amber);margin-left:auto;flex-shrink:0}
/* Mobile sticky CTA */
.sticky-cta{display:none;position:fixed;bottom:0;left:0;right:0;z-index:940}
.sticky-enquire{flex:1;background:var(--navy);color:#fff;border:none;padding:16px;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;width:50%}
.sticky-shortlist{flex:1;background:var(--teal);color:#fff;border:none;padding:16px;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;width:50%}
/* Suggestion dropdown */
.sug-wrap{position:relative}
.sug-box{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.1);z-index:200;max-height:200px;overflow-y:auto;display:none}
.sug-box.open{display:block}
.sug-item{padding:8px 12px;font-size:12px;cursor:pointer;color:var(--textm);border-bottom:1px solid var(--border)}
.sug-item:last-child{border:none}.sug-item:hover{background:var(--amberl);color:var(--amberd)}
@media(max-width:900px){.results-layout{grid-template-columns:1fr}.filter-panel{position:static}.kpi-grid{grid-template-columns:1fr 1fr}.prof-layout{grid-template-columns:1fr;padding:20px}}
@media(max-width:768px){.sticky-cta{display:flex!important}}
@media(max-width:640px){.kpi-grid{grid-template-columns:1fr 1fr}}
