/* Pagefive. One accent, ink on cool grey, sheets of paper.
   The home page inlines this whole file (one style pass, no render-blocking request); other pages link it.
   critical:start/end marks the hero, nav and fall-through rules, kept first so they read top-down. Font faces are generated by build.py, not here. */
/*critical:start*/
:root{
  --bg:#F3F5F8; --surface:#FFFFFF; --ink:#14213D; --ink-2:#4B5568; --line:#D9DEE7;
  --accent:#0B7A75; --pop:#F4B942; --tint:#FFF4D6;
  --display:"Archivo",Arial,sans-serif;
  --body:"Source Sans 3",Arial,sans-serif;
  --radius:3px; --max:1120px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:clip}
img,svg{max-width:100%;display:block}
a{color:var(--accent);text-underline-offset:3px}
h1,h2,h3{font-family:var(--display);line-height:1.06;letter-spacing:-.018em;margin:0 0 .5em;text-wrap:balance;font-weight:600}
h1{font-size:clamp(2.2rem,1.5rem + 3.2vw,3.7rem);font-weight:800;letter-spacing:-.026em}
h2{font-size:clamp(1.55rem,1.15rem + 1.7vw,2.3rem)}
h3{font-size:1.2rem}
p{margin:0 0 1em;max-width:62ch}
.wrap{max-width:var(--max);margin:0 auto;padding-inline:20px}
.skip{position:absolute;left:-9999px;top:8px;background:var(--ink);color:#fff;padding:10px 14px;z-index:10}
.skip:focus{left:8px}
a:focus-visible,.btn:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}

