/*
Theme Name: NeylScout
Theme URI: https://neylscout.online
Author: NeylScout
Author URI: https://neylscout.online
Description: Custom WordPress theme converted from the original NeylScout static website. All original pages, layout, CSS, and JavaScript are preserved.
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.5
Text Domain: neylscout
*/

/* ═══════════════════════════════════════════
   NEYLSCOUT.ONLINE — Independent UK Mobile Guidance
   Forest Green + Terracotta + Warm Cream
   Type: Lexend (display) + Karla (body)
   Flat single-level nav (no mega-menu) — structurally distinct.
   Balanced, form-first, fully disclosed — safe-by-design.
   ═══════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@500;600;700;800&family=Karla:wght@400;500;600;700&display=swap');

:root{
  --green:#1F6B4D; --green-d:#154A35; --green-l:#E6F0EA;
  --clay:#D97757; --clay-d:#B85D40;
  --ink:#22281F; --mid:#54594D; --muted:#8A8F80; --line:#E2E2D5; --line-d:#CBCBB8;
  --cream:#FBF8F1; --white:#FFFFFF;
  --ok:#2E7D4F; --warn:#B8762E; --bad:#C0432F;
  --three:#A6006B; --o2:#0019A5; --ee:#3FA300; --tesco:#00539F; --voda:#D6004A; --sky:#0072CE; --idm:#2D2D2D;
  --fh:'Lexend',sans-serif; --fb:'Karla',sans-serif;
  --mw:1220px; --gap:clamp(18px,4.5vw,60px); --sec:clamp(54px,7vw,90px);
  --r:10px; --rl:16px; --rx:20px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--fb);background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1}
a{text-decoration:none;color:inherit}
button{cursor:pointer;font-family:var(--fb);border:none;background:none}
ul{list-style:none}
section{padding:var(--sec) var(--gap);background:var(--white)}
.w{max-width:var(--mw);margin:0 auto;padding:0 var(--gap)}
.ws{max-width:820px;margin:0 auto;padding:0 var(--gap)}

/* ══ TOP STRIP ══ */
.tbar{background:var(--green-d);color:rgba(255,255,255,.78);font-size:.73rem;padding:7px var(--gap);display:flex;justify-content:center;gap:24px;flex-wrap:wrap}
.tbar b{color:#F4C99A}

/* ══ HEADER — flat, single-level, no dropdowns ══ */
.hdr{position:sticky;top:0;z-index:1000;background:rgba(251,248,241,.97);backdrop-filter:blur(8px);border-bottom:2px solid var(--ink)}
.hi{max-width:var(--mw);margin:0 auto;padding:0 var(--gap);height:70px;display:flex;align-items:center}
.logo{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-right:26px}
.logo-mk{width:30px;height:30px;border-radius:8px;background:var(--green);display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-weight:800;color:#fff;font-size:.92rem;transform:rotate(-4deg)}
.logo-tx{font-family:var(--fh);font-size:1.1rem;font-weight:800;letter-spacing:-.01em;color:var(--ink)}
.logo-tx span{color:var(--clay)}
.nav{display:flex;align-items:center;flex:1;gap:2px;overflow-x:auto}
.nav a{font-size:.8rem;font-weight:700;color:var(--mid);padding:8px 11px;border-radius:7px;white-space:nowrap;transition:.15s}
.nav a:hover,.nav a.on{color:var(--green-d);background:var(--green-l)}
.hcta{margin-left:auto;flex-shrink:0;display:flex;align-items:center;gap:7px;background:var(--clay);color:#fff;padding:10px 18px;border-radius:8px;font-family:var(--fh);font-size:.8rem;font-weight:700;transition:.2s}
.hcta:hover{background:var(--clay-d)}
.burger{display:none;flex-direction:column;gap:5px;padding:8px;margin-left:8px}
.burger span{display:block;width:20px;height:2px;background:var(--ink);border-radius:2px}

/* ══ DRAWER ══ */
.dr{display:none;position:fixed;inset:0;z-index:999;background:var(--cream);flex-direction:column;padding:88px var(--gap) 40px;overflow-y:auto}
.dr.open{display:flex}
.dr-x{position:absolute;top:18px;right:var(--gap);width:36px;height:36px;border-radius:8px;background:var(--white);border:1px solid var(--line);color:var(--ink);display:flex;align-items:center;justify-content:center}
.dr a{padding:13px 0;font-size:.95rem;font-weight:700;color:var(--ink);border-bottom:1px solid var(--line)}
.dr-l{font-family:var(--fh);font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--green);padding:16px 0 6px;margin-top:6px}
.dr-tel{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--clay);color:#fff;padding:14px;border-radius:8px;font-family:var(--fh);font-weight:800;margin-top:18px}

/* ══ HERO — stat band style, not side panel ══ */
.hero{background:var(--green-d);padding:56px var(--gap) 0;position:relative}
.hero-i{max-width:var(--mw);margin:0 auto;text-align:center;padding-bottom:48px}
.h-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:7px 15px;font-size:.76rem;font-weight:700;color:#fff;margin-bottom:20px}
.h-dot{width:6px;height:6px;border-radius:50%;background:var(--clay)}
.hero h1{font-family:var(--fh);font-size:clamp(2.1rem,4.6vw,3.3rem);font-weight:800;line-height:1.14;color:#fff;margin-bottom:16px;letter-spacing:-.02em}
.hero h1 em{font-style:normal;color:#F4C99A}
.hero-sub{font-size:1rem;color:rgba(255,255,255,.7);line-height:1.7;max-width:560px;margin:0 auto 26px}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:8px}
.btn-clay{display:inline-flex;align-items:center;gap:9px;background:var(--clay);color:#fff;padding:13px 26px;border-radius:8px;font-family:var(--fh);font-size:.87rem;font-weight:700;transition:.2s}
.btn-clay:hover{background:var(--clay-d);transform:translateY(-1px)}
.btn-ghost2{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1.5px solid rgba(255,255,255,.3);color:#fff;padding:12px 24px;border-radius:8px;font-family:var(--fh);font-size:.83rem;font-weight:700;transition:.2s}
.btn-ghost2:hover{border-color:#fff}
.statband{max-width:var(--mw);margin:0 auto;background:var(--white);border-radius:16px 16px 0 0;display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;box-shadow:0 -10px 40px rgba(0,0,0,.08)}
.statband .item{padding:24px 18px;text-align:center;border-right:1px solid var(--line)}
.statband .item:last-child{border-right:none}
.statband .v{font-family:var(--fh);font-size:1.5rem;font-weight:800;color:var(--green)}
.statband .l{font-size:.7rem;color:var(--muted);font-weight:600;margin-top:3px}

/* ══ SECTION HEAD ══ */
.sh{margin-bottom:40px}
.sh.c{text-align:center}
.eyebrow{display:inline-flex;align-items:center;gap:6px;font-family:var(--fh);font-size:.74rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--clay);margin-bottom:11px}
.sh h2{font-family:var(--fh);font-size:clamp(1.65rem,3.3vw,2.3rem);font-weight:800;letter-spacing:-.01em;line-height:1.22;color:var(--ink);margin-bottom:12px}
.sh h2 em{font-style:normal;color:var(--green)}
.sh p{font-size:.96rem;color:var(--mid);line-height:1.7;max-width:580px}
.sh.c p{margin:0 auto}

/* ══ PAGE HERO ══ */
.ph{background:var(--green-d);padding:36px var(--gap) 42px}
.ph-i{max-width:var(--mw);margin:0 auto}
.ph-bc{font-size:.8rem;color:rgba(255,255,255,.45);margin-bottom:12px}
.ph-bc a{color:rgba(255,255,255,.75);font-weight:700}
.ph-badge{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:7px;padding:5px 13px;font-size:.72rem;font-weight:700;color:#F4C99A;margin-bottom:13px}
.ph-i h1{font-family:var(--fh);font-size:clamp(1.65rem,3.5vw,2.4rem);font-weight:800;color:#fff;line-height:1.2;max-width:760px;margin-bottom:9px}
.ph-i h1 em{font-style:normal;color:#F4C99A}
.ph-i p{font-size:.93rem;color:rgba(255,255,255,.62);line-height:1.62;max-width:580px}

/* ══ NETWORK GRID — bordered-left cards, not full-bleed color ══ */
.ng{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.nc{background:var(--white);border:1px solid var(--line);border-left:5px solid var(--green);border-radius:var(--r);padding:20px;transition:.2s}
.nc:hover{transform:translateY(-3px);box-shadow:0 14px 32px -10px rgba(34,40,31,.14)}
.nc h3{font-family:var(--fh);font-size:1.02rem;font-weight:800;color:var(--ink);margin-bottom:6px}
.nc p{font-size:.78rem;color:var(--mid);line-height:1.55;margin-bottom:13px}
.nc-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dotted var(--line);font-size:.72rem}
.nc-row:last-of-type{border:none;margin-bottom:12px}
.nc-k{color:var(--muted)}
.nc-v{font-weight:700;color:var(--ink)}
.nc-a{display:block;text-align:center;padding:9px 12px;border-radius:7px;font-size:.74rem;font-weight:700;background:var(--green-l);color:var(--green-d);transition:.2s}
.nc-a:hover{background:var(--green);color:#fff}

/* ══ FEATURE GRID ══ */
.fg{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.fc{background:var(--cream);border:1px solid var(--line);border-radius:var(--rl);padding:22px;transition:.2s}
.fc:hover{background:var(--white);box-shadow:0 12px 28px -10px rgba(34,40,31,.1)}
.fc-ic{font-size:1.5rem;margin-bottom:11px}
.fc h3{font-family:var(--fh);font-size:.94rem;font-weight:800;margin-bottom:7px;color:var(--ink)}
.fc p{font-size:.82rem;color:var(--mid);line-height:1.62}

/* ══ TABLE ══ */
.tw{overflow-x:auto;border-radius:var(--rl);border:1px solid var(--line)}
.tb{width:100%;border-collapse:collapse;min-width:680px}
.tb thead tr{background:var(--green)}
.tb th{padding:12px 15px;text-align:left;font-family:var(--fh);font-size:.7rem;font-weight:800;color:#fff}
.tb td{padding:12px 15px;font-size:.85rem;color:var(--mid);border-bottom:1px solid var(--line)}
.tb tbody tr:last-child td{border:none}
.tb tbody tr:hover td{background:var(--green-l)}
.tn{font-weight:700;color:var(--ink);font-size:.86rem}
.ck{color:var(--ok);font-weight:700}
.cw{color:var(--warn);font-weight:600}
.cx{color:var(--bad);font-weight:700}
.bdg{display:inline-block;padding:3px 9px;border-radius:5px;font-size:.64rem;font-weight:700}
.bm{background:var(--green-l);color:var(--green-d)}
.bv{background:#FBEAE2;color:var(--clay-d)}

/* ══ BOXES ══ */
.ib{background:var(--green-l);border-left:4px solid var(--green);padding:14px 17px;font-size:.87rem;color:var(--mid);line-height:1.68;margin:20px 0;border-radius:0 9px 9px 0}
.ib strong{color:var(--green-d)}
.wb{background:#FCF1E6;border-left:4px solid var(--clay);padding:14px 17px;font-size:.87rem;color:var(--mid);line-height:1.68;margin:20px 0;border-radius:0 9px 9px 0}
.wb strong{color:var(--clay-d)}
.disc-box{background:#F0F0E6;border:1.5px solid var(--line-d);border-radius:13px;padding:19px 21px;font-size:.81rem;color:var(--mid);line-height:1.7}
.disc-box strong{color:var(--ink)}

/* ══ INDEPENDENCE CALLOUT ══ */
.indie{background:var(--white);border:2px solid var(--ink);border-radius:13px;padding:16px 19px;display:flex;gap:12px;align-items:flex-start;max-width:740px;margin:0 auto 26px}
.indie .ic{font-size:1.25rem;flex-shrink:0}
.indie p{font-size:.83rem;color:var(--mid);line-height:1.6;text-align:left}
.indie strong{color:var(--ink)}
.indie-dark{background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.22);border-radius:13px;padding:16px 19px;display:flex;gap:12px;align-items:flex-start;max-width:740px;margin:0 auto 26px}
.indie-dark p{font-size:.83rem;color:rgba(255,255,255,.78);line-height:1.6;text-align:left}
.indie-dark strong{color:#fff}

/* ══ CONTACT METHODS ══ */
.cmeth{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cmcard{border-radius:13px;padding:20px;border:1.5px solid var(--line)}
.cmcard.p1{background:var(--green);border-color:var(--green)}
.cmcard.p1 h3,.cmcard.p1 p{color:#fff}
.cmcard.p2{background:var(--cream)}
.cmcard h3{font-family:var(--fh);font-size:.92rem;font-weight:800;margin-bottom:6px}
.cmcard p{font-size:.79rem;color:var(--mid);line-height:1.54;margin-bottom:11px}

/* ══ FAQ ══ */
.fi{border-bottom:1px solid var(--line)}
.fq{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 0;cursor:pointer}
.fq-t{font-size:.93rem;font-weight:700;color:var(--ink)}
.fq-i{width:26px;height:26px;border-radius:6px;background:var(--green-l);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--green);flex-shrink:0;transition:.2s}
.fi.op .fq-i{background:var(--green);color:#fff;border-color:var(--green);transform:rotate(45deg)}
.fa{display:none;padding:0 0 17px;font-size:.85rem;color:var(--mid);line-height:1.74}
.fi.op .fa{display:block}

/* ══ CONTENT CARDS ══ */
.cc2{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.cc{background:var(--white);border:1px solid var(--line);border-radius:11px;padding:19px}
.cc h3{font-family:var(--fh);font-size:.92rem;font-weight:800;margin-bottom:7px;color:var(--ink)}
.cc p{font-size:.81rem;color:var(--mid);line-height:1.6;margin-bottom:8px}
.cc ul{display:flex;flex-direction:column;gap:5px}
.cc li{font-size:.79rem;color:var(--mid);padding-left:16px;position:relative;line-height:1.5}
.cc li::before{content:'—';position:absolute;left:0;color:var(--clay);font-weight:700}

/* ══ CONTACT ══ */
.cg{display:grid;grid-template-columns:1fr 1.25fr;gap:32px;align-items:start}
.ci{background:var(--cream);border:1px solid var(--line);border-radius:11px;padding:14px;display:flex;gap:12px;align-items:flex-start;margin-bottom:10px}
.ci-i{width:34px;height:34px;border-radius:8px;background:var(--green-l);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.95rem}
.ci-l{font-size:.69rem;font-weight:700;color:var(--muted);margin-bottom:2px}
.ci-v{font-family:var(--fh);font-size:.88rem;font-weight:800;color:var(--ink)}
.fw{background:var(--white);border:1px solid var(--line);border-radius:var(--rx);padding:28px}
.fw h2{font-family:var(--fh);font-size:1.2rem;font-weight:800;margin-bottom:6px;color:var(--ink)}
.fw p{font-size:.82rem;color:var(--mid);margin-bottom:17px}
.fg2{margin-bottom:11px}
.fg2 label{display:block;font-size:.75rem;font-weight:700;color:var(--ink);margin-bottom:5px}
.fg2 input,.fg2 select,.fg2 textarea{width:100%;padding:10px 12px;background:var(--white);border:1.5px solid var(--line);border-radius:8px;color:var(--ink);font-size:.84rem;font-family:var(--fb);outline:none;-webkit-appearance:none;transition:.18s}
.fg2 input:focus,.fg2 select:focus,.fg2 textarea:focus{border-color:var(--green)}
.fg2 input::placeholder,.fg2 textarea::placeholder{color:var(--muted)}
.fg2 select{color:var(--ink);cursor:pointer}
.fg2 textarea{resize:vertical;min-height:76px}
.fg2-r{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fg2-c{display:flex;gap:8px;align-items:flex-start;margin:9px 0;font-size:.74rem;color:var(--mid);line-height:1.5}
.fg2-c input{width:auto;margin-top:3px;flex-shrink:0;accent-color:var(--green)}
.fsub{width:100%;padding:12px;background:var(--clay);color:#fff;font-family:var(--fh);font-size:.88rem;font-weight:700;border-radius:8px;transition:.2s;cursor:pointer}
.fsub:hover{background:var(--clay-d)}

/* ══ PROSE ══ */
.pr h2{font-family:var(--fh);font-size:clamp(1.15rem,2vw,1.42rem);font-weight:800;margin:34px 0 10px;color:var(--ink)}
.pr h3{font-family:var(--fh);font-size:.96rem;font-weight:800;color:var(--green);margin:18px 0 7px}
.pr p{font-size:.89rem;color:var(--mid);line-height:1.78;margin-bottom:11px}
.pr ul{padding-left:17px;margin-bottom:12px}
.pr li{font-size:.86rem;color:var(--mid);margin-bottom:5px;line-height:1.58}
.pr strong{color:var(--ink)}

/* ══ REVEAL ══ */
.rv{opacity:0;transform:translateY(12px);transition:opacity .45s ease,transform .45s ease}
.rv.in{opacity:1;transform:none}
.d1{transition-delay:.05s}.d2{transition-delay:.1s}.d3{transition-delay:.15s}.d4{transition-delay:.2s}.d5{transition-delay:.25s}

/* ══ FOOTER ══ */
.footer{background:var(--ink);padding:46px var(--gap) 22px}
.ft{max-width:var(--mw);margin:0 auto}
.ft-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:24px;padding-bottom:26px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:20px}
.ft-logo{font-family:var(--fh);font-size:1.04rem;font-weight:800;color:#fff;margin-bottom:9px}
.ft-logo span{color:#F4C99A}
.ft-brand p{font-size:.78rem;color:rgba(255,255,255,.45);line-height:1.68;max-width:225px}
.ft-col h4{font-family:var(--fh);font-size:.68rem;font-weight:700;color:#F4C99A;letter-spacing:.04em;text-transform:uppercase;margin-bottom:11px}
.ft-col ul{display:flex;flex-direction:column;gap:7px}
.ft-col a{font-size:.77rem;color:rgba(255,255,255,.5)}
.ft-col a:hover{color:#fff}
.ft-disc{font-size:.69rem;color:rgba(255,255,255,.4);line-height:1.8;padding-top:16px;margin-bottom:13px}
.ft-bot{font-size:.7rem;color:rgba(255,255,255,.3);display:flex;justify-content:space-between;flex-wrap:wrap;gap:7px;border-top:1px solid rgba(255,255,255,.1);padding-top:15px}
.ft-bot a{color:rgba(255,255,255,.45)}

/* ══ RESPONSIVE ══ */
@media(max-width:1050px){.ng{grid-template-columns:repeat(2,1fr)}.fg{grid-template-columns:1fr 1fr}.statband{grid-template-columns:repeat(2,1fr)}.ft-top{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:900px){.nav{display:none}.burger{display:flex}}
@media(max-width:780px){.cc2{grid-template-columns:1fr}.cg{grid-template-columns:1fr}.fg{grid-template-columns:1fr}.ft-top{grid-template-columns:1fr 1fr;gap:18px}.tbar{gap:13px;font-size:.64rem}.cmeth{grid-template-columns:1fr}}
@media(max-width:520px){.ng{grid-template-columns:1fr}.fg2-r{grid-template-columns:1fr}.ft-top{grid-template-columns:1fr}}