/* Home and ad landing pages (home.html -> /, start, try, checklist). Loaded after pages.css, which gives the site's own
 * header and footer. Mobile first; two columns from 960px. Yellow fill only on the main button of a screen. */
:root{--bg:#f6f4ec;--surface:#fffdf6;--ink:#1d1f1a;--muted:#62615a;--line:#dedbd0;--accent:#ffd91f;--accent-soft:#fff3bf;--ok:#1f7a45;--ok-soft:#e3f2e8;
  --f:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--fd:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,sans-serif}
body{background:var(--bg);color:var(--ink);font:17px/1.55 var(--f);-webkit-text-size-adjust:100%}
main.lp{max-width:none!important;margin:0;padding:0 0 24px}
.wrap{max-width:1180px;margin:0 auto;padding:0 16px}
img,svg{max-width:100%}
/* type */
.kick{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}
.due{font-size:13px;font-weight:700;letter-spacing:0;text-transform:none;padding:5px 10px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--ink);white-space:nowrap}
.due b{color:#a3241a}
main.lp h1{font:750 clamp(34px,8.6vw,56px)/1.03 var(--fd);letter-spacing:-.035em;margin:0 0 14px;max-width:17ch}
main.lp h2{font:720 clamp(26px,5.6vw,40px)/1.08 var(--fd);letter-spacing:-.025em;margin:0 0 18px}
main.lp h3{font:650 18px/1.3 var(--fd);margin:0 0 4px}
main.lp p{margin:0 0 12px}
.sub{font-size:clamp(18px,2.2vw,21px);line-height:1.5;color:var(--muted);margin:0 0 18px;max-width:40ch}
.lede{font-size:18px;color:var(--muted);max-width:60ch;margin:0 0 22px}
.small{font-size:14px;color:var(--muted)}
.center{text-align:center}
/* hero */
.hero{padding:22px 0 30px}
.hero-grid{display:grid;gap:22px}
.ticks{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:7px;font-size:15px;font-weight:600}
.ticks li{display:flex;gap:9px;align-items:flex-start}
.ticks li::before{content:"";flex:0 0 19px;height:19px;margin-top:2px;border-radius:50%;background:var(--ok-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.5l2.6 2.6L13 6.6' fill='none' stroke='%231f7a45' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/19px no-repeat}
/* the add-files card */
.card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:20px}
.drop{border:2px dashed #d9b400;background:#fffbe6;border-radius:20px;padding:22px 18px;text-align:center;box-shadow:0 18px 40px -26px rgba(29,31,26,.45)}
.drop.on{background:var(--accent-soft);border-style:solid}
main.lp .drop h2{font-size:24px;margin-bottom:6px}
.drop .hint{display:none}
.btn{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:56px;padding:14px 18px;border-radius:14px;border:1px solid var(--ink);background:var(--surface);color:var(--ink);font:700 17px/1.2 var(--f);text-decoration:none;cursor:pointer}
.btn svg{width:20px;height:20px;flex:0 0 20px}
.btn.main{background:var(--accent);border-color:var(--ink);box-shadow:0 3px 0 var(--ink)}
.btn.main:hover{filter:brightness(1.03)}
.btn.main:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}
.btn:not(.main):hover{background:#fff}
.btn+.btn{margin-top:10px}
.btn:focus-visible,.drop a:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.btn.inline{display:inline-flex;width:auto;padding:12px 22px}
.busy{display:none;align-items:center;justify-content:center;gap:10px;margin-top:12px;font-weight:600}
.busy.on{display:flex}
.is-busy{pointer-events:none;display:inline-flex;align-items:center;justify-content:center;gap:10px}.is-busy i{width:20px;height:20px;border-radius:50%;border:3px solid rgba(0,0,0,.15);border-top-color:var(--ink);animation:spin .8s linear infinite}
.busy i{width:18px;height:18px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--ink);animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.note{background:var(--accent-soft);border-radius:14px;padding:13px 16px;font-size:15px;margin:0 0 14px}
.back-note{display:flex;gap:10px 14px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 16px;margin:0 0 16px;font-size:15px}
.back-note a{font-weight:700}
/* sections */
.sec{padding:44px 0;border-top:1px solid var(--line)}
.sec.tint{background:var(--surface)}
.grid2,.grid3{display:grid;gap:14px}
.tile{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px}
.sec.tint .tile{background:var(--bg)}
.tile p{color:var(--muted);font-size:15px;margin:0}
.tile .ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--accent-soft);margin-bottom:12px;font-size:22px}
.steps{list-style:none;padding:0;margin:0;display:grid;gap:14px;counter-reset:s}
.steps li{display:grid;grid-template-columns:38px 1fr;gap:14px;align-items:start;counter-increment:s}
.steps li::before{content:counter(s);width:38px;height:38px;border-radius:50%;background:var(--ink);color:#fff;font-weight:700;display:grid;place-items:center}
.steps p{margin:0;color:var(--muted);font-size:15px}
/* example result panels */
.result{background:var(--ink);color:#f3f1e7;border-radius:18px;padding:18px 20px;font-size:15px}
.result .row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.result .row:last-child{border-bottom:0}
.result b{font-variant-numeric:tabular-nums;text-align:right}
.result .tag{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#cfccc0}
.chip2{display:inline-block;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.5);color:#f3f1e7;white-space:nowrap}
/* the home page's example: statement lines being sorted */
.demo{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:16px 16px 22px;box-shadow:0 30px 60px -36px rgba(29,31,26,.5)}
.demo-h{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding:2px 4px 12px}
.demo-h span:last-child{letter-spacing:0;text-transform:none;font-weight:650;color:var(--ok)}
.demo ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.demo li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:14px;opacity:0;transform:translateY(8px);animation:din .5s ease forwards;animation-delay:calc(var(--d) * .45s + .2s)}
.demo li span{font:600 12.5px/1.3 ui-monospace,"SF Mono",Menlo,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.demo li b{font-variant-numeric:tabular-nums;font-size:14px}
.demo li em{grid-column:1/-1;font-style:normal;font-size:12.5px;font-weight:650;display:flex;align-items:center;gap:6px;opacity:0;animation:din .4s ease forwards;animation-delay:calc(var(--d) * .45s + .65s)}
.demo li em::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ok)}
.demo li em.pers{color:var(--muted)}.demo li em.pers::before{background:#b9b6aa}
.demo li em.sale::before{background:var(--accent);box-shadow:0 0 0 1px var(--ink)}
.demo-sum{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;opacity:0;animation:din .5s ease forwards;animation-delay:2.8s}
.demo-sum div{background:var(--accent);color:var(--ink);border-radius:12px;padding:10px 12px}
.demo-sum small{display:block;font-size:11px;font-weight:700;letter-spacing:.04em;color:rgba(29,31,26,.65)}
.demo-sum b{font-size:18px;font-variant-numeric:tabular-nums}
main.lp .demo-f{font-size:12.5px;color:var(--muted);margin:18px 4px 0}
@keyframes din{to{opacity:1;transform:none}}
/* banks, reviews, faq */
.banks{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.banks li{font-size:14px;font-weight:650;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface)}
.rv{display:grid;gap:12px}
.rv blockquote{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px 18px;font-size:15px}
.rv .st{color:#c99700;letter-spacing:2px}
.rv cite{display:block;margin-top:8px;font-style:normal;font-weight:650;font-size:13px;color:var(--muted)}
.faq details{border-bottom:1px solid var(--line);padding:14px 0}
.faq details summary{cursor:pointer;font-weight:650;list-style:none;font-size:17px}
.faq details summary::-webkit-details-marker{display:none}
.faq details summary::after{content:"+";float:right;color:var(--muted)}
.faq details[open] summary::after{content:"−"}
.faq details p{margin:8px 0 0;color:var(--muted);font-size:15px;max-width:70ch}
/* checklist */
.cklist{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.cklist label{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;cursor:pointer}
.cklist input{width:22px;height:22px;margin:2px 0 0;accent-color:var(--ink)}
.cklist input:checked+span b{text-decoration:line-through;text-decoration-color:var(--muted)}
/* the bottom button on phones, once the first one has scrolled away */
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:70;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--line);transform:translateY(110%);transition:transform .25s}
.sticky.show{transform:none}
.sticky .btn{max-width:528px;margin:0 auto}
html body footer.foot{margin-bottom:84px}
/* wider screens */
@media (min-width:700px){
  .grid2{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:repeat(3,1fr)}
  .rv{grid-template-columns:repeat(3,1fr)}
  .steps.row{grid-template-columns:repeat(3,1fr);gap:18px}.steps.row li{grid-template-columns:1fr;gap:10px}
  .sec{padding:64px 0}
}
@media (min-width:960px){
  .hero{padding:60px 0 40px}
  .hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:64px;align-items:center}
  .hero-grid.at-top{align-items:start}   /* not .top: that is the site header in pages.css */
  .drop{padding:30px 28px}
  .drop .hint{display:block;font-weight:650;margin:0 0 14px}
  .split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center}
  .sticky{display:none}
  html body footer.foot{margin-bottom:0}
  body{font-size:18px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.demo li,.demo li em,.demo-sum{opacity:1;transform:none}}
@media print{.top,.sticky,.btn,.noprint,footer.foot,.botlinks{display:none!important}body{background:#fff}.card{border:0;padding:0}main.lp h1{font-size:28px}}
[hidden]{display:none!important}
.on-desk{display:none}
@media (min-width:900px) and (hover:hover){.on-phone{display:none}.on-desk{display:inline}}
/* home: the tool's own main button - a raised yellow pill, a light sweep, one arrow in a dark circle */
.go-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:18px;margin:4px auto 0;padding:10px 10px 10px 32px;border:0;border-radius:999px;cursor:pointer;color:#1d1f1a;font:800 21px/1.1 var(--f-display,var(--f-body));letter-spacing:-.01em;background:linear-gradient(#ffe352,#ffd400);box-shadow:inset 0 2px 0 rgba(255,255,255,.65),inset 0 -3px 0 rgba(160,110,0,.28),0 3px 0 #d4a300,0 16px 28px -14px rgba(0,0,0,.5);transition:transform .12s ease,box-shadow .12s ease}
.go-btn b{display:inline-grid;width:48px;height:48px;border-radius:50%;background:#1d1f1a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffd91f' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/22px no-repeat;box-shadow:inset 0 2px 0 rgba(255,255,255,.18),0 3px 6px rgba(0,0,0,.3);transition:transform .15s}
.go-btn::after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.7),transparent);transform:skewX(-20deg);animation:goShine 3.6s ease-in-out infinite;pointer-events:none}
@keyframes goShine{0%,60%{left:-60%}85%,100%{left:130%}}
.go-btn:hover,.drop:hover .go-btn{transform:translateY(-2px)}.go-btn:hover b,.drop:hover .go-btn b{transform:translateX(4px)}
.go-btn:active{transform:translateY(3px)!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.5),0 0 0 #d4a300,0 4px 8px -6px rgba(0,0,0,.4)}
.go-btn:focus-visible{outline:3px solid #1d1f1a;outline-offset:3px}
.go-btn.sm{font-size:17px;padding:6px 6px 6px 22px;gap:12px}.go-btn.sm b{width:38px;height:38px;background-size:18px}
.home-drop{text-align:center}.home-drop .go-btn{display:flex;width:max-content;max-width:100%}
.drop.over .go-btn{background:#fff}
@media (max-width:600px){.go-btn{font-size:19px;padding-left:24px}}
@media (prefers-reduced-motion:reduce){.go-btn::after{display:none}}
/* home hero: words left, upload card right on a computer; on a phone the card comes straight after the words */
.hero-home{display:grid;gap:22px}
.hh-facts .ticks{margin:0}
.docs-ic{display:block;width:64px;height:56px;margin:0 auto 8px}
@media (min-width:960px){
  .hero-home{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"copy card" "facts card";column-gap:64px;row-gap:26px;align-items:start}
  .hh-copy{grid-area:copy;align-self:end}.hh-facts{grid-area:facts}
  .hh-card{grid-area:card;align-self:center;background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:18px;box-shadow:0 30px 60px -36px rgba(29,31,26,.45)}
  .hh-card .drop{padding:36px 28px 30px;box-shadow:none}
}
/* the example of a statement being sorted plays when it comes into view */
.demo.wait:not(.play) li,.demo.wait:not(.play) li em,.demo.wait:not(.play) .demo-sum{animation-play-state:paused}
.banks li{display:inline-flex;align-items:center;gap:7px;padding:5px 12px 5px 6px}
.banks li i{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 3px;border-radius:7px;background:var(--b);color:var(--c);font:800 9.5px/1 var(--f-body,system-ui);font-style:normal;letter-spacing:-.02em;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.banks li i{background:#ecebe4;color:var(--ink,#1d1f1a);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}   /* one quiet tone for every bank */
.banks li{padding:6px 13px 6px 10px}.banks li svg{width:16px;height:16px;flex:none;fill:none;stroke:var(--muted,#6b6a60);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.banks li img{width:18px;height:18px;border-radius:4px;flex:none;object-fit:contain}
/* "Your statements stay with you": intro text above, a slow auto-scrolling
   logo strip below. Each mark sits in its own neutral tile at full colour
   (grayscale made the pictorial ones - the St.George dragon, the ING lion -
   unrecognisable); the strip holds all 15 banks/platforms, doubled so the
   loop is seamless, and pauses on hover or keyboard focus. */
.pr-intro{max-width:62ch}
.banks-wrap{margin-top:28px}
.banks-wrap h3{font-size:15px;margin:0 0 18px;color:var(--muted)}
.banks-scroll{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent)}
.banks.banks-lg{display:flex;flex-wrap:nowrap;gap:14px;width:max-content;animation:banks-scroll 48s linear infinite}
.banks-scroll:hover .banks.banks-lg,.banks-scroll:focus-within .banks.banks-lg{animation-play-state:paused}
@keyframes banks-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.banks.banks-lg li{flex:0 0 112px;padding:20px 12px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;background:var(--bg);border:1px solid var(--line);border-radius:14px;box-shadow:0 1px 2px rgba(29,31,26,.05)}
.banks-lg li img{width:40px;height:40px;border-radius:9px}
.banks-lg li span{font-size:14px;font-weight:650;white-space:nowrap}
/* home: the three steps as one compact card */
.sec.tight{padding-block:36px}
.sec.tight h2{margin-bottom:14px}
.steps.card3{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:6px;gap:0}
.steps.card3 li{padding:16px 18px}
.steps.card3 li+li{border-top:1px solid var(--line)}
.steps.card3 h3{font-size:16px;margin:0 0 4px}.steps.card3 p{font-size:14px;margin:0}
@media (min-width:960px){.steps.card3 li+li{border-top:0;border-left:1px solid var(--line)}}
.steps.card3 li{align-items:flex-start;align-content:start}
.steps.card3 li::before{background:var(--accent);color:var(--ink);box-shadow:inset 0 0 0 1.5px rgba(29,31,26,.12)}
/* roomier sections, plain bank list, monochrome tile icons */
@media (min-width:960px){.sec{padding-block:88px}main.lp .sec h2{margin-bottom:34px}}
.banks li,.banks li{border:0;background:none;padding:4px 14px 4px 0;border-radius:0;font-weight:600}
.tile .ic{filter:grayscale(1);background:#ecebe4}
.free-tag{display:inline-block;margin:2px 0 8px;padding:3px 8px;border-radius:5px;background:#1d1f1a;color:#fff;font:700 11px/1.3 var(--f-body,system-ui);letter-spacing:.08em;text-transform:uppercase}
.hh-card{position:relative;overflow:visible}
.hh-card .free-tag{position:absolute;z-index:2;top:-12px;left:22px;margin:0;padding:5px 10px;font-size:12px;box-shadow:0 2px 6px rgba(0,0,0,.18)}
/* steps sit inside the hero block: no divider, no gap */
#how{border-top:0;padding-top:8px!important}
#how h2{font-size:clamp(22px,2.4vw,28px)}
.tile .ic{filter:none;background:var(--accent,#ffd60a);color:#1d1f1a}.tile .ic svg{width:22px;height:22px}
.tile .ic svg{width:24px!important;height:24px!important}
/* laptops: hero + steps fit one screen; type scales with screen height */
@media (min-width:960px){
  main.lp .hero-home h1{font-size:clamp(34px,min(4.2vw,6.4vh),58px);max-width:15ch;margin-bottom:16px}
  .hero-home .lede{font-size:clamp(15px,2.2vh,19px)}
  .hero-home{row-gap:clamp(14px,2.4vh,30px)}
  .hh-card .drop{padding:clamp(18px,3.4vh,36px) 26px clamp(16px,3vh,30px)}
}
@media (min-width:960px) and (max-height:900px){
  .hero:has(.hero-home){padding:20px 0 6px}
  .hh-card .drop .docs-ic{width:40px;height:40px}
  .hh-facts .ticks li{margin:4px 0}
  #how h2{font-size:22px;margin-bottom:10px}
  .steps.card3 li{padding-block:14px}
}
@media (min-width:960px) and (max-height:900px){
  .hh-card{align-self:start}
  .hh-card .drop .note,.hh-card .drop p.small{font-size:13px;line-height:1.45}
  .steps.card3 h3{margin:6px 0 2px}.steps.card3 li > span,.steps.card3 li b:first-child{transform:scale(.85)}
}
@media (min-width:960px) and (max-height:900px){
  main.lp .hero-home h1{font-size:clamp(34px,min(4vw,5.8vh),52px)}
  .steps.row.card3 li{grid-template-columns:30px 1fr!important;grid-template-rows:auto!important;gap:12px;padding:12px 16px}
  .steps.row.card3 li::before{width:30px;height:30px;font-size:14px}
}
/* FREE · NO CARD: a flat pill sitting on the card's top edge */
.hh-card .free-tag{left:auto;right:20px;top:-12px;padding:6px 13px;border-radius:999px;font-size:12px;letter-spacing:.08em;
  background:var(--accent,#ffd91f);color:var(--ink,#1d1f1a);
  box-shadow:0 2px 6px -1px rgba(29,31,26,.25),0 0 0 3px var(--surface,#fffdf6)}
@media (max-width:959px){.hh-card .free-tag,.drop .free-tag{position:absolute;right:16px;top:-12px;left:auto}.drop{position:relative}}
/* smaller home H1 */
main.lp .hero-home h1{font-size:clamp(28px,7vw,38px)!important;max-width:18ch}
@media (min-width:960px){main.lp .hero-home h1{font-size:clamp(32px,min(3vw,5vh),44px)!important}}
/* short laptop screens (≤720px tall): tighter still */
@media (min-width:960px) and (max-height:720px){
  .hero:has(.hero-home){padding:14px 0 4px}
  main.lp .hero-home h1{font-size:clamp(26px,min(2.8vw,4.8vh),36px)!important;margin-bottom:8px}
  .hero-home .lede{font-size:15px;line-height:1.5;margin-bottom:0}
  .hero-home{row-gap:8px}
  .hh-facts .ticks li{margin:2px 0;font-size:14px}
  .hh-card{padding:12px}
  .hh-card .drop{padding:16px 22px 14px}
  .hh-card .drop .docs-ic{display:none}
  .hh-card .drop h2{margin-bottom:2px}
  #how h2{font-size:19px;margin-bottom:8px}
  .steps.row.card3 li{padding:10px 14px}
  .steps.card3 h3{font-size:15px}.steps.card3 p{font-size:13px;line-height:1.45}
}
/* narrow desktops (960-1199): text wraps more, so trim the lede and steps */
@media (min-width:960px) and (max-width:1199px){
  .hero-home{column-gap:36px}
  .hero-home .lede{font-size:15px}
  .steps.card3 p{font-size:13px;line-height:1.45}
}
/* intro paragraph scales with screen height on desktop */
@media (min-width:960px){main.lp .hero-home .sub{font-size:clamp(15px,2.3vh,19px);line-height:1.55;margin-bottom:0}}
@media (min-width:960px) and (max-width:1199px){main.lp .hero-home .sub{font-size:15px}main.lp .hero-home h1{font-size:clamp(26px,min(2.9vw,4.6vh),35px)!important}}
/* free-checklist: contact-first landing */
.fc-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.fc-pills span{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:13px;font-weight:650}
.fc-pills b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#e4f2ea;color:#2f765c;font-size:11px}
.fc-card{position:relative;padding:28px 26px 22px;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:0 30px 60px -36px rgba(29,31,26,.45)}
.fc-card .free-tag{position:absolute;right:-10px;top:-16px;margin:0;padding:8px 14px 7px;border-radius:8px;font-size:12px;letter-spacing:.12em;transform:rotate(7deg);box-shadow:0 8px 18px -6px rgba(29,31,26,.45);outline:1px dashed rgba(255,255,255,.35);outline-offset:-5px}
.fc-card h2{margin:0 0 6px;font-size:clamp(22px,2.4vw,28px);letter-spacing:-.03em}
.fc-sub{margin:0 0 18px;color:var(--muted);line-height:1.5}
.fc-card label{display:block;margin:12px 0 6px;font-size:14px;font-weight:700}
.fc-card input:not([type=checkbox]){box-sizing:border-box;width:100%;height:54px;padding:0 16px;border:1.5px solid #cfd2c6;border-radius:12px;background:#fff;font:inherit;font-size:16px;color:var(--ink)}
.fc-card input:not([type=checkbox]):focus{outline:3px solid #1d1f1a;outline-offset:1px;border-color:#1d1f1a}
.fc-card .hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.fc-card label.fc-ck{display:flex;gap:10px;align-items:flex-start;margin:14px 0 4px;font-weight:500;font-size:14px;line-height:1.4;cursor:pointer}
.fc-ck input{width:20px;height:20px;margin:0;flex:none;accent-color:#1d1f1a}
.fc-go{display:flex;width:100%;justify-content:space-between;margin-top:14px;box-sizing:border-box;text-decoration:none}
.fc-go:disabled{opacity:.6;cursor:wait}
.fc-err{margin:10px 0 0;padding:10px 12px;border-radius:10px;background:#fdecea;color:#8a1c12;font-size:14px;font-weight:600}
.fc-fine{margin:12px 0 0;text-align:center;font-size:12.5px;color:var(--muted)}
.fc-next{display:flex;gap:12px;align-items:flex-start;margin-top:18px;padding:14px 16px;border-radius:14px;background:var(--bg)}
.fc-next>b{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:8px;background:var(--accent,#ffd60a);color:#1d1f1a}
.fc-next strong{display:block;font-size:14px}.fc-next span{display:block;margin-top:2px;color:var(--muted);font-size:13px;line-height:1.45}
.fc-done{text-align:left}.fc-done:focus{outline:none}
.fc-preview{display:grid;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--surface)}
.fc-art{display:flex;align-items:center;justify-content:center;min-height:280px;padding:36px;background:#1d1f1a}
.fc-paper{width:min(280px,100%);padding:24px;border-radius:16px;background:#fff;color:var(--ink);transform:rotate(-3deg);box-shadow:0 20px 44px rgba(0,0,0,.35)}
.fc-paper small{display:block;margin-bottom:6px;font-size:10.5px;font-weight:650;letter-spacing:.14em;color:var(--muted)}
.fc-paper h3{margin:0 0 12px;font-size:21px}
.fc-paper ul{list-style:none;margin:0;padding:0}
.fc-paper li{display:flex;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--line);font-size:14px;font-weight:650}
.fc-paper .bx{display:grid;place-items:center;flex:none;width:20px;height:20px;border-radius:5px;background:var(--accent,#ffd60a);color:#1d1f1a;font-size:12px;font-weight:700}
.fc-copy{padding:30px 24px}.fc-copy h2{margin:0 0 8px}
@media (min-width:820px){.fc-preview{grid-template-columns:.9fr 1.1fr}.fc-copy{padding:44px 48px}}
/* the one-button upload card outside the home hero (start.html) */
.hero-grid .home-drop{position:relative;padding:32px 24px 26px}
.hero-grid .home-drop .free-tag{position:absolute;z-index:2;right:-10px;top:-16px;left:auto;margin:0;padding:8px 14px 7px;border-radius:8px;font-size:12px;letter-spacing:.12em;transform:rotate(7deg);box-shadow:0 8px 18px -6px rgba(29,31,26,.45);outline:1px dashed rgba(255,255,255,.35);outline-offset:-5px}
/* very narrow phones (≤360): the hero grid may shrink, and the big button with it */
.hero-home>*{min-width:0}
@media (max-width:360px){.go-btn{font-size:17px;padding-left:18px;gap:10px}.go-btn b{width:42px;height:42px}}
/* free-checklist on phones (ad traffic, often in the Facebook/Instagram app): the form button on the first screen */
@media (max-width:640px){.fc-pills,.fc-card .fc-sub{display:none}.fc-card{padding:20px 18px 18px}.fc-card h2{margin-bottom:0}.fc-card label{margin-top:8px}.fc-card input:not([type=checkbox]){height:50px}}
/* see.html: sample-first visual landing (one idea per screen, few words, the product is the picture) */
main.lp .see-hero{padding:14px 0 30px;text-align:center}
main.lp .see-hero h1{margin:8px auto 14px;font-size:clamp(38px,9.5vw,76px);line-height:.98;letter-spacing:-.045em}
main.lp .see-hero h1 mark{background:linear-gradient(transparent 62%,var(--accent,#ffd60a) 62%);color:inherit;padding:0 .04em}
.see-kick{margin:0}
.see-demo{max-width:520px;margin:0 auto 18px;padding:10px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:0 26px 50px -34px rgba(29,31,26,.45);text-align:left}
.see-lines{list-style:none;margin:0;padding:0;display:grid;gap:5px}
@media (max-width:380px){.see-lines li{font-size:12px;padding:8px 9px;gap:6px}}
.see-lines li{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:9px 11px;border-radius:12px;background:var(--bg);font:600 13.5px/1.25 ui-monospace,SFMono-Regular,Menlo,monospace;transition:opacity .4s,transform .4s}
.see-lines li b{font-weight:700}.see-lines li b.pos{color:#2f765c}
.see-lines .tg{font:700 11.5px/1 -apple-system,system-ui,sans-serif;font-style:normal;padding:4px 8px;border-radius:999px;opacity:0;transform:translateY(-3px);transition:opacity .35s,transform .35s}
.tg.in{background:#e4f2ea;color:#2f765c}.tg.biz{background:#fff3c4;color:#5c4a00}.tg.out{background:#eceae2;color:#6b6a62}
.see-lines li.on .tg{opacity:1;transform:none}
.see-lines li[data-k="out"].on{opacity:.55}
.see-lines li[data-k="out"].on span{text-decoration:line-through}
.see-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}
.see-tiles div{padding:10px 10px 12px;border-radius:14px;background:#1d1f1a;color:#fff;transition:transform .3s}
.see-tiles small{display:block;font-size:11px;font-weight:700;color:#cfcab6;letter-spacing:.02em}
.see-tiles b{display:block;margin-top:4px;font-size:clamp(20px,5.6vw,30px);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.see-demo.done .see-tiles div{animation:seePop .5s ease}
@keyframes seePop{50%{transform:scale(1.04)}}
.see-hero .go-btn{margin:0 auto}
main.lp .see-fine{margin:22px 0 0;color:var(--muted);font-size:13px}
main.lp .see-sec{padding:56px 0;text-align:center;border-top:1px solid var(--line)}
main.lp .see-sec h2,main.lp .see-end h2{margin:0 0 22px;font-size:clamp(30px,6.5vw,52px);letter-spacing:-.04em;line-height:1.02}
.see-q{max-width:420px;margin:0 auto;padding:18px;border:1px solid var(--line);border-radius:22px;background:var(--surface);text-align:left}
.see-ql{display:flex;justify-content:space-between;font:700 14px ui-monospace,SFMono-Regular,Menlo,monospace}
.see-q>p{margin:10px 0;font-size:22px;font-weight:700;letter-spacing:-.02em}
.see-qb{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.see-qb button{height:52px;border:1.5px solid #cfd2c6;border-radius:14px;background:#fff;font-family:inherit;font-weight:700;font-size:17px;color:inherit;cursor:pointer}
.see-qb button[aria-pressed="true"]{border-color:#1d1f1a;box-shadow:inset 0 0 0 1.5px #1d1f1a}
main.lp .see-q .see-qr{margin:12px 0 0;font-size:15px;font-weight:500;color:var(--muted);letter-spacing:0}
.see-qr b{color:var(--ink,#1d1f1a)}
.see-files{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:560px;margin:0 auto}
.see-files figure{margin:0}.see-files figcaption{margin-top:10px;font-size:14px;font-weight:650}
.see-sheet{display:grid;grid-template-columns:1fr auto;border:1px solid #c9d9c9;border-radius:12px;overflow:hidden;background:#fff;transform:rotate(-2deg);box-shadow:0 16px 30px -22px rgba(0,0,0,.5)}
.see-sheet i{font-style:normal;padding:8px 9px;border-bottom:1px solid #e3ece3;font-size:13px;text-align:left}.see-sheet i:nth-child(even){text-align:right;font-weight:700}
.see-sheet i:nth-child(-n+2){background:#1f7a46;color:#fff;font-weight:700}
.see-paper{padding:14px;border-radius:12px;background:#fff;border:1px solid var(--line);transform:rotate(2deg);box-shadow:0 16px 30px -22px rgba(0,0,0,.5);text-align:left}
.see-paper small{display:block;font-size:10.5px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.see-paper p{display:flex;justify-content:space-between;margin:8px 0 0;padding-top:8px;border-top:1px solid var(--line);font-size:14px}
.see-trust{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:640px}
.see-trust li{display:grid;gap:8px;justify-items:center;font-size:15px;line-height:1.2}
.see-trust span{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:var(--accent,#ffd60a);font-size:24px;font-weight:700}
main.lp .see-end{padding:56px 0 70px;text-align:center;border-top:1px solid var(--line)}
.see-end .go-btn{margin:0 auto}
@media (min-width:960px){main.lp .see-hero{padding:46px 0 50px}main.lp .see-sec{padding:90px 0}}
@media (prefers-reduced-motion:reduce){.see-lines li,.see-lines .tg,.see-tiles div{transition:none;animation:none}}
/* see.html: everything that looks tappable does something */
.see-lines{cursor:pointer}
.see-tiles button{display:block;width:100%;padding:10px 10px 12px;border:0;border-radius:14px;background:#1d1f1a;color:#fff;font:inherit;text-align:left;cursor:pointer;transition:transform .15s,box-shadow .15s}
.see-tiles button:active{transform:scale(.97)}
.see-tiles button[aria-pressed="true"]{box-shadow:0 0 0 3px var(--accent,#ffd60a)}
.see-demo.done .see-tiles button{animation:seePop .5s ease}
.see-tip{min-height:1.4em;margin:10px 2px 0;font-size:14px;color:var(--muted);text-align:center}
.see-files figure{cursor:pointer;transition:transform .15s}.see-files figure:active{transform:scale(.97)}
.see-files figure:hover .see-sheet,.see-files figure:hover .see-paper{transform:rotate(0)}
.see-sheet,.see-paper{transition:transform .25s}
.see-trust button{display:grid;gap:8px;justify-items:center;width:100%;padding:6px;border:0;border-radius:16px;background:none;font:inherit;font-size:15px;line-height:1.2;color:inherit;cursor:pointer}
.see-trust button[aria-pressed="true"] span{box-shadow:0 0 0 3px #1d1f1a}
.see-trust button:active span{transform:scale(.94)}
main.lp .see-sec .see-tip{margin-top:16px}
/* see.html: light BAS boxes and trust icons (no heavy black blocks; yellow stays for the main button) */
.see-tiles button{background:#fff;color:var(--ink,#1d1f1a);border:1px solid var(--line)}
.see-tiles small{color:var(--muted)}
.see-tiles button[aria-pressed="true"]{box-shadow:inset 0 0 0 1.5px #1d1f1a;border-color:#1d1f1a}
.see-trust span{background:#fff;border:1px solid var(--line)}
.see-trust button[aria-pressed="true"] span{box-shadow:inset 0 0 0 1.5px #1d1f1a;border-color:#1d1f1a}
/* see.html polish: whitespace instead of rules, soft depth, clear pressed state, nothing under the bottom menu */
main.lp .see-sec,main.lp .see-end{border-top:0}
.see-demo{border-color:transparent;box-shadow:0 1px 2px rgba(29,31,26,.06),0 24px 48px -28px rgba(29,31,26,.35)}
.see-lines li{background:#f6f4ec}
.see-tiles button{border:1px solid #d9d6cc;box-shadow:0 1px 2px rgba(29,31,26,.06),0 8px 16px -12px rgba(29,31,26,.35)}
.see-tiles button:hover{border-color:#bdb9ab}
.see-tiles button[aria-pressed="true"]{border-color:#1d1f1a;box-shadow:0 0 0 2px #1d1f1a}
.see-tip{margin-top:14px}
.see-q{border-color:transparent;box-shadow:0 1px 2px rgba(29,31,26,.06),0 24px 48px -28px rgba(29,31,26,.35)}
.see-qb button{border-color:#d9d6cc}.see-qb button[aria-pressed="true"]{border-color:#1d1f1a;box-shadow:0 0 0 2px #1d1f1a}
.see-trust span{border:1px solid #d9d6cc;box-shadow:0 8px 16px -12px rgba(29,31,26,.35)}
.see-trust button[aria-pressed="true"] span{border-color:#1d1f1a;box-shadow:0 0 0 2px #1d1f1a}
@media (max-width:640px){main.lp .see-hero{padding-bottom:84px}main.lp .see-sec{padding:44px 0}main.lp .see-end{padding-bottom:110px}}
@media (max-width:640px){main.lp .see-hero{padding-top:10px}main.lp .see-hero h1{margin-bottom:10px}.see-lines li{padding:8px 10px}.see-tiles b{margin-top:2px}.see-tiles button{padding:9px 9px 10px}.see-demo .see-tip{margin-top:8px;font-size:13px}.see-demo{margin-bottom:14px}}

/* home-v3: Dima's concept in the site's own look (white cards, soft shadows, yellow as the only colour) */
main.lp .v3-hero{padding:28px 0 40px}
.v3-hero .wrap{display:grid;gap:28px;align-items:center}
.v3-eyebrow{margin:0 0 10px;font-size:12px;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
main.lp .v3-hero h1{margin:0 0 16px;font-size:clamp(46px,11vw,84px);line-height:.95;letter-spacing:-.05em}
main.lp .v3-hero h1 mark,main.lp .v3-sec h2 mark{background:linear-gradient(transparent 62%,var(--accent,#ffd60a) 62%);color:inherit;padding:0 .04em}
main.lp .v3-lead{font-size:18px;line-height:1.5;color:var(--muted);max-width:30em;margin:0 0 22px}.v3-lead b{color:var(--ink)}
.v3-act{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}
.v3-alt{font-weight:700;color:inherit;text-decoration:underline;text-decoration-color:var(--accent,#ffd60a);text-decoration-thickness:3px;text-underline-offset:5px}
main.lp .v3-fine{margin:22px 0 0;color:var(--muted);font-size:13px}
.v3-art{position:relative;height:430px;max-width:560px;width:100%;margin:0 auto}
.v3-disc{position:absolute;inset:6% 6% 4% 8%;border-radius:50%;background:radial-gradient(circle at 40% 35%,#ffe766,var(--accent,#ffd60a))}
.v3-card{background:var(--surface,#fff);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 36px -22px rgba(0,0,0,.45),0 2px 6px rgba(0,0,0,.05)}
.v3-card small{display:block;font-size:10.5px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.v3-stmt{position:absolute;left:2%;top:22%;width:58%;padding:14px 14px 6px;transform:rotate(-6deg);font-size:11px}
.v3-doc-top{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:8px;margin-bottom:4px;border-bottom:2px solid var(--ink)}
.v3-doc-top b{font-size:14px;line-height:1.05;text-transform:uppercase;letter-spacing:-.02em}.v3-doc-top small{text-align:right;line-height:1.4;font-size:9px}
.v3-stmt p,.v3-rep p,.v3-xlmini p{display:flex;justify-content:space-between;gap:8px;margin:0;padding:7px 0;border-bottom:1px solid var(--line);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.v3-stmt p.in b{color:#1f7a46}.v3-stmt p.hl,.v3-rep p.hl,.v3-big tr.hl td{background:var(--accent-soft,#fff7d1)}.v3-stmt p.hl{margin:0 -6px;padding:7px 6px}
.v3-rcpt{position:absolute;left:30%;top:0;width:34%;padding:12px;transform:rotate(7deg);font-size:10px;z-index:2}
.v3-rcpt>b{display:block;font-size:13px;line-height:1.05}.v3-rcpt small{margin:4px 0 8px;letter-spacing:.04em}
.v3-rcpt p{display:flex;justify-content:space-between;margin:0;padding:3px 0}.v3-rcpt p.tot{margin-top:6px;padding-top:6px;border-top:2px solid var(--ink);font-weight:650;font-size:12px}
.v3-rep{position:absolute;right:0;top:26%;width:52%;overflow:hidden;transform:rotate(4deg);z-index:3;font-size:10.5px}
.v3-xl-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:10px 12px;background:#1f7a46;color:#fff}
.v3-xl-top small{color:rgba(255,255,255,.8)}.v3-xl-top b{font-size:14px}
.v3-rep .v3-xl-top{display:block}.v3-rep p{padding:6px 12px}.v3-rep em{font-style:normal;color:var(--muted);margin-left:auto}
.v3-xl-foot{margin:0;padding:9px 12px;font-size:11px;font-weight:650;color:#1f7a46}
.v3-ask{position:absolute;left:6%;bottom:0;width:66%;padding:12px 14px;z-index:4;transform:rotate(-2deg);border:2px solid var(--ink)}
.v3-ask>b,.v3-choice>b{display:block;margin:6px 0 10px;font-size:16px;letter-spacing:-.02em}
.v3-chips{display:flex;flex-wrap:wrap;gap:6px}
.v3-chips button{border:1.5px solid var(--line);background:var(--surface,#fff);border-radius:999px;padding:6px 12px;font:inherit;font-size:13px;font-weight:650;cursor:pointer;color:inherit}
.v3-chips button[aria-pressed="true"]{border:2px solid var(--ink)}
main.lp .v3-sec{padding:56px 0;border-top:1px solid var(--line)}
main.lp .v3-sec h2,main.lp .v3-band h2,main.lp .v3-end h2{margin:0 0 14px;font-size:clamp(32px,6.5vw,54px);letter-spacing:-.04em;line-height:1.02}
main.lp .v3-note{color:var(--muted);font-size:16px;line-height:1.5;max-width:34em;margin:0 0 26px}
.v3-trust b{font-size:15px}
.v3-steps{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.v3-steps>li{display:grid;grid-template-columns:44px 1fr;gap:6px 16px;align-items:start;padding:22px;border-radius:18px;background:var(--surface,#fff);border:1px solid var(--line)}
.v3-n{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--accent,#ffd60a);font-weight:700;font-size:18px}
main.lp .v3-steps h3{margin:6px 0 6px;font-size:22px;letter-spacing:-.02em}main.lp .v3-steps p{margin:0;color:var(--muted);line-height:1.5}
.v3-vis{grid-column:1/-1;display:flex;justify-content:center;align-items:center;min-height:150px;margin-top:10px;border-radius:14px;background:var(--accent-soft,#fff7d1);padding:16px}
.v3-mini{display:grid;place-items:end center;width:74px;height:92px;margin:0 -8px;padding-bottom:10px;border-radius:8px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 20px -14px rgba(0,0,0,.5);font-style:normal;font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.06em;background-image:linear-gradient(var(--line) 0 0),linear-gradient(var(--line) 0 0),linear-gradient(var(--line) 0 0);background-size:52px 3px,40px 3px,48px 3px;background-position:11px 16px,11px 26px,11px 36px;background-repeat:no-repeat}
.v3-mini:nth-child(1){transform:rotate(-8deg)}.v3-mini:nth-child(2){transform:rotate(4deg) translateY(-6px);z-index:1}.v3-mini:nth-child(3){transform:rotate(-2deg)}
.v3-choice{width:100%;max-width:300px;padding:14px}
.v3-xlmini{width:100%;max-width:320px;overflow:hidden;font-size:12px}.v3-xlmini p{padding:7px 12px}.v3-xlmini p b{font-weight:650}
main.lp .v3-band{padding:60px 0;background:var(--accent,#ffd60a)}
.v3-band .wrap{display:grid;gap:28px;align-items:center}.v3-band .v3-eyebrow{color:rgba(0,0,0,.6)}
main.lp .v3-band p{font-size:17px;line-height:1.5;margin:0;max-width:36em}
.v3-bandcard{padding:18px 20px;max-width:360px}.v3-bandcard>b{display:block;font-size:22px;letter-spacing:-.02em;margin:6px 0 10px}
.v3-bandcard ul{list-style:none;margin:0;padding:0}.v3-bandcard li{padding:9px 0;border-top:1px solid var(--line);font-weight:650}.v3-bandcard li::before{content:"✓";font-weight:700;margin-right:9px}
.v3-result{display:grid;gap:26px;align-items:center}
.v3-big{overflow:hidden}.v3-big table{width:100%;border-collapse:collapse;font-size:13px}
.v3-big th{text-align:left;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--bg,#f6f4ec)}
.v3-big td,.v3-big th{padding:11px 10px;border-bottom:1px solid var(--line)}.v3-big td:nth-child(3){font-weight:650}
main.lp .v3-end .v3-note{margin:0 auto 24px}
@media (max-width:520px){.v3-art{height:360px}.v3-stmt{font-size:9.5px;width:62%}.v3-rep{font-size:9.5px;width:56%}.v3-rcpt{font-size:9px;width:38%}.v3-ask{width:78%}.v3-ask>b{font-size:14px}.v3-big td,.v3-big th{padding:9px 6px;font-size:12px}}
@media (min-width:900px){.v3-hero .wrap{grid-template-columns:1fr 1.05fr}main.lp .v3-hero{padding:56px 0 64px}.v3-art{height:520px}
  .v3-steps{grid-template-columns:repeat(3,1fr)}.v3-band .wrap{grid-template-columns:1.4fr 1fr}.v3-result{grid-template-columns:.85fr 1.15fr;gap:56px}main.lp .v3-sec,main.lp .v3-band{padding:96px 0}}
main.lp .v3-big table{display:table;width:100%}
.v3-mini{width:84px;margin:0 2px}.v3-stmt{width:50%;left:0}.v3-stmt p{font-size:10px}
@media (max-width:520px){.v3-stmt{width:54%}.v3-mini{width:74px;font-size:10px}}
@media (max-width:520px){.v3-art{height:340px}.v3-rcpt{display:none}.v3-stmt{top:6%;width:60%;transform:rotate(-5deg)}.v3-rep{top:18%;width:56%}.v3-ask{width:84%;left:3%}}
.see-qb{grid-template-columns:1fr 1fr}.v3-chips button{padding:6px 11px}
@media (max-width:520px){.v3-ask .v3-chips button{font-size:12px;padding:5px 9px}}
.v3-act .go-btn{margin:0}   /* home-v4: the button lines up with the text above it */
@media (max-width:520px){.v3-act{justify-content:center}}
/* ===== home-v5: bold yellow, big type, live demo, gentle motion ===== */
.v5{--ink:#141511;--y:#ffd400;--ease:cubic-bezier(.2,.8,.2,1)}
.v5-hero{background:var(--y,#ffd400);padding:56px 0 0;position:relative;overflow:hidden}
.v5-hero::after{content:"";position:absolute;right:-180px;top:-160px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.45),transparent 65%);pointer-events:none}
.v5-hero>.wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;position:relative;z-index:1}
.v5-kicker{display:inline-block;font-size:15px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin:0 0 18px;padding:6px 12px;border:2px solid #141511;border-radius:999px}
.v5-hero h1{font-size:clamp(38px,5vw,68px);line-height:.98;letter-spacing:-.035em;margin:0 0 22px;color:#141511}
.v5-hl{background:#141511;color:#ffd400;padding:0 .14em;border-radius:.12em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
main.lp .v5-lead{font-size:21px;line-height:1.5;margin:0 0 28px;color:#141511;max-width:34em}
.v5-act{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px}.v5-act .go-btn{margin:0}
.v5-hero .go-btn{background:#141511;color:#fff;box-shadow:0 4px 0 #000,0 18px 30px -14px rgba(0,0,0,.6)}.v5-hero .go-btn b,.v5-end .go-btn b{background:#ffd400 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23141511' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/22px no-repeat}
.go-btn{transition:transform .16s var(--ease,ease),box-shadow .16s ease}.go-btn:active{transform:translateY(2px) scale(.98)}
.v5-center{justify-content:center;margin-top:36px}
.v5-alt{font-size:19px;font-weight:650;color:#141511;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px;padding:10px 4px;transition:text-underline-offset .2s}
.v5-alt:hover{text-underline-offset:8px}
.v5-ticks{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-wrap:wrap;gap:8px 24px;font-size:17px;font-weight:600;color:#141511}.v5-ticks li::before{content:"✓ ";font-weight:700}
.v5-demo{background:#fff;border-radius:28px;padding:22px;box-shadow:0 30px 60px -30px rgba(0,0,0,.45),0 0 0 2px #141511;display:grid;gap:12px;transform:rotate(1.2deg)}
.v5-who{display:flex;flex-wrap:wrap;gap:6px}.v5-who button,.v5-chips button{font:700 16px var(--f-body);padding:8px 14px;border-radius:999px;border:2px solid #dcdcd2;background:#fff;color:#141511;cursor:pointer;transition:border-color .15s,background .15s,transform .12s}
.v5-who button[aria-pressed=true]{background:#141511;color:#fff;border-color:#141511}
.v5-chips button[aria-pressed=true]{border-color:#141511;background:#fff5b8}
.v5-who button:active,.v5-chips button:active{transform:scale(.96)}
.v5-card{border:2px solid #ecece4;border-radius:16px;padding:14px 16px}.v5-card small{display:block;font-size:15px;font-weight:700;color:#6b6d64;margin-bottom:6px}
main.lp .v5-line{display:flex;justify-content:space-between;gap:12px;font-size:20px;margin:0;font-variant-numeric:tabular-nums}
main.lp .v5-q{font-size:21px;font-weight:650;margin:0 0 10px}
.v5-chips{display:flex;flex-wrap:wrap;gap:8px}
.v5-out{border-color:#141511;background:#fff5b8}
.v5-pop{animation:v5pop .5s var(--ease,ease)}@keyframes v5pop{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.v5-banks{margin-top:56px;background:#141511;color:#fff;padding:16px 0;font-size:17px}
.v5-banks .wrap{display:flex;flex-wrap:wrap;gap:8px 26px;align-items:center;justify-content:center}.v5-banks span{color:#c9c9bd}.v5-banks b{color:#ffd400}
.v5-sec{padding:84px 0}.v5-sec h2,.v5-end h2{font-size:clamp(32px,4vw,52px);line-height:1.04;letter-spacing:-.03em;margin:0 0 36px;text-align:center}
.v5-eyebrow{text-align:center;font-size:15px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;color:#7a6400}
.v5-how{background:#fff}
.v5-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;counter-reset:s}
.v5-steps li{position:relative;background:#faf9f2;border-radius:22px;padding:30px 28px;transition:transform .25s var(--ease,ease),box-shadow .25s}
.v5-steps li:hover{transform:translateY(-4px);box-shadow:0 20px 40px -26px rgba(0,0,0,.35)}
.v5-steps h3{font-size:25px;margin:16px 0 8px;letter-spacing:-.01em}main.lp .v5-steps p{font-size:18px;line-height:1.5;margin:0}
.v5-n{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#ffd400;font-weight:700;font-size:26px;box-shadow:0 0 0 2px #141511}
.v5-files{display:grid;grid-template-columns:1fr 1fr;gap:26px;max-width:940px;margin:0 auto}
.v5-file{margin:0;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 0 0 2px #141511,0 24px 40px -28px rgba(0,0,0,.4)}
.v5-tab{background:#1f7a45;color:#fff;font-weight:650;font-size:18px;padding:12px 22px}.v5-tab-k{background:#141511}
.v5-rows{padding:10px 22px}.v5-rows p{display:flex;justify-content:space-between;font-size:19px;margin:0;padding:10px 0;border-bottom:1px solid #eee;font-variant-numeric:tabular-nums}.v5-off{color:#8a8c83;text-decoration:line-through}
.v5-file figcaption{font-size:17px;line-height:1.5;padding:0 22px 22px}
main.lp .v5-email{max-width:940px;margin:28px auto 0;font-size:18px;line-height:1.5;background:#fff5b8;border-radius:16px;padding:18px 22px;border:2px dashed #141511}
.v5-dark{background:#141511;color:#fff}.v5-dark h2{color:#fff}.v5-dark .v5-eyebrow{color:#ffd400}
.v5-grid4{list-style:none;padding:0;margin:0 auto;max-width:1040px;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.v5-grid4 li{background:#1f201b;border:1px solid #33352d;border-radius:20px;padding:26px 28px;font-size:18px;line-height:1.5;color:#d6d6cc}
.v5-grid4 b{display:block;color:#ffd400;font-size:22px;margin-bottom:6px}.v5-grid4 a{color:#fff;font-weight:700}
main.lp .rv-lede{margin:-24px 0 26px;text-align:center;font-size:17px;color:#5b5d55}
.rv-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.rv-card{margin:0;background:#fff;border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:12px;box-shadow:0 0 0 2px #141511}
.rv-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px}
.rv-stars{color:#e0a800;font-size:20px;letter-spacing:2px}.rv-tag{font-size:12px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:#6b6d64}
.rv-card blockquote{margin:0;flex:1;font-size:18px;line-height:1.55}.rv-card figcaption{font-weight:650;font-size:17px}
.rv-all{display:table;margin:24px auto 0;font-weight:650;font-size:18px;color:#141511}
.v5-faqsec{background:#fff}
.v5-faq{max-width:840px;margin:0 auto;display:grid;gap:12px}
.v5-faq details{background:#faf9f2;border-radius:18px;padding:20px 24px;transition:background .2s}.v5-faq details[open]{background:#fff5b8}
.v5-faq summary{font-size:21px;font-weight:650;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}
.v5-faq summary::-webkit-details-marker{display:none}.v5-faq summary::after{content:"+";font-size:28px;line-height:.9;transition:transform .25s var(--ease,ease)}.v5-faq details[open] summary::after{transform:rotate(45deg)}
.v5-faq summary:focus-visible{outline:3px solid #141511;outline-offset:6px;border-radius:6px}.v5-faq summary:focus:not(:focus-visible){outline:none}
main.lp .v5-faq p{font-size:18px;line-height:1.55;margin:12px 0 0}
.v5-end{background:#ffd400;padding:88px 0;text-align:center}.v5-end h2{margin-bottom:14px}.v5-end .v5-lead{margin:0 auto}
.v5-end .go-btn{background:#141511;color:#fff;box-shadow:0 4px 0 #000,0 18px 30px -14px rgba(0,0,0,.6)}
main.lp .v5-small{font-size:17px;font-weight:600;margin:20px 0 0}
.v5-motion .v5-rise{opacity:0;transform:translateY(22px);transition:opacity .6s var(--ease,ease),transform .6s var(--ease,ease)}
.v5-motion .v5-rise.v5-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.v5-pop{animation:none}.v5-demo{transform:none}}
@media (max-width:900px){.v5-hero>.wrap,.v5-steps,.v5-files,.rv-track,.v5-grid4{grid-template-columns:1fr}
 .v5-hero{padding-top:28px}.v5-hero>.wrap{gap:34px}.v5-demo{transform:none}.v5-sec{padding:56px 0}.v5-end{padding:60px 0}
 .v5-act{flex-direction:column;align-items:stretch;text-align:center}.v5-act .go-btn{justify-content:center;width:100%}.v5-banks{margin-top:36px;font-size:15px}.v5-banks .wrap{gap:6px 16px}}
/* home-v5 calmer pass: yellow only for the main button and small accents, black only for text */
.v5-hero{background:#fbfaf4}
.v5-hero::after{background:radial-gradient(circle,rgba(255,212,0,.28),transparent 65%)}
.v5-kicker{border:0;padding:0;color:#7a6400}
.v5-hl{background:linear-gradient(transparent 60%,#ffe352 60%);color:inherit;padding:0;border-radius:0}
.v5-hero .go-btn,.v5-end .go-btn{background:linear-gradient(#ffe352,#ffd400);color:#1d1f1a;box-shadow:inset 0 2px 0 rgba(255,255,255,.65),inset 0 -3px 0 rgba(160,110,0,.28),0 3px 0 #d4a300,0 16px 28px -14px rgba(0,0,0,.5)}
.v5-hero .go-btn b,.v5-end .go-btn b{background-color:#1d1f1a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffd91f' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E")}
.v5-demo{box-shadow:0 30px 60px -30px rgba(0,0,0,.3),0 0 0 1px #e6e4da}
.v5-who button[aria-pressed=true]{background:#fff;color:#141511;border-color:#141511}
.v5-chips button[aria-pressed=true]{background:#fff;border-color:#141511}
.v5-out{border-color:#e6e4da;background:#fffbe6}
.v5-n{box-shadow:none}
.v5-file,.rv-card{box-shadow:0 0 0 1px #e6e4da,0 20px 36px -28px rgba(0,0,0,.3)}
.v5-tab-k{background:#5b5d55}
.v5-dark{background:#fff;color:#141511}.v5-dark h2{color:#141511}.v5-dark .v5-eyebrow{color:#7a6400}
.v5-grid4 li{background:#faf9f2;border:0;color:#33352f}.v5-grid4 b{color:#141511}.v5-grid4 a{color:#141511}
.v5-faqsec{background:#faf9f2}.v5-faq details{background:#fff}.v5-faq details[open]{background:#fff}
.v5-end{background:#fff}
/* bank marquee */
.v5-banks{background:transparent;color:#141511;margin-top:48px;padding:0 0 28px}
main.lp .v5-bklab{text-align:center;font-size:16px;font-weight:700;color:#5b5d55;margin:0 0 12px}
.v5-marq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.v5-run{display:flex;width:max-content;gap:12px;animation:v5run 38s linear infinite}
.v5-marq:hover .v5-run{animation-play-state:paused}
.v5-bk{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;background:#fff;border:1px solid #e6e4da;border-radius:999px;font-size:17px;font-weight:700;white-space:nowrap}
.v5-bk img{width:28px;height:28px;border-radius:7px}
@keyframes v5run{to{transform:translateX(calc(-50% - 6px))}}
@media (prefers-reduced-motion:reduce){.v5-run{animation:none;flex-wrap:wrap;justify-content:center;width:auto}.v5-run .v5-bk:nth-child(n+12){display:none}}
/* home-v5 final block: everything on one centre line */
main.lp .v5-end .v5-lead{text-align:center;margin:0 auto;max-width:34em}
.v5-end .v5-act{flex-direction:column;align-items:center;gap:10px}
.v5-end h2{text-align:center}
.v5-banks .v5-bk{color:#141511}
body:has(.v5-end) footer.foot{border-top:0;padding-top:36px}
.v5-banks .v5-bk{font-size:15px;padding:6px 14px 6px 6px;gap:8px}.v5-banks .v5-bk img{width:22px;height:22px;border-radius:5px}
/* home-v5 hero visual: in -> YellowBAS -> out */
.v5-flow2{background:#fff;border-radius:26px;padding:20px;box-shadow:0 30px 60px -30px rgba(0,0,0,.3),0 0 0 1px #e6e4da;display:grid;gap:4px}
.v5-stage{border-radius:18px;padding:14px 16px;background:#faf9f2}
main.lp .v5-lab{margin:0 0 10px;font-size:15px;font-weight:650;letter-spacing:.05em;text-transform:uppercase;color:#6b6d64}
.v5-docs{display:flex;flex-wrap:wrap;gap:8px}
.v5-doc{display:inline-flex;flex-direction:column;padding:9px 14px 9px 46px;background:#fff;border:1px solid #e6e4da;border-radius:12px;font-weight:650;font-size:17px;position:relative;line-height:1.2}
.v5-doc small{font-weight:500;font-size:13px;color:#6b6d64;margin-top:2px}
.v5-doc::before{content:attr(data-x);position:absolute;left:10px;top:50%;transform:translateY(-50%);width:26px;height:30px;border-radius:4px;display:grid;place-items:center;font:800 9px var(--f-body);color:#fff}
.v5-pdf2::before{content:"PDF";background:#c8372d}.v5-img::before{content:"JPG";background:#3a6fb0}.v5-opt::before{content:"PAY";background:#8a8c83}
.v5-bas::before{content:"BAS";background:#141511}.v5-xls::before{content:"XLS";background:#1f7a45}
.v5-opt{opacity:.75}
.v5-down{display:block;height:22px;position:relative}.v5-down::before{content:"";position:absolute;left:50%;top:2px;bottom:2px;border-left:2px dashed #c9c7b8}
.v5-down::after{content:"";position:absolute;left:calc(50% - 5px);bottom:0;border:5px solid transparent;border-top:7px solid #c9c7b8;border-bottom:0}
.v5-mid{background:#fffbe6;border:2px solid #ffd400}
.v5-logo{text-transform:none;letter-spacing:-.01em;color:#141511;font-size:17px}.v5-logo span{background:#ffd400;padding:1px 5px;border-radius:4px;margin-left:2px}
main.lp .v5-tick{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 10px;background:#fff;border-radius:10px;padding:10px 12px;font-size:17px;font-variant-numeric:tabular-nums}
.v5-tick em{font-style:normal;font-weight:650;background:#eef7f1;color:#1f7a45;padding:3px 10px;border-radius:999px;font-size:15px;white-space:nowrap}
.v5-tick em.v5-q2{background:#fff;color:#141511;border:2px solid #141511}
main.lp .v5-ask2{margin:0;font-size:16px;line-height:1.4;color:#33352f}
main.lp .v5-who2{margin:10px 0 0;font-size:15px;font-weight:600;color:#33352f}
@media (max-width:420px){.v5-doc{font-size:15px;padding-left:42px}}
/* bank strip: plain logos + names (not buttons), long enough for any screen */
.v5-banks .v5-bk{background:none;border:0;border-radius:0;padding:4px 0;gap:8px;font-size:15px;font-weight:700;color:#4a4c44;cursor:default}
.v5-banks .v5-run{gap:34px;animation-duration:90s}
@keyframes v5run{to{transform:translateX(calc(-50% - 17px))}}
.v5-marq:hover .v5-run{animation-play-state:running}
@media (prefers-reduced-motion:reduce){.v5-run .v5-bk:nth-child(n+12){display:none}}
/* home-v5 example files: real columns and real BAS labels */
.v5-tbl{padding:6px 16px 0;overflow-x:auto}
.v5-tbl table{width:100%;border-collapse:collapse;font-size:16px;font-variant-numeric:tabular-nums}
.v5-tbl th{font-size:13px;font-weight:650;text-transform:uppercase;letter-spacing:.04em;color:#6b6d64;text-align:right;padding:10px 6px;border-bottom:2px solid #e6e4da}
.v5-tbl td{text-align:right;padding:9px 6px;border-bottom:1px solid #eee;white-space:nowrap}
.v5-tbl th:first-child,.v5-tbl td:first-child{text-align:left;white-space:normal}
.v5-tbl tfoot td{font-weight:650;border-bottom:0;border-top:2px solid #141511}
.v5-tbl tr.v5-off td{color:#8a8c83;text-decoration:line-through}
.v5-file figcaption{padding-top:12px}
.v5-basr i{display:inline-block;min-width:38px;font-style:normal;font-weight:650;font-size:14px;color:#6b6d64}
.v5-basr .v5-pay{border-bottom:0;border-top:2px solid #141511;font-weight:650}
@media (max-width:420px){.v5-tbl{padding:4px 10px 0}.v5-tbl table{font-size:14px}.v5-tbl th{font-size:11px;padding:8px 3px}.v5-tbl td{padding:8px 3px}}
/* ===== home-v5 hero scheme (A, Apple-style): one line, left to right ===== */
.v5-hero>.wrap:first-of-type{grid-template-columns:1fr;max-width:1180px}
.v5-hero .v5-copy{max-width:820px}
.fx{display:grid;grid-template-columns:1fr 72px 1.15fr 72px 1fr;align-items:center;margin:52px 0 0}
.fx-col{background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:28px;padding:24px;display:grid;gap:10px;align-self:stretch;align-content:start;box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 0 0 1px rgba(20,21,17,.06),0 24px 48px -32px rgba(20,21,17,.35)}
main.lp .fx-lab{display:flex;align-items:center;gap:10px;margin:0 0 6px;font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6b6d64}
.fx-lab span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#141511;color:#fff;font-size:13px;letter-spacing:0}
.fx-doc{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px rgba(20,21,17,.06)}
.fx-doc b{display:block;font-size:17px;letter-spacing:-.01em}.fx-doc small{display:block;font-size:14px;color:#6b6d64;margin-top:1px}
.fx-pg{position:relative;flex:none;width:34px;height:42px;border-radius:5px;background:#fff;box-shadow:0 0 0 1px rgba(20,21,17,.14),0 4px 8px -4px rgba(0,0,0,.25);overflow:hidden}
.fx-pg::before{content:"";position:absolute;right:0;top:0;width:10px;height:10px;background:linear-gradient(225deg,#fbfaf4 50%,rgba(20,21,17,.14) 50%)}
.fx-pg::after{content:"";position:absolute;left:6px;right:6px;top:13px;height:9px;background:repeating-linear-gradient(#e2e0d6 0 2px,transparent 2px 4px)}
.fx-pg i{position:absolute;left:0;right:0;bottom:0;font:800 8.5px/1 var(--f-body);font-style:normal;color:#fff;text-align:center;padding:4px 0}
.fx-pg.pdf i{background:#d93a2f}.fx-pg.jpg i{background:#2f6fd6}.fx-pg.pay i{background:#8a8c83}.fx-pg.bas i{background:#141511}.fx-pg.xls i{background:#1d7f47}
.fx-arw{display:grid;place-items:center}.fx-arw svg{width:56px;height:24px;fill:none;stroke:#141511;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.v5-motion .fx-line{stroke-dasharray:56;stroke-dashoffset:56;animation:fxdraw .9s .5s cubic-bezier(.2,.8,.2,1) forwards}
.v5-motion .fx-head{opacity:0;animation:fxfade .3s 1.3s forwards}
.v5-motion .fx-arw+.fx-col .fx-line{animation-delay:1s}
@keyframes fxdraw{to{stroke-dashoffset:0}}@keyframes fxfade{to{opacity:1}}
.fx-mid{position:relative;background:linear-gradient(180deg,#fffdf0,#fff6c7);box-shadow:0 0 0 2px #ffd400,0 30px 60px -30px rgba(200,150,0,.55)}
.fx-mid::before{content:"";position:absolute;inset:-28px;border-radius:44px;background:radial-gradient(closest-side,rgba(255,212,0,.35),transparent);z-index:-1}
.fx-logo{font-weight:700;font-size:26px;letter-spacing:-.03em;margin:-2px 0 6px}.fx-logo b{background:#ffd400;padding:0 7px;border-radius:7px;margin-left:3px}
.fx-row{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff;border-radius:14px;padding:10px 12px;font-size:15px;font-variant-numeric:tabular-nums;box-shadow:0 0 0 1px rgba(20,21,17,.06)}
.fx-row span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;color:#33352f}
.fx-row em{font-style:normal;font-weight:700;font-size:14px;padding:4px 10px;border-radius:999px;white-space:nowrap}
.fx-ok{background:#e9f6ee;color:#1d7f47}.fx-ok::before{content:"✓ "}
.fx-ask{background:#fff;color:#141511;box-shadow:0 0 0 1.5px #141511}
main.lp .fx-note{margin:4px 0 0;font-size:14px;color:#5b5d55}
main.lp .fx-who{margin:6px 0 0;font-size:15px;font-weight:600;color:#33352f}
@media (max-width:900px){.fx{grid-template-columns:1fr;gap:4px;margin-top:36px}.fx-arw{height:44px}.fx-arw svg{transform:rotate(90deg);width:40px}.fx-mid::before{inset:-14px}}
.v5-hero>.wrap{grid-template-columns:1fr!important;display:block}.v5-hero>.wrap .fx{width:100%}
/* home-v5 hero, Hunt ladder top to bottom on one centre line:
   problem cue -> promise -> how -> action -> risk removed -> proof of how (scheme) -> fits your bank */
.v5-hero{padding-top:72px}
.v5-hero .v5-copy{max-width:900px;margin:0 auto;text-align:center}
.v5-hero h1{font-size:clamp(38px,5.4vw,72px);margin-left:auto;margin-right:auto}
main.lp .v5-hero .v5-lead{margin-left:auto;margin-right:auto;max-width:36em}
.v5-hero .v5-copy .v5-act{justify-content:center}
.v5-hero .v5-ticks{justify-content:center}
.v5-kicker{font-size:16px;letter-spacing:.06em}
.fx{margin-top:64px}
@media (max-width:900px){.v5-hero{padding-top:32px}.v5-hero .v5-copy{text-align:left}.v5-hero .v5-ticks{justify-content:flex-start}}
main.lp .v5-hero h1{margin-left:auto!important;margin-right:auto!important}@media (max-width:900px){main.lp .v5-hero h1{margin-left:0!important}}
/* headline: two lines on wide screens */
.v5-hero .v5-copy{max-width:1120px}main.lp .v5-hero h1{max-width:none!important;font-size:clamp(38px,4.6vw,64px)}
@media (max-width:1100px){.v5-br{display:none}}
/* pain line in sentence case, optional payroll, link to the full example */
.v5-kicker{text-transform:none;letter-spacing:0;font-size:clamp(18px,1.6vw,22px);font-weight:700;color:#5b4a00}
.fx-optional{background:transparent;box-shadow:0 0 0 1.5px rgba(20,21,17,.14) inset;border:0;outline:1.5px dashed rgba(20,21,17,.22);outline-offset:-1.5px}
.fx-optional b{color:#5b5d55}
.v5-more{display:inline-block;margin-top:6px;font-weight:650;color:#141511}
/* home-v5: 1-minute guide card under the scheme */
.v5-guide{display:flex;align-items:center;gap:18px;width:max-content;max-width:100%;margin:28px auto 0;padding:10px 22px 10px 10px;background:#fff;border-radius:20px;box-shadow:0 0 0 1px rgba(20,21,17,.08),0 18px 36px -26px rgba(0,0,0,.35);color:#141511;text-decoration:none;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s}
.v5-guide:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(20,21,17,.12),0 24px 40px -24px rgba(0,0,0,.4)}
.v5-guide .th-pic{position:relative;display:block;width:176px;flex:none;border-radius:12px;overflow:hidden}.v5-guide .th-pic svg{display:block;width:100%;height:auto}
.v5-guide .th-play{position:absolute;left:46%;top:58%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:#141511;color:#ffd400;display:grid;place-items:center;font-size:14px;padding-left:3px;transition:transform .2s}
.v5-guide:hover .th-play{transform:scale(1.1)}
.v5-guide .th-dur{position:absolute;right:6px;bottom:6px;background:rgba(20,21,17,.85);color:#fff;font:700 11px var(--f-body);padding:2px 6px;border-radius:5px}
.v5-gtxt b{display:block;font-size:20px}.v5-gtxt span{font-size:15px;color:#5b5d55}
main.lp .fx-who a{color:#141511;font-weight:650;white-space:nowrap}
@media (max-width:520px){.v5-guide{width:100%;gap:12px;padding-right:12px}.v5-guide .th-pic{width:132px}.v5-gtxt b{font-size:17px}}
.v5-bkl{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:5px;background:#e9e7dc;color:#141511;font:800 12px var(--f-body);font-style:normal}
.v5-faqall{display:table;margin:20px auto 0;font-weight:650;font-size:18px;color:#141511}
.v5-banks .v5-run{animation-duration:150s}
/* home-v5 guide as a film poster: big, centred, one clear play button (Apple-style 'watch the film') */
.v5-guide{flex-direction:column;align-items:stretch;gap:0;width:min(780px,100%);margin:56px auto 0;padding:0;border-radius:28px;overflow:hidden;background:#fff}
.v5-guide .th-pic{width:100%;border-radius:0}
.v5-guide .th-play{left:50%;top:52%;width:88px;height:88px;margin:-44px 0 0 -44px;font-size:30px;padding-left:6px;box-shadow:0 12px 30px -8px rgba(0,0,0,.45)}
.v5-guide .th-play::after{content:"";position:absolute;inset:-10px;border-radius:50%;border:3px solid rgba(20,21,17,.35);animation:v5pulse 2.6s ease-out infinite}
@keyframes v5pulse{from{transform:scale(.85);opacity:1}to{transform:scale(1.25);opacity:0}}
.v5-guide .th-dur{right:16px;bottom:14px;font-size:14px;padding:4px 10px;border-radius:8px}
.v5-guide .v5-gtxt{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:18px 24px}
.v5-gtxt b{font-size:22px}.v5-gtxt span{font-size:16px}
@media (prefers-reduced-motion:reduce){.v5-guide .th-play::after{animation:none;opacity:0}}
@media (max-width:520px){.v5-guide{margin-top:36px;border-radius:20px}.v5-guide .th-play{width:64px;height:64px;margin:-32px 0 0 -32px;font-size:22px}.v5-guide .v5-gtxt{flex-direction:column;gap:2px;padding:14px 16px}.v5-guide .th-pic{width:100%}}
.v5-hero .v5-copy .v5-act{flex-direction:column;align-items:center;gap:10px}@media (max-width:900px){.v5-hero .v5-copy .v5-act{align-items:stretch}}
.v5-hero::after{display:none}.v5-bkl{font-size:10px;letter-spacing:-.02em}
button.v5-guide{font:inherit;border:0;cursor:pointer;text-align:left}
/* home-v5 guide, calmer: one horizontal card, poster left, words right */
.v5-guide{flex-direction:row;align-items:center;gap:28px;width:min(900px,100%);margin:48px auto 0;padding:14px 32px 14px 14px;border-radius:26px}
.v5-guide .th-pic{width:340px;border-radius:16px}
.v5-guide .th-play{width:56px;height:56px;margin:-28px 0 0 -28px;font-size:20px;padding-left:4px}
.v5-guide .th-play::after{inset:-7px;border-width:2px}
.v5-guide .v5-gtxt{display:grid;gap:6px;padding:0;justify-items:start}
.v5-gtxt small{font-size:13px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:#7a6400}
.v5-gtxt b{font-size:24px;line-height:1.2;letter-spacing:-.01em}.v5-gtxt span{font-size:16px;line-height:1.45;color:#5b5d55}
.v5-gtxt em{font-style:normal;font-weight:650;font-size:17px;margin-top:6px;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}
.v5-guide:focus{outline:none}.v5-guide:focus-visible{outline:3px solid #141511;outline-offset:4px}
@media (max-width:760px){.v5-guide{flex-direction:column;align-items:stretch;gap:14px;padding:12px 12px 18px}.v5-guide .th-pic{width:100%}.v5-guide .v5-gtxt{padding:0 8px}.v5-gtxt b{font-size:21px}}
/* the 1-minute guide opened on a site page: above the sticky header, tool-sized buttons */
.gd{z-index:1000!important}
.gd .btn{width:auto!important;max-width:none!important;min-height:44px!important;margin:0!important;padding:0 16px!important;border:1px solid #d8d6c6;border-radius:12px;background:#fff;color:#141511;font:700 16px var(--f-body);box-shadow:none}
.gd .btn.primary{background:#ffd400;border-color:#e6bf00}
@media (max-width:900px){.v5-hero .v5-copy{text-align:center!important}main.lp .v5-hero h1{margin-left:auto!important}.v5-hero .v5-ticks{justify-content:center!important;flex-direction:column;align-items:center}}
.v5-alt{text-align:center}.v5-altn{display:block;margin-top:4px;font-size:14px;font-weight:500;color:#5b5d55;text-decoration:none}.v5-alt .v5-altn{text-decoration-line:none}a.v5-alt{display:inline-block}
a.v5-alt{text-decoration:none}.v5-altl{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}
.v5-altn{margin-top:-6px;border:0!important}
/* home-v5 polish: lighter depth, tighter section rhythm, readable secondary text */
.v5-hero .go-btn,.v5-end .go-btn{box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -2px 0 rgba(160,110,0,.22),0 2px 0 #d4a300,0 8px 16px -10px rgba(120,80,0,.45)!important}
.v5-file,.rv-card{box-shadow:0 0 0 1px #e6e4da,0 8px 20px -16px rgba(0,0,0,.22)!important}
.fx-mid{box-shadow:0 0 0 2px #ffd400,0 12px 28px -20px rgba(200,150,0,.45)!important}
.v5-guide{box-shadow:0 0 0 1px rgba(20,21,17,.1),0 8px 20px -16px rgba(0,0,0,.25)!important}
.v5-guide .th-play{box-shadow:0 6px 14px -6px rgba(0,0,0,.4)!important}
.v5-sec{padding:64px 0!important}.v5-end{padding:64px 0!important}.v5-banks{margin-top:40px!important}
@media (max-width:900px){.v5-sec{padding:44px 0!important}.v5-end{padding:48px 0!important}.v5-banks{margin-top:28px!important}}
.fx-doc small,.v5-doc small,main.lp .fx-lab,main.lp .v5-lab,.v5-tbl th,.v5-basr i,.rv-tag,.v5-card small,.v5-altn{color:#45473f!important}
.v5-off,.v5-tbl tr.v5-off td{color:#6b6d64!important}
.v5-how{font-size:13px;font-weight:600;color:#45473f;margin-left:6px;white-space:nowrap}
.rv-lede{margin-top:12px!important}@media (max-width:600px){.v5-faq summary{font-size:17px;gap:10px}.v5-faq summary::after{font-size:24px}.v5-faq details{padding-left:18px!important;padding-right:18px!important}}
.v5-basr p{padding:7px 0!important}
.fx-row.fx-a{display:grid;grid-template-columns:1fr auto;gap:6px 10px;align-items:center}.fx-a>b{font-size:16px;font-weight:650;text-align:right}.fx-a>i{grid-column:1/-1;display:flex;align-items:center;gap:8px;font-style:normal}.fx-a small{font-size:13.5px;font-weight:700;color:#1d7f47}.fx-a .fx-ask{font-size:13.5px}
main.lp .v5-bklab{margin:0 0 18px!important;line-height:1.4}.v5-banks{padding-top:26px!important;padding-bottom:26px!important}

/* headings keep weight; space under every section title */
main.lp h1,main.lp h2{font-weight:750}
.v5-sec h2+*{margin-top:34px!important}.v5-sec h2+p.rv-lede{margin-top:0!important}

/* header identical to other pages */
header.top{font-size:16px;line-height:1.65}

/* step 2 as compact as the cards beside it */
.fx-logo{display:none!important}.fx-row.fx-a{padding:8px 12px!important;gap:3px 10px!important}.fx-row.fx-a em{padding:2px 9px!important}
.shop-ic{width:16px;height:16px;border-radius:4px;vertical-align:-3px;margin-right:6px;flex:none;object-fit:contain}

/* desktop: the whole scheme fits on the first screen */
@media (min-width:900px){.v5-hero{padding-top:30px!important}.v5-ticks{margin-top:16px!important}.fx{margin-top:30px!important}}
@media (min-width:900px) and (max-height:1000px){.v5-hero{padding-top:20px!important}main.lp h1{font-size:54px!important}.v5-lead{margin-bottom:20px!important}.v5-act{gap:6px!important}.v5-act .v5-alt{padding-top:4px!important;padding-bottom:4px!important}.v5-ticks{margin-top:12px!important}.fx{margin-top:24px!important}}
@media (min-width:900px) and (max-height:880px){main.lp h1{font-size:46px!important}.v5-kicker{margin-bottom:6px!important}.v5-hero{padding-top:12px!important}.v5-lead{margin-bottom:14px!important}.fx{margin-top:18px!important}.v5-altn{display:none!important}}
/* BAS draft rows: the amount never runs into the label; on a phone the "8A − 8B" hint goes under the label */
.v5-rows p{gap:12px;align-items:baseline}.v5-rows p>span{min-width:0}.v5-rows p>b{flex:none;white-space:nowrap}
@media (max-width:480px){.v5-rows p{font-size:17px}.v5-basr p>span{display:grid;grid-template-columns:38px 1fr;align-items:baseline}.v5-basr .v5-how{grid-column:2;margin:2px 0 0}}