/* Be On Track "edge" layer, v2 (Nov 2026): Be Alright palette (navy, teal, red) with a more grown-up
   structure than the parent site: Bricolage Grotesque headings, mono labels, planner-grid background,
   thin borders and soft shadows. Loaded after each page's own <style>; class names are unchanged. */
:root{
  --ink:#1E3450;--ink-deep:#16273D;--ink-2:#22395A;--ink-soft:#52677D;--paper:#F6F9FA;--white:#FFFFFF;
  --teal:#3FB1AC;--teal-deep:#2C8480;--teal-soft:#C3E8E5;--teal-wash:#EAF6F5;
  --red:#E43C48;--red-deep:#D2293A;--blue:#5B8FCF;
  --line:rgba(30,52,80,.12);--card-shadow:0 1px 0 rgba(30,52,80,.04),0 14px 30px -22px rgba(30,52,80,.45);
  --display:"Bricolage Grotesque",system-ui,sans-serif;--body:"Inter",system-ui,-apple-system,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,monospace;--hand:"JetBrains Mono",ui-monospace,monospace;
  --navy-dark:var(--ink);--surface:var(--teal-wash);--surface2:var(--paper);
}
body{background-color:var(--paper);color:var(--ink);font-family:var(--body);
  background-image:linear-gradient(rgba(30,52,80,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(30,52,80,.045) 1px,transparent 1px);
  background-size:32px 32px;}
h1,h2,h3{font-family:var(--display);font-weight:800;letter-spacing:-0.02em;color:var(--ink);}
:focus-visible{outline:3px solid var(--teal);}

/* labels */
.eyebrow{font-family:var(--mono);font-weight:600;font-size:.76rem;letter-spacing:.08em;color:var(--teal-deep);}
.eyebrow::before{content:"//";width:auto;height:auto;background:none;color:var(--teal);font-weight:700;}
.hand{font-family:var(--mono);font-weight:600;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-soft);}
.mark::after{background:var(--teal-soft);opacity:1;height:.38em;border-radius:2px;}

