/* =========================================================
   HiredConstruction: homepage styles (mobile-first)
   Palette: charcoal ink / hi-vis orange / warm off-white
   ========================================================= */
/* Self-hosted fonts (SIL Open Font License 1.1, subset to Latin). */
@font-face{font-family:'Archivo';font-style:normal;font-weight:500 900;font-stretch:100% 112%;font-display:swap;src:url(/fonts/archivo-var-latin.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/inter-var-latin.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500 600;font-display:swap;src:url(/fonts/jetbrainsmono-var-latin.woff2) format('woff2')}
:root{
  --ink:#11161f; --ink-2:#18202c; --ink-3:#243041; --ink-4:#34415a;
  --slate:#566275; --muted:#5d6878; --line:#e4e2dc; --line-dark:rgba(255,255,255,.09);
  --paper:#ffffff; --sand:#f6f4ef; --sand-2:#efebe3;
  --orange:#ff7a00; --orange-hi:#ff9433; --orange-text:#b35100; --orange-soft:#fff1e3;
  --on-dark:#c7cfda; --on-dark-2:#97a3b3;
  --r-sm:10px; --r:16px; --r-lg:22px;
  --sh-1:0 1px 2px rgba(17,22,31,.05),0 4px 14px rgba(17,22,31,.06);
  --sh-2:0 2px 4px rgba(17,22,31,.04),0 18px 40px -8px rgba(17,22,31,.16);
  --sh-3:0 40px 80px -20px rgba(0,0,0,.55);
  --f-head:'Archivo',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --f-body:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --ease:cubic-bezier(.2,.7,.2,1);
  --header-h:70px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 12px);-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--f-body);font-size:1.0625rem;line-height:1.65;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
svg{display:inline-block;vertical-align:middle}
a{color:var(--orange-text);text-underline-offset:3px}
h1,h2,h3{font-family:var(--f-head);line-height:1.08;margin:0 0 .55em;letter-spacing:-.022em;font-weight:800;text-wrap:balance}
h1{font-size:clamp(2.6rem,9.5vw,4.9rem);font-weight:900;font-stretch:108%;letter-spacing:-.035em;line-height:1}
h2{font-size:clamp(2rem,5.6vw,3.25rem);font-stretch:104%}
h3{font-size:1.2rem;letter-spacing:-.01em}
p{margin:0 0 1em}
em{font-style:italic}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em;background:var(--sand-2);padding:.15em .4em;border-radius:6px;word-break:break-word}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 22px}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link{position:absolute;left:-999px;top:10px;background:var(--orange);color:var(--ink);padding:10px 16px;border-radius:8px;z-index:300;font-weight:700}
.skip-link:focus{left:10px}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px;border-radius:4px}