/* nav */
.nav{background:var(--bg);border-bottom:2px solid var(--ink);position:relative;z-index:5}
.nav .wrap{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"logo links cta";align-items:center;gap:8px 28px;min-height:70px}
.logo{grid-area:logo;display:inline-flex;align-items:center;min-height:44px}
.logo img{width:164px;height:28px}
.nav nav{grid-area:links}
.nav ul{list-style:none;display:flex;gap:4px 24px;margin:0;padding:0;justify-content:flex-end;align-items:center}
.nav ul a{display:inline-block;padding:12px 0;color:var(--ink-2);text-decoration:none;font-weight:600}
.nav ul a:hover{color:var(--ink)}
.nav ul a[aria-current]{color:var(--ink);text-decoration:underline;text-decoration-color:var(--pop);text-decoration-thickness:4px;text-underline-offset:8px}
.nav-cta{grid-area:cta}
@media (max-width:1000px){
  .nav .wrap{grid-template-columns:1fr auto;grid-template-areas:"logo cta" "links links";padding-top:10px;min-height:0;gap:10px 12px}
  .nav nav{overflow-x:auto;margin-inline:-20px;padding-inline:20px;border-top:1px solid var(--line);scrollbar-width:none}
  .nav ul{justify-content:flex-start;gap:22px;white-space:nowrap}
  .nav ul a{padding:10px 0;font-size:.98rem}
}
@media (max-width:760px){
  .logo img{width:141px;height:24px}
  .nav .nav-cta{font-size:.92rem;padding:8px 12px;min-height:44px;max-width:186px;line-height:1.15;text-align:center;box-shadow:3px 3px 0 var(--ink)}
  .nav li.m-hide{display:none}
}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 20px;border:2px solid var(--ink);border-radius:var(--radius);background:var(--accent);color:#fff;font:600 1rem/1.2 var(--body);text-decoration:none;cursor:pointer}
.btn-pop{background:var(--pop);color:var(--ink);box-shadow:4px 4px 0 var(--ink);transition:transform .12s ease,box-shadow .12s ease}
.btn-pop:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}
.btn-pop:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--ink)}
.btn.ghost{background:transparent;color:var(--ink)}
.btn.ghost:hover{background:var(--surface)}
.link-2{color:var(--accent);font-weight:600;text-decoration:underline;text-decoration-thickness:2px}
.mark{background:var(--pop);box-shadow:.07em 0 0 var(--pop),-.07em 0 0 var(--pop);-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* the fall-through. Static by default: a stack of sheets down the page.
   build.py adds the scroll-driven version (CSS, or the small JS fallback) on top of this. */
.fall{padding:20px 0 12px}
.fall-stage{display:grid;gap:64px;max-width:var(--max);margin:0 auto;padding:0 20px}
.layer{position:relative;margin:0}
.sheet-l{position:relative;background:var(--surface);border:2px solid var(--ink);border-radius:var(--radius);padding:clamp(22px,1rem + 2.6vw,52px)}
.stack1{box-shadow:0 14px 0 -10px #fff,0 14px 0 -8px var(--ink)}
.stack2{box-shadow:0 14px 0 -10px #fff,0 14px 0 -8px var(--ink),0 28px 0 -18px #fff,0 28px 0 -16px var(--ink)}
.stack3{box-shadow:0 14px 0 -10px #fff,0 14px 0 -8px var(--ink),0 28px 0 -18px #fff,0 28px 0 -16px var(--ink),0 42px 0 -26px #fff,0 42px 0 -24px var(--ink)}
.split{display:grid;grid-template-columns:5fr 6fr;gap:clamp(20px,4vw,56px);align-items:center}
.split > *{min-width:0}
@media (max-width:820px){.split{grid-template-columns:1fr}}

.s0{display:flex;flex-direction:column;justify-content:center;min-height:min(64vh,560px)}
.s0 h1{font-size:min(clamp(2.35rem,1.35rem + 4.6vw,5.2rem),9.2vh);line-height:1.01;letter-spacing:-.03em;max-width:14.5ch;margin-bottom:.4em}
.s0 .lead{font-size:clamp(1.08rem,1rem + .4vw,1.3rem);color:var(--ink-2);max-width:44ch;margin-bottom:1.3em}
.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px}
.hint{display:none;align-items:center;gap:8px;margin:28px 0 0;font-size:.95rem;color:var(--ink-2)}
.hint b{font-family:var(--display);font-size:1.2rem;color:var(--ink)}
.s0 .cat{display:none;position:absolute;right:clamp(24px,4vw,64px);bottom:0;width:clamp(150px,19vw,250px);height:auto}
@media (min-width:900px){.s0 .cat{display:block}.s0{padding-right:clamp(190px,24vw,330px)}}

.layer h2{font-size:clamp(1.8rem,1.2rem + 2.4vw,3rem);font-weight:800;letter-spacing:-.026em;margin-bottom:.35em}
.layer .txt p{color:var(--ink-2);margin-bottom:.8em}
.layer .txt p.say{font-family:var(--display);font-weight:600;font-size:clamp(1.15rem,1rem + .7vw,1.5rem);line-height:1.22;color:var(--ink);letter-spacing:-.01em;margin:.3em 0 .7em;max-width:24ch}
.layer .txt p.say:last-child{margin-bottom:0}

/* layer 1: where you are now (dim) */
.now{display:grid;grid-template-columns:1.15fr 1fr;gap:14px;align-items:start}
.mini{background:#E9EDF2;border:1.5px solid #B9C1CD;border-radius:var(--radius);font-size:.8rem;color:var(--ink-2);overflow:hidden}
.mini-bar{background:#DCE1E8;padding:6px 10px;font-weight:600;border-bottom:1px solid #C6CDD8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini .cover{height:min(70px,8svh);background:#CDD4DE}
.mini .who{display:grid;grid-template-columns:auto 1fr;gap:0 8px;align-items:center;padding:0 10px;margin-top:-16px}
.mini .av{grid-row:span 2;width:40px;height:40px;border-radius:50%;background:#B9C1CD;border:3px solid #E9EDF2}
.mini .who b{color:var(--ink);font-size:.86rem;margin-top:14px}
.mini .post{padding:10px;display:grid;gap:6px}
.mini .post i{display:block;height:8px;background:#CDD4DE}
.mini .post i.short{width:60%}
.mini .post span{color:var(--ink-2)}
.mini .acts{display:flex;justify-content:space-between;padding:7px 10px;border-top:1px solid #C6CDD8}
.mini.old b{display:block;padding:12px 10px 0;color:var(--ink);font:700 .92rem/1.2 Georgia,"Times New Roman",serif}
.mini .old-foot{margin:0 10px 12px;padding-top:6px;border-top:1px solid #C6CDD8;font-size:.74rem}

/* layer 2: the draft on a phone */
.viz-phone{position:relative;display:flex;justify-content:center;padding-top:12px}
.phone{position:relative;width:min(232px,62vw);height:min(430px,44svh);border:10px solid var(--ink);border-radius:26px;background:var(--ink);overflow:hidden}
.phone .screen{position:absolute;inset:0;background:var(--surface);border-radius:15px;overflow:hidden}
.draft{position:absolute;inset:0;background:var(--surface);font-size:.74rem;line-height:1.35;color:var(--ink)}
.d-top{display:flex;justify-content:space-between;align-items:center;padding:9px 11px;border-bottom:1px solid var(--line);font-weight:600}
.d-top b{font-family:var(--display);font-weight:800;font-size:.86rem}
.d-hero{background:var(--accent);color:#fff;padding:14px 11px 16px}
.d-hero b{display:block;font-family:var(--display);font-weight:800;font-size:1.02rem;line-height:1.12;margin-bottom:10px}
.d-btn{display:inline-block;background:var(--pop);color:var(--ink);font-weight:600;padding:5px 10px;border:1.5px solid var(--ink)}
.d-menu{list-style:none;margin:0;padding:8px 11px}
.d-menu li{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px dotted #9AA3B2}
.d-hours{padding:6px 11px;color:var(--ink-2)}
.draft-tag{position:absolute;top:0;left:calc(50% + min(116px,31vw) - 46px);transform:rotate(8deg);background:var(--pop);color:var(--ink);border:2px solid var(--ink);font:800 .8rem/1 var(--display);padding:6px 9px;letter-spacing:.04em;text-transform:uppercase}

/* layer 3: the job sheet lands */
.landed{position:relative}
.job{border:2px solid var(--ink);background:var(--surface);padding:20px 22px;max-width:100%}
.job .sh{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;border-bottom:1px solid var(--ink);padding-bottom:10px;margin-bottom:12px;font-size:.85rem}
.job .sh b{font-family:var(--display);font-weight:600}
.job dl{display:grid;grid-template-columns:auto 1fr;gap:7px 16px;margin:0;font-size:.95rem}
.job dt{color:var(--ink-2)}
.job dd{margin:0}
.job .foot{margin-top:14px;font-size:.85rem;color:var(--ink-2)}
.l3 .job{box-shadow:6px 6px 0 var(--ink)}
.stamp{position:absolute;right:-6px;top:-22px}
.stamp span{display:block;transform:rotate(-9deg);border:3px solid var(--accent);color:var(--accent);background:var(--surface);font:800 1.5rem/1 var(--display);letter-spacing:.08em;text-transform:uppercase;padding:8px 14px}
@media (max-width:820px){
  .l3 .job{padding:14px 16px}
  .l3 .job dl{font-size:.86rem;gap:5px 12px}
  .stamp span{font-size:1.15rem;padding:6px 10px}
}
@media (min-width:821px){.stamp{top:-34px}}
/*critical:end*/

/* sections after the fall */
.blk{padding-block:clamp(56px,4rem + 3vw,112px)}
.blk + .blk{padding-top:0}
.kicker{font-size:.98rem;color:var(--ink-2)}
.fine{font-size:.92rem;color:var(--ink-2)}

/* what's in every build: heading left, ledger right */
.every{display:grid;grid-template-columns:4fr 7fr;gap:clamp(24px,5vw,72px);align-items:start}
.every-head{padding-top:4px}
.every-head p{font-size:1.15rem;color:var(--ink-2)}
.ledger{margin:0;border-top:2px solid var(--ink)}
.ledger > div{display:grid;grid-template-columns:minmax(150px,15rem) 1fr;gap:4px 28px;padding:18px 0;border-bottom:1px solid var(--line)}
.ledger dt{font-family:var(--display);font-weight:600;font-size:1.08rem;line-height:1.25}
.ledger dd{margin:0;color:var(--ink-2)}
@media (max-width:820px){.every{grid-template-columns:1fr}.ledger > div{grid-template-columns:1fr}}

/* prices in brief */
.prices h2{max-width:20ch}
.prow{display:grid;grid-template-columns:13rem repeat(3,1fr);gap:0 28px;border-top:2px solid var(--ink);padding:22px 0}
.prow h3{font-size:1.05rem;margin:4px 0 12px}
.pcell .nm{font-family:var(--display);font-weight:600}
.pcell .amt{display:block;font-family:var(--display);font-weight:800;font-size:clamp(2rem,1.5rem + 1.6vw,2.9rem);line-height:1;letter-spacing:-.03em;margin:4px 0 8px}
.pcell .amt small{font-family:var(--body);font-weight:600;font-size:.95rem;letter-spacing:0;color:var(--ink-2)}
.pcell p{font-size:.98rem;color:var(--ink-2);margin:0}
.prices .after{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px 28px;border-top:2px solid var(--ink);padding-top:20px}
.prices .after p{margin:0}
@media (max-width:820px){
  .prow{grid-template-columns:1fr;gap:0}
  .pcell{display:grid;grid-template-columns:6.5rem 1fr;grid-template-areas:"nm amt" "nm p";gap:0 14px;padding:12px 0;border-top:1px solid var(--line)}
  .pcell .nm{grid-area:nm;padding-top:6px}.pcell .amt{grid-area:amt;margin:0 0 4px}.pcell p{grid-area:p}
}

/* offers (gen/config.py OFFERS): the yellow tag next to a price, its line of text, and the site-wide bar */
.offer-tag{display:inline-block;vertical-align:middle;position:relative;top:-.12em;background:var(--pop);color:var(--ink);border:2px solid var(--ink);border-radius:var(--radius);font:800 .74rem/1 var(--display);letter-spacing:.05em;text-transform:uppercase;padding:5px 7px 4px;white-space:nowrap}
.offer-text{display:block;font:600 .95rem/1.35 var(--body);color:var(--ink);letter-spacing:0;margin:2px 0 10px}
.offer-bar{background:var(--pop);color:var(--ink);border-bottom:2px solid var(--ink)}
.offer-bar p{margin:0;max-width:none;padding:8px 0;font-weight:600;font-size:.98rem;line-height:1.35;text-align:center}

/* the ads fee, on /ads and /pricing */
.fee{display:grid;grid-template-columns:repeat(2,minmax(0,23rem));gap:0 40px;border-top:2px solid var(--ink);padding-top:18px;margin:8px 0 28px;max-width:calc(46rem + 40px)}
.fee-cell .nm{font-family:var(--display);font-weight:600}
.fee-cell .amt{display:block;font:800 clamp(2.1rem,1.6rem + 1.6vw,2.9rem)/1 var(--display);letter-spacing:-.03em;margin:6px 0}
.fee-cell .amt small{font:600 .95rem var(--body);letter-spacing:0;color:var(--ink-2)}
.fee-cell p{margin:0;color:var(--ink-2);font-size:.98rem}
.fee-note{grid-column:1/-1;margin:18px 0 0;padding-top:14px;border-top:1px solid var(--line);font-size:.98rem;max-width:none}
.fee-note b{font-weight:600;color:var(--ink)}
@media (max-width:600px){.fee{grid-template-columns:1fr}.fee-cell + .fee-cell{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}}

/* note from Dale */
.dale{display:grid;grid-template-columns:4fr 7fr;gap:clamp(20px,5vw,72px);align-items:start}
.dale h2{font-size:1.3rem;color:var(--ink-2);font-weight:600;margin-top:.3em}
.note-from p{font-size:clamp(1.15rem,1rem + .5vw,1.4rem);line-height:1.5;max-width:40ch}
.note-from p.fine{font-size:1rem}
.note-from .sig{font-family:var(--display);font-weight:800;font-size:1.2rem;margin:0}
@media (max-width:820px){.dale{grid-template-columns:1fr}}

/* free check call to action */
.check-band{background:var(--ink);color:#fff}
.check-band .wrap{display:grid;grid-template-columns:7fr 5fr;gap:clamp(28px,5vw,72px);align-items:center;padding-block:clamp(52px,4rem + 2vw,96px)}
.check-band h2{color:#fff;font-size:clamp(2rem,1.3rem + 2.8vw,3.3rem);font-weight:800;letter-spacing:-.03em;max-width:14ch}
.check-band p{color:#D5DBE6;font-size:1.12rem;max-width:46ch}
.check-band .btn-pop{box-shadow:4px 4px 0 var(--accent)}
.check-band .btn-pop:hover{box-shadow:2px 2px 0 var(--accent)}
.check-band .link-2{color:#fff;text-decoration-color:var(--pop)}
@media (max-width:820px){.check-band .wrap{grid-template-columns:1fr}}

/* example report sheet */
.report{margin:0;background:var(--surface);color:var(--ink);border:2px solid var(--ink);padding:20px 22px;font-size:.95rem}
.report .r-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;border-bottom:1px solid var(--ink);padding-bottom:10px;font-size:.85rem}
.report .r-head b{font-family:var(--display);font-weight:600}
.report .r-head span{color:var(--ink-2)}
.r-score{display:flex;align-items:baseline;gap:4px;margin:12px 0 4px}
.r-score .num{font:800 3.4rem/1 var(--display);letter-spacing:-.04em}
.r-score .of{font:600 1.1rem var(--display);color:var(--ink-2)}
.r-fixes{margin:8px 0 10px;padding-left:1.3em;display:grid;gap:8px}
.r-fixes b{font-weight:600}
.report figcaption{font-size:.85rem;color:var(--ink-2);border-top:1px solid var(--line);padding-top:10px}

/* inner page heads */
.page-head{padding-block:clamp(40px,3rem + 2vw,84px) clamp(24px,2vw,40px)}
.page-head .lead{font-size:1.2rem;color:var(--ink-2);max-width:56ch}
.hero{padding-block:clamp(40px,3rem + 2vw,72px) 32px}
.hero .lead{font-size:1.2rem;color:var(--ink-2)}
.hero .cta{display:flex;gap:14px 22px;flex-wrap:wrap;align-items:center;margin-top:22px}
.section-head{max-width:640px;margin-bottom:28px}
main > section{padding-block:48px}
main > section.check-band{padding:0}

/* how it works: a week */
.week{list-style:none;margin:0;padding:0}
.day{display:grid;grid-template-columns:13rem minmax(0,1fr) 17rem;gap:12px 40px;padding:30px 0;border-top:2px solid var(--ink)}
.day-name{font:800 clamp(1.9rem,1.3rem + 1.4vw,2.3rem)/1.02 var(--display);letter-spacing:-.03em}
.day-name small{display:block;font:600 .95rem/1.3 var(--body);letter-spacing:0;color:var(--ink-2);margin-top:8px}
.day dl{margin:0;display:grid;gap:16px}
.day dt{font-weight:600;font-size:.95rem;color:var(--accent)}
.day dd{margin:1px 0 0;max-width:58ch}
.day .notes{display:grid;gap:10px;align-content:start}
.explain{margin:0;background:var(--tint);padding:10px 12px;font-size:.93rem;line-height:1.45}
.explain b{font-weight:600}
.day.live{background:var(--surface);border:2px solid var(--ink);padding:30px clamp(18px,3vw,32px);box-shadow:6px 6px 0 var(--ink);margin-top:8px}
.day.live .day-name{color:var(--accent)}
@media (max-width:900px){.day{grid-template-columns:1fr;gap:12px}}
.two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px)}
.two ul{padding-left:1.1em;margin:0}
.two li{margin:.4em 0}
@media (max-width:820px){.two{grid-template-columns:1fr}}
.costbox{border-top:2px solid var(--ink);padding-top:20px;max-width:760px}

/* plans page */
.pl{display:grid;grid-template-columns:15rem minmax(0,1fr) 19rem;gap:16px 40px;padding:34px 0;border-top:2px solid var(--ink);scroll-margin-top:16px}
.pl-name h2{font-size:clamp(1.9rem,1.3rem + 1.6vw,2.4rem);font-weight:800;letter-spacing:-.03em;margin:0}
.pl .amt{display:block;font:800 clamp(2.4rem,1.8rem + 1.6vw,3.2rem)/1 var(--display);letter-spacing:-.03em;margin:8px 0 6px}
.pl .amt small{font:600 .95rem var(--body);letter-spacing:0;color:var(--ink-2)}
.pl-tag{font-weight:600;margin:0 0 .6em}
.pl-name p{color:var(--ink-2)}
.pl h3{font-size:1rem;color:var(--accent);margin:4px 0 12px}
.cal{margin:0;border-top:1px solid var(--line)}
.cal > div{display:grid;grid-template-columns:9.5rem 1fr;gap:4px 20px;padding:12px 0;border-bottom:1px solid var(--line)}
.cal dt{font-family:var(--display);font-weight:600;font-size:1rem}
.cal dd{margin:0;max-width:60ch}
.pl-inbox > p{margin:0 0 .8em}
.rsheet{box-shadow:5px 5px 0 var(--ink);font-size:.95rem}
.rsheet dl{font-size:.9rem}
@media (max-width:1000px){.pl{grid-template-columns:1fr 1fr}.pl-month{grid-column:1/-1;grid-row:2}}
@media (max-width:700px){.pl{grid-template-columns:1fr}.pl-month{grid-row:auto}.cal > div{grid-template-columns:1fr}}
.wont{background:var(--surface);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:clamp(22px,2rem + 1vw,40px);max-width:880px}
.wont h2{margin-bottom:.6em}
.wont ul{margin:0;padding:0;list-style:none;display:grid;gap:14px}
.wont li{padding-left:22px;position:relative;max-width:68ch}
.wont li::before{content:"";position:absolute;left:0;top:.55em;width:10px;height:3px;background:var(--accent)}
.pick{max-width:760px}
.pick p{font-size:1.1rem}

/* ads page */
.stories{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,72px);margin-top:20px}
.story h3{font-size:clamp(1.35rem,1.1rem + .8vw,1.7rem);font-weight:800;letter-spacing:-.02em}
.mock{background:var(--surface);border:2px solid var(--ink);max-width:400px;padding:14px;font-size:.88rem;margin-top:18px;box-shadow:5px 5px 0 var(--ink)}
.serp .q{border:1.5px solid #9AA3B2;border-radius:20px;padding:6px 14px;color:var(--ink);margin-bottom:12px}
.serp .ad{display:grid;gap:2px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.serp .sp,.social .sp{font-size:.78rem;font-weight:600;color:var(--ink)}
.serp .ad b{color:#1F4E9A;font-size:1rem;font-weight:600}
.serp .u{color:var(--accent)}
.serp .ad span{color:var(--ink-2)}
.serp .ad .call{justify-self:start;margin-top:6px;border:1.5px solid var(--ink);padding:3px 14px;color:var(--ink);font-weight:600}
.serp .res{display:grid;gap:6px;padding-top:10px}
.serp .res i{display:block;height:8px;background:#DCE1E8}
.serp .res i.s{width:65%}
.social .who{display:flex;gap:10px;align-items:center;margin-bottom:10px}
.social .who > span:last-child{display:grid;line-height:1.2}
.social .av{width:36px;height:36px;border-radius:50%;background:var(--pop);border:2px solid var(--ink)}
.social .pic{height:150px;background:var(--accent);display:flex;align-items:flex-end;padding:12px}
.social .pic span{color:#fff;font:800 1.2rem/1.1 var(--display)}
.social p{margin:10px 0}
.social .go{display:block;text-align:center;border:1.5px solid var(--ink);padding:6px;font-weight:600}
@media (max-width:820px){.stories{grid-template-columns:1fr}}
.setup{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 48px;counter-reset:st}
.setup li{counter-increment:st;display:grid;align-content:start;grid-template-columns:3rem 1fr;gap:0 12px;padding:20px 0;border-top:2px solid var(--ink)}
.setup li::before{content:counter(st);grid-row:span 2;font:800 2.2rem/1 var(--display);color:var(--accent)}
.setup h3{margin:2px 0 6px}
.setup p{margin:0;color:var(--ink-2)}
@media (max-width:820px){.setup{grid-template-columns:1fr}}
.split-2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,72px);align-items:start}
@media (max-width:820px){.split-2{grid-template-columns:1fr}}
.band-note p{background:var(--surface);color:var(--ink);border:2px solid var(--surface);padding:20px 22px;font-size:1.05rem;margin:0}
.tmore{display:inline-block;margin:0 0 14px}

/* free check page */
.fc{display:grid;grid-template-columns:6fr 5fr;gap:clamp(28px,5vw,72px);align-items:start}
.fc > *{min-width:0}
.gets{margin:0 0 24px;border-top:2px solid var(--ink)}
.gets > div{display:grid;grid-template-columns:12rem 1fr;gap:2px 20px;padding:14px 0;border-bottom:1px solid var(--line)}
.gets dt{font-family:var(--display);font-weight:600}
.gets dd{margin:0;color:var(--ink-2)}
@media (max-width:900px){.fc{grid-template-columns:1fr}.fc .formsheet{order:-1}.gets > div{grid-template-columns:1fr}}
.fc .cat{width:110px;margin:8px 0 0 auto}

/* forms */
form{display:grid;gap:16px;max-width:560px}
label{display:grid;gap:6px;font-weight:600;font-size:.98rem}
label .opt{font-weight:400;color:var(--ink-2)}
label > span{display:block}
input,textarea,select{font:inherit;font-weight:400;padding:12px 14px;border:1.5px solid var(--ink);border-radius:var(--radius);background:var(--surface);color:var(--ink);width:100%;min-height:48px}
input:disabled{background:#E9EDF2;color:var(--ink-2);border-color:#9AA3B2}
input[type=checkbox]{width:22px;height:22px;min-height:0;margin:0;accent-color:var(--accent)}
.check{display:flex;align-items:center;gap:10px;font-weight:600}
textarea{min-height:120px;resize:vertical}
.formsheet{max-width:none}
.formsheet form{max-width:none}
.note{background:var(--tint);border:1px solid #EBD38F;padding:12px 14px;font-size:.95rem}

/* older blocks still used by pricing, work, uk, contact, terms, privacy */
.cards2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
@media (max-width:820px){.cards2{grid-template-columns:1fr}}
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}
@media (max-width:860px){.tiers{grid-template-columns:1fr}}
.tier{background:var(--surface);border:2px solid var(--ink);padding:22px;display:flex;flex-direction:column}
.tname{font-family:var(--display);font-weight:600;font-size:1.1rem}
.tprice{font-family:var(--display);font-weight:800;font-size:2.5rem;line-height:1.05;margin:.15em 0 .1em;letter-spacing:-.03em}
.tprice small{font-family:var(--body);font-weight:600;font-size:1rem;color:var(--ink-2);letter-spacing:0}
.tsub{color:var(--ink-2);font-size:.92rem;margin-bottom:14px}
.tier ul{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:8px;flex:1;align-content:start}
.tier li{padding-left:16px;position:relative;font-size:.95rem}
.tier li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;background:var(--ink-2)}
.tier .btn{justify-content:center}
details{border-bottom:1px solid var(--line);padding:14px 0}
summary{cursor:pointer;font-weight:600;font-family:var(--display);font-size:1.05rem}
details p{margin:.6em 0 0;color:var(--ink-2)}
.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}
.case-grid > *{min-width:0}
.case-grid .job,.case-grid .report{box-shadow:6px 6px 0 var(--ink)}
.more-note{border-left:4px solid var(--pop);padding:4px 0 4px 14px;font-size:1.1rem;margin:0}
@media (max-width:820px){.case-grid{grid-template-columns:1fr}}
dl.facts{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin:0;font-size:.95rem}
dl.facts dt{font-weight:600}
dl.facts dd{margin:0;color:var(--ink-2)}
.cta-band{background:var(--ink);color:#fff;padding:36px 28px;display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between}
.cta-band h2{margin:0;color:#fff}
.cta-band p{color:#D5DBE6}
.cta-band .btn-pop{box-shadow:4px 4px 0 var(--accent)}
.cta-band .link-2{color:#fff;text-decoration-color:var(--pop)}
.terms{max-width:72ch}
.terms h2{font-size:1.35rem;margin:1.8em 0 .5em}
.terms ul{padding-left:1.2em;margin:0}
.terms li{margin:.45em 0;line-height:1.6}
.lost{display:grid;grid-template-columns:auto 1fr;gap:24px 40px;align-items:center}
.lost .cat{width:150px}
@media (max-width:600px){.lost{grid-template-columns:1fr}.lost .cat{width:110px}}

/* footer */
footer.site{border-top:2px solid var(--ink);padding-block:44px 28px;color:var(--ink-2);font-size:.95rem;margin-top:0}
.foot-grid{display:grid;grid-template-columns:5fr 3fr 3fr;gap:28px 40px}
.foot-grid p{margin:.6em 0 0}
.foot-h{font:600 .98rem var(--display);color:var(--ink);margin:0 0 10px;letter-spacing:0}
footer.site ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
footer.site ul a{display:inline-block;padding:6px 0}
footer.site a{color:var(--ink-2)}
footer.site a:hover{color:var(--ink)}
.foot-base{max-width:none;margin-top:28px;padding-top:16px;border-top:1px solid var(--line);font-size:.88rem}
@media (max-width:820px){.foot-grid{grid-template-columns:1fr 1fr}.foot-grid > :first-child{grid-column:1/-1}}

@media (prefers-reduced-motion:reduce){
  .btn-pop,.btn-pop:hover,.btn-pop:active{transition:none}
}