:root{
  --navy:#0f182f; --navy-2:#18233f; --orange:#f05323; --orange-d:#d4440f;
  --paper:#ffffff; --mist:#f4f5f8; --line:#d9dce4; --ink:#0f182f; --muted:#4b5468;
  --ok:#12804b; --err:#b3261e;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Lato',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--paper);line-height:1.5;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%}
a{color:inherit}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.test-banner{background:#fff3cd;color:#5c4400;font-size:.85rem;padding:8px 20px;text-align:center;border-bottom:1px solid #e8d48a}
.cf{border-bottom:2px dotted #f0a000;cursor:help}
body:not(.test) .test-banner{display:none}
body:not(.test) .cf{border-bottom:0;cursor:inherit}

header.top{background:var(--navy);color:#fff}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;min-height:64px}
.brand{font-weight:900;letter-spacing:.01em;font-size:1.15rem;text-decoration:none}
.logo{display:block;height:40px;width:auto;background:#fff;border-radius:8px;padding:5px 10px}

.hero{background:var(--navy);color:#fff;padding:28px 0 56px}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:start}
.eyebrow{display:inline-block;color:var(--orange);font-weight:700;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;margin:12px 0 10px}
h1{font-size:clamp(2rem,5vw,3.1rem);line-height:1.08;margin:0 0 16px;font-weight:900;letter-spacing:-.01em}
.lead{font-size:1.15rem;color:#dfe3ee;margin:0 0 22px;max-width:34em}
.ticks{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:12px}
.ticks li{display:flex;gap:12px;align-items:flex-start;font-size:1.05rem}
.ticks svg{flex:0 0 22px;margin-top:2px}
.fine{font-size:.9rem;color:#b9c0d4;margin:0}

.card{background:#fff;color:var(--ink);border-radius:14px;padding:24px;box-shadow:0 12px 40px rgba(0,0,0,.28)}
.card h2{margin:0 0 4px;font-size:1.35rem;font-weight:900}
.card .sub{margin:0 0 18px;color:var(--muted);font-size:.95rem}
.field{margin:0 0 14px}
label,.lbl{display:block;font-weight:700;font-size:.95rem;margin:0 0 6px}
.opt{font-weight:400;color:var(--muted)}
input[type=text],input[type=email],input[type=tel],select,textarea{width:100%;font:inherit;font-size:1rem;padding:12px 12px;border:1.5px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}
textarea{min-height:72px;resize:vertical}
input:focus,select:focus,textarea:focus,.drop:focus-visible{outline:3px solid rgba(240,83,35,.35);border-color:var(--orange)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.invalid{border-color:var(--err)!important}
.msg{color:var(--err);font-size:.88rem;margin:6px 0 0;min-height:1em}

.drop{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;border:2px dashed #aeb5c7;border-radius:10px;padding:20px 14px;background:var(--mist);cursor:pointer}
.drop.over{border-color:var(--orange);background:#fff1ec}
.drop strong{font-size:1.05rem}
.drop small{color:var(--muted)}
.drop input{display:none}
.files{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.files li{border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:.92rem;background:#fff}
.files .top2{display:flex;justify-content:space-between;gap:8px;align-items:center}
.files .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.files button{border:0;background:none;color:var(--muted);font-size:1.2rem;line-height:1;cursor:pointer;padding:2px 6px}
.bar{height:5px;border-radius:5px;background:#e6e9f0;margin-top:6px;overflow:hidden}
.bar i{display:block;height:100%;width:0;background:var(--orange);transition:width .15s}
.files .done .bar i{background:var(--ok)}
.files .bad{border-color:var(--err);color:var(--err)}

.btn{display:block;width:100%;border:0;border-radius:10px;background:var(--orange);color:var(--navy);font:inherit;font-weight:900;font-size:1.15rem;padding:16px 18px;cursor:pointer}
.btn:hover{background:#ff6a3d}
.btn:disabled{opacity:.6;cursor:not-allowed}
.btn.ghost{background:var(--navy);color:#fff;display:inline-block;width:auto;padding:14px 26px;text-decoration:none;text-align:center}
.note{font-size:.85rem;color:var(--muted);margin:10px 0 0;text-align:center}
.hp{position:absolute!important;left:-9999px;height:0;width:0;opacity:0}
.hide{display:none!important}

.panel{text-align:left}
.panel h2{font-size:1.5rem}
.panel .ref{display:inline-block;background:var(--mist);border-radius:6px;padding:4px 10px;font-weight:700;font-size:.9rem}
.panel.fail{border-left:5px solid var(--err);padding-left:16px}

section.block{padding:56px 0}
section.block.alt{background:var(--mist)}
section.block h2{font-size:clamp(1.5rem,3.4vw,2.1rem);line-height:1.15;margin:0 0 8px;font-weight:900}
section.block .intro{color:var(--muted);margin:0 0 28px;max-width:40em}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;list-style:none;padding:0;margin:0;counter-reset:s}
.steps li{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;counter-increment:s}
.steps li::before{content:counter(s);display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--navy);color:#fff;font-weight:900;margin-bottom:10px}
.steps h3,.tiles h3{margin:0 0 6px;font-size:1.15rem}
.steps p,.tiles p{margin:0;color:var(--muted)}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tiles div{background:#fff;border-radius:12px;padding:20px;border:1px solid var(--line);border-top:5px solid var(--orange)}
.hero .quote{background:var(--navy-2);border-left:5px solid var(--orange);border-radius:10px;margin-top:22px;font-size:1.1rem;padding:18px 20px}
.who{display:flex;align-items:center;gap:14px;margin-top:16px}
.who img{width:64px;height:64px;border-radius:50%;object-fit:cover;flex:0 0 64px;background:var(--mist)}
.who p{margin:0;font-size:1rem;color:#dfe3ee}
.tiles.two{grid-template-columns:repeat(2,1fr)}
.never{margin-top:22px;padding:14px 16px;background:#fff;border-left:5px solid var(--navy);border-radius:6px}
.quote{background:var(--navy);color:#fff;border-radius:14px;padding:26px;font-size:1.2rem}
.quote small{display:block;color:#b9c0d4;margin-top:8px;font-size:.9rem}
details{border-bottom:1px solid var(--line);padding:14px 0}
summary{cursor:pointer;font-weight:700;font-size:1.05rem}
details p{margin:8px 0 0;color:var(--muted)}
.closing{background:var(--navy);color:#fff;text-align:center;padding:52px 0}
.closing h2{margin:0 0 10px;font-size:clamp(1.5rem,3.4vw,2.1rem);font-weight:900}
.closing p{color:#dfe3ee;margin:0 0 22px}
.closing .btn{display:inline-block;width:auto;padding:16px 34px;text-decoration:none}
footer{background:#0a1022;color:#9aa3bb;font-size:.85rem;padding:26px 0}
footer p{margin:0 0 6px}

.lead .short{display:none}
@media (max-width:820px){
  html,body{overflow-x:hidden;max-width:100%}
  .test-banner{font-size:.72rem;padding:5px 12px;line-height:1.3}
  header.top .wrap{min-height:52px}
  .logo{height:32px;padding:4px 8px}
  /* Form first on phones: headline, then the form, then the proof and the rest */
  .hero{padding:10px 0 32px}
  .hero-grid{display:flex;flex-direction:column;gap:14px}
  .hero-grid>div:first-child{display:contents}
  .eyebrow{order:1;margin:4px 0 0;font-size:.75rem}
  h1{order:2;font-size:1.65rem;line-height:1.12;margin:0}
  .lead{order:3;font-size:.98rem;margin:0}
  .lead .long{display:none}
  .lead .short{display:inline}
  #formcard{order:4;padding:16px}
  .card h2{font-size:1.2rem}
  .card .sub{display:none}
  .drop{padding:14px 12px}
  .ticks{order:5;margin:8px 0 0}
  .hero .fine{order:6}
  .hero .quote{order:7;margin-top:0}
  .who{order:8;margin-top:0}
  .hero .rev{order:9;margin-top:0!important}
  .steps,.tiles,.tiles.two{grid-template-columns:1fr}
  .row2{grid-template-columns:1fr}
  section.block{padding:40px 0}
}

/* additions for the five-offer build */
.check{display:flex;gap:10px;align-items:flex-start;font-size:.92rem;font-weight:400;margin:0 0 6px}
.check input{width:20px;height:20px;margin-top:2px;flex:0 0 20px}
.open-q{display:none}
body.test .open-q{display:block;background:#fff3cd;color:#5c4400;border:1px solid #e8d48a;border-radius:8px;padding:10px 14px;margin:0 0 14px;font-size:.88rem}
.dirlist{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.dirlist a{display:block;background:#fff;color:var(--ink);border-radius:10px;padding:16px 18px;text-decoration:none;border-left:5px solid var(--orange)}
.dirlist small{display:block;color:var(--muted)}

  @media (max-width:820px){ body.test .open-q{display:none} }

/* Google reviews and accountant feedback (Nov 2026) */
.reviews h2{margin-bottom:6px}
.g-score{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 24px;color:var(--muted);font-size:1rem}
.g-score b{font-size:1.6rem;color:var(--ink);font-weight:900}
.g-score .stars{color:#fbbc04;font-size:1.25rem;letter-spacing:1px}
.rev-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;align-items:start}
@media(max-width:700px){.rev-grid{grid-template-columns:1fr}}
.rev-grid figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;box-shadow:0 2px 10px rgba(15,24,47,.06)}
.rev-grid img{display:block;width:100%;height:auto;border-radius:6px}
.rev-note{font-size:.85rem;color:var(--muted);margin:12px 0 0}

/* Thank-you screen */
.ok-head{display:flex;align-items:center;gap:12px;margin-bottom:6px}
.ok-head h2{margin:0}
.ok-tick{flex:0 0 40px}
.ok-lead{font-size:1.1rem;font-weight:700;margin:8px 0 14px}
.ok-who{display:flex;align-items:center;gap:14px;background:var(--mist);border-radius:12px;padding:12px 14px;margin:0 0 18px}
.ok-who img{width:64px;height:64px;border-radius:50%;object-fit:cover;flex:0 0 64px}
.ok-who p{margin:0;line-height:1.35}
.ok-who b{display:inline-block}
.ok-who span{display:block;color:var(--muted);font-size:.95rem}
.ok-h{font-size:1.05rem;margin:0 0 10px}
.ok-steps{list-style:none;padding:0;margin:0 0 16px;counter-reset:k}
.ok-steps li{position:relative;padding:0 0 14px 44px;counter-increment:k}
.ok-steps li::before{content:counter(k);position:absolute;left:0;top:0;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--navy);color:#fff;font-weight:900;font-size:.95rem}
.ok-steps li:not(:last-child)::after{content:'';position:absolute;left:14px;top:34px;bottom:4px;width:2px;background:var(--line)}
.ok-steps b{display:block}
.ok-steps span{display:block;color:var(--muted);font-size:.95rem}
.ok-ref{font-size:.9rem;color:var(--muted);margin:0}
/* Partner benefits */
.benefits .benefits-cta{margin:26px 0 0;text-align:center}

/* 12 Nov 2026 launch: no brand top bar, optional questions on one final step, reviews read as a wall not two cards */
.hero{padding-top:36px}
.optgroup .opt-h{margin:0 0 12px;font-weight:700;color:var(--muted);font-size:.95rem}
.optgroup .sub-field{margin:0 0 12px}
.optgroup .sub-field label{font-weight:700}
.rev-grid{display:block;columns:3 260px;column-gap:14px}
.rev-grid figure{break-inside:avoid;margin:0 0 14px;padding:6px}
@media(max-width:700px){
  .rev-grid{display:flex;columns:auto;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:0 0 10px;margin:0 -16px;padding-left:16px;padding-right:16px}
  .rev-grid figure{flex:0 0 82%;margin:0;scroll-snap-align:start;align-self:flex-start}
  .rev-swipe{display:block}
}
.rev-swipe{display:none;font-size:.9rem;color:var(--muted);margin:0 0 10px}