/* buttons */
.btn{font-family:var(--display);font-weight:700;border-radius:10px;border:0;letter-spacing:-.005em;}
.btn-primary{background:var(--red-deep);color:#fff;box-shadow:0 12px 26px -14px rgba(210,41,58,.85);}
.btn-primary:hover{background:#B9202F;transform:translateY(-2px);}
.btn-teal{background:var(--ink);color:#fff;box-shadow:0 12px 26px -16px rgba(30,52,80,.8);}
.btn-teal:hover{background:var(--ink-2);transform:translateY(-2px);}

/* nav */
header.nav{background:rgba(22,39,61,.97);border-bottom:1px solid rgba(255,255,255,.07);}
.nav-inner{color:#fff;}

/* hero (light, so it does not stack on the dark nav) */
.hero{background:linear-gradient(180deg,var(--teal-wash) 0%,var(--paper) 100%);color:var(--ink);position:relative;overflow:hidden;
  background-image:linear-gradient(rgba(30,52,80,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(30,52,80,.05) 1px,transparent 1px),linear-gradient(180deg,var(--teal-wash) 0%,var(--paper) 100%);
  background-size:32px 32px,32px 32px,100% 100%;border-bottom:1px solid var(--line);}
.hero::after{content:"";position:absolute;right:-140px;top:-140px;width:460px;height:460px;border-radius:50%;
  background:radial-gradient(circle,rgba(63,177,172,.18),transparent 65%);pointer-events:none;}
.pre{background:#fff;border:1px solid var(--teal);color:var(--teal-deep);font-family:var(--mono);font-weight:600;
  font-size:.74rem;letter-spacing:.07em;text-transform:uppercase;border-radius:6px;}
.hero h1{color:var(--ink);font-weight:800;font-size:clamp(2.2rem,5.2vw,3.8rem);line-height:1.06;max-width:21ch;}
.hero h1 em{font-style:normal;color:var(--ink);background:linear-gradient(transparent 60%,var(--teal-soft) 60%);padding:0 .06em;
  box-decoration-break:clone;-webkit-box-decoration-break:clone;}
.hero .sub{color:var(--ink-soft);}
.hero .hand{color:var(--teal-deep);}
.vsl-frame{border:1px solid var(--line);border-radius:14px;box-shadow:0 34px 70px -34px rgba(30,52,80,.6);}
.hero-reassure{color:var(--ink-soft);}
.hbenefits li{background:#fff;border:1px solid var(--line);color:var(--ink);border-radius:12px;box-shadow:var(--card-shadow);}
.hbenefits .c,.hbenefits li:nth-child(n) .c{background:var(--teal);color:#fff;border-radius:8px;font-weight:800;}

/* trust strip */
.trust{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.trust .num{font-family:var(--display);font-weight:800;color:var(--ink);}
.trust .num span{color:var(--red);}
.trust .lbl{color:var(--ink-soft);font-family:var(--mono);font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;}

/* recognition */
.sign{background:#fff;border:1px solid var(--line);border-left:3px solid var(--teal);border-radius:12px;box-shadow:var(--card-shadow);}
.sign p b{color:var(--ink);background:linear-gradient(transparent 60%,var(--teal-soft) 60%);font-weight:700;}
.recognition .closer{font-family:var(--display);font-weight:800;}
.nudge{font-family:var(--mono);color:var(--teal-deep);font-weight:600;letter-spacing:.05em;text-transform:uppercase;font-size:.8rem;}

/* skills (dark) */
.stakes{background:var(--ink);color:#E3EAF2;}
.stakes h2{color:#fff;}
.stakes .eyebrow,.stakes .eyebrow::before{color:var(--teal-soft);}
.stat{background:var(--ink-2);border:1px solid rgba(255,255,255,.10);border-radius:12px;border-top:3px solid var(--teal);}
.stat .big,.stat:nth-child(2) .big{color:var(--teal-soft);font-family:var(--display);font-weight:800;}
.stakes .turn{background:rgba(63,177,172,.10);border:1px solid rgba(63,177,172,.35);border-radius:12px;}
.stakes .turn p{font-family:var(--display);font-weight:700;}

/* method */
.method{background:transparent;}
.step{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--card-shadow);}
.step .ring,.step:nth-child(n) .ring{background:var(--ink);color:var(--teal-soft);border-radius:8px;font-family:var(--mono);font-weight:700;}
.pill{background:#fff;border:1px solid var(--line);border-radius:8px;font-family:var(--body);font-weight:600;}

/* meg */
.meg{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.meg-photo{border:0;border-radius:14px;box-shadow:0 30px 60px -32px rgba(30,52,80,.55);}
.meg-photo .seal{background:var(--red-deep);color:#fff;font-family:var(--mono);}
.meg .pull{font-family:var(--display);font-weight:600;border-left:4px solid var(--teal);}
.meg .sign-off{font-family:var(--mono);font-size:.9rem;letter-spacing:.07em;text-transform:uppercase;color:var(--teal-deep);}
.cred{background:var(--teal-wash);border:1px solid var(--line);border-radius:6px;font-family:var(--mono);font-weight:500;font-size:.74rem;}

/* outcomes */
.proof{background:transparent;}
.oc{border:1px solid var(--line);border-radius:12px;box-shadow:var(--card-shadow);}
.oc .ico{background:var(--teal-wash);border:1px solid var(--teal-soft);border-radius:10px;}

/* offer */
.offer{background:transparent;}
.offer-card{background:var(--ink);color:#fff;border:0;border-radius:16px;box-shadow:0 34px 70px -34px rgba(30,52,80,.75);}
.offer h2{color:#fff;}
.offer .lead{color:#C5D2E0;}
.offer .lead b{color:#fff;}
.scarcity{background:transparent;border:1px solid rgba(63,177,172,.55);color:var(--teal-soft);font-family:var(--mono);font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;border-radius:6px;}
.scarcity .blip{background:var(--teal);animation:none;}
.offer .guarantee{color:#A9B9CB;}
.offer .guarantee b{color:var(--teal);}

/* faq */
summary{font-family:var(--display);font-weight:700;}
summary .pm{border:1.5px solid var(--teal);border-radius:7px;}
summary .pm::before,summary .pm::after{background:var(--teal-deep);}
details{border-bottom:1px solid var(--line);}

/* final */
.final{background:var(--teal-wash);color:var(--ink);border-top:1px solid var(--line);}
.final .kicker{font-family:var(--mono);color:var(--teal-deep);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600;}
.final h2{color:var(--ink);}
.final p{color:var(--ink-soft);}
.final .btn-teal{background:var(--red-deep);box-shadow:0 12px 26px -14px rgba(210,41,58,.85);}
.final .btn-teal:hover{background:#B9202F;}

/* footer + sticky */
footer.ft{background:var(--ink-deep);}
.sticky-cta{background:var(--ink-deep);color:#fff;border-top:1px solid rgba(63,177,172,.45);}
.sticky-cta .s-txt small{color:#A9B9CB;}

/* sub pages (form / calendar / thank-you) */
.subhero .kick,.kick{font-family:var(--mono);background:var(--ink);color:var(--teal-soft);border-radius:6px;letter-spacing:.07em;}
.chip{border:1px solid var(--line);border-radius:8px;background:#fff;}
.chip .c{background:var(--teal);color:#fff;border-radius:5px;}
.embed-wrap,.cal-card{border:1px solid var(--line);border-radius:14px;box-shadow:var(--card-shadow);background:#fff;}
.parent-only{border:1px solid var(--teal-soft);border-left:3px solid var(--teal);border-radius:12px;background:#fff;}
.ty-ico{background:var(--teal)!important;}
.step .n{background:var(--ink);color:var(--teal-soft);border-radius:6px;font-family:var(--mono);}