/* Icons */
.ic{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ic-sm{width:17px;height:17px}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;font-family:var(--f-head);font-weight:750;font-size:1rem;letter-spacing:-.005em;padding:.85em 1.35em;border-radius:12px;border:2px solid transparent;text-decoration:none;cursor:pointer;line-height:1.15;transition:transform .2s var(--ease),background-color .2s,color .2s,border-color .2s,box-shadow .2s;white-space:nowrap}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0)}
.btn-sm{padding:.6em 1.05em;font-size:.95rem;border-radius:10px}
.btn-lg{padding:1em 1.6em;font-size:1.06rem}
.btn-block{width:100%}
.btn-primary{background:var(--orange);color:var(--ink);box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 10px 24px -6px rgba(255,122,0,.55)}
.btn-primary:hover{background:var(--orange-hi);box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 14px 30px -6px rgba(255,122,0,.65)}
.btn-outline{border-color:rgba(255,255,255,.28);color:#fff;background:rgba(255,255,255,.04)}
.btn-outline:hover{border-color:rgba(255,255,255,.7);background:rgba(255,255,255,.09)}
.btn-ghost{color:var(--ink);border-color:var(--ink);background:transparent}
.btn-ghost:hover{background:var(--ink);color:#fff}
.btn-dark{background:var(--ink);color:#fff;box-shadow:0 12px 26px -10px rgba(17,22,31,.6)}
.btn-dark:hover{background:var(--ink-3)}
.btn-outline-dark{border-color:var(--ink);color:var(--ink)}
.btn-outline-dark:hover{background:rgba(17,22,31,.08)}

/* ---------- Header ---------- */
.site-header{position:sticky;top:0;z-index:100;background:rgba(17,22,31,.9);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid var(--line-dark);transition:box-shadow .25s}
.site-header.scrolled{box-shadow:0 10px 30px -12px rgba(0,0,0,.5)}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-h)}
.logo{display:inline-flex;align-items:center;gap:11px;text-decoration:none}
.logo-text{font-family:var(--f-head);font-weight:900;font-stretch:106%;font-size:1.3rem;color:#fff;letter-spacing:-.03em}
.logo-text span{color:var(--orange)}
.nav-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:46px;height:46px;background:rgba(255,255,255,.06);border:1px solid var(--line-dark);border-radius:10px;padding:0 11px;cursor:pointer}
.nav-toggle span{display:block;height:2px;background:#fff;border-radius:2px;transition:transform .25s var(--ease),opacity .2s}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.site-nav{position:absolute;top:var(--header-h);left:0;right:0;background:var(--ink);border-bottom:3px solid var(--orange);box-shadow:0 30px 40px -20px rgba(0,0,0,.6);display:none}
.site-nav.open{display:block;animation:dropIn .25s var(--ease)}
@keyframes dropIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.site-nav ul{list-style:none;margin:0;padding:8px 22px 22px}
.site-nav li a{display:block;color:#e9edf2;text-decoration:none;padding:14px 2px;font-weight:600;font-size:1.05rem;border-bottom:1px solid var(--line-dark)}
.site-nav li a:hover{color:var(--orange)}
.site-nav .nav-cta-item a{margin-top:16px;border:0;color:var(--ink);display:flex;padding:.9em 1em}
.site-nav .nav-cta-item a:hover{color:var(--ink)}

/* ---------- Hero ---------- */
.hero{position:relative;background:var(--ink);color:#fff;overflow:hidden;padding:56px 0 40px;isolation:isolate}
.hero-bg{position:absolute;inset:0;z-index:-1;background:
  radial-gradient(60% 55% at 88% 12%,rgba(255,122,0,.20),transparent 62%),
  radial-gradient(55% 60% at -5% 105%,rgba(70,105,160,.30),transparent 60%),
  linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px) 0 0/44px 44px,
  linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px) 0 0/44px 44px}
.hero-bg::after{content:"";position:absolute;inset:auto 0 0 0;height:160px;background:linear-gradient(transparent,var(--ink))}
.hero-crane{position:absolute;right:-8%;bottom:0;width:min(720px,95%);height:auto;color:rgba(255,255,255,.05)}
.hero-inner{display:grid;gap:56px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#dfe5ec;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);padding:8px 14px;border-radius:99px;margin-bottom:26px}
.dot{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px rgba(255,122,0,.22);animation:pulse 2.4s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 7px rgba(255,122,0,.05)}}
.accent{color:var(--orange);display:block}
.lead{font-size:clamp(1.08rem,2.4vw,1.25rem);line-height:1.6;color:var(--on-dark);max-width:34em;margin:22px 0 32px}
.cta-row{display:flex;flex-wrap:wrap;gap:12px}
.cta-row .btn{flex:1 1 220px}
.cta-row.center{justify-content:center}
.cta-row.center .btn{flex:0 1 auto}
.hero-note{display:flex;align-items:center;gap:8px;margin:18px 0 0;font-size:.9rem;color:var(--on-dark-2)}

/* Guide mockup */
.hero-visual{display:flex;justify-content:center;padding:10px 0 20px}
.mockup{position:relative;width:min(100%,340px);aspect-ratio:4/4.6}
.mock-book{position:absolute;left:19%;top:2%;width:62%;aspect-ratio:3/4.1;transform:perspective(1400px) rotateY(-18deg) rotateX(4deg);transform-style:preserve-3d;filter:drop-shadow(0 40px 40px rgba(0,0,0,.55))}
.mock-pages{position:absolute;inset:1.5% -3.5% 1.5% auto;width:12px;background:repeating-linear-gradient(#fafafa 0 2px,#d9d9d9 2px 3px);border-radius:0 4px 4px 0;transform:translateZ(-6px)}
.mock-cover{position:absolute;inset:0;border-radius:4px 10px 10px 4px;background:
  linear-gradient(90deg,rgba(0,0,0,.45) 0 3%,rgba(255,255,255,.08) 3.5%,transparent 6%),
  linear-gradient(160deg,#222c3b 0%,#121822 70%);padding:9% 9% 0;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.08)}
.mc-top{display:flex;justify-content:space-between;align-items:center;gap:6px;font-family:var(--f-head);font-size:clamp(.45rem,1.6vw,.6rem);font-weight:800;letter-spacing:.14em}
.mc-brand{color:#cfd6df}
.mc-free{background:var(--orange);color:var(--ink);padding:3px 6px;border-radius:3px}
.mc-title{margin-top:18%;font-family:var(--f-head);font-weight:900;font-stretch:112%;font-size:clamp(1.7rem,7.5vw,2.55rem);line-height:.92;letter-spacing:-.03em;color:#fff}
.mc-title span{color:var(--orange)}
.mc-sub{margin:9% 0 0;font-size:clamp(.55rem,1.9vw,.72rem);line-height:1.45;color:#a9b4c2;max-width:92%}
.mc-author{margin:auto 0 8%;font-family:var(--f-head);font-weight:800;font-size:clamp(.5rem,1.7vw,.62rem);letter-spacing:.14em;color:#e6ebf0}
.mc-stripes{height:16px;margin:0 -12%;background:repeating-linear-gradient(-45deg,var(--orange) 0 12px,#121822 12px 24px)}
.chip{position:absolute;display:flex;align-items:center;gap:10px;background:rgba(24,32,44,.82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:10px 14px 10px 10px;box-shadow:0 20px 40px -12px rgba(0,0,0,.6);font-size:.78rem;color:var(--on-dark-2);line-height:1.3;animation:float 6s ease-in-out infinite}
.chip .ic{width:34px;height:34px;padding:7px;border-radius:9px;background:rgba(255,122,0,.16);color:var(--orange)}
.chip strong{display:block;color:#fff;font-family:var(--f-head);font-size:.9rem}
.chip{display:none}
.chip-1{right:0;top:10%}
.chip-2{right:-4%;top:42%;animation-delay:-2s}
.chip-3{right:2%;top:74%;animation-delay:-4s}
@keyframes float{50%{transform:translateY(-8px)}}

.trust-strip{list-style:none;margin:36px 0 0;padding:22px 0 0;border-top:1px solid var(--line-dark);display:grid;gap:14px}
.trust-strip li{display:flex;align-items:center;gap:12px;color:var(--on-dark-2);font-size:.93rem;line-height:1.4}
.trust-strip .ic{color:var(--orange);width:24px;height:24px}
.trust-strip strong{color:#fff;font-family:var(--f-head);font-weight:800;margin-right:4px}

/* ---------- Sections ---------- */
.section{padding:84px 0}
.section-head{max-width:760px;margin:0 auto 48px;text-align:center}
.section-head.left{text-align:left;margin-left:0}
.section-head p{color:var(--muted);font-size:1.1rem}
.kicker{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-head);font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.16em;color:var(--orange-text);margin-bottom:16px}
.kicker::before{content:"";width:22px;height:3px;border-radius:2px;background:var(--orange)}
.kicker-light{color:var(--orange)}

/* Problem */
.problem{background:var(--sand)}
.problem-grid{display:grid;gap:16px}
.problem-card{position:relative;background:#fff;border-radius:var(--r);padding:28px 26px;border:1px solid var(--line);box-shadow:var(--sh-1);transition:transform .3s var(--ease),box-shadow .3s}
.problem-card:hover{transform:translateY(-4px);box-shadow:var(--sh-2)}
.problem-card::after{content:"";position:absolute;left:26px;right:26px;top:0;height:3px;background:var(--orange);border-radius:0 0 3px 3px}
.problem-card p{color:var(--muted);margin:0;font-size:1rem}
.p-icon{width:52px;height:52px;border-radius:14px;background:var(--ink);color:var(--orange);display:grid;place-items:center;margin-bottom:20px}
.p-icon .ic{width:26px;height:26px}
.pull-quote{position:relative;max-width:880px;margin:64px auto 0;text-align:center;padding:0 10px}
.pq-icon{width:44px;height:44px;color:var(--orange);fill:var(--orange);stroke:none}
.pull-quote blockquote{margin:14px 0 18px}
.pull-quote blockquote p{font-family:var(--f-head);font-weight:800;font-stretch:104%;font-size:clamp(1.55rem,4.2vw,2.4rem);line-height:1.18;letter-spacing:-.02em;margin:0;text-wrap:balance}
.pull-quote figcaption{font-size:.95rem;color:var(--muted);font-weight:600}

/* Guide */
.guide{background:var(--paper);position:relative}
.guide-inner{display:grid;gap:40px;align-items:start}
.guide-lead{font-size:1.15rem;color:var(--ink-4);margin:0}
.guide-copy h2 em{color:var(--orange-text);font-style:normal}
.inside-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.16em;color:var(--slate);margin:0 0 14px}
.chapters{list-style:none;margin:0;padding:0;display:grid;gap:0;counter-reset:ch;border-top:1px solid var(--line)}
.chapters li{counter-increment:ch;display:flex;gap:16px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--line);font-weight:500;color:var(--ink-3)}
.chapters li::before{content:counter(ch,decimal-leading-zero);font-family:var(--f-head);font-weight:800;font-size:.8rem;color:var(--orange-text);min-width:22px}
.guide-form-wrap{position:relative}
.form-card{position:relative;z-index:2;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:26px;box-shadow:var(--sh-2)}
.form-card::before{content:"";position:absolute;inset:0 0 auto 0;height:6px;border-radius:var(--r-lg) var(--r-lg) 0 0;background:repeating-linear-gradient(-45deg,var(--orange) 0 12px,var(--ink) 12px 24px)}
.form-head{display:flex;gap:16px;align-items:center;margin:6px 0 22px}
.mini-book{flex:none;width:54px;height:72px;border-radius:3px 7px 7px 3px;background:linear-gradient(160deg,#243041,#11161f);box-shadow:4px 8px 16px -4px rgba(17,22,31,.4);display:flex;align-items:flex-end;padding:6px;overflow:hidden;border-bottom:5px solid var(--orange)}
.mini-book span{font-family:var(--f-head);font-weight:900;font-size:.42rem;line-height:1.05;color:#fff;letter-spacing:.02em}
.form-kicker{margin:0 0 2px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--orange-text)}
.form-title{margin:0;font-size:1.35rem}
.field{margin-bottom:16px}
.field label{display:block;font-weight:600;font-size:.92rem;margin-bottom:7px}
.field input{width:100%;font:inherit;font-size:1rem;padding:14px 16px;border:1.5px solid #cfd4db;border-radius:12px;background:#fbfbfa;color:var(--ink);transition:border-color .2s,box-shadow .2s,background .2s}
.field input::placeholder{color:#8a94a2}
.field input:focus{outline:none;border-color:var(--orange);background:#fff;box-shadow:0 0 0 4px rgba(255,122,0,.18)}
.field input[aria-invalid="true"]{border-color:#c62828}
.error{color:#b71c1c;font-size:.86rem;margin:6px 0 0}
.error:empty{display:none}
.privacy{display:flex;align-items:center;justify-content:center;gap:7px;font-size:.8rem;color:var(--muted);margin:14px 0 0;text-align:center}
.thank-you{text-align:center;padding:10px 4px 4px}
.thank-you:focus{outline:none}
.ty-icon{width:60px;height:60px;border-radius:50%;background:var(--orange);color:var(--ink);display:grid;place-items:center;margin:0 auto 16px;animation:pop .45s var(--ease)}
.ty-icon .ic{width:30px;height:30px;stroke-width:2.6}
@keyframes pop{from{transform:scale(.4);opacity:0}}
.thank-you p{color:var(--muted)}
.page-preview{display:none}

/* Offers */
.offers{background:var(--sand)}
.offer-grid{display:grid;gap:22px}
.offer-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:32px 28px;display:flex;flex-direction:column;box-shadow:var(--sh-1);transition:transform .3s var(--ease),box-shadow .3s}
.offer-card:hover{transform:translateY(-5px);box-shadow:var(--sh-2)}
.offer-card h3{font-size:1.45rem}
.offer-card p{color:var(--muted)}
.offer-card .btn{margin-top:auto;align-self:flex-start}
.offer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.offer-step{font-family:var(--f-head);font-weight:800;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--slate)}
.o-icon{width:56px;height:56px;border-radius:15px;background:var(--orange-soft);color:var(--orange-text);display:grid;place-items:center}
.o-icon .ic{width:27px;height:27px}
.offer-card.featured{background:linear-gradient(165deg,var(--ink-2),var(--ink));color:#fff;border-color:var(--ink);box-shadow:var(--sh-3)}
.offer-card.featured p,.offer-card.featured .ticks li{color:var(--on-dark)}
.featured .o-icon{background:rgba(255,122,0,.16);color:var(--orange)}
.featured .offer-step{color:var(--on-dark-2)}
.badge-pop{position:absolute;top:-13px;left:28px;background:var(--orange);color:var(--ink);font-family:var(--f-head);font-weight:800;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;padding:6px 11px;border-radius:7px;box-shadow:0 8px 18px -6px rgba(255,122,0,.7)}
.ticks{list-style:none;padding:0;margin:4px 0 28px;display:grid;gap:10px}
.ticks li{position:relative;padding-left:30px;color:var(--ink-3);font-size:.98rem}
.ticks li::before{content:"";position:absolute;left:0;top:.22em;width:20px;height:20px;border-radius:50%;background:var(--orange) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2311161f' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/12px no-repeat}

/* Course */
.course{background:var(--ink);color:#fff;position:relative;overflow:hidden;isolation:isolate}
.course::before{content:"";position:absolute;z-index:-1;right:-200px;bottom:-260px;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(255,122,0,.16),transparent 65%)}
.course::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px) 0 0/44px 44px,linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px) 0 0/44px 44px;mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent)}
.course-inner{display:grid;gap:44px;align-items:start}
.lead-light{color:var(--on-dark);font-size:1.15rem;max-width:34em}
.modules{list-style:none;padding:0;margin:34px 0 0;display:grid;gap:12px}
.modules li{display:flex;gap:18px;align-items:flex-start;background:rgba(255,255,255,.035);border:1px solid var(--line-dark);border-radius:var(--r);padding:20px;transition:background .25s,border-color .25s}
.modules li:hover{background:rgba(255,255,255,.06);border-color:rgba(255,122,0,.35)}
.modules li>span{flex:none;font-family:var(--f-head);font-weight:900;font-size:1rem;color:var(--orange);width:40px;height:40px;border-radius:11px;border:1.5px solid rgba(255,122,0,.45);display:grid;place-items:center}
.modules h3{font-size:1.1rem;margin:0 0 4px;color:#fff}
.modules p{margin:0;color:var(--on-dark-2);font-size:.97rem}
.price-card{position:relative;background:#fff;color:var(--ink);border-radius:var(--r-lg);padding:36px 28px 30px;box-shadow:var(--sh-3)}
.price-card::before{content:"";position:absolute;inset:0 0 auto 0;height:6px;border-radius:var(--r-lg) var(--r-lg) 0 0;background:var(--orange)}
.price-kicker{font-family:var(--f-head);font-weight:800;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--slate);margin:0 0 8px}
.price{font-family:var(--f-head);font-weight:900;font-stretch:108%;font-size:4rem;line-height:1;letter-spacing:-.04em;margin:0 0 8px;display:flex;align-items:flex-start;gap:4px}
.currency{font-size:1.7rem;margin-top:.35em}
.price-note{font-size:.95rem;color:var(--muted);font-weight:700;letter-spacing:0;align-self:flex-end;margin:0 0 .5em 6px}
.price-sub{color:var(--muted);font-size:.93rem;margin-bottom:22px}
.ticks-dark{padding-top:22px;border-top:1px solid var(--line)}
.guarantee{display:flex;align-items:center;justify-content:center;gap:7px;font-size:.84rem;color:var(--slate);margin:14px 0 0;text-align:center}
.fine{font-size:.88rem;color:var(--muted);margin:12px 0 0;text-align:center}
.tag-placeholder,.tag-example,.tag-inline{display:inline-block;font-family:var(--f-body);font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:6px;padding:3px 8px;background:var(--orange-soft);color:#8a3d00;border:1px dashed #eea25a;line-height:1.5}
.tag-placeholder{position:absolute;top:18px;right:18px}
.tag-inline{text-transform:none;letter-spacing:0;font-size:.8rem;font-weight:600}

/* Coaching */
.coaching{background:var(--paper)}
.coaching-inner{display:grid;gap:44px;align-items:center}
.coaching-copy>p{color:var(--muted);font-size:1.1rem}
.coaching-cta{margin-top:30px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.coaching-cta .fine{text-align:left}
.call-steps{list-style:none;margin:0;padding:0;display:grid;gap:14px;position:relative}
.call-steps li{position:relative;display:flex;gap:18px;align-items:flex-start;background:var(--sand);border:1px solid var(--line);border-radius:var(--r);padding:22px}
.call-steps h3{margin:0 0 4px;font-size:1.12rem}
.call-steps p{margin:0;color:var(--muted);font-size:.97rem}
.cs-num{flex:none;width:42px;height:42px;border-radius:50%;background:var(--ink);color:var(--orange);font-family:var(--f-head);font-weight:900;display:grid;place-items:center;font-size:1.05rem}

/* About */
.about{background:var(--sand)}
.about-inner{display:grid;gap:44px;align-items:center}
.about-photo{position:relative;justify-self:center;width:100%;max-width:400px;aspect-ratio:4/5;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-2)}
.about-photo svg{display:block;width:100%;height:100%}
.about-photo::after{content:"";position:absolute;left:0;right:0;bottom:0;height:14px;background:repeating-linear-gradient(-45deg,var(--orange) 0 14px,var(--ink) 14px 28px)}
.photo-note{position:absolute;top:16px;left:16px;font-size:.74rem;font-weight:700;background:rgba(255,255,255,.92);padding:5px 10px;border-radius:7px;color:var(--ink-3)}
.about-lead{font-size:1.2rem;font-weight:500;color:var(--ink)!important}
.about-copy p{color:var(--ink-4)}
.about-actions{margin-top:26px}

/* Testimonials */
.testimonials{background:var(--paper)}
.notice{display:inline-block;background:var(--orange-soft);border:1px dashed #eea25a;color:#6e3100!important;font-size:.95rem!important;padding:10px 16px;border-radius:12px}
.testi-grid{display:grid;gap:20px}
.testi{position:relative;margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:30px 26px 26px;box-shadow:var(--sh-1);display:flex;flex-direction:column}
.testi .tag-example{position:absolute;top:16px;right:16px}
.testi blockquote{margin:22px 0 24px;flex:1}
.testi blockquote p{margin:0;font-size:1.05rem;color:var(--ink-3);line-height:1.6}
.testi blockquote::before{content:"\201C";display:block;font-family:Georgia,serif;font-size:4rem;line-height:.5;height:24px;color:var(--orange)}
.testi figcaption{display:flex;gap:12px;align-items:center;font-size:.88rem;color:var(--muted);padding-top:18px;border-top:1px solid var(--line)}
.testi figcaption strong{display:block;color:var(--ink);font-size:.96rem}
.t-avatar{flex:none;width:44px;height:44px;border-radius:50%;background:var(--ink);color:var(--orange);font-family:var(--f-head);font-weight:800;display:grid;place-items:center}

/* FAQ */
.faq{background:var(--sand)}
.faq-inner{display:grid;gap:8px}
.accordion{display:grid;gap:12px}
.acc-item{border:1px solid var(--line);border-radius:var(--r);background:#fff;overflow:hidden;transition:box-shadow .25s,border-color .25s}
.acc-item[open]{box-shadow:var(--sh-1);border-color:#e0d6c6}
.acc-item summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;cursor:pointer}
.acc-item summary::-webkit-details-marker{display:none}
.acc-item summary:hover h3{color:var(--orange-text)}
.acc-item summary h3{margin:0;font-size:1.08rem;line-height:1.35;transition:color .2s}
.acc-icon{flex:none;position:relative;width:32px;height:32px;border-radius:50%;background:var(--sand);transition:background .25s,transform .3s var(--ease)}
.acc-icon::before,.acc-icon::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;border-radius:2px;background:var(--ink);transform:translate(-50%,-50%)}
.acc-icon::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .3s var(--ease)}
.acc-item[open] .acc-icon{background:var(--orange)}
.acc-item[open] .acc-icon::after{transform:translate(-50%,-50%) rotate(0)}
.acc-panel{padding:0 22px 22px}
.acc-panel p{margin:0;color:var(--ink-4)}

/* Final CTA */
.final-cta{background:var(--orange);position:relative;padding:88px 0;text-align:center;overflow:hidden;isolation:isolate}
.final-cta::before,.final-cta::after{content:"";position:absolute;left:0;right:0;height:14px;background:repeating-linear-gradient(-45deg,var(--ink) 0 16px,var(--orange) 16px 32px)}
.final-cta::before{top:0}.final-cta::after{bottom:0}
.final-inner h2{color:var(--ink);max-width:820px;margin-left:auto;margin-right:auto;font-size:clamp(2rem,5.4vw,3.3rem)}
.final-inner p{font-size:1.15rem;color:#2a1600;margin:0 auto 32px;max-width:36em}

/* Footer */
.site-footer{background:#0b0f16;color:var(--on-dark-2);padding:64px 0 28px;font-size:.95rem}
.footer-inner{display:grid;gap:36px}
.footer-brand p{margin-top:16px;max-width:30em}
.footer-h{color:#fff;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px}
.footer-links ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.footer-links a{color:#d3dae3;text-decoration:none}
.footer-links a:hover{color:var(--orange)}
.footer-bottom{border-top:1px solid var(--line-dark);margin-top:44px;padding-top:22px;font-size:.85rem}
.footer-bottom p{margin:0}

/* Mobile sticky CTA */
.mobile-cta{position:fixed;left:0;right:0;bottom:0;z-index:90;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(17,22,31,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line-dark);transform:translateY(110%);transition:transform .35s var(--ease)}
.mobile-cta.show{transform:none}

/* Scroll reveal: progressive enhancement. Content is visible unless script.js has run and added .reveal-on */
.reveal-on .reveal{transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal-on .reveal:not(.in){opacity:0;transform:translateY(22px)}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .reveal-on .reveal{opacity:1!important;transform:none!important}
}

/* ===== Tablet ===== */
@media (min-width:640px){
  .container{padding:0 32px}
  .problem-grid{grid-template-columns:repeat(2,1fr)}
  .testi-grid{grid-template-columns:repeat(2,1fr)}
  .footer-inner{grid-template-columns:2fr 1fr 1.3fr}
  .trust-strip{grid-template-columns:repeat(3,1fr);gap:24px}
  .form-card{padding:34px}
  .chapters{grid-template-columns:1fr 1fr;column-gap:28px}
  .mockup{width:460px;aspect-ratio:4/4}
  .mock-book{left:2%;width:54%}
  .chip{display:flex}
}
/* ===== Desktop ===== */
@media (min-width:980px){
  body{font-size:1.075rem}
  .nav-toggle{display:none}
  .site-nav{position:static;display:block;background:none;border:0;box-shadow:none}
  .site-nav ul{display:flex;align-items:center;gap:4px;padding:0}
  .site-nav li a{border:0;padding:8px 14px;font-size:.95rem;border-radius:8px;color:#d6dde6}
  .site-nav li a:hover{color:#fff;background:rgba(255,255,255,.06)}
  .site-nav .nav-cta-item a{margin:0 0 0 10px;padding:.6em 1.1em;color:var(--ink)}
  .site-nav .nav-cta-item a:hover{background:var(--orange-hi);color:var(--ink)}
  .mobile-cta{display:none}
  .hero{padding:96px 0 56px}
  .hero-inner{grid-template-columns:1.15fr .85fr;gap:40px}
  .cta-row .btn{flex:0 1 auto}
  .mockup{width:min(470px,100%)}
  .trust-strip{margin-top:64px}
  .section{padding:120px 0}
  .problem-grid{grid-template-columns:repeat(4,1fr)}
  .guide-inner{grid-template-columns:1.1fr .9fr;column-gap:72px;row-gap:8px;grid-template-areas:"copy form" "chapters form"}
  .guide-copy{grid-area:copy}
  .guide-chapters{grid-area:chapters}
  .guide-form-wrap{grid-area:form}
  .chapters{grid-template-columns:1fr}
  .guide-form-wrap{position:sticky;top:calc(var(--header-h) + 28px)}
  .page-preview{display:block;position:relative;z-index:1;margin:-14px 26px 0;background:#fff;border:1px solid var(--line);border-radius:0 0 var(--r) var(--r);padding:34px 26px 24px;box-shadow:var(--sh-1);transform:rotate(-1.2deg)}
  .pp-num{font-family:var(--f-head);font-weight:800;font-size:.68rem;letter-spacing:.16em;color:var(--orange-text);margin:0 0 6px}
  .pp-title{font-family:var(--f-head);font-weight:800;font-size:1.15rem;margin:0 0 8px}
  .pp-body{font-size:.88rem;color:var(--muted);margin:0 0 14px}
  .pp-point{background:var(--ink);color:#fff;border-radius:10px;padding:12px 14px;font-size:.88rem;font-weight:600}
  .pp-point span{display:block;font-family:var(--f-head);font-size:.62rem;letter-spacing:.16em;color:var(--orange);margin-bottom:3px}
  .offer-grid{grid-template-columns:repeat(3,1fr);align-items:stretch}
  .offer-card.featured{transform:translateY(-14px)}
  .offer-card.featured:hover{transform:translateY(-19px)}
  .course-inner{grid-template-columns:1.25fr .9fr;gap:72px}
  .price-card{position:sticky;top:calc(var(--header-h) + 28px)}
  .coaching-inner{grid-template-columns:1.1fr 1fr;gap:80px}
  .about-inner{grid-template-columns:.85fr 1.15fr;gap:80px}
  .testi-grid{grid-template-columns:repeat(3,1fr)}
  .faq-inner{grid-template-columns:.8fr 1.2fr;gap:72px;align-items:start}
  .faq-inner .section-head{position:sticky;top:calc(var(--header-h) + 28px)}
}

/* Small-screen refinements */
@media (max-width:420px){
  .eyebrow{font-size:.7rem;letter-spacing:.09em;padding:7px 12px}
}
@media (min-width:980px){
  .guide-chapters{margin-top:28px}
}

/* =========================================================
   v4: 3 options, Done For You, photography, modern UI layer
   (glass, gradient mesh, bento, blueprint lines, mono labels)
   ========================================================= */
:root{--f-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--glass:rgba(22,29,40,.55);--glass-line:rgba(255,255,255,.12)}
.mono{font-family:var(--f-mono);font-size:.74rem;font-weight:500;letter-spacing:.06em;text-transform:lowercase}
img{max-width:100%;height:auto;display:block}

/* Logo + hover */
.logo{gap:0;border-radius:12px}
.logo-svg{display:block;height:40px;width:auto;overflow:visible}
.site-footer .logo-svg{height:44px}
.lg-mark{transform-box:fill-box;transform-origin:50% 50%;transition:transform .45s var(--ease)}
.lg-check{stroke-dasharray:28;stroke-dashoffset:0}
.lg-word2{transition:fill .3s}
.logo:hover .lg-mark,.logo:focus-visible .lg-mark{transform:rotate(-6deg) scale(1.04)}
.logo:hover .lg-check,.logo:focus-visible .lg-check{animation:drawCheck .6s var(--ease)}
.logo:hover .lg-word2{fill:var(--orange-hi)}
@keyframes drawCheck{from{stroke-dashoffset:28}to{stroke-dashoffset:0}}
@media (max-width:380px){.logo-svg{height:34px}}

/* Pills + kicker as pill */
.pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--f-mono);font-size:.68rem;font-weight:600;letter-spacing:.04em;padding:4px 10px;border-radius:99px;border:1px solid var(--glass-line);background:rgba(255,255,255,.06);color:#dfe5ec;white-space:nowrap;line-height:1.5}
.pill-warn{background:rgba(255,122,0,.14);border-color:rgba(255,122,0,.45);color:#ffb675}
.pill-orange{background:var(--orange);border-color:var(--orange);color:var(--ink);text-transform:none;letter-spacing:.02em}
.pill-glass{background:rgba(17,22,31,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border-color:rgba(255,255,255,.18)}
.kicker{font-family:var(--f-mono);font-weight:600;font-size:.72rem;letter-spacing:.1em;padding:6px 12px 6px 10px;border-radius:99px;background:var(--orange-soft);border:1px solid #f6c89b}
.kicker::before{width:7px;height:7px;border-radius:50%}
.kicker-light{background:rgba(255,122,0,.1);border-color:rgba(255,122,0,.35);color:#ffab5e}
.live-dot{width:7px;height:7px;border-radius:50%;background:#3ddc84;box-shadow:0 0 0 3px rgba(61,220,132,.25)}

/* Glass */
.glass{background:var(--glass);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border:1px solid var(--glass-line);box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 30px 60px -20px rgba(0,0,0,.6)}

/* Cursor-follow glow (JS sets --mx/--my) */
.glow{position:relative;isolation:isolate}
.glow::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;opacity:0;transition:opacity .35s;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(255,122,0,.16),transparent 45%)}
.glow:hover::before{opacity:1}
.glass.glow::before,.dfy-panel.glow::before{z-index:0}

/* Animated gradient mesh */
.mesh{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.mesh span{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;animation:meshMove 18s ease-in-out infinite alternate}
.mesh span:nth-child(1){width:46vw;height:46vw;max-width:620px;max-height:620px;right:-8%;top:-18%;background:radial-gradient(circle,rgba(255,122,0,.55),transparent 65%)}
.mesh span:nth-child(2){width:40vw;height:40vw;max-width:520px;max-height:520px;left:-12%;bottom:-20%;background:radial-gradient(circle,rgba(64,110,190,.5),transparent 65%);animation-duration:22s;animation-delay:-6s}
.mesh span:nth-child(3){width:30vw;height:30vw;max-width:420px;max-height:420px;left:40%;top:30%;background:radial-gradient(circle,rgba(255,170,60,.28),transparent 65%);animation-duration:26s;animation-delay:-12s}
.mesh-soft span{opacity:.35}
@keyframes meshMove{0%{transform:translate(0,0) scale(1)}50%{transform:translate(-6%,8%) scale(1.12)}100%{transform:translate(8%,-4%) scale(.95)}}

/* Blueprint motif: fine grid + major lines */
.blueprint{position:absolute;inset:0;pointer-events:none;z-index:0;background:
  linear-gradient(rgba(140,180,255,.07) 1px,transparent 1px) 0 0/22px 22px,
  linear-gradient(90deg,rgba(140,180,255,.07) 1px,transparent 1px) 0 0/22px 22px,
  linear-gradient(rgba(140,180,255,.10) 1px,transparent 1px) 0 0/110px 110px,
  linear-gradient(90deg,rgba(140,180,255,.10) 1px,transparent 1px) 0 0/110px 110px;
  -webkit-mask-image:radial-gradient(80% 70% at 70% 40%,#000 30%,transparent 80%);mask-image:radial-gradient(80% 70% at 70% 40%,#000 30%,transparent 80%)}
/* dimension-line under section heads */
.section-head h2{position:relative}
.section-head::after{content:"";display:block;width:140px;height:9px;margin:22px auto 0;background:
  linear-gradient(var(--orange),var(--orange)) 0 50%/100% 1px no-repeat,
  linear-gradient(var(--orange),var(--orange)) 0 0/1px 100% no-repeat,
  linear-gradient(var(--orange),var(--orange)) 100% 0/1px 100% no-repeat;opacity:.7}
.section-head.left::after{margin-left:0}

/* ---------- Hero with photo ---------- */
.hero{padding:44px 0 36px}
.hero-bg{background:var(--ink)}
.hero-bg::after{z-index:3;height:200px}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 40%;z-index:0}
.hero-shade{position:absolute;inset:0;z-index:1;background:
  linear-gradient(180deg,rgba(11,15,22,.86) 0%,rgba(11,15,22,.72) 45%,rgba(11,15,22,.92) 100%)}
.hero-bg .mesh{z-index:2;mix-blend-mode:screen}
.hero-bg .mesh span{opacity:.4}
.hero-bg .blueprint{z-index:2}
.hero-inner{position:relative;z-index:4}
.hero .container{position:relative;z-index:4}
.hero .lead{color:#d5dce5}
.hero-options{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.hero-options a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#e8edf3;font-weight:600;font-size:.9rem;padding:7px 14px 7px 8px;border-radius:99px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .2s,background .2s}
.hero-options a:hover{border-color:var(--orange);background:rgba(255,122,0,.12)}
.hero-options span{font-family:var(--f-mono);font-size:.68rem;font-weight:600;color:var(--orange);background:rgba(255,122,0,.14);border-radius:99px;padding:2px 7px}

/* ATS pipeline mockup (illustrative) */
.hero-visual{position:relative;display:block;padding:0}
.ats{border-radius:20px;padding:16px;color:#fff;font-size:.8rem}
.ats-top{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--glass-line);color:var(--on-dark-2)}
.ats-top .mono{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ats-dots{display:flex;gap:5px}.ats-dots i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.18)}
.ats-dots i:first-child{background:#ff5f57}.ats-dots i:nth-child(2){background:#febc2e}.ats-dots i:nth-child(3){background:#28c840}
.ats-role{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;flex-wrap:wrap;margin:14px 0}
.ats-k{margin:0;color:var(--on-dark-2)}
.ats-title{margin:2px 0 0;font-family:var(--f-head);font-weight:800;font-size:1.15rem;letter-spacing:-.01em}
.ats-meta{display:flex;gap:6px}
.ats-board{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.ats-col{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:9px;display:grid;gap:7px;align-content:start;min-height:120px}
.ats-h{display:flex;justify-content:space-between;align-items:center;margin:0 0 2px;font-family:var(--f-mono);font-size:.68rem;letter-spacing:.04em;color:var(--on-dark-2);text-transform:uppercase}
.ats-h b{font-weight:600;color:#fff;background:rgba(255,255,255,.1);border-radius:6px;padding:0 6px}
.ats-hired .ats-h b{background:var(--orange);color:var(--ink)}
.cand{display:flex;gap:8px;align-items:center;background:rgba(17,22,31,.7);border:1px solid rgba(255,255,255,.08);border-radius:9px;padding:7px;min-height:44px}
.cand strong{display:block;font-size:.74rem;font-weight:600;line-height:1.2}
.cand em{display:block;font-style:normal;font-size:.66rem;color:var(--on-dark-2);line-height:1.3}
.cand.ghost{border-style:dashed;background:transparent;min-height:30px}
.cand.hot{border-color:rgba(255,122,0,.5);box-shadow:0 0 0 3px rgba(255,122,0,.1)}
.cand.win{background:rgba(255,122,0,.14);border-color:rgba(255,122,0,.55)}
.av{flex:none;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-family:var(--f-mono);font-size:.6rem;font-weight:600;background:#2b3647;color:#dfe5ec}
.cand.win .av{background:var(--orange);color:var(--ink)}
.cand.win .av .ic{width:15px;height:15px;stroke-width:3}
.ats-foot{display:flex;align-items:center;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--glass-line);color:var(--on-dark-2)}
.ats-bar{flex:1;height:6px;border-radius:9px;background:rgba(255,255,255,.1);overflow:hidden}
.ats-bar i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,var(--orange),#ffb15c);animation:barGrow 2.4s var(--ease) both}
@keyframes barGrow{from{width:0!important}}
.ats-pc{display:none}
.cand.hot{animation:candPulse 3s ease-in-out infinite}
@keyframes candPulse{50%{box-shadow:0 0 0 6px rgba(255,122,0,.04)}}
.guide-float{display:flex;align-items:center;gap:12px;margin:12px 0 0 auto;width:max-content;max-width:100%;padding:10px 16px 10px 10px;border-radius:16px;text-decoration:none;color:#fff;transition:transform .3s var(--ease),border-color .3s}
.guide-float:hover{transform:translateY(-3px);border-color:rgba(255,122,0,.6)}
.guide-float .mono{display:block;color:var(--orange)}
.guide-float strong{display:block;font-family:var(--f-head);font-size:.95rem}
.gf-book{flex:none;width:38px;height:50px;border-radius:2px 6px 6px 2px;background:linear-gradient(160deg,#2b3647,#11161f);border-bottom:4px solid var(--orange);display:flex;align-items:flex-end;padding:4px;box-shadow:3px 6px 12px -3px rgba(0,0,0,.6)}
.gf-book span{font-family:var(--f-head);font-weight:900;font-size:.3rem;line-height:1.05;color:#fff}
.trust-strip{position:relative;z-index:4}

/* ---------- Problem bento ---------- */
.problem{position:relative;background:var(--sand) linear-gradient(rgba(17,22,31,.035) 1px,transparent 1px) 0 0/44px 44px}
.bento{gap:14px}
.bento-photo{position:relative;margin:0;border-radius:var(--r-lg);overflow:hidden;min-height:340px;background:var(--ink);box-shadow:var(--sh-2)}
.bento-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.bento-photo figcaption{position:absolute;inset:auto 0 0 0;padding:90px 26px 26px;color:#fff;background:linear-gradient(transparent,rgba(11,15,22,.92) 55%)}
.bento-photo .mono{color:var(--orange)}
.bento-photo blockquote{margin:8px 0 10px}
.bento-photo blockquote p{margin:0;font-family:var(--f-head);font-weight:800;font-stretch:104%;font-size:clamp(1.35rem,3.4vw,1.85rem);line-height:1.15;letter-spacing:-.02em;text-wrap:balance}
.pq-by{font-size:.86rem;color:var(--on-dark-2);font-weight:600}
.problem-card{background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.p-num{margin:0 0 6px;color:var(--orange-text)}
.p-icon{margin-bottom:16px}

/* ---------- Guide strip (in options) ---------- */
.guide-strip{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:36px auto 0;max-width:820px;background:#fff;border:1px dashed #d9cfbf;border-radius:18px;padding:16px 18px}
.guide-strip p{flex:1 1 260px;margin:0;color:var(--ink-3)}
.gs-book{flex:none;width:40px;height:54px;border-radius:2px 6px 6px 2px;background:linear-gradient(160deg,#2b3647,#11161f);border-bottom:4px solid var(--orange);display:flex;align-items:flex-end;padding:4px;box-shadow:3px 6px 12px -4px rgba(17,22,31,.45)}
.gs-book span{font-family:var(--f-head);font-weight:900;font-size:.32rem;line-height:1.05;color:#fff}

/* ---------- 3 option tiers ---------- */
.offers{position:relative;background:var(--sand) linear-gradient(90deg,rgba(17,22,31,.035) 1px,transparent 1px) 0 0/44px 44px}
.tier-grid{display:grid;gap:22px;align-items:stretch}
.tier{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:0 24px 26px;box-shadow:var(--sh-1);transition:transform .35s var(--ease),box-shadow .35s;overflow:hidden}
.tier:hover{transform:translateY(-5px);box-shadow:var(--sh-2)}
.tier-media{position:relative;margin:0 -24px 0;aspect-ratio:16/9;overflow:hidden;background:var(--ink-2)}
.tier-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.tier:hover .tier-media img{transform:scale(1.05)}
.tier-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(11,15,22,.45))}
.tier-head{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-end;margin:-30px 0 16px}
.tier-head .o-icon{border:4px solid #fff;box-shadow:0 10px 20px -8px rgba(17,22,31,.4);background:var(--ink);color:var(--orange)}
.tier-num{color:var(--slate);padding-bottom:4px}
.tier h3{font-size:1.6rem;margin-bottom:4px}
.tier-tag{font-weight:700;color:var(--orange-text);margin:0 0 10px;font-size:.98rem}
.tier-desc{color:var(--muted);font-size:1rem}
.effort{display:flex;align-items:center;gap:10px;margin:2px 0 18px;font-size:.84rem;font-weight:600;color:var(--ink-3);padding:9px 12px;border-radius:12px;background:var(--sand);border:1px solid var(--line)}
.effort-bar{display:flex;gap:4px}
.effort-bar i{width:18px;height:6px;border-radius:3px;background:#d9d4ca}
.effort-bar i.on{background:var(--orange)}
.tier .ticks{margin-bottom:20px}
.tier-price{margin:auto 0 16px;padding-top:16px;border-top:1px solid var(--line);font-family:var(--f-head);font-weight:800;font-size:1.1rem;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.tier-featured{background:linear-gradient(165deg,#1b2431,var(--ink) 60%);color:#fff;border-color:rgba(255,122,0,.45);box-shadow:var(--sh-3),0 0 0 1px rgba(255,122,0,.25)}
.tier-featured .tier-head .o-icon{border-color:var(--ink);background:var(--orange);color:var(--ink)}
.tier-featured .tier-num{color:var(--on-dark-2)}
.tier-featured .tier-tag{color:var(--orange)}
.tier-featured .tier-desc,.tier-featured .ticks li{color:var(--on-dark)}
.tier-featured .effort{background:rgba(255,255,255,.05);border-color:var(--line-dark);color:#fff}
.tier-featured .effort-bar i{background:rgba(255,255,255,.15)}
.tier-featured .effort-bar i.on{background:var(--orange)}
.tier-featured .tier-price{border-color:var(--line-dark)}
.tier-featured .badge-pop{top:14px;left:auto;right:14px;z-index:2}
.tier-featured .tier-media::after{background:linear-gradient(180deg,transparent 40%,rgba(17,22,31,.85))}

/* ---------- Coaching photo ---------- */
.coaching-side{display:grid;gap:14px}
.coach-photo{position:relative;margin:0;border-radius:var(--r-lg);overflow:hidden;aspect-ratio:16/10;box-shadow:var(--sh-2)}
.coach-photo img{width:100%;height:100%;object-fit:cover}
.coach-photo figcaption{position:absolute;left:14px;bottom:14px}
.call-steps li{transition:border-color .25s,transform .3s var(--ease)}
.call-steps li:hover{border-color:#e9c79f;transform:translateX(3px)}

/* ---------- Course ---------- */
.course .container{position:relative;z-index:1}
.modules li{position:relative;overflow:hidden}
.price-card{overflow:hidden}

/* ---------- Done For You ---------- */
.dfy{position:relative;background:#0b0f16;color:#fff;overflow:hidden;isolation:isolate}
.dfy .container{position:relative;z-index:1}
.dfy-head{display:grid;gap:16px;margin-bottom:40px}
.dfy-head h2{color:#fff;margin:0}
.dfy-head>p{color:var(--on-dark);font-size:1.12rem;margin:0;max-width:36em}
.dfy-head .kicker .pill-orange{margin-left:4px}
.dfy-panels{display:grid;gap:18px}
.dfy-panel{border-radius:var(--r-lg);padding:0 24px 26px;overflow:hidden}
.dfy-panel>*{position:relative;z-index:1}
.dfy-media{position:relative;margin:0 -24px 22px;aspect-ratio:16/8;overflow:hidden}
.dfy-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.9)}
.dfy-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,15,22,.1),rgba(22,29,40,.9))}
.dfy-media .pill{position:absolute;left:16px;top:16px;z-index:1}
.dfy-panel-head{display:flex;gap:14px;align-items:flex-start;margin:-52px 0 14px}
.dfy-panel-head .o-icon{flex:none;background:var(--orange);color:var(--ink);box-shadow:0 12px 24px -8px rgba(255,122,0,.6)}
.dfy-label{margin:0 0 4px;font-family:var(--f-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--orange)}
.dfy-panel h3{color:#fff;font-size:1.35rem;margin:0}
.dfy-panel>p{color:var(--on-dark)}
.incl{margin:20px 0 12px;color:var(--on-dark-2);font-size:.74rem;text-transform:uppercase}
.ticks-light li{color:#dfe5ec;font-size:.96rem}
.ticks-light{margin-bottom:0}
.tag-dark{background:rgba(255,122,0,.12);color:#ffc48f;border-color:rgba(255,122,0,.5)}
.dfy-bottom{display:grid;gap:22px;margin-top:22px;padding:24px;border-radius:var(--r-lg);border:1px solid var(--line-dark);background:rgba(255,255,255,.03)}
.dfy-steps{list-style:none;margin:0;padding:0;display:grid;gap:16px;counter-reset:s}
.dfy-steps li{display:flex;gap:14px;align-items:flex-start;color:var(--on-dark-2);font-size:.95rem;line-height:1.45}
.dfy-steps li>span{flex:none;width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,122,0,.5);color:var(--orange);font-family:var(--f-mono);font-weight:600;display:grid;place-items:center;font-size:.85rem}
.dfy-steps strong{display:block;color:#fff;font-family:var(--f-head);font-size:1.02rem;margin-bottom:2px}
.dfy-cta{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.dfy-cta .fine{text-align:left;color:var(--on-dark-2)}

/* ---------- About ---------- */
.about-photo{aspect-ratio:4/4.6;background:var(--ink)}
.about-photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(.15) contrast(1.05)}
.about-photo .photo-note{z-index:2;background:var(--orange-soft);color:#6e3100;border:1px dashed #eea25a}
.about-stats{position:absolute;left:14px;right:14px;bottom:28px;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);border-radius:16px;padding:12px 6px;color:#fff}
.about-stats p{margin:0;text-align:center;border-left:1px solid var(--glass-line);color:#fff!important}
.about-stats p:first-child{border-left:0}
.about-stats .mono{display:block;font-size:.62rem;color:var(--on-dark-2)}
.about-stats strong{font-family:var(--f-head);font-size:1.25rem;font-weight:900;letter-spacing:-.02em}

/* ---------- FAQ list ---------- */
.faq-list{margin:0;padding-left:1.3em;color:var(--ink-4);display:grid;gap:6px}
.faq-list li::marker{color:var(--orange-text);font-weight:800}

/* ---------- Final CTA with photo ---------- */
.final-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;mix-blend-mode:multiply;opacity:.32;filter:grayscale(1) contrast(1.2)}
.final-cta{background:var(--orange) radial-gradient(60% 80% at 50% 0%,rgba(255,180,90,.6),transparent 70%)}

/* ---------- Tablet ---------- */
@media (min-width:640px){
  .ats{padding:20px}
  .ats-board{grid-template-columns:repeat(4,1fr)}
  .ats-pc{display:inline}
  .mockup{width:auto}
  .bento{grid-template-columns:repeat(2,1fr)}
  .bento-photo{grid-column:1/-1;min-height:380px}
  .about-stats{left:22px;right:22px}
  .dfy-bottom{grid-template-columns:1.4fr 1fr;align-items:center}
  .dfy-steps{grid-template-columns:repeat(3,1fr)}
  .dfy-bottom{grid-template-columns:1fr}
}
/* ---------- Desktop ---------- */
@media (min-width:980px){
  .hero{padding:84px 0 48px}
  .hero-inner{grid-template-columns:1.02fr .98fr;gap:56px}
  .hero-shade{background:linear-gradient(90deg,rgba(11,15,22,.94) 0%,rgba(11,15,22,.82) 42%,rgba(11,15,22,.45) 75%,rgba(11,15,22,.6) 100%),linear-gradient(180deg,rgba(11,15,22,.5),transparent 30%)}
  .hero-visual{transform:perspective(1600px) rotateY(-7deg) rotateX(3deg);transform-origin:left center}
  .bento{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(0,auto)}
  .bento-photo{grid-column:span 2;grid-row:span 2;min-height:100%}
  .problem-grid.bento .problem-card{padding:24px 22px}
  .tier-grid{grid-template-columns:repeat(3,1fr)}
  .tier-featured{transform:translateY(-12px)}
  .tier-featured:hover{transform:translateY(-17px)}
  .coaching-inner{align-items:start}
  .dfy-head{grid-template-columns:1fr 1fr;align-items:end;gap:56px}
  .dfy-panels{grid-template-columns:1fr 1fr}
  .dfy-panel{padding:0 32px 32px}
  .dfy-media{margin:0 -32px 22px}
  .dfy-bottom{grid-template-columns:1.6fr auto;gap:40px;padding:28px 32px}
  .about-photo{max-width:none;aspect-ratio:4/4.4}
}
@media (prefers-reduced-motion:reduce){
  .mesh span{animation:none}
  .hero-visual{transform:none}
}

/* v4 review fixes */
.problem,.offers{background-color:var(--sand);background-image:linear-gradient(rgba(17,22,31,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(17,22,31,.028) 1px,transparent 1px);background-size:44px 44px}
.final-photo{opacity:.16}
.hero h1{font-size:clamp(2.6rem,9.5vw,4.25rem)}
@media (min-width:980px){
  .hero-inner{grid-template-columns:1.1fr .9fr;gap:48px}
}
@media (min-width:1200px){.hero h1{font-size:4.5rem}}
.hero-inner>*{min-width:0}
.ats-board>*{min-width:0}
.cand{gap:6px;padding:6px}
.cand>span:last-child{min-width:0}
@media (min-width:980px){.av{width:22px;height:22px;font-size:.55rem;border-radius:6px}.cand strong{font-size:.72rem}.cand em{font-size:.64rem}}
@media (max-width:639px){.ats-top .pill-warn{font-size:.62rem;padding:3px 8px}.ats-top>.mono{display:none}.ats-top{justify-content:space-between}}

/* =========================================================
   v5: launch polish
   ========================================================= */
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.ats-bar i.w72{width:72%}
.hp{display:none!important}
.consent{font-size:.78rem;color:var(--muted);text-align:center;margin:8px 0 0;line-height:1.5}
.consent a{color:var(--ink-4)}
.form-status{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:#fdecea;color:#8a1c12;font-size:.9rem}
.lead-form button[disabled]{opacity:.75;cursor:progress}
.section-head p.notice{display:inline-flex;align-items:center;gap:8px;text-align:left}
.notice .ic{color:#b35100;flex:none}

/* Testimonials */
.testi-feature{position:relative;margin:0 0 22px;border-radius:var(--r-lg);overflow:hidden;color:#fff;padding:30px 26px;display:grid;gap:26px;
  background:radial-gradient(120% 140% at 100% 0%,rgba(255,122,0,.28),transparent 55%),linear-gradient(160deg,#1b2433,#0d1219);box-shadow:var(--sh-2)}
.testi-feature::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(140,180,255,.06) 1px,transparent 1px) 0 0/28px 28px,linear-gradient(90deg,rgba(140,180,255,.06) 1px,transparent 1px) 0 0/28px 28px;-webkit-mask-image:linear-gradient(90deg,transparent,#000);mask-image:linear-gradient(90deg,transparent,#000)}
.tf-copy,.tf-side{position:relative;z-index:1}
.testi-feature .pill{color:var(--orange)}
.testi-feature blockquote{margin:18px 0 22px}
.testi-feature blockquote p{margin:0;font-family:var(--f-head);font-weight:800;font-stretch:104%;font-size:clamp(1.45rem,4.6vw,2.1rem);line-height:1.15;letter-spacing:-.02em;text-wrap:balance}
.testi-feature blockquote p::before{content:"\201C";color:var(--orange);margin-right:.04em}
.testi-feature blockquote p::after{content:"\201D";color:var(--orange)}
.testi-feature figcaption{display:flex;gap:14px;align-items:center;font-size:.9rem;color:var(--on-dark)}
.testi-feature figcaption strong{display:block;color:#fff;font-size:1rem}
.t-avatar-lg{width:52px;height:52px;background:var(--orange);color:var(--ink);font-size:1rem}
.tf-side p{color:var(--on-dark);margin:0 0 16px;font-size:1rem}
.testi-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.testi .testi-top .tag-example{position:static}
.pill-light{background:var(--sand);color:var(--ink-4);border-color:var(--line)}
.testi blockquote{margin:18px 0 22px}
.testi blockquote::before{height:20px}
@media (min-width:980px){
  .testi-feature{grid-template-columns:1.6fr 1fr;align-items:end;padding:44px 48px;gap:48px}
  .tf-side{border-left:1px solid rgba(255,255,255,.12);padding-left:40px}
}

/* FAQ */
.accordion{counter-reset:faq}
.acc-item summary{counter-increment:faq}
.acc-item summary::before{content:counter(faq,decimal-leading-zero);font-family:var(--f-mono);font-size:.72rem;font-weight:600;color:var(--orange-text);flex:none;width:24px}
.acc-item summary h3{flex:1;text-wrap:pretty}
.acc-item summary:focus-visible{outline-offset:-3px;border-radius:var(--r)}
.acc-panel{padding:0 22px 22px 64px}
.faq-help{margin-top:26px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;box-shadow:var(--sh-1);position:relative;overflow:hidden}
.faq-help::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:repeating-linear-gradient(-45deg,var(--orange) 0 10px,var(--ink) 10px 20px)}
.faq-help p{font-size:.98rem!important;margin:0 0 14px}
.faq-help .faq-help-k{color:var(--orange-text)!important;margin:4px 0 6px;font-size:.72rem!important}
.faq-help .faq-help-t{font-family:var(--f-head);font-weight:800;font-size:1.25rem!important;color:var(--ink)!important;margin-bottom:6px;letter-spacing:-.01em}
.faq-help-actions{display:flex;flex-wrap:wrap;gap:10px}
@media (max-width:639px){.acc-panel{padding:0 18px 20px}.acc-item summary{padding:18px}}

/* Footer */
.site-footer{position:relative;overflow:hidden}
.site-footer::before{content:"";position:absolute;right:-180px;top:-220px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(255,122,0,.12),transparent 65%);pointer-events:none}
.footer-inner{position:relative}
.footer-loc{margin-top:18px}
.footer-loc .pill{color:var(--on-dark)}
.footer-loc .dot{width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 3px rgba(255,122,0,.2)}
.footer-muted{color:var(--on-dark-2)}
.footer-links a{transition:color .2s}
.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;align-items:center}
.footer-bottom-links{display:flex;gap:20px}
.footer-bottom-links a{color:var(--on-dark);text-decoration:none}
.footer-bottom-links a:hover{color:var(--orange)}
.footer-bottom .tag-inline{font-size:.72rem;padding:1px 6px}
@media (min-width:640px){.footer-inner{grid-template-columns:1fr 1fr}}
@media (min-width:980px){.footer-inner{grid-template-columns:1.7fr .8fr .8fr 1.2fr;gap:40px}}

/* ===== Sub-pages (legal, thank-you, 404) ===== */
.page-hero{position:relative;overflow:hidden;background:linear-gradient(160deg,#1b2433,#0b0f16);color:#fff;padding:64px 0 56px}
.page-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(140,180,255,.06) 1px,transparent 1px) 0 0/32px 32px,linear-gradient(90deg,rgba(140,180,255,.06) 1px,transparent 1px) 0 0/32px 32px;-webkit-mask-image:radial-gradient(ellipse at 70% 0%,#000,transparent 70%);mask-image:radial-gradient(ellipse at 70% 0%,#000,transparent 70%)}
.page-hero .container{position:relative;z-index:1}
.page-hero h1{font-size:clamp(2.3rem,7vw,3.6rem);margin:16px 0 14px}
.page-hero h1 em{font-style:normal;color:var(--orange)}
.page-hero .lead{color:var(--on-dark);font-size:1.12rem;max-width:40em;margin:0}
.page-hero .pill{color:var(--orange)}
.page-hero .cta-row{margin-top:28px}
.page-body{padding:56px 0 80px;background:var(--paper)}
.prose{max-width:760px}
.prose h2{font-size:clamp(1.4rem,3.4vw,1.75rem);margin:2.2em 0 .6em;scroll-margin-top:calc(var(--header-h) + 16px)}
.prose h2:first-child{margin-top:0}
.prose h3{font-size:1.08rem;margin:1.6em 0 .5em}
.prose p,.prose li{color:var(--ink-4)}
.prose ul{padding-left:1.25em;margin:0 0 1.2em}
.prose li{margin:.3em 0}
.prose li::marker{color:var(--orange-text)}
.prose a{font-weight:600}
.template-banner{display:flex;gap:12px;align-items:flex-start;background:var(--orange-soft);border:1px dashed #eea25a;color:#6e3100;border-radius:14px;padding:14px 16px;margin:0 0 36px;font-size:.95rem}
.template-banner .ic{flex:none;margin-top:2px}
.template-banner p{margin:0;color:#6e3100}
.toc{background:var(--sand);border:1px solid var(--line);border-radius:var(--r);padding:18px 22px;margin:0 0 40px}
.toc p{margin:0 0 8px;font-family:var(--f-mono);font-size:.72rem;color:var(--orange-text)}
.toc ol{margin:0;padding-left:1.3em;columns:2 220px;column-gap:28px}
.toc li{margin:0;padding:.2em 0;break-inside:avoid}
.toc a{color:var(--ink);font-weight:500;text-decoration:none}
.toc a:hover{color:var(--orange-text);text-decoration:underline}
.updated{font-family:var(--f-mono);font-size:.78rem;color:var(--muted)}
/* Thank-you */
.ty-hero{padding-bottom:72px}
.ty-badge{width:64px;height:64px;border-radius:18px;background:var(--orange);color:var(--ink);display:grid;place-items:center;box-shadow:0 18px 40px -12px rgba(255,122,0,.6)}
.ty-badge .ic{width:32px;height:32px;stroke-width:2.6}
.download-card{margin-top:30px;display:flex;flex-wrap:wrap;gap:18px 22px;align-items:center;padding:20px 22px;border-radius:var(--r-lg);max-width:640px}
.download-card .mini-book{flex:none}
.download-card .dc-text{flex:1;min-width:200px}
.download-card .dc-text strong{display:block;font-family:var(--f-head);font-size:1.1rem}
.download-card .dc-text span{color:var(--on-dark);font-size:.9rem}
.preview-note{margin-top:18px;max-width:640px}
.next-head{margin-bottom:28px}
.next-grid{display:grid;gap:18px}
.next-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:26px;box-shadow:var(--sh-1);text-decoration:none;color:var(--ink);transition:transform .25s var(--ease),box-shadow .25s}
.next-card:hover{transform:translateY(-3px);box-shadow:var(--sh-2)}
.next-card .tier-num{font-family:var(--f-mono);font-size:.72rem;color:var(--orange-text);margin-bottom:12px}
.next-card h3{font-size:1.3rem;margin-bottom:6px}
.next-card p{color:var(--muted);margin:0 0 18px;font-size:.98rem;flex:1}
.next-card .go{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--orange-text)}
.next-card.featured{background:linear-gradient(160deg,#1b2433,#0d1219);color:#fff;border-color:rgba(255,122,0,.5)}
.next-card.featured p{color:var(--on-dark)}
.next-card.featured .go,.next-card.featured .tier-num{color:var(--orange)}
@media (min-width:860px){.next-grid{grid-template-columns:repeat(3,1fr)}}
/* 404 */
.nf-hero{min-height:calc(100vh - 120px);display:flex;align-items:center}
.nf-code{font-family:var(--f-head);font-weight:900;font-stretch:112%;font-size:clamp(5rem,22vw,11rem);line-height:.85;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:2px rgba(255,122,0,.85);margin:0}
.nf-links{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:26px;padding:0;list-style:none}
.nf-links a{color:var(--on-dark);font-weight:600}
.nf-links a:hover{color:var(--orange)}
/* v5: FAQ help card sits after the questions on small screens */
@media (max-width:979px){
  .faq-inner{display:flex;flex-direction:column;gap:0}
  .faq-inner>.section-head{display:contents}
  .faq-inner>.section-head>*{order:0}
  .faq-inner>.accordion{order:1;margin-top:28px}
  .faq-inner .faq-help{order:2;margin-top:28px}
  .faq-inner>.section-head::after{order:0}
}

/* =========================================================
   v7: pricing, AUD/GBP switch, software teaser
   ========================================================= */
/* Currency: AUD shows by default (and without JS). html.cur-gbp-on swaps to GBP. */
html:not(.cur-gbp-on) .cur-gbp{display:none!important}
html.cur-gbp-on .cur-aud{display:none!important}
.uk-na{font-family:var(--f-body)!important;font-weight:600!important;font-size:.82rem!important;color:var(--muted)!important;letter-spacing:0!important}

.cur-switch{display:inline-flex;align-items:center;gap:4px;margin-top:18px;padding:4px;border-radius:99px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1)}
.cur-switch[hidden]{display:none}
.cur-switch .cur-label{padding:0 6px 0 10px;color:var(--muted);font-size:.68rem}
.cur-switch button{font:600 .82rem/1 var(--f-body);color:var(--ink-3);background:transparent;border:0;border-radius:99px;padding:8px 13px;cursor:pointer;transition:background .2s,color .2s}
.cur-switch button b{font-family:var(--f-head);font-weight:800;margin-right:2px}
.cur-switch button:hover{background:var(--sand)}
.cur-switch button[aria-pressed="true"]{background:var(--ink);color:#fff}
.cur-switch button:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.cur-switch .cur-region{padding:0 10px 0 6px;color:var(--orange-text);font-size:.66rem}
@media (max-width:420px){.cur-switch .cur-label{display:none}}

/* option cards: price line */
.tier-price small{font-family:var(--f-body);font-weight:600;font-size:.8rem;color:var(--muted);letter-spacing:0}
.tier-featured .tier-price small{color:var(--on-dark-2)}
.tier-price .pill{font-size:.62rem}
.guide-strip a:not(.btn){font-weight:700}
.dfy-cta .fine a,.software a:not(.btn){color:var(--orange)}

/* course price card */
.prelaunch-tag{position:absolute;top:18px;right:18px;font-family:var(--f-mono);font-size:.64rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#7a3a00;background:var(--orange-soft);border:1px solid #f6c89b;border-radius:99px;padding:4px 10px}
.price .cur-aud,.price .cur-gbp{display:flex;align-items:flex-start;gap:4px}
.plus-row{margin:0 0 6px;padding:14px 16px;border-radius:14px;background:var(--sand);border:1px solid var(--line)}
.plus-row p{margin:0;font-size:.95rem}
.plus-row p:first-child{display:flex;justify-content:space-between;gap:10px;font-family:var(--f-head)}
.plus-price{font-weight:800;color:var(--ink)}
.plus-desc{color:var(--muted);font-size:.86rem!important;margin-top:4px!important}

/* pricing section */
.pricing{position:relative;background:#fff}
.pricing .section-head{margin-bottom:40px}
.price-grid{display:grid;gap:18px}
@media (min-width:700px){.price-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1140px){.price-grid{grid-template-columns:repeat(4,1fr);gap:16px}}
.pcard{position:relative;display:flex;flex-direction:column;background:var(--sand);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px 22px 22px;transition:transform .35s var(--ease),box-shadow .35s}
.pcard:hover{transform:translateY(-4px);box-shadow:var(--sh-2)}
.pcard .prelaunch-tag{top:16px;right:16px}
.pc-num{margin:0 0 14px;color:var(--orange-text)}
.pcard h3{font-size:1.22rem;margin:0 0 4px;line-height:1.2;min-height:2.4em}
.pc-sub{margin:0 0 18px;color:var(--muted);font-size:.9rem}
.pc-big{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:0 0 18px;font-family:var(--f-head);font-weight:900;font-stretch:108%;font-size:2.5rem;line-height:1;letter-spacing:-.035em;color:var(--ink)}
.pc-big .cur-aud,.pc-big .cur-gbp{display:inline-flex;align-items:baseline;gap:6px}
.pc-from{font-family:var(--f-mono);font-size:.7rem;font-weight:600;letter-spacing:.04em;color:var(--muted);text-transform:lowercase}
.pc-unit{font-family:var(--f-body);font-size:.84rem;font-weight:600;letter-spacing:0;color:var(--muted);font-stretch:100%}
.pc-text{font-size:1.5rem;letter-spacing:-.02em}
.prows{list-style:none;margin:0 0 14px;padding:0;border-top:1px solid var(--line)}
.prows li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:.9rem;color:var(--ink-3);line-height:1.35}
.prows b{font-family:var(--f-head);font-weight:800;color:var(--ink);text-align:right;white-space:nowrap}
.prows b .uk-na,.prows .uk-na{white-space:normal}
.pc-tax{margin:0 0 18px;font-size:.78rem;color:var(--muted)}
.pcard .btn{margin-top:auto}
.pcard-featured{background:linear-gradient(165deg,#1b2431,var(--ink) 60%);border-color:rgba(255,122,0,.45);box-shadow:var(--sh-3),0 0 0 1px rgba(255,122,0,.25);color:#fff}
.pcard-featured h3,.pcard-featured .pc-big,.pcard-featured .prows b{color:#fff}
.pcard-featured .pc-num{color:var(--orange)}
.pcard-featured .pc-sub,.pcard-featured .pc-tax,.pcard-featured .pc-unit,.pcard-featured .pc-from,.pcard-featured .uk-na{color:var(--on-dark-2)!important}
.pcard-featured .prows,.pcard-featured .prows li{border-color:var(--line-dark)}
.pcard-featured .prows li{color:var(--on-dark)}
.pcard-featured .badge-pop{top:-12px;left:auto;right:18px}
.price-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 18px;margin-top:30px;text-align:center}
.price-foot p{margin:0;color:var(--muted)}
.price-foot strong{color:var(--ink)}

/* software teaser */
.software{position:relative;background:var(--ink);color:#fff;overflow:hidden;isolation:isolate}
.software::before{content:"";position:absolute;width:620px;height:620px;right:-160px;top:-260px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,122,0,.22),transparent);z-index:0}
.software .container{position:relative;z-index:1}
.software-inner{display:grid;gap:36px;align-items:center}
@media (min-width:980px){.software-inner{grid-template-columns:1.05fr 1fr;gap:56px}}
.software h2{color:#fff}
.software .lead-light{margin:0 0 18px}
.founding{display:inline-flex;align-items:center;gap:10px;margin:0 0 26px;padding:8px 14px;border-radius:99px;border:1px solid rgba(255,122,0,.4);background:rgba(255,122,0,.08);color:#ffd1a6;font-size:.9rem;font-weight:600}
.software .cta-row .btn{flex:0 1 auto}
.sw-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.sw-plan{border-radius:var(--r);padding:18px 16px;text-align:left}
.sw-plan .mono{margin:0 0 10px;color:var(--on-dark-2)}
.sw-mid{border-color:rgba(255,122,0,.5);box-shadow:0 0 0 1px rgba(255,122,0,.3),0 30px 60px -20px rgba(0,0,0,.6)}
.sw-mid .mono{color:var(--orange)}
.sw-price{margin:0;font-family:var(--f-head);font-weight:900;font-stretch:108%;font-size:1.9rem;letter-spacing:-.03em;line-height:1;color:#fff}
.sw-price small{font-family:var(--f-body);font-size:.75rem;font-weight:600;color:var(--on-dark-2);letter-spacing:0;margin-left:2px}
.sw-price .pc-text{display:block;font-size:.95rem;font-weight:700;letter-spacing:0;line-height:1.3;font-family:var(--f-body)}
.sw-note{grid-column:1/-1;margin:4px 0 0;color:var(--on-dark-2);font-size:.84rem}
@media (max-width:479px){.sw-plans{grid-template-columns:1fr}.sw-plan{display:flex;justify-content:space-between;align-items:center}.sw-plan .mono{margin:0}}

/* nav: extra items */
.nav-badge{display:inline-block;margin-left:4px;padding:2px 6px;border-radius:6px;background:var(--orange);color:var(--ink);font-family:var(--f-mono);font-size:.58rem;font-weight:700;letter-spacing:.04em;vertical-align:2px;text-transform:uppercase}
@media (min-width:980px) and (max-width:1199px){
  .site-nav li.nav-guide{display:none}
  .site-nav li a{padding:8px 10px;font-size:.9rem}
}
@media (min-width:700px){.price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1140px){.price-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.pcard .prelaunch-tag{top:-11px;right:18px;background:#fff}
.prows li{flex-wrap:wrap;gap:2px 12px}
.prows b{margin-left:auto}
.prows .uk-na{font-size:.78rem!important}
@media (min-width:1140px){.pc-big{font-size:2.25rem}}
@media (min-width:980px) and (max-width:1199px){.site-nav li a{white-space:nowrap;padding:8px 7px;font-size:.88rem}.site-nav ul{gap:2px}.nav-badge{display:none}}
@media (min-width:980px){.site-nav li a{white-space:nowrap}}

/* ===== First-visit questionnaire (built by script.js; fixed position, so no layout shift) ===== */
.quiz-wrap{position:fixed;inset:0;z-index:200;pointer-events:none}
.quiz-scrim{position:absolute;inset:0;background:rgba(11,15,22,.42);opacity:0;transition:opacity .3s;pointer-events:none}
.quiz-wrap.open .quiz-scrim{opacity:1;pointer-events:auto}
.quiz{position:absolute;left:0;right:0;bottom:0;max-height:min(88vh,720px);max-height:min(88dvh,720px);overflow:auto;overscroll-behavior:contain;background:#fff;color:var(--ink);border-radius:22px 22px 0 0;box-shadow:0 -24px 60px -12px rgba(0,0,0,.45);padding:0 20px calc(22px + env(safe-area-inset-bottom));transform:translateY(105%);transition:transform .38s var(--ease);pointer-events:auto}
.quiz::before{content:"";display:block;width:44px;height:5px;border-radius:9px;background:#d9dce1;margin:10px auto 4px}
.quiz-wrap.open .quiz{transform:none}
@media (min-width:640px){
  .quiz{left:auto;right:24px;bottom:24px;width:440px;border-radius:22px;max-height:min(84vh,700px);box-shadow:0 40px 80px -20px rgba(0,0,0,.55),0 0 0 1px rgba(17,22,31,.06);transform:translateY(calc(100% + 40px))}
  .quiz::before{display:none}
  .quiz-scrim{background:rgba(11,15,22,.28)}
}
.quiz-top{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:8px;background:#fff;padding:12px 0 10px}
.quiz-kicker{margin:0;flex:1;color:var(--orange-text);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}
.quiz-count{color:var(--muted);font-size:.72rem}
.quiz-back,.quiz-skip{min-height:44px;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:12px;cursor:pointer;font:600 .9rem var(--f-body)}
.quiz-back{width:44px;display:grid;place-items:center;padding:0}
.quiz-back .ic{transform:rotate(180deg)}
.quiz-skip{padding:0 16px}
.quiz-back:hover,.quiz-skip:hover{background:var(--sand)}
.quiz-back:focus-visible,.quiz-skip:focus-visible,.quiz-opt:focus-visible,.rec-alt:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
.quiz-bar{height:5px;border-radius:9px;background:#eceae5;overflow:hidden;margin:0 0 20px}
.quiz-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--orange),var(--orange-hi));transform-origin:left;transform:scaleX(.04);transition:transform .35s var(--ease)}
.quiz-q{font-size:1.5rem;line-height:1.15;margin:0 0 6px;letter-spacing:-.02em;outline:none}
.quiz-hint{margin:0 0 4px;color:var(--muted);font-size:.92rem}
.quiz-opts{display:grid;gap:10px;margin:16px 0 4px}
.quiz-grid{grid-template-columns:repeat(2,1fr)}
.quiz-grid .quiz-opt:last-child:nth-child(odd){grid-column:1/-1}
.quiz-opt{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;width:100%;padding:12px 16px;text-align:left;font:600 1rem/1.25 var(--f-body);color:var(--ink);background:var(--sand);border:1.5px solid var(--line);border-radius:14px;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}
@media (hover:hover){.quiz-opt:hover{border-color:#cbc6bb;background:#f1efe9}}
.quiz-opt:active{transform:scale(.985)}
.quiz-opt i{flex:none;width:22px;height:22px;border-radius:50%;border:2px solid #c3c8cf;transition:all .15s}
.quiz-multi i{border-radius:7px}
.quiz-opt[aria-pressed="true"]{border-color:var(--orange);background:var(--orange-soft)}
.quiz-opt[aria-pressed="true"] i{border-color:var(--orange);background:var(--orange) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2311161f' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center/14px no-repeat}
.quiz-next{margin-top:14px}
.quiz-next:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.quiz-text{color:var(--ink-3);margin:10px 0}
.quiz-actions{display:grid;gap:10px;margin-top:18px}
.btn-ghost-dark{background:transparent;color:var(--muted);border:0}
.quiz-eyebrow{margin:0 0 6px;color:var(--orange-text);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}
.rec-card{margin:14px 0 12px;padding:18px;border-radius:18px;background:linear-gradient(165deg,#1b2431,var(--ink) 65%);color:#fff;box-shadow:var(--sh-2),0 0 0 1px rgba(255,122,0,.3)}
.rec-kicker{margin:0 0 8px;color:var(--orange);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em}
.rec-why{margin:0 0 12px;color:var(--on-dark);font-size:.95rem;line-height:1.5}
.rec-price{margin:0 0 14px;font-family:var(--f-head);font-weight:800;font-size:1.05rem;color:#fff}
.rec-alt{display:grid;gap:2px;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:#fff;text-decoration:none;color:var(--ink);margin-bottom:18px}
.rec-alt:hover{background:var(--sand)}
.rec-alt .mono{font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.rec-alt strong{font-family:var(--f-head);font-size:1rem}
.rec-alt em{font-style:normal;color:var(--muted);font-size:.86rem}
.quiz-form{border-top:1px solid var(--line);padding-top:16px}
.quiz-form-title{font-family:var(--f-head);font-weight:800;margin:0 0 12px}
.quiz-form .field{margin-bottom:12px}
.quiz-form .field input{padding:12px 14px}
.quiz-form .error:empty{display:none}
.quiz-consent{display:flex;gap:10px;align-items:flex-start;font-size:.82rem;line-height:1.45;color:var(--ink-3);margin:4px 0 6px;cursor:pointer}
.quiz-consent input{flex:none;width:22px;height:22px;margin:0;accent-color:var(--orange)}
.quiz-form .btn{margin-top:10px}
@media (min-width:480px){.quiz-fields{display:grid;grid-template-columns:1fr 1.3fr;gap:10px}}
@media (prefers-reduced-motion:reduce){.quiz,.quiz-scrim,.quiz-bar span,.quiz-opt{transition:none!important}}
.price-foot .btn-dark{white-space:nowrap}
.rec-note{margin:0 0 12px;padding:10px 12px;border-radius:12px;background:rgba(255,122,0,.1);border:1px solid rgba(255,122,0,.35);color:#ffd9b5;font-size:.88rem;line-height:1.45}
/* hiring-cost results */
.quiz-unsure{background:#fff;border-style:dashed}
.est-lines{list-style:none;margin:14px 0 8px;padding:0;border-top:1px solid var(--line)}
.est-lines li{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:11px 0;border-bottom:1px solid var(--line);font-size:.94rem;color:var(--ink)}
.est-lines li span{display:grid;gap:2px}
.est-lines small{font-size:.78rem;color:var(--muted)}
.est-lines b{font-family:var(--f-head);font-weight:800;white-space:nowrap}
.est-lines b.not-inc{font-family:var(--f-body);font-weight:600;font-size:.82rem;color:var(--muted)}
.est-lines .est-total{border-bottom:0;font-weight:700}
.est-lines .est-total b{font-size:1.2rem;color:var(--orange-text)}
.est-note{margin:0 0 18px;font-size:.8rem;color:var(--muted)}
.rec-title{margin:0 0 8px;font-family:var(--f-head);font-weight:800;font-size:1.15rem;color:#fff}
.rec-card .btn-ghost{color:#fff;border-color:rgba(255,255,255,.35)}
.quiz-body>.btn-lg{margin-top:4px;white-space:normal;line-height:1.25;padding-inline:16px;font-size:1rem;text-align:center}
/* ===== Landing page: /hiring-cost ===== */
.lp{background:var(--ink);color:#fff;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
.lp main{flex:1}
.lp-header{position:relative;z-index:5;border-bottom:1px solid var(--line-dark)}
.lp-header-inner{display:flex;align-items:center;height:64px}
.lp-header .logo-svg{height:34px}
.lp-hero{position:relative;isolation:isolate;overflow:hidden;padding:26px 0 40px}
.lp-bg{position:absolute;inset:0;z-index:-1}
.lp-bg .mesh span{opacity:.32}
.lp-grid{position:relative;display:grid;gap:22px}
.lp-copy .eyebrow{margin-bottom:16px}
.lp h1{font-size:clamp(2.15rem,8.6vw,4.1rem);margin:0 0 .3em;color:#fff}
.lp-sub{font-size:1.06rem;line-height:1.55;color:#d5dce5;margin:0 0 16px;max-width:34em}
.lp-points{list-style:none;margin:0;padding:0;display:none;gap:10px;color:var(--on-dark)}
.lp-points li{display:flex;align-items:center;gap:10px;font-size:.98rem}
.lp-points .ic{color:var(--orange);flex:none}
.lp-trust{margin:0;padding:14px 16px;border:1px solid var(--line-dark);border-left:3px solid var(--orange);border-radius:12px;background:rgba(255,255,255,.04);color:var(--on-dark);font-size:.92rem;line-height:1.55}
.lp-trust-desk{display:none}
.quiz.quiz-inline{position:relative;inset:auto;transform:none;max-height:none;overflow:visible;width:auto;border-radius:22px;padding:4px 18px 20px;box-shadow:0 30px 70px -24px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.06)}
.quiz.quiz-inline::before{display:none}
.quiz-inline .quiz-top{border-radius:22px 22px 0 0}
.quiz-inline .quiz-q{font-size:1.4rem}
.quiz-inline .quiz-body{min-height:400px}
.lp-footer{border-top:1px solid var(--line-dark);background:#0b0f16;color:var(--on-dark-2);font-size:.85rem;padding:18px 0 calc(18px + env(safe-area-inset-bottom))}
.lp-footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px}
.lp-footer p{margin:0}
.lp-footer-links{display:flex;gap:18px}
.lp-footer a{color:var(--on-dark);text-decoration:none}
.lp-footer a:hover{color:#fff;text-decoration:underline}
.lp-footer .tag-inline{font-size:.72rem;padding:1px 6px}
@media (min-width:640px){.lp-hero{padding:44px 0 64px}.quiz.quiz-inline{padding:6px 26px 26px}.lp-points{display:grid;margin-bottom:4px}}
@media (min-width:980px){
  .lp-header-inner{height:76px}
  .lp-header .logo-svg{height:40px}
  .lp-hero{padding:72px 0 96px}
  .lp-grid{grid-template-columns:minmax(0,1fr) 500px;gap:64px;align-items:start}
  .lp-copy{position:sticky;top:40px;padding-top:24px}
  .lp-points{margin-bottom:28px}
  .lp-trust-desk{display:block;max-width:34em}
  .lp-trust-mob{display:none}
  .quiz-inline .quiz-q{font-size:1.55rem}
}
.quiz-back[hidden]{display:none}
.quiz-top{min-height:66px}
/* Phone field: country code + number */
.phone-field{display:flex;gap:8px}
.phone-field select{flex:none;width:auto;min-width:104px;font:inherit;font-size:1rem;font-weight:600;padding:0 34px 0 14px;border:1.5px solid #cfd4db;border-radius:12px;color:var(--ink);cursor:pointer;-webkit-appearance:none;appearance:none;background:#fbfbfa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23566275' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center/14px;transition:border-color .2s,box-shadow .2s}
.phone-field select:focus{outline:none;border-color:var(--orange);background-color:#fff;box-shadow:0 0 0 4px rgba(255,122,0,.18)}
.phone-field input{flex:1;min-width:0}
.quiz-form .phone-field select{min-width:96px;padding-left:12px}
.quiz-privacy{font-size:.78rem;line-height:1.45;color:var(--muted);margin:6px 0 0}
/* plans v3: free job tools card above the 3 hiring plans */
.sw-plans{grid-template-columns:repeat(3,1fr)}
.sw-free{grid-column:1/-1;border-color:rgba(61,220,132,.45)}
.sw-free .mono{color:#7ee2a8}
.sw-feat{margin:10px 0 0;font-size:.82rem;line-height:1.45;color:var(--on-dark-2)}
@media (max-width:479px){.sw-plans .sw-plan{display:block}}

/* =====================================================================
   Homepage v3 (27 Oct 2026) + gold accents for paid offers.
   Gold is an accent only: borders, top stripes, badges and the paid-offer buttons.
   Text on gold is near-black (--gold-ink). WCAG contrast, --gold-ink #1a1405 on:
   #B8860B 5.63:1 · #C9A227 7.57:1 · #D4AF37 8.71:1 · #E6C25A 10.67:1 (all AA, gradient's darkest stop included).
   Gold text only on dark (#D4AF37 on #11161f 8.62:1); on light backgrounds use --gold-text #7a5a00 (6.38:1 on white).
   ===================================================================== */
:root{
  --gold:#C9A227; --gold-hi:#D4AF37; --gold-deep:#B8860B; --gold-light:#E6C25A;
  --gold-gradient:linear-gradient(135deg,#B8860B 0%,#C9A227 45%,#E6C25A 100%);
  --gold-ink:#1a1405; --gold-text:#7a5a00; --gold-soft:#fbf3dc;
}
.btn-gold{background:var(--gold-gradient);color:var(--gold-ink);border-color:rgba(122,90,0,.35);box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 10px 22px -10px rgba(184,134,11,.65)}
.btn-gold:hover{background:linear-gradient(135deg,#C9A227 0%,#D4AF37 45%,#E6C25A 100%);color:var(--gold-ink);box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 14px 28px -10px rgba(184,134,11,.75)}
.btn-gold:focus-visible{outline:3px solid var(--gold-hi);outline-offset:3px}
.badge-gold,.badge-pop.badge-gold{background:var(--gold-gradient);color:var(--gold-ink);box-shadow:0 8px 18px -8px rgba(184,134,11,.7)}
.pill-gold{background:var(--gold-gradient);border-color:var(--gold-deep);color:var(--gold-ink);text-transform:none;letter-spacing:.02em}
/* premium cards: thin gold top stripe + soft gold edge */
.tier-gold,.pcard-gold{border-color:rgba(201,162,39,.45)}
.tier-gold::before,.pcard-gold::before,.price-card-gold::before,.dfy-gold::before,.sw-paid::before,.sw-list-gold::before,.gold-edge::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--gold-gradient);z-index:3;border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0}
.tier-featured.tier-gold,.pcard-featured.pcard-gold{border-color:rgba(212,175,55,.75);box-shadow:var(--sh-3),0 0 0 1px rgba(212,175,55,.45)}
.tier-featured.tier-gold .tier-tag,.pcard-featured.pcard-gold .pc-num{color:var(--gold-hi)}
.tier-featured.tier-gold .tier-head .o-icon{background:var(--gold-gradient);color:var(--gold-ink)}
.price-card-gold{box-shadow:var(--sh-3),0 0 0 1px rgba(212,175,55,.55)}
.dfy-gold{position:relative;border:1px solid rgba(212,175,55,.4)}
.dfy-gold .o-icon{background:var(--gold-gradient)!important;color:var(--gold-ink)!important}

/* hero v3 */
.pain-list{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:4px;color:#e9edf2;font-size:1.02rem}
.pain-list li{position:relative;padding-left:22px}
.pain-list li::before{content:"";position:absolute;left:0;top:.62em;width:10px;height:2px;background:var(--orange)}
.hero-q{color:#fff;font-weight:600;margin:0 0 18px}
.cta-micro{margin:12px 0 0;color:var(--on-dark-2);font-size:.9rem}
.btn{white-space:normal;text-align:center}

/* cost of doing nothing */
.cost{background:#fff}
.cost-card{background:var(--sand);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;box-shadow:var(--sh-1)}
.example-label{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 14px;font-weight:600}
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.cost-table{width:100%;border-collapse:collapse;font-size:.98rem;min-width:420px}
.cost-table th,.cost-table td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.cost-table td{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.cost-table thead th{font-family:var(--f-mono);font-size:.74rem;text-transform:lowercase;letter-spacing:.06em;color:var(--slate);font-weight:500}
.cost-table thead th:not(:first-child){text-align:right}
.cost-table tbody th{font-weight:500}
.cost-table tfoot th,.cost-table tfoot td{font-family:var(--f-head);font-weight:800;font-size:1.08rem;border-bottom:0;border-top:2px solid var(--ink)}
.assumptions{margin:14px 0 0;font-size:.8rem;line-height:1.55;color:var(--muted)}
.big-line{margin:34px auto 26px;max-width:820px;text-align:center;font-family:var(--f-head);font-weight:900;font-size:clamp(1.6rem,4.6vw,2.6rem);line-height:1.12;letter-spacing:-.02em;text-wrap:balance}
.callouts{display:grid;gap:14px}
@media (min-width:700px){.callouts{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.callouts{grid-template-columns:repeat(4,1fr)}}
.callout{background:#fff;border:1px solid var(--line);border-left:4px solid var(--orange);border-radius:var(--r);padding:18px 18px 16px;box-shadow:var(--sh-1)}
.callout h3{margin-bottom:6px}
.callout p{margin:0;color:var(--ink-3);font-size:.96rem}
.callout .callout-k{margin:0 0 6px;color:var(--orange-text)}
.section-cta{margin-top:40px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}
.section-cta p{margin:0;max-width:680px}

/* enemy: 5 cards + photo */
@media (min-width:980px){.problem-grid.bento-5{grid-template-columns:repeat(3,1fr)}.problem-grid.bento-5 .bento-photo{grid-row:span 2}}

/* the way */
.way{background:#fff}
.way-steps{list-style:none;margin:0 0 34px;padding:0;display:grid;gap:12px}
@media (min-width:700px){.way-steps{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.way-steps{grid-template-columns:repeat(5,1fr)}}
.way-steps li{display:flex;gap:14px;background:var(--sand);border:1px solid var(--line);border-radius:var(--r);padding:18px}
.way-steps h3{margin:2px 0 4px}
.way-steps p{margin:0;font-size:.95rem;color:var(--ink-3)}
.way-n{flex:0 0 34px;height:34px;border-radius:10px;background:var(--ink);color:var(--orange);display:grid;place-items:center;font-family:var(--f-head);font-weight:900}
.ba{overflow-x:auto}
.ba-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;font-size:.98rem}
.ba-table th{padding:12px 16px;text-align:left;font-family:var(--f-head);font-size:1.05rem}
.ba-table th:first-child{background:var(--sand-2)}
.ba-table th:last-child{background:var(--ink);color:#fff}
.ba-table td{padding:12px 16px;border-top:1px solid var(--line);vertical-align:top}
.ba-table td:first-child{color:var(--slate);text-decoration:line-through;text-decoration-color:rgba(86,98,117,.45)}
.ba-table td:last-child{font-weight:600;background:#fffaf4}

/* offers overview: 4 cards */
.price-note{font-size:.88rem;color:var(--muted);margin-top:10px}
@media (min-width:700px){.tier-grid-4{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1180px){.tier-grid.tier-grid-4{grid-template-columns:repeat(4,1fr)}.tier-grid-4 .tier-featured{transform:none}.tier-grid-4 .tier-featured:hover{transform:translateY(-5px)}}
.tier-grid-4 .tier h3{font-size:1.32rem}
.tier-grid-4 .tier-price{margin-top:auto}
.tier .badge-pop.badge-gold{top:14px;left:auto;right:14px;z-index:2}

/* value stack */
.value-stack{display:grid;gap:10px;margin:20px 0 24px}
.value-stack div{border-left:3px solid var(--gold);padding:2px 0 2px 14px}
.value-stack dt{font-family:var(--f-head);font-weight:800;font-size:1rem}
.value-stack dd{margin:2px 0 0;color:var(--ink-3);font-size:.96rem}
.value-stack-dark dd{color:var(--on-dark)}
.value-stack-dark dt{color:#fff}
.value-stack-dark div{border-left-color:var(--gold-hi)}
@media (min-width:900px){.value-stack-row{grid-template-columns:repeat(4,1fr);gap:18px;margin:0 0 30px}}
.incl-h{margin:8px 0 10px}
.offer-price{position:relative;background:var(--gold-soft);border:1px solid rgba(201,162,39,.45);border-radius:var(--r);padding:18px 18px 14px;margin:0 0 22px;overflow:hidden}
.op-main{font-family:var(--f-head);font-weight:800;font-size:1.08rem;margin:4px 0 8px}
.op-main small{font-weight:500;color:var(--muted)}
.op-example{font-size:.86rem;color:var(--muted);margin:0}
.op-example .mono{display:inline-block;margin-right:6px;padding:1px 7px;border-radius:6px;background:var(--sand-2);color:var(--gold-text);font-weight:600}
.op-example-dark{color:var(--on-dark-2)}
.op-example-dark .mono{background:rgba(212,175,55,.14);color:var(--gold-light)}
.price-card .op-example-dark{color:var(--muted);margin-top:14px}
.price-card .op-example-dark .mono{background:var(--gold-soft);color:var(--gold-text)}
.dfy-price{border-top:1px solid var(--line-dark);padding-top:16px;margin-top:6px}
.dfy-price p{color:var(--on-dark);margin:0 0 10px}
.dfy-price strong{color:#fff}
.dfy-set strong{color:var(--gold-light)}

/* The Crew Builder */
.sw-lists{display:grid;gap:14px}
@media (min-width:640px){.sw-lists{grid-template-columns:1fr 1fr}}
.sw-list{position:relative;border-radius:var(--r);padding:20px 18px 6px;overflow:hidden}
.sw-list .mono{margin:0 0 12px;color:var(--on-dark-2)}
.sw-list-gold .mono{color:var(--gold-light)}
.software .ticks-light li{color:var(--on-dark)}
.trial-banner{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:34px 0 18px;padding:14px 18px;border-radius:var(--r);background:rgba(212,175,55,.1);border:1px solid rgba(212,175,55,.5)}
.trial-banner p{margin:0;color:#fff}
.trial-badge{display:inline-block;padding:5px 11px;border-radius:999px;background:var(--gold-gradient);color:var(--gold-ink);font-family:var(--f-head);font-weight:800;font-size:.8rem;letter-spacing:.02em;white-space:nowrap}
.sw-plans.sw-plans-4{grid-template-columns:1fr;gap:14px}
@media (min-width:640px){.sw-plans.sw-plans-4{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.sw-plans.sw-plans-4{grid-template-columns:repeat(4,1fr)}}
.sw-plans-4 .sw-plan{position:relative;display:flex!important;flex-direction:column;padding:22px 18px 18px;overflow:visible}
.sw-plans-4 .sw-plan .mono{margin:0 0 8px}
.sw-plans-4 .sw-feat{flex:1;margin:0 0 16px}
.sw-plans-4 .sw-paid{border:1px solid rgba(212,175,55,.45)}
.sw-plans-4 .sw-paid::before{border-radius:var(--r) var(--r) 0 0}
.sw-plans-4 .sw-mid{border-color:rgba(212,175,55,.85);box-shadow:0 0 0 1px rgba(212,175,55,.4),0 30px 60px -20px rgba(0,0,0,.6)}
.sw-plans-4 .sw-mid .mono{color:var(--gold-light)}
.sw-plans-4 .badge-pop{top:-12px;left:auto;right:14px}
.no-card{margin:8px 0 0;text-align:center;font-size:.86rem;font-weight:600;color:var(--on-dark)}
.sw-note .founding-inline{color:var(--gold-light)}

/* reasons to act now */
.why-now{background:var(--sand)}
.why-grid{display:grid;gap:14px}
@media (min-width:700px){.why-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.why-grid{grid-template-columns:repeat(4,1fr)}}
.why-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px;box-shadow:var(--sh-1)}
.why-card p{margin:0;color:var(--ink-3)}

/* final CTA + guide */
.final-list{list-style:none;margin:0 auto 22px;padding:0;display:grid;gap:6px;max-width:640px}
.final-small{margin:14px 0 0}
.final-small a{color:var(--ink);font-weight:600}
.chapters-4{margin-top:18px}
@media (min-width:640px){.chapters.chapters-4{grid-template-columns:1fr}}
.sw-plans.sw-plans-4 .sw-free{grid-column:auto}
.badge-pop.badge-gold{z-index:4}
@media (min-width:1100px){.way-steps li{flex-direction:column;gap:10px}}

/* =========================================================
   HOMEPAGE v4 (27 Oct 2026). Scoped to body.home-v4 and v4-* classes so the
   other pages (hiring-cost, thank-you, privacy, terms, 404) keep their styles.
   Calm layout: one main orange button, outline buttons in the offer cards,
   gold only on paid offers, 18px body text, ~65ch line length.
   ========================================================= */
.home-v4{font-size:1.0625rem;line-height:1.65}
@media (min-width:980px){.home-v4{font-size:1.125rem}}
.home-v4 p{max-width:65ch}
.home-v4 main h2{font-size:clamp(1.9rem,4.6vw,2.85rem);font-stretch:100%;letter-spacing:-.025em;line-height:1.1}
.home-v4 main h1{font-size:clamp(2.35rem,6.4vw,4rem);font-stretch:104%;line-height:1.04;letter-spacing:-.03em}
.home-v4 .btn-lg{font-size:1.06rem}
.v4-section{padding:72px 0}
@media (min-width:980px){.v4-section{padding:104px 0}}
.v4-ink{background:var(--ink);color:#fff}
.v4-sand{background:var(--sand)}
.v4-white{background:#fff}
.v4-head{max-width:760px;margin:0 0 40px}
.v4-sub{font-size:1.12em;color:var(--ink-4);margin:0 0 .6em}
.v4-ink .v4-sub,.v4-ink p{color:var(--on-dark)}
.v4-eyebrow{font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--orange-hi);margin:0 0 16px}
.v4-eyebrow-light{color:var(--orange-text)}
.v4-small{font-size:.92rem;color:var(--on-dark);margin:14px 0 0}
.v4-small-dark{font-size:.95rem;color:var(--muted)}
.v4-textlink{margin:14px 0 0;font-weight:600}
.v4-textlink a,.v4-textlink-inline{font-weight:600;text-decoration:underline;text-underline-offset:4px}
.v4-ink .v4-textlink a{color:#fff}
.v4-cta-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 26px;margin:44px auto 0;max-width:none}
.v4-cta-left{margin:28px 0 0}
.v4-tag{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:99px;background:var(--sand-2);color:var(--ink-4);border:1px solid var(--line)}
.v4-tag-dark{background:rgba(255,255,255,.08);color:#dfe5ec;border-color:rgba(255,255,255,.18)}
.v4-anchor{position:relative;top:calc(-1 * var(--header-h));display:block;height:0}
.v4-ticks{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:10px}
.v4-ticks li{display:flex;gap:10px;align-items:flex-start;line-height:1.45}
.v4-ticks .ic{color:var(--orange-text);margin-top:2px;width:20px;height:20px}

/* Header: logo + burger + button on mobile */
.home-v4 .header-inner{gap:12px}
.home-v4 .header-inner .logo{margin-right:auto}
.v4-header-cta{order:2;white-space:nowrap}
.home-v4 .nav-toggle{order:3}
@media (max-width:520px){.home-v4 .header-inner{gap:8px}.v4-header-cta{padding:.55em .75em;font-size:.82rem}.home-v4 .header-inner .logo-svg{width:150px;height:auto}}
.home-v4 .nav-toggle,.v4-header-cta{flex:none}
/* Narrow phones: logo mark only, so the logo, the button and the burger all fit */
@media (max-width:430px){.home-v4 .header-inner .logo{flex:none;width:38px;overflow:hidden;border-radius:9px}.home-v4 .header-inner .logo-svg{width:201px;height:38px;max-width:none}.home-v4 .nav-toggle{width:42px;height:42px;padding:0 10px}}
@media (max-width:340px){.v4-header-cta{font-size:.74rem;padding:.5em .6em}}
@media (min-width:980px){.v4-header-cta{display:none}.home-v4 .nav-toggle{order:0}}
@media (max-width:979px){.home-v4 .site-nav .nav-cta-item{display:none}}

/* 1. Hero + 2. proof bar */
.v4-hero{padding:56px 0 48px}
.v4-hero-grid{display:grid;gap:36px;align-items:center}
.v4-lead{font-size:1.18em;color:var(--on-dark);margin:0 0 22px}
.v4-pains{list-style:none;padding:0;margin:0 0 30px;display:grid;gap:10px}
.v4-pains li{position:relative;padding-left:24px;color:#e9edf2;font-weight:500}
.v4-pains li::before{content:"";position:absolute;left:0;top:.62em;width:10px;height:10px;border-radius:2px;background:var(--orange)}
.v4-hero-photo{margin:0}
.v4-hero-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-lg)}
.v4-hero-photo figcaption,.v4-strategy-photo figcaption,.v4-about-photo figcaption{font-size:.8rem;color:var(--on-dark-2);margin-top:10px}
.v4-strategy-photo figcaption{color:var(--muted)}
@media (min-width:900px){
  .v4-hero{padding:88px 0 64px}
  .v4-hero-grid{grid-template-columns:55fr 45fr;gap:56px}
  .v4-hero-photo img{aspect-ratio:4/5}
}
.v4-proof{list-style:none;margin:56px 0 0;padding:32px 0 0;border-top:1px solid var(--line-dark);display:grid;grid-template-columns:1fr 1fr;gap:28px 20px}
.v4-proof li{display:flex;flex-direction:column;gap:4px}
.v4-proof .ic{color:var(--orange);width:24px;height:24px;margin-bottom:8px}
.v4-proof strong{font-family:var(--f-head);font-size:clamp(1.5rem,3.6vw,2.2rem);font-weight:800;line-height:1.05;color:#fff;letter-spacing:-.02em}
.v4-proof span{font-size:.95rem;color:var(--on-dark);line-height:1.4}
@media (min-width:900px){.v4-proof{grid-template-columns:repeat(4,1fr);gap:32px}}
.v4-proof-note{font-size:.85rem;color:var(--on-dark-2);margin:22px 0 0}

/* 3. Problem + cost */
.v4-problem-grid{display:grid;gap:32px}
.v4-cards{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:16px}
.v4-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px}
.v4-card .ic{color:var(--orange-text);width:26px;height:26px;margin-bottom:10px}
.v4-card h3{font-size:1.12rem;margin:0 0 6px}
.v4-card p{margin:0;color:var(--ink-4);font-size:.98em}
@media (min-width:640px){.v4-cards{grid-template-columns:1fr 1fr}}
.v4-quote{position:relative;margin:0;border-radius:var(--r-lg);overflow:hidden;background:var(--ink)}
.v4-quote img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.v4-quote blockquote{position:absolute;inset:auto 0 0 0;margin:0;padding:80px 26px 24px;background:linear-gradient(to top,rgba(17,22,31,.94) 0%,rgba(17,22,31,.85) 55%,rgba(17,22,31,0) 100%);color:#fff}
.v4-quote blockquote p{font-family:var(--f-head);font-size:clamp(1.15rem,2.4vw,1.4rem);font-weight:700;line-height:1.3;margin:0 0 10px;color:#fff}
.v4-quote footer{font-size:.88rem;color:var(--on-dark)}
.v4-cost{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:26px;box-shadow:var(--sh-1);align-self:start}
.v4-cost h3{font-size:1.3rem;margin:14px 0 6px}
.v4-cost-line{color:var(--ink-4);margin:0 0 20px}
.v4-bars{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:16px}
.v4-bars li{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:baseline}
.v4-bar-label{font-size:.95rem;color:var(--ink-3)}
.v4-bar-val{font-family:var(--f-head);font-weight:800;font-variant-numeric:tabular-nums}
.v4-bar{grid-column:1/-1;height:10px;border-radius:99px;background:var(--sand-2);position:relative;overflow:hidden}
.v4-w30{--w:30%}.v4-w10{--w:10%}.v4-w37{--w:37%}.v4-w100{--w:100%}
.v4-bar::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w,0);border-radius:99px;background:var(--orange)}
.v4-cost-total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-top:2px solid var(--ink);padding-top:12px;margin:0 0 14px;max-width:none}
.v4-cost-total strong{font-family:var(--f-head);font-size:1.15rem}
.v4-cost-big{font-family:var(--f-head);font-weight:800;font-size:clamp(1.25rem,2.6vw,1.55rem);line-height:1.2;color:var(--ink);margin:0 0 14px}
.v4-fine{font-size:.8rem;color:var(--muted);line-height:1.5}
@media (min-width:980px){.v4-problem-grid{grid-template-columns:7fr 5fr;gap:40px}.v4-quote img{aspect-ratio:16/10}}

/* 4. How we hire */
.v4-band{display:block;margin:0 0 48px}
.v4-band img{display:block;width:100%;height:auto;max-height:320px;object-fit:cover;border-radius:var(--r-lg);aspect-ratio:16/9}
@media (min-width:700px){.v4-band img{aspect-ratio:21/9}}
.v4-steps{list-style:none;padding:0;margin:0;display:grid;gap:26px;position:relative}
.v4-steps li{position:relative;padding-left:64px}
.v4-step-n{position:absolute;left:0;top:-4px;width:46px;height:46px;border-radius:50%;background:#fff;border:2px solid var(--orange);color:var(--ink);font-family:var(--f-head);font-weight:900;font-size:1.3rem;display:flex;align-items:center;justify-content:center;z-index:1}
.v4-steps::before{content:"";position:absolute;left:22px;top:8px;bottom:8px;width:2px;background:var(--orange);opacity:.5}
.v4-steps h3{font-size:1.15rem;margin:0 0 4px}
.v4-steps p{margin:0;color:var(--ink-4);font-size:.98em}
@media (min-width:980px){
  .v4-steps{grid-template-columns:repeat(5,1fr);gap:24px}
  .v4-steps::before{left:23px;right:calc(20% - 23px);top:22px;bottom:auto;width:auto;height:2px}
  .v4-steps li{padding-left:0;padding-top:66px}
}
.v4-center-line{text-align:center;margin:40px auto 0;font-weight:600;color:var(--ink-3)}

/* 5. Discovery call (#strategy-call) */
.v4-strategy{border-top:4px solid var(--orange)}
#how-it-works + .v4-strategy{padding-top:72px}
.v4-strategy-grid{display:grid;gap:32px}
.v4-strategy-photo{margin:0}
.v4-strategy-photo img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-lg)}
.v4-strategy-cols{display:grid;gap:28px;margin-top:28px}
.v4-strategy-cols h3{font-size:1.1rem;margin:0 0 14px}
.v4-mini-steps{padding:0 0 0 1.3em;margin:0 0 24px;display:grid;gap:10px}
.v4-mini-steps li::marker{font-family:var(--f-head);font-weight:800;color:var(--orange-text)}
.v4-under-btn{text-align:center;margin:10px auto 0}
@media (min-width:900px){
  .v4-strategy-grid{grid-template-columns:4fr 7fr;gap:52px;align-items:start}
  .v4-strategy-photo img{aspect-ratio:4/5}
  .v4-strategy-cols{grid-template-columns:1fr 1fr;gap:36px}
}

/* 6. Four ways to fix it */
.v4-price-note{font-size:.9rem;color:var(--muted);margin:12px 0 0}
.v4-offers{display:grid;gap:22px;align-items:stretch}
@media (min-width:700px){.v4-offers{grid-template-columns:1fr 1fr}}
@media (min-width:1140px){.v4-offers{grid-template-columns:1fr 1fr 1.18fr 1fr;gap:18px}}
.v4-offer{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-top:4px solid var(--gold);border-radius:var(--r);padding:24px 22px;box-shadow:var(--sh-1)}
.v4-offer-icon{width:44px;height:44px;border-radius:12px;background:var(--gold-soft);color:var(--gold-text);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.v4-offer-tag{font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-text);margin:0 0 6px}
.v4-offer h3{font-size:1.3rem;margin:0 0 6px}
.v4-promise{font-family:var(--f-head);font-weight:700;font-size:1.02rem;color:var(--ink);margin:0 0 8px}
.v4-offer-line{font-size:.95rem;color:var(--ink-4);margin:0 0 16px}
.v4-offer .v4-ticks{font-size:.95rem}
.v4-offer .v4-ticks .ic{color:var(--gold-text)}
.v4-price{margin-top:auto;padding:14px 0 0;border-top:1px solid var(--line);font-size:.93rem;color:var(--ink-3)}
.v4-price p{margin:0 0 6px}
.v4-price strong{font-family:var(--f-head);font-size:1.45rem;font-weight:800;color:var(--gold-text);letter-spacing:-.01em}
.v4-price-small{font-size:.84rem;color:var(--muted)}
.v4-incl{margin:6px 0 16px;border-radius:10px;background:var(--sand);font-size:.9rem}
.v4-incl summary{cursor:pointer;padding:10px 14px;font-weight:700;list-style:none;display:flex;justify-content:space-between;align-items:center}
.v4-incl summary::-webkit-details-marker{display:none}
.v4-incl summary::after{content:"+";font-family:var(--f-head);font-size:1.2rem;line-height:1}
.v4-incl[open] summary::after{content:"\2212"}
.v4-incl ul{margin:0;padding:0 14px 14px 32px;display:grid;gap:6px}
.v4-offer-btn{margin-top:4px}
.v4-offer-sublink{text-align:center;margin:12px auto 0;font-size:.92rem;font-weight:600}
/* Done For You: dark, first among equals */
.v4-offer-dfy{background:var(--ink);color:#fff;border:2px solid var(--gold);box-shadow:var(--sh-2)}
.v4-offer-dfy .v4-offer-photo{display:block;margin:-24px -22px 18px}
.v4-offer-dfy .v4-offer-photo img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:calc(var(--r) - 2px) calc(var(--r) - 2px) 0 0}
.v4-offer-dfy .v4-offer-tag,.v4-offer-dfy .v4-ticks .ic,.v4-offer-dfy .v4-price strong{color:var(--gold-hi)}
.v4-offer-dfy .v4-promise{color:#fff}
.v4-offer-dfy .v4-offer-line,.v4-offer-dfy .v4-price,.v4-offer-dfy .v4-track-h{color:var(--on-dark)}
.v4-offer-dfy .v4-price{border-top-color:var(--line-dark);margin-top:0}
.v4-offer-dfy .v4-price-small,.v4-offer-dfy .v4-example{color:var(--on-dark-2)}
.v4-offer-dfy .v4-incl{background:rgba(255,255,255,.06)}
.v4-offer-dfy .v4-track-h strong{color:#fff}
.v4-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:12px;background:rgba(255,255,255,.07);margin:0 0 16px}
.v4-tabs button{font:700 .86rem/1.2 var(--f-body);color:var(--on-dark);background:transparent;border:0;border-radius:9px;padding:10px 8px;cursor:pointer}
.v4-tabs button[aria-selected="true"]{background:var(--gold-gradient);color:var(--gold-ink)}
.v4-tabs button:focus-visible{outline:2px solid var(--gold-hi);outline-offset:2px}
.v4-track{display:flex;flex-direction:column;flex:1}
.v4-track[hidden]{display:none}
.v4-track + .v4-track:not([hidden]){margin-top:18px}
.v4-track-h{font-size:.95rem;margin:0 0 14px}
.v4-example{font-size:.8rem;line-height:1.5;margin:0 0 16px}
/* Crew Builder: free tools row is neutral, only paid plans carry gold */
.v4-free-tools{background:var(--sand);border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin:0 0 14px;font-size:.88rem;color:var(--ink-3)}
.v4-free-tools p{margin:0 0 4px}
.v4-free-tools p:last-child{margin:0}
.v4-plans{list-style:none;padding:0;margin:0 0 8px;display:grid;gap:8px}
.v4-plans li{display:grid;grid-template-columns:auto 1fr;gap:0 10px;align-items:baseline}
.v4-plans li span{font-weight:700}
.v4-plans li strong{font-size:1.15rem;text-align:right}
.v4-plans li small{font-family:var(--f-body);font-size:.75rem;font-weight:500;color:var(--muted)}
.v4-plans li em{grid-column:1/-1;font-style:normal;font-size:.8rem;color:var(--muted)}
html:not(.cur-gbp-on) .v4-plans.cur-aud,html.cur-gbp-on .v4-plans.cur-gbp{display:grid!important}
.v4-founding{color:var(--gold-text);font-weight:600}
.v4-under-cards{text-align:center;margin:48px auto 0}
.v4-under-cards p{margin:0 auto 18px;font-weight:600;color:var(--ink-3)}
.home-v4 #options .cur-switch{margin-top:16px}

/* 7. About */
.v4-about-grid{display:grid;gap:32px}
.v4-about-photo{margin:0}
.v4-about-photo img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r-lg)}
.v4-about-body h2{color:#fff}
.v4-about-body p{color:var(--on-dark)}
.v4-creds{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:12px}
.v4-creds li{display:flex;gap:12px;align-items:flex-start;color:#e9edf2;line-height:1.45}
.v4-creds .ic{color:var(--orange);margin-top:1px}
@media (min-width:900px){.v4-about-grid{grid-template-columns:5fr 7fr;gap:56px;align-items:start}}
@media (min-width:640px) and (max-width:899px){.v4-about-photo img{aspect-ratio:16/11}}

/* 8. Free guide */
.v4-guide-grid{display:grid;gap:36px;align-items:center}
.v4-guide-copy{display:grid;gap:22px}
.v4-guide-cover{display:block;width:120px;height:auto;border-radius:8px;box-shadow:var(--sh-2)}
.v4-form-card::before{display:none}
.v4-form-card{max-width:520px;width:100%;margin:0 auto}
.v4-form-card .btn{font-size:1rem}
@media (min-width:640px){.v4-guide-copy{grid-template-columns:180px 1fr;align-items:start}.v4-guide-cover{width:180px}}
@media (min-width:980px){.v4-guide-grid{grid-template-columns:7fr 5fr;gap:48px}}

/* 9. FAQ: plain accordion, no mono numbering */
.v4-faq{max-width:760px}
.v4-faq h2{margin-bottom:28px}
.v4-accordion .acc-item summary::before{content:none}
.v4-accordion .acc-panel{padding:0 22px 22px}
.v4-accordion .acc-panel p{max-width:none}

/* 10. Final CTA: photo, 75% ink overlay, centred, no hazard stripes */
.v4-final{position:relative;overflow:hidden;background:var(--ink);color:#fff;text-align:center;padding:96px 0}
.v4-final-bg,.v4-final-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.v4-final::after{content:"";position:absolute;inset:0;background:rgba(17,22,31,.75)}
.v4-final-inner{position:relative;z-index:1;max-width:780px}
.v4-final h2{color:#fff}
.v4-final p{color:#e9edf2;margin:0 auto 26px;font-size:1.15em}
.v4-final .v4-final-link{margin:18px auto 0;font-size:1rem}
.v4-final-link a{color:#fff;font-weight:600}
@media (min-width:980px){.v4-final{padding:140px 0}}

/* Footer: plain location line */
.home-v4 .footer-loc .pill{font-family:var(--f-body);font-size:.8rem;letter-spacing:0}

/* ===== v4 audit additions (27 Oct 2026) ===== */
.v4-tried{margin:18px 0 0;padding:14px 18px;border-left:4px solid var(--orange);background:var(--sand);font-weight:600;color:var(--ink);border-radius:0 10px 10px 0}
.v4-strategy-cols .v4-small-dark+.v4-small-dark{margin-top:8px}
.v4-privacy-line{display:flex;gap:6px;align-items:flex-start;justify-content:center;font-size:.86rem;max-width:34ch}
.v4-privacy-line .ic{flex:none;margin-top:.25em}
.v4-why-free{margin-top:18px;padding:14px 16px;border:1px solid var(--sand-2);background:#fff;border-radius:12px;font-size:.95rem}
.v4-why-free strong{display:block;margin-bottom:4px}
.v4-why-free p{margin:0;color:var(--muted)}
.v4-about-note{margin:16px 0 0;font-size:.92rem;color:var(--muted)}
.v4-ps{margin:18px auto 0;max-width:46ch;font-size:.92rem;opacity:.9}

/* =====================================================================
   HOMEPAGE v5 VISUAL PASS (27 Oct 2026). Layered on top of v4: bigger type
   scale, light / warm / ink section rhythm, full-bleed photography, deeper
   cards. Copy unchanged. Gold still only on paid offers.
   ===================================================================== */
.home-v4{--sec-y:88px;--ink-deep:#0c1017;font-size:1.0625rem}
@media (min-width:640px){.home-v4{font-size:1.125rem}}
@media (min-width:980px){.home-v4{--sec-y:136px}}
.home-v4 main h1{font-size:clamp(2.6rem,7.4vw,5.6rem);font-weight:900;font-stretch:106%;line-height:.98;letter-spacing:-.04em;margin:0 0 .35em}
.home-v4 main h2{font-size:clamp(2.05rem,5vw,3.6rem);font-weight:850;font-stretch:104%;line-height:1.02;letter-spacing:-.035em;margin:0 0 .4em;text-wrap:balance}
.home-v4 main h3{letter-spacing:-.015em}
.home-v4 main p{text-wrap:pretty}
.v4-section{padding:var(--sec-y) 0}
.v4-head{max-width:820px;margin:0 0 56px}
.v4-sub{font-size:1.14em;line-height:1.55}
.v4-sand{background:var(--sand)}
/* subtle blueprint texture + warm glow on the ink bands */
.v4-ink{background-color:var(--ink);background-image:radial-gradient(80% 60% at 100% 0%,rgba(255,122,0,.10),transparent 60%),linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:auto,56px 56px,56px 56px}
.v4-ink h2,.v4-ink h3{color:#fff}

/* Buttons: bigger, clear hover and focus */
.home-v4 .btn{border-radius:14px;transition:transform .2s var(--ease),box-shadow .2s,background .2s,border-color .2s}
.home-v4 .btn-lg{padding:1.05em 1.8em;font-size:1.1rem;min-height:58px}
.home-v4 .btn:focus-visible{outline:3px solid var(--orange-hi);outline-offset:3px}
.home-v4 .v4-ink .btn:focus-visible,.home-v4 .v4-final .btn:focus-visible{outline-color:#fff}
.home-v4 .btn-primary:hover{transform:translateY(-3px)}
.home-v4 a:focus-visible,.home-v4 summary:focus-visible{outline:3px solid var(--orange-hi);outline-offset:3px;border-radius:6px}

/* Header: transparent over the hero, solid once you scroll */
.home-v4 .site-header{position:fixed;left:0;right:0;top:0;background:transparent;border-bottom-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;transition:background .3s,box-shadow .3s,border-color .3s}
.home-v4 .site-header.scrolled,.home-v4 .site-header:has(.site-nav.open){background:rgba(12,16,23,.96);border-bottom-color:var(--line-dark);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px)}

/* 1. Hero: full-bleed photo, dark gradient, big headline */
.v5-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:flex-end;min-height:min(100svh,920px);padding:calc(var(--header-h) + 72px) 0 136px;background:var(--ink-deep)}
.v5-hero-bg{position:absolute;inset:0;margin:0;z-index:-1}
.v5-hero-bg picture,.v5-hero-bg img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.v5-hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,16,23,.55) 0%,rgba(12,16,23,.62) 35%,rgba(12,16,23,.93) 70%,rgba(12,16,23,.98) 100%)}
.v5-hero-bg figcaption{position:absolute;right:16px;bottom:88px;z-index:1;margin:0;font-size:.75rem;color:rgba(255,255,255,.7)}
.v5-hero .v4-hero-grid{display:block}
.v5-hero .v4-hero-copy{max-width:780px}
.v5-hero h1{color:#fff;text-shadow:0 2px 30px rgba(0,0,0,.35)}
.v5-hero .v4-lead{font-size:1.18em;line-height:1.55;color:#e3e8ee;max-width:58ch}
.v5-hero .v4-pains{gap:12px;margin:0 0 34px}
.v5-hero .v4-pains li{padding-left:0;display:flex;gap:12px;align-items:center;color:#fff}
.v5-hero .v4-pains li::before{content:none}
.v5-hero .v4-pains .ic{flex:none;width:22px;height:22px;color:var(--orange-hi)}
.v5-hero .v4-small{color:#d5dbe3;max-width:52ch}
@media (min-width:900px){
  .v5-hero{align-items:center;padding:calc(var(--header-h) + 96px) 0 176px}
  .v5-hero-bg::after{background:linear-gradient(90deg,rgba(12,16,23,.95) 0%,rgba(12,16,23,.86) 38%,rgba(12,16,23,.45) 68%,rgba(12,16,23,.25) 100%),linear-gradient(0deg,rgba(12,16,23,.85) 0%,rgba(12,16,23,0) 30%)}
  .v5-hero-bg img{object-position:50% 40%}
  .v5-hero-bg figcaption{right:32px;bottom:120px}
}

/* 2. Numbers band: raised card overlapping the hero */
.v5-numbers{position:relative;z-index:2;background:var(--sand);padding:0 0 calc(var(--sec-y) * .7)}
.v5-numbers .v4-proof{margin:-88px 0 0;padding:34px 26px;border:0;background:#fff;border-radius:24px;box-shadow:0 40px 80px -36px rgba(12,16,23,.45),0 2px 6px rgba(12,16,23,.05);gap:30px 22px}
.v5-numbers .v4-proof li{gap:6px}
.v5-numbers .v4-proof .ic{color:var(--orange-text);width:28px;height:28px;margin-bottom:6px}
.v5-numbers .v4-proof strong{color:var(--ink);font-size:clamp(2.2rem,5.4vw,3.6rem);font-weight:900;letter-spacing:-.045em;line-height:.95}
.v5-numbers .v4-proof li:last-child strong{font-size:clamp(1.35rem,2.4vw,1.75rem);letter-spacing:-.025em;line-height:1.1;padding-top:.2em}
.v5-numbers .v4-proof span{color:var(--ink-4);font-size:.95rem}
.v5-numbers .v4-proof-note{color:var(--muted);text-align:center;margin:28px auto 0;max-width:80ch;font-size:.9rem}
@media (min-width:900px){
  .v5-numbers .v4-proof{margin-top:-104px;padding:44px 48px;grid-template-columns:repeat(4,1fr);gap:0}
  .v5-numbers .v4-proof li{padding:0 30px;border-left:1px solid var(--line)}
  .v5-numbers .v4-proof li:first-child{padding-left:0;border-left:0}
}

/* 3. Problem: softer cards, warm cost panel */
.v4-cards{gap:18px}
.v4-card{border:0;background:#fff;border-radius:20px;padding:28px 26px;box-shadow:0 1px 2px rgba(17,22,31,.05),0 14px 34px -14px rgba(17,22,31,.18);transition:transform .3s var(--ease),box-shadow .3s}
.v4-card:hover{transform:translateY(-4px);box-shadow:0 2px 4px rgba(17,22,31,.05),0 26px 50px -18px rgba(17,22,31,.26)}
.v4-card .ic{box-sizing:content-box;width:24px;height:24px;padding:12px;border-radius:14px;background:var(--orange-soft);color:var(--orange-text);margin-bottom:16px}
.v4-card h3{font-size:1.2rem;margin:0 0 8px}
.v4-tried{font-size:1.08em;padding:18px 22px;margin:24px 0 24px;border-radius:0 14px 14px 0}
.v4-quote{border-radius:24px;box-shadow:var(--sh-2)}
.v4-quote blockquote{padding:110px 30px 28px}
.v4-quote blockquote p{font-size:clamp(1.25rem,2.6vw,1.65rem);letter-spacing:-.015em}
.v4-cost{border:0;background:var(--sand);border-radius:24px;padding:32px 28px;box-shadow:none}
.v4-cost .v4-bar{background:#e6e0d4}
@media (min-width:980px){.v4-cost{position:sticky;top:calc(var(--header-h) + 24px);padding:38px 34px}.v4-problem-grid{gap:56px}}

/* 4. How we hire: ink band, full-bleed photo, step cards with icons */
.v5-how{padding-top:0}
.v5-band-top{position:relative;display:block;margin:0 0 72px}
.v5-band-top img{display:block;width:100%;height:clamp(240px,40vw,560px);object-fit:cover}
.v5-band-top::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(17,22,31,0) 45%,var(--ink) 100%)}
.v5-how .v4-sub,.v5-how .v4-center-line{color:var(--on-dark)}
.v5-how .v4-steps{gap:18px;grid-template-columns:1fr}
.v5-how .v4-steps::before{content:none}
.v5-how .v4-steps li{position:relative;padding:28px 24px 26px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.08);transition:transform .3s var(--ease),border-color .3s,background .3s}
.v5-how .v4-steps li:hover{transform:translateY(-4px);border-color:rgba(255,148,51,.45)}
.v5-step-ic{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:rgba(255,122,0,.14);color:var(--orange-hi);margin-bottom:20px}
.v5-step-ic .ic{width:26px;height:26px}
.v5-how .v4-step-n{position:absolute;top:18px;right:22px;left:auto;width:auto;height:auto;background:none;border:0;color:rgba(255,255,255,.12);font-size:3rem;line-height:1;letter-spacing:-.04em}
.v5-how .v4-steps h3{font-size:1.2rem;margin:0 0 8px}
.v5-how .v4-steps p{color:var(--on-dark);font-size:.97em;line-height:1.55}
.v5-how .v4-textlink-inline{color:#fff}
@media (min-width:640px){.v5-how .v4-steps{grid-template-columns:1fr 1fr}}
@media (min-width:980px){.v5-how .v4-steps{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1140px){.v5-how .v4-steps{grid-template-columns:repeat(5,1fr);gap:16px}.v5-how .v4-steps li{padding:28px 20px 24px}}
@media (min-width:980px){.v5-how .v4-steps li{padding-top:28px}}

/* 5. Discovery call: big split, sticky photo, booking panel */
.v4-strategy{border-top:0}
#how-it-works + .v4-strategy{padding-top:var(--sec-y)}
.v4-strategy-photo img{border-radius:24px;box-shadow:var(--sh-2)}
.v4-strategy-cols > div:last-child{background:var(--sand);border-radius:22px;padding:28px 24px}
.v4-strategy-cols h3{font-size:1.2rem}
.v4-mini-steps{list-style:none;padding:0;counter-reset:ms;gap:16px}
.v4-mini-steps li{position:relative;padding-left:48px;counter-increment:ms;line-height:1.5}
.v4-mini-steps li::before{content:counter(ms);position:absolute;left:0;top:-2px;width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;font:800 .95rem/34px var(--f-head);text-align:center}
.v4-strategy .v4-small-dark{font-size:.98rem}
@media (min-width:900px){
  .v4-strategy-grid{grid-template-columns:5fr 7fr;gap:64px}
  .v4-strategy-photo{position:sticky;top:calc(var(--header-h) + 24px)}
  .v4-strategy-photo img{aspect-ratio:4/5}
}
@media (min-width:1100px){.v4-strategy-cols{grid-template-columns:1fr 1fr;gap:32px}}
@media (min-width:900px) and (max-width:1099px){.v4-strategy-cols{grid-template-columns:1fr}}

/* Full-width photo bands between sections */
.v5-photo-band{background:var(--ink)}
.v5-photo-band img{display:block;width:100%;height:clamp(220px,36vw,540px);object-fit:cover}

/* 6. Four ways to fix it: 2 x 2, roomy, deep cards */
.v4-offers{gap:24px;max-width:1080px;margin:0 auto}
@media (min-width:820px){.v4-offers{grid-template-columns:1fr 1fr}}
@media (min-width:1140px){.v4-offers{grid-template-columns:1fr 1fr;gap:28px}}
.v4-offer{border:0;border-top:4px solid var(--gold);border-radius:24px;padding:34px 30px 30px;box-shadow:0 1px 2px rgba(17,22,31,.05),0 24px 50px -22px rgba(17,22,31,.25);transition:transform .3s var(--ease),box-shadow .3s}
.v4-offer:hover{transform:translateY(-6px);box-shadow:0 2px 4px rgba(17,22,31,.05),0 36px 70px -26px rgba(17,22,31,.34)}
.v4-offer-icon{width:52px;height:52px;border-radius:14px;margin-bottom:18px}
.v4-offer h3{font-size:clamp(1.45rem,2.4vw,1.75rem);margin:0 0 8px}
.v4-promise{font-size:1.1rem}
.v4-offer-line,.v4-offer .v4-ticks{font-size:1rem}
.v4-price strong{font-size:1.7rem}
.v4-offer .btn{min-height:52px;font-size:1.02rem}
.v4-offer-dfy{background:linear-gradient(165deg,#1b2431 0%,var(--ink) 55%,var(--ink-deep) 100%);border:2px solid var(--gold);box-shadow:0 0 0 6px rgba(201,162,39,.08),0 40px 80px -30px rgba(12,16,23,.6)}
.v4-offer-dfy:hover{box-shadow:0 0 0 6px rgba(201,162,39,.12),0 50px 90px -30px rgba(12,16,23,.7)}
.v4-offer-dfy .v4-offer-photo{margin:-34px -30px 22px}
.v4-offer-dfy .v4-offer-photo img{border-radius:22px 22px 0 0}
.v4-offer-dfy h3{color:#fff}
.v4-under-cards{margin-top:64px}

/* 7. About: big photo, credential tiles */
.v4-about-photo img{border-radius:24px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6)}
.v4-creds{grid-template-columns:1fr;gap:12px;margin-top:32px}
.v4-creds li{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px 16px;font-size:.96rem}
@media (min-width:640px){.v4-creds{grid-template-columns:1fr 1fr}}
@media (min-width:900px){.v4-about-grid{grid-template-columns:1fr 1fr;gap:72px;align-items:center}}
.v4-about-body > p{font-size:1.04em}
.v4-ink .v4-about-note{color:var(--on-dark-2)}

/* 8. Free guide */
.v4-guide-cover{border-radius:10px;box-shadow:0 30px 60px -24px rgba(17,22,31,.5);transform:rotate(-2deg)}
@media (min-width:640px){.v4-guide-copy{grid-template-columns:200px 1fr;gap:36px}.v4-guide-cover{width:200px}}
.v4-form-card{border:0;border-radius:24px;padding:32px 26px;box-shadow:0 40px 80px -36px rgba(17,22,31,.4),0 2px 6px rgba(17,22,31,.05)}
@media (min-width:640px){.v4-form-card{padding:40px 36px}}
.v4-why-free{border:0;box-shadow:var(--sh-1);border-radius:16px;padding:18px 20px}
.home-v4 .field input,.home-v4 .field select{min-height:50px}

/* 9. FAQ */
.v4-faq{max-width:880px}
.v4-faq h2{text-align:center;margin-bottom:40px}
.v4-accordion{display:grid;gap:12px}
.v4-accordion .acc-item{border:0;border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(17,22,31,.05),0 10px 26px -14px rgba(17,22,31,.18)}
.v4-accordion .acc-item summary{padding:22px 26px;min-height:64px}
.v4-accordion .acc-item summary h3{font-size:1.1rem}
.v4-accordion .acc-panel{padding:0 26px 24px}
#faq.v4-white{background:var(--sand)}

/* 10. Final CTA */
.v4-final{padding:120px 0}
.v4-final::after{background:radial-gradient(70% 80% at 50% 50%,rgba(12,16,23,.72) 0%,rgba(12,16,23,.9) 100%)}
.v4-final h2{font-size:clamp(2.3rem,5.6vw,4.2rem);max-width:18ch;margin-left:auto;margin-right:auto}
.v4-final .v4-ps{margin-top:36px;padding-top:24px;border-top:1px solid rgba(255,255,255,.16)}
@media (min-width:980px){.v4-final{padding:180px 0}}

/* Motion: a little more travel, still off for reduced motion */
.reveal-on .reveal:not(.in){transform:translateY(28px)}
@media (prefers-reduced-motion:reduce){.home-v4 .btn,.v4-card,.v4-offer,.v5-how .v4-steps li{transition:none}.home-v4 .btn:hover,.v4-card:hover,.v4-offer:hover,.v5-how .v4-steps li:hover{transform:none}}
/* v5 iteration 2 */
.v5-hero{min-height:min(100svh,900px);padding-bottom:128px}
@media (min-width:900px){.v5-hero{padding:calc(var(--header-h) + 56px) 0 160px}.v5-hero-bg img{object-position:50% 62%}}
.home-v4 .v5-hero h1{font-size:clamp(2.6rem,6.6vw,5.25rem)}
.v4-strategy-cols{grid-template-columns:1fr!important;gap:28px}
.v4-strategy-cols > div:last-child{padding:30px 28px}
@media (min-width:1100px){.v4-mini-steps{grid-template-columns:repeat(3,1fr);gap:22px}.v4-mini-steps li{padding-left:0;padding-top:48px}.v4-strategy-cols > div:last-child .btn{max-width:440px;margin:0 auto;display:flex}}
.home-v4 .v4-strategy h2,.home-v4 .v4-about-body h2,.home-v4 #free-guide h2{font-size:clamp(2rem,4vw,3.15rem)}
.v4-offers{max-width:none}
@media (min-width:900px){.v4-about-grid{align-items:start}.v4-about-photo{position:sticky;top:calc(var(--header-h) + 24px)}}
@media (min-width:980px){.v4-guide-grid{grid-template-columns:6fr 5fr;gap:56px;align-items:start}.v4-guide-form{position:sticky;top:calc(var(--header-h) + 24px)}}
@media (min-width:640px){.v4-guide-copy{grid-template-columns:160px 1fr;gap:32px}.v4-guide-cover{width:160px}}
#faq.v4-white{background:#fff}

/* ===== v5.1: Robert's portrait in About + avatar ===== */
.v5-about-media{position:relative;margin:0 0 48px;max-width:560px;width:100%;justify-self:center}
.v5-about-media .v4-about-photo{position:static;margin:0}
.v5-about-portrait img{aspect-ratio:4/5 !important;object-fit:cover;object-position:50% 20%;border-radius:24px;box-shadow:0 40px 80px -30px rgba(0,0,0,.65)}
.v5-about-portrait{position:relative}
.v5-about-portrait::after{content:"";position:absolute;inset:0;border-radius:24px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);pointer-events:none}
.v5-about-media .v5-about-inset{position:absolute !important;right:-12px;bottom:-40px;width:40%;max-width:220px;border-radius:18px;overflow:hidden;border:4px solid #0d1219;box-shadow:0 24px 50px -18px rgba(0,0,0,.75)}
.v5-about-inset img{aspect-ratio:4/5 !important;border-radius:0 !important;box-shadow:none !important;object-fit:cover}
.v5-about-inset figcaption{position:absolute;left:0;right:0;bottom:0;margin:0 !important;padding:28px 10px 9px;font-size:.72rem !important;line-height:1.3;color:#fff !important;background:linear-gradient(180deg,transparent,rgba(8,12,18,.88))}
@media (min-width:900px){
  .v4-about-grid .v5-about-media{position:sticky;top:calc(var(--header-h) + 24px);margin-bottom:56px}
  .v5-about-media .v5-about-inset{right:-28px;bottom:-48px;width:42%}
}
@media (max-width:480px){.v5-about-media .v5-about-inset{right:-4px;width:44%}}
.v5-rings{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px}
.v5-rings .v4-under-btn{margin:0;text-align:left}
.v5-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none;border:2px solid #fff;box-shadow:0 0 0 2px var(--orange),0 6px 14px -6px rgba(0,0,0,.35)}
.v5-about-inset img{width:100% !important;height:auto !important;max-height:none !important}
@media (min-width:900px){.v5-about-media .v5-about-inset{width:36%;right:-36px;bottom:-44px}}
.v5-avatar{width:48px;height:48px}
.v5-about-media .v5-about-inset{top:auto !important}