/* The look: white paper, near-black ink, one highlighter yellow. Sturdy headings, plain reading text.
   Loaded last. The older stylesheets carry the layout; this file carries the character. */
:root{--paper:#fff;--ink:#16150f;--soft:#57554d;--wash:#f1f6f2;--line:#dce5df;--mark:#ffd84a;--yes:#1c7a3c;--amber:#c98a00;
 --sans:"Source Sans 3","Segoe UI",Helvetica,Arial,sans-serif;--display:"Archivo","Arial Narrow",Arial,sans-serif;--serif:var(--display)}
html{background:var(--paper)}
body,.offer-site{font-family:var(--sans);background:var(--paper);color:var(--ink)}
.offer-site button,.offer-site input,.offer-site select,.offer-site textarea{font-family:var(--sans)}

/* Headings */
.offer-site h1,.offer-site h2,.offer-site h3,.offer-site h4,.offer-brand,.offer-site .amount,.case-paper>.case-story,.check-focus-line,.hero-sample .sample-question,.prose .figure-row b,.check-tally b{font-family:var(--display);font-stretch:88%;font-weight:700!important;letter-spacing:-.018em!important;color:var(--ink)}
.offer-site h1{font-weight:800!important;letter-spacing:-.028em!important;line-height:1.02}
.offer-site h3,.offer-site h4{font-weight:600!important;letter-spacing:-.01em!important}
/* The emphasised words get a highlighter stroke, not a change of typeface. */
.editorial-hero h1 em,.page-hero h1 em{font-family:inherit;font-style:normal;font-weight:inherit;letter-spacing:inherit;color:inherit;background:linear-gradient(transparent 56%,var(--mark) 56%,var(--mark) 92%,transparent 92%);padding:0 .06em;margin:0 -.06em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.final-cta h2,.final-cta h2 *{color:#fff}

/* Small labels: plain sentence case, readable size */
.offer-site .overline,.offer-site .eyebrow,.case-top,.case-facts span,.process-title>span,.offer-site .tag,.fit-picture>span,.site-pages b,.prose thead th,.owner-photo figcaption{font-family:var(--sans);font-size:14px!important;letter-spacing:0!important;text-transform:none!important;font-weight:600;color:var(--soft)}
.prose thead th,.case-facts span,.owner-photo figcaption,.case-top{font-size:13px!important}
.final-cta .overline{color:#cfcdc4}

/* Reading text a touch larger than the old theme set it */
.offer-site p,.offer-site li,.offer-site dd{font-size:max(1em,16px)}
.offer-site small,.hero-fine,.check-fine,.prose .note,.case-paper small,.sample-foot,.process-foot p,.final-cta small,.offer-footer>p,.check-row .check-meta{font-size:13px!important;line-height:1.6}
.hero-intro{font-size:21px!important;color:var(--ink)}
.offer-header nav{font-size:15px}
.site-pages a,.offer-footer button,.offer-footer>div>a{font-size:14px}

/* Buttons */
.offer-site .button{background:var(--ink);border:1.5px solid var(--ink);color:#fff;border-radius:8px;font-weight:600;font-size:15px;letter-spacing:0}
.offer-site .button:hover{background:var(--mark);border-color:var(--mark);color:var(--ink)}
.offer-site .button.outline{background:transparent;color:var(--ink)}
.offer-site .button.outline:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.offer-header nav a.button,.prose a.button{color:#fff}
.offer-header nav a.button:hover,.prose a.button:hover{color:var(--ink)}
.final-cta{background:var(--ink)}
.final-cta .button{background:var(--mark);border-color:var(--mark);color:var(--ink)}
.final-cta .button:hover{background:#fff;border-color:#fff}
.offer-site .text-link{font-size:15px;color:var(--ink);border-bottom:2px solid var(--mark);padding-bottom:2px}
.offer-site .text-link:hover{color:var(--ink);border-bottom-color:var(--ink)}
.offer-site :focus-visible{outline:2px solid var(--ink);outline-offset:3px}

/* Cards are flat, with a firm edge. No tilted paper, no drop shadows. */
.case-paper,.hero-sample{box-shadow:none!important;transform:none!important;border:1.5px solid var(--ink);border-radius:10px;background:#fff}
.offer-prices article,.check-card,.related a,.prose .table-wrap,.check-tally,.stakes-grid,.prose .figure-row{border-radius:10px;overflow:hidden}
.main-price{border:1.5px solid var(--ink)!important}
.case-top span:last-child,.offer-site .tag{background:var(--mark);color:var(--ink);padding:3px 9px;border-radius:4px;font-size:12px!important}
.case-top{align-items:center}
.sample-rows b.yes,.check-row.is-yes summary b,.plain-checks li:before,.check-list li:before{color:var(--yes)}
.process-number{font-family:var(--display);font-style:normal;font-weight:800;font-stretch:88%;color:var(--ink)}
.brand-symbol{color:var(--ink)}
.brand-symbol span{color:var(--amber)}
.concept-bar{background:var(--wash);color:var(--soft)}
.owner-note,.check-section,.pricing-section,.stakes-grid>.stakes-after,.prose .answer,.check-seen,.check-saved{background:var(--wash)}
.prose .answer,.check-seen{border-left-color:var(--mark)}
.prose .answer p:last-child,.seen-observation{color:var(--ink)}
.signature{color:var(--ink)}
.search-line b{font-family:var(--display);font-stretch:88%;font-weight:700}
.hero-check{border-color:var(--ink)}
.conversation-photo{background:var(--ink)}
.photo-story figcaption,.conversation-photo figcaption{font-size:15px}
@media(max-width:650px){.offer-site h1{letter-spacing:-.02em!important}.hero-intro{font-size:19px!important}}
.hero-explain,.owner-effort,.note-copy p,.proof-story>p:not(.overline),.check-copy>p:not(.overline),.process-description p,.fit-content>p:not(.overline),.owner-letter>p:not(.overline),.main-price>p,.project-assurance dd,.scope-notes p,.faq-list p,.stakes li,.plain-checks li,.check-list li,.section-heading>p:last-child:not(.overline),.honest-promise p,.offer-faq>div>p:not(.overline),.final-cta p:not(.overline),.case-paper>.case-figure,.sample-focus,.sample-rows>div{font-size:16px!important;line-height:1.65;color:var(--soft)}
.process-description .process-output,.fit-content .fit-boundary{font-size:14px!important}
.faq-list summary,.project-assurance dt{font-size:17px!important;font-weight:600;color:var(--ink)}
.note-copy .note-close,.owner-effort b,.process-output b{color:var(--ink)}
.final-cta p:not(.overline){color:#dce5df}

/* Start page: two doors */
.start-doors{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding-bottom:64px}
.start-doors article{border:1.5px solid var(--ink);border-radius:10px;padding:36px 36px 34px;display:flex;flex-direction:column;gap:0}
.start-doors article:first-child{background:var(--wash)}
.offer-site .start-doors h2{font-size:clamp(26px,2.6vw,34px);margin:12px 0 14px}
.start-doors p:not(.overline){font-size:16px!important;line-height:1.65;color:var(--soft);margin:0}
.start-doors .plain-checks{margin:20px 0 26px}
.start-doors .button{align-self:flex-start;margin-top:auto}
.start-doors .door-closed{margin-top:auto!important;font-size:14px!important;font-weight:600;color:var(--ink)!important;border-top:1px solid var(--line);padding-top:16px}
.main-price .price-alt{display:flex;justify-content:center;margin:14px auto 0;width:max-content;max-width:100%}
@media(max-width:850px){.start-doors{grid-template-columns:1fr}.start-doors article{padding:28px 24px}}

/* Example screens: what the buyer ends up seeing */
.shots{padding:30px 0 80px}
.shot-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.shot{margin:0}
.shot .screen{background:var(--wash);border:1.5px solid var(--ink);border-radius:10px;padding:46px 24px 24px;min-height:345px;display:flex;flex-direction:column;gap:11px;position:relative;overflow:hidden}
.shot .chrome{position:absolute;inset:0 0 auto 0;height:28px;border-bottom:1.5px solid var(--ink);background:#fff}
.shot .chrome:before{content:'';position:absolute;left:14px;top:10px;width:8px;height:8px;border-radius:50%;background:var(--ink);box-shadow:14px 0 0 var(--line),28px 0 0 var(--line)}
.shot .screen>b{font-family:var(--display);font-stretch:88%;font-size:21px;line-height:1.2;letter-spacing:-.015em;margin-bottom:4px}
.shot .screen>i{display:block;height:9px;border-radius:5px;background:var(--line)}
.shot .screen>i.short{width:62%}
.shot .btn{align-self:flex-start;background:var(--ink);color:#fff;font-size:14px;font-weight:600;padding:11px 16px;border-radius:7px;margin-top:auto}
.shot .ghost{font-size:13px;color:var(--soft);text-decoration:underline}
.shot .field{display:flex;justify-content:space-between;gap:12px;background:#fff;border:1px solid var(--line);border-radius:6px;padding:10px 12px;font-size:14px}
.shot .field span{color:var(--soft)}
.shot .field em{font-style:normal;font-weight:600}
.shot .range{background:var(--mark);border-radius:6px;padding:12px;font-family:var(--display);font-stretch:88%;font-weight:700;font-size:19px}
.shot .cmp{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:8px;font-size:14px;padding:9px 0;border-top:1px solid var(--line)}
.shot .cmp.head{border-top:0;font-size:12px;font-weight:600;color:var(--soft);padding-bottom:2px}
.shot .cmp .yes{color:var(--yes);font-weight:600}
.shot .cmp .no{color:#8a8779}
.shot figcaption{font-size:16px;line-height:1.55;color:var(--soft);margin-top:16px}
.shot figcaption b{color:var(--ink);display:block}
.shots-note{font-size:13px;color:var(--soft);margin:18px 0 0}
@media(max-width:850px){.shot-row{grid-template-columns:1fr;gap:30px}.shot .screen{min-height:0}.shots{padding-bottom:56px}}

/* Pricing page */
.price-page{padding-bottom:84px;display:grid;grid-template-columns:minmax(0,920px);gap:0}
.price-card{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;background:var(--wash);border:1.5px solid var(--ink);border-radius:10px;padding:36px 38px}
.offer-site .price-card h2{font-size:30px;margin:0 0 8px}
.price-card p{font-size:16px!important;color:var(--soft);margin:0}
.price-figure{text-align:right}
.price-figure b{display:block;font-family:var(--display);font-stretch:88%;font-weight:800;font-size:64px;line-height:1;letter-spacing:-.03em}
.price-figure b span{font-size:16px;font-weight:600;letter-spacing:0;font-family:var(--sans);color:var(--soft)}
.price-figure p{margin-top:10px}
.price-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 26px;margin:24px 0 0}
.offer-site .price-sub{font-size:26px;margin:64px 0 6px;color:var(--ink)}
.included{margin:0}
.included>div{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;padding:20px 0;border-bottom:1px solid var(--line);align-items:baseline}
.included dt{font-family:var(--display);font-stretch:88%;font-weight:600;font-size:19px;padding-left:30px;position:relative}
.included dt:before{content:'\2713';position:absolute;left:0;color:var(--yes);font-family:var(--sans)}
.included dd{margin:0;font-size:16px;line-height:1.55;color:var(--soft)}
.price-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:34px 0 0}
.price-tiles>div{background:var(--wash);border-radius:10px;padding:24px 22px}
.price-tiles b{font-family:var(--display);font-stretch:88%;font-size:19px;display:block;margin-bottom:8px}
.price-tiles p{font-size:15px!important;line-height:1.55;color:var(--soft);margin:0}
.price-anchor{margin:34px 0 0;border-left:4px solid var(--mark);padding:6px 0 6px 22px}
.price-anchor p,.price-foot{font-size:16px!important;line-height:1.65;color:var(--soft);margin:0}
.price-anchor b{color:var(--ink)}
.price-page a:not(.button):not(.text-link){text-decoration:underline;text-underline-offset:3px;color:var(--ink)}
.beliefs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:22px}
.offer-site .beliefs h3{font-size:20px;line-height:1.25;margin:0 0 10px}
.beliefs p{font-size:16px!important;line-height:1.6;color:var(--soft);margin:0}
.price-foot{margin:60px 0 0;padding-top:24px;border-top:1px solid var(--line)}
@media(max-width:750px){.price-figure{text-align:left}.price-figure b{font-size:52px}.included>div{grid-template-columns:1fr;gap:6px}.price-tiles,.beliefs{grid-template-columns:1fr}.price-card{padding:26px 22px}}

/* ===== Warm look (replaces the black and yellow pass above) =====
   White page, warm sand panels, deep green for actions, soft rounded shapes, friendly type. */
:root{--paper:#fff;--ink:#19231f;--soft:#56615a;--wash:#f1f6f2;--line:#dce5df;--mark:#dff0e3;--accent:#145b43;--accent-deep:#0f4734;--yes:#145b43;--amber:#145b43;
 --sans:"Figtree","Segoe UI",Helvetica,Arial,sans-serif;--display:"Bricolage Grotesque","Trebuchet MS",Arial,sans-serif}
.offer-site h1,.offer-site h2,.offer-site h3,.offer-site h4,.offer-brand,.offer-site .amount,.case-paper>.case-story,.check-focus-line,.hero-sample .sample-question,.prose .figure-row b,.check-tally b,.price-figure b,.included dt,.price-tiles b,.shot .screen>b,.shot .range,.process-number,.search-line b{font-stretch:normal;font-weight:600!important;letter-spacing:-.03em!important}
.offer-site h1{font-weight:600!important;letter-spacing:-.04em!important;line-height:1.03}
.offer-site h3,.offer-site h4,.included dt,.price-tiles b{letter-spacing:-.02em!important}
.editorial-hero h1 em,.page-hero h1 em{background:none;color:var(--accent);padding:0;margin:0}
.final-cta h2,.final-cta h2 *{color:#fff}

.offer-site .button{background:var(--accent);border-color:var(--accent);border-radius:999px;padding-inline:26px}
.offer-site .button:hover{background:var(--accent-deep);border-color:var(--accent-deep);color:#fff}
.offer-site .button.outline{background:transparent;color:var(--accent);border-color:var(--accent)}
.offer-site .button.outline:hover{background:var(--accent);color:#fff}
.offer-header nav a.button:hover,.prose a.button:hover{color:#fff}
.final-cta{background:var(--accent-deep);border-radius:28px 28px 0 0}
.final-cta .button{background:#fff;border-color:#fff;color:var(--accent-deep)}
.final-cta .button:hover{background:var(--mark);border-color:var(--mark);color:var(--accent-deep)}
.offer-site .text-link{border-bottom:2px solid var(--accent);color:var(--accent)}
.offer-site .text-link:hover{color:var(--accent-deep);border-bottom-color:var(--accent-deep)}
.offer-site :focus-visible{outline-color:var(--accent)}
.offer-header nav a[aria-current=page],.site-pages a[aria-current=page],.site-pages a:hover{color:var(--accent)}
.hero-check{border-color:var(--line);border-radius:999px;overflow:hidden;padding-left:10px}
.check-start input{border-radius:999px;padding-inline:24px}

/* Soft shapes: no hard outlines */
.case-paper,.hero-sample,.main-price,.start-doors article,.price-card,.shot .screen,.check-card,.related a{border:1px solid var(--line)!important;border-radius:22px}
.hero-sample,.case-paper{background:var(--wash);border-color:transparent!important}
.sample-rows>div,.case-paper hr,.case-top{border-color:#dce5df}
.shot .chrome{border-bottom:1px solid var(--line)}
.shot .chrome:before{background:var(--accent)}
.shot .btn{background:var(--accent);border-radius:999px}
.case-top span:last-child,.offer-site .tag{background:var(--mark);color:var(--accent-deep);border-radius:999px;padding:4px 12px}
.prose .answer,.check-seen{border-left:0;border-radius:18px}
.price-anchor{border-left-color:var(--accent)}
.owner-note,.check-section,.pricing-section{border-radius:28px;width:min(1320px,calc(100% - 32px));margin-inline:auto}
.stakes-grid,.check-tally,.prose .figure-row,.prose .table-wrap,.price-tiles>div,.offer-prices article{border-radius:22px}
.photo-story figure img,.conversation-photo,.fit-picture,.owner-photo img,.page-hero figure img,.door-face{border-radius:22px}
.fit-picture>span{border-radius:0 14px 0 0}
.brand-symbol{color:var(--accent)}
.brand-symbol span{color:var(--ink)}
.concept-bar{background:var(--wash)}

/* A photo beside the heading on inner pages */
.page-hero.has-image{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.page-hero figure{margin:0}
.page-hero figure img{width:100%;height:340px;object-fit:cover;display:block}
.start-doors .door-face{width:84px;height:84px;object-fit:cover;object-position:50% 30%;border-radius:50%;margin-bottom:18px}

/* Resources menu */
.nav-more{position:relative}
.nav-more summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:7px}
.nav-more summary::-webkit-details-marker{display:none}
.nav-more summary:after{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.nav-more[open] summary{color:var(--accent)}
.nav-more>div{position:absolute;top:calc(100% + 16px);left:-20px;z-index:20;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 40px #16211b1a;padding:12px;display:grid;min-width:250px}
.nav-more>div a{padding:11px 14px;border-radius:11px;font-size:15px;white-space:nowrap}
.nav-more>div a:hover{background:var(--wash);color:var(--accent)}
@media(max-width:850px){
 .page-hero.has-image{grid-template-columns:1fr;gap:26px}
 .page-hero figure img{height:230px}
 .nav-more{width:100%}
 .nav-more>div{position:static;box-shadow:none;border:0;padding:6px 0 0;min-width:0}
 .nav-more>div a{padding:9px 0}
 .owner-note,.check-section,.pricing-section{border-radius:20px;width:calc(100% - 16px)}
 .hero-check{border-radius:18px;padding-left:0}
}
.prose li::marker{color:var(--accent)}
.stakes-before li:before{color:var(--soft)}
.nav-more summary{font-size:inherit;font-family:inherit}
.page-hero.has-image h1{font-size:clamp(36px,4vw,56px)}
.check-flag{background:#fff4d6;color:#4a5550}

/* Type: one plain, familiar family. Headings in the tighter cut, text in the regular one. */
:root{--sans:"Inter","Segoe UI",Helvetica,Arial,sans-serif;--display:"Inter Tight","Inter","Segoe UI",Helvetica,Arial,sans-serif}
.offer-site h1,.offer-site h2,.offer-site h3,.offer-site h4,.offer-brand,.offer-site .amount,.case-paper>.case-story,.check-focus-line,.hero-sample .sample-question,.prose .figure-row b,.check-tally b,.price-figure b,.included dt,.price-tiles b,.shot .screen>b,.shot .range,.process-number,.search-line b{font-weight:600!important;letter-spacing:-.025em!important}
.offer-site h1{letter-spacing:-.035em!important;line-height:1.06}
.offer-site h3,.offer-site h4,.included dt,.price-tiles b,.case-paper>.case-story,.hero-sample .sample-question{letter-spacing:-.015em!important}
.offer-site p,.offer-site li,.offer-site dd{letter-spacing:-.003em}
.offer-site h1{letter-spacing:-.022em!important}
.offer-site h2,.offer-brand{letter-spacing:-.018em!important}

/* Home example: a buyer asks, the AI answers, your business is (or is not) on the list */
.hero-demo{padding:28px 30px 26px}
.hero-demo small{display:block;font-size:13px!important;font-weight:600;color:var(--soft);margin-bottom:8px}
.demo-tabs{display:flex;gap:8px;margin:20px 0 18px}
.demo-tabs span{font-size:14px;font-weight:600;padding:7px 15px;border-radius:999px;background:#fff;color:var(--soft);transition:background .25s,color .25s}
.demo-tabs span.on{background:var(--accent);color:#fff}
.demo-ask p{background:#fff;border-radius:16px;padding:15px 18px;margin:0;font-size:17px!important;line-height:1.45;color:var(--ink);font-weight:500;min-height:80px}
.demo-ask p.typing:after{content:"";display:inline-block;width:2px;height:1.05em;background:var(--accent);margin-left:2px;vertical-align:-3px;animation:demo-caret .8s steps(1) infinite}
@keyframes demo-caret{50%{opacity:0}}
.demo-answer{margin-top:16px}
.demo-answer ol{background:#fff;border-radius:16px;margin:0;padding:8px 18px;list-style:none;counter-reset:firm;min-height:150px}
.demo-answer li{counter-increment:firm;font-size:16px!important;padding:11px 0;border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:center;color:var(--ink);animation:demo-in .35s ease-out}
.demo-answer li:last-child{border-bottom:0}
.demo-answer li:before{content:counter(firm);width:24px;height:24px;border-radius:50%;background:var(--wash);font-size:12px;font-weight:600;display:grid;place-items:center;color:var(--soft);flex:none}
.demo-answer li.you{font-weight:700;color:var(--accent)}
.demo-answer li.you:before{background:var(--accent);color:#fff}
.demo-answer li.you:after{content:"that is you";margin-left:auto;font-size:12px;font-weight:600;background:var(--mark);color:var(--accent-deep);padding:4px 11px;border-radius:999px}
@keyframes demo-in{from{opacity:0;transform:translateY(6px)}}
.demo-verdict{margin:16px 0 0;font-size:16px!important;font-weight:700;min-height:26px}
.demo-verdict.yes{color:var(--yes)}
.demo-verdict.no{color:#b42318}
.hero-demo .sample-foot{margin-top:12px}
@media(max-width:650px){.hero-demo{padding:22px 18px}.demo-ask p{min-height:98px}}

/* Before / after, told with two photographs */
.stakes{padding:84px 0 20px}
.stakes-pair{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.stakes-pair figure{margin:0}
.stakes-pair img{width:100%;height:400px;object-fit:cover;display:block;border-radius:22px}
.stakes-pair figcaption{padding:22px 4px 0}
.stakes-pair .pill{display:inline-block;font-size:13px;font-weight:600;padding:5px 13px;border-radius:999px;background:#eef1ef;color:#4a5550}
.stakes-pair .pill.good{background:var(--mark);color:var(--accent-deep)}
.offer-site .stakes-pair h2{font-size:clamp(24px,2.4vw,31px);line-height:1.2;margin:14px 0 10px;max-width:480px}
.stakes-pair p{font-size:17px!important;line-height:1.6;color:var(--soft);margin:0;max-width:480px}
@media(max-width:850px){.stakes-pair{grid-template-columns:1fr;gap:40px}.stakes-pair img{height:260px}.stakes{padding-top:56px}}

/* Section titles: every part of the home page opens with a plain, centred title and clear air above it */
.sec-title,.offer-site .section-heading{text-align:center;max-width:820px;margin-inline:auto}
.sec-title{padding:120px 0 40px}
.offer-site .sec-title h2,.offer-site .section-heading h2{font-size:clamp(32px,4.2vw,54px);line-height:1.08;margin:0}
.sec-title p,.offer-site .section-heading>p:last-child:not(.overline){font-size:19px!important;line-height:1.5;color:var(--soft);margin:16px auto 0!important;max-width:620px;position:static!important;width:auto!important}
.offer-site .section-heading .overline{display:none}
.offer-site .section-heading{margin-bottom:44px}
.sec-title+section:not(.check-section):not(.pricing-section){padding-top:0!important}
.work-story,.package-section,.shots{padding-top:120px!important}
.pricing-section{margin-top:120px}
/* Inside a section the claim is smaller than the title, like a caption to the picture beside it */
.offer-site .proof-story h2,.offer-site .check-copy h2,.offer-site .fit-content h2,.offer-site .owner-card h2,.offer-site .offer-faq h2,.offer-site .stakes-pair h2{font-size:clamp(24px,2.5vw,32px)!important;line-height:1.18;letter-spacing:-.015em!important}
/* The case sits in one wide panel: claim on the left, the record on the right */
.proof-section{padding-bottom:0}
.proof-editorial{background:var(--wash);border-radius:28px;padding:64px 60px;gap:60px}
.proof-editorial .case-paper{background:#fff}
.final-cta{margin-top:110px}
@media(max-width:850px){.sec-title{padding:76px 0 28px}.work-story,.package-section,.shots{padding-top:76px!important}.pricing-section{margin-top:76px}.proof-editorial{padding:34px 24px}}

/* Each example opens with what it is and where it goes, then the picture */
.shot{display:flex;flex-direction:column}
.shot figcaption{order:-1;margin:0 0 18px;min-height:132px}
.shot figcaption b{font-family:var(--display);font-size:21px;font-weight:600;letter-spacing:-.015em;margin:12px 0 6px}
.shot .where{display:inline-block;font-size:13px;font-weight:600;padding:5px 13px;border-radius:999px;background:var(--mark);color:var(--accent-deep)}
.shot .where.you{background:#eef1ef;color:#4a5550}
.shots-note{text-align:center}
@media(max-width:850px){.shot figcaption{min-height:0}}
.brand-symbol span{color:#9cc3ad}

/* Trades: three photos in a row with the trade named under each */
.trade-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0}
.trade-strip figure{margin:0}
.trade-strip img{width:100%;height:300px;object-fit:cover;display:block;border-radius:22px}
.trade-strip figcaption{font-family:var(--display);font-weight:600;font-size:19px;letter-spacing:-.015em;margin-top:14px;color:var(--ink)}
.fit-section{display:block!important}
.fit-lines{max-width:760px;margin:44px auto 0;text-align:left}
.fit-lines>p:first-child{font-size:20px!important;line-height:1.5;color:var(--ink)}
.fit-lines .fit-boundary{font-size:15px!important;color:var(--soft);border-top:1px solid var(--line);padding-top:18px;margin-top:22px}
/* Pricing page with pictures */
.price-page{grid-template-columns:minmax(0,1fr)}
.price-page .trade-strip{margin-top:56px}
.included-wrap{display:grid;grid-template-columns:1.25fr .75fr;gap:44px;align-items:stretch}
.included-wrap figure{margin:0}
.included-wrap img{width:100%;height:100%;min-height:340px;object-fit:cover;border-radius:22px;display:block}
.beliefs-head{display:flex;align-items:center;gap:20px;margin:64px 0 0}
.beliefs-head img{width:84px;height:84px;border-radius:50%;object-fit:cover;object-position:50% 30%}
.beliefs-head .price-sub{margin:0!important}
.beliefs-head p{margin:4px 0 0;font-size:15px!important;color:var(--soft)}
@media(max-width:850px){.trade-strip{grid-template-columns:1fr;gap:26px}.trade-strip img{height:230px}.included-wrap{grid-template-columns:1fr}.included-wrap img{min-height:0;height:230px}}

/* Pricing ladder */
.ladder{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:8px}
.ladder a{display:block;background:var(--wash);border-radius:22px;padding:28px 26px;color:var(--ink);transition:transform .15s}
.ladder a:hover{transform:translateY(-3px)}
.ladder span{display:inline-block;font-size:13px;font-weight:600;padding:4px 12px;border-radius:999px;background:#fff;color:var(--accent-deep)}
.ladder b{display:block;font-family:var(--display);font-size:21px;font-weight:600;letter-spacing:-.015em;margin:16px 0 8px}
.ladder strong{display:block;font-family:var(--display);font-size:40px;font-weight:600;letter-spacing:-.03em;line-height:1;color:var(--accent)}
.ladder strong small{font-size:15px;font-weight:600;letter-spacing:0;color:var(--soft);font-family:var(--sans)}
.ladder p{font-size:15px!important;line-height:1.5;color:var(--soft);margin:12px 0 0}
.rent-terms{background:var(--wash);border-radius:22px;padding:30px 32px;margin-top:30px}
.offer-site .rent-terms h3{font-size:21px;margin:0 0 14px}
.rent-terms ul{margin:0;padding:0;list-style:none;display:grid;gap:11px}
.rent-terms li{font-size:16px!important;line-height:1.55;color:var(--soft)}
.rent-terms li b{color:var(--ink)}
@media(max-width:850px){.ladder{grid-template-columns:1fr}}
.price-page .ladder a{text-decoration:none!important}

/* The highlighter stroke under the emphasised words, in the site's green */
.editorial-hero h1 em,.page-hero h1 em{color:var(--ink);background:linear-gradient(transparent 58%,#bfe6cb 58%,#bfe6cb 93%,transparent 93%);padding:0 .06em;margin:0 -.06em;-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* Sample report */
.rep{padding-bottom:84px}
.rep-score{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.rep-score>div{background:var(--wash);border-radius:22px;padding:30px 28px}
.rep-score b{display:block;font-family:var(--display);font-size:52px;font-weight:600;letter-spacing:-.035em;line-height:1;color:var(--accent)}
.rep-score span{display:block;font-size:16px;color:var(--soft);margin-top:10px}
.offer-site .rep-h{font-size:28px;margin:64px 0 6px}
.rep-sub{font-size:16px!important;color:var(--soft);margin:0 0 20px}
.rep-grid{border:1px solid var(--line);border-radius:22px;overflow:hidden}
.rep-row{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:14px;align-items:center;padding:16px 22px;border-top:1px solid var(--line);font-size:16px}
.rep-row:first-child{border-top:0}
.rep-row.head{background:var(--wash);font-size:14px;font-weight:600;color:var(--soft)}
.rep-row i{font-style:normal;display:inline-block;font-size:14px;font-weight:600;padding:6px 13px;border-radius:999px;white-space:nowrap}
.rep-row i.yes{background:var(--mark);color:var(--accent-deep)}
.rep-row i.yes.link{background:var(--accent);color:#fff}
.rep-row i.no{background:#f1f6f2;color:#77756c}
.rep-two{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}
.rep-panel{background:var(--wash);border-radius:22px;padding:34px 34px 30px}
.offer-site .rep-panel .rep-h{margin-top:0}
.rep-panel p{font-size:16px!important;line-height:1.6;color:var(--soft);margin:0 0 12px}
.rep-panel .rep-quote{font-size:19px!important;color:var(--ink);font-style:italic;background:#fff;border-radius:14px;padding:16px 18px}
.rep-bars{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.rep-bars li{display:grid;grid-template-columns:150px 1fr 26px;gap:12px;align-items:center;font-size:15px!important;color:var(--ink)}
.rep-bars b{display:block;height:14px;border-radius:999px;background:#dce5df;width:var(--w)}
.rep-bars em{font-style:normal;font-weight:600;text-align:right}
.rep-bars li.you span{font-weight:700;color:var(--accent)}
.rep-bars li.you b{background:var(--accent)}
.rep-fixes{list-style:none;counter-reset:fix;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.rep-fixes li{counter-increment:fix;border:1px solid var(--line);border-radius:22px;padding:28px 26px}
.rep-fixes li:before{content:counter(fix);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;font-weight:600;margin-bottom:16px}
.rep-fixes b{display:block;font-family:var(--display);font-size:20px;font-weight:600;letter-spacing:-.015em;line-height:1.25;margin-bottom:8px}
.rep-fixes span{font-size:15px;line-height:1.55;color:var(--soft)}
.rep-note{font-size:14px!important;color:var(--soft);margin:40px 0 0;border-top:1px solid var(--line);padding-top:20px}
/* App mockup */
.app-panel{background:var(--wash);border-radius:28px;padding:60px;display:grid;grid-template-columns:1fr 1.1fr;gap:50px;align-items:center}
.offer-site .app-copy h2{font-size:clamp(24px,2.5vw,32px)!important;line-height:1.18;margin:16px 0 18px}
.app-copy .app-note{font-size:14px!important;color:var(--soft);margin:20px 0 0}
.app-copy .where{display:inline-block;font-size:13px;font-weight:600;padding:5px 13px;border-radius:999px;background:#eef1ef;color:#4a5550}
.phones{display:flex;gap:22px;justify-content:center}
.phone{width:250px;background:#fff;border:8px solid var(--ink);border-radius:36px;overflow:hidden;box-shadow:0 24px 50px #16211b22}
.phone:last-child{margin-top:44px}
.phone-top{background:var(--accent);color:#fff;font-family:var(--display);font-weight:600;font-size:17px;padding:22px 18px 14px}
.phone-body{padding:16px 16px 20px;display:grid;gap:9px}
.phone-body small{font-size:12px!important;font-weight:600;color:var(--soft);margin-top:4px}
.phone .pick{border:1px solid var(--line);border-radius:12px;padding:11px 12px;font-size:14px}
.phone .pick.on{border-color:var(--accent);background:var(--mark);font-weight:600}
.phone .chips{display:flex;gap:6px}
.phone .chips span{flex:1;text-align:center;border:1px solid var(--line);border-radius:10px;padding:8px 0;font-size:12px}
.phone .chips span.on{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}
.phone-btn{background:var(--accent);color:#fff;text-align:center;border-radius:999px;padding:12px;font-size:14px;font-weight:600;margin-top:8px}
.phone .ba{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.phone .ba figure{margin:0;position:relative}
.phone .ba img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;display:block}
.phone .ba figcaption{position:absolute;left:6px;top:6px;background:#fff;border-radius:999px;font-size:11px;font-weight:600;padding:3px 9px}
.phone .done{background:var(--mark);color:var(--accent-deep);border-radius:10px;padding:9px 12px;font-size:13px;font-weight:600}
.phone-body p{font-size:13px!important;line-height:1.5;color:var(--soft);margin:0}
@media(max-width:950px){.app-panel{grid-template-columns:1fr;padding:34px 22px}.rep-two,.rep-fixes,.rep-score{grid-template-columns:1fr}.rep-row{grid-template-columns:1fr 1fr 1fr;padding:16px}.rep-row>span:first-child{grid-column:1/-1;font-weight:600}.rep-row.head>span:first-child{display:none}.rep-row i{white-space:normal;font-size:12px;padding:5px 9px}}
@media(max-width:600px){.phones{flex-direction:column;align-items:center}.phone:last-child{margin-top:0}}
.phones{align-items:flex-start}
.phone .ba img{height:auto}

/* Pricing, visual version */
.ico{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.700;stroke-linecap:round;stroke-linejoin:round;flex:none}
.price-sub.centre{text-align:center;margin-top:76px!important}
.journey{list-style:none;margin:34px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));position:relative}
.journey:before,.journey:after{content:"";position:absolute;left:8.330%;right:8.330%;top:31px;height:4px;border-radius:4px;background:var(--line)}
.journey:after{background:var(--accent);transform-origin:left;transition:transform 2.600s cubic-bezier(.4,0,.2,1)}
.journey li{position:relative;z-index:1;display:grid;justify-items:center;text-align:center;gap:4px;padding:0 6px;transition:opacity .5s,transform .5s}
.journey .ico{width:66px;height:66px;padding:19px;border-radius:50%;background:var(--accent);color:#fff;box-shadow:0 0 0 8px #fff;margin-bottom:14px}
.journey li:last-child .ico{background:#fff;color:var(--accent);box-shadow:0 0 0 8px #fff,inset 0 0 0 2px var(--accent)}
.journey small{font-size:13px!important;font-weight:600;color:var(--soft)}
.journey b{font-family:var(--display);font-size:18px;font-weight:600;letter-spacing:-.015em;line-height:1.2}
.journey.ready:after{transform:scaleX(0)}
.journey.ready li{opacity:0;transform:translateY(10px)}
.journey.ready.in:after{transform:scaleX(1)}
.journey.ready.in li{opacity:1;transform:none}
.journey.ready.in li:nth-child(2){transition-delay:.45s}.journey.ready.in li:nth-child(3){transition-delay:.9s}.journey.ready.in li:nth-child(4){transition-delay:1.350s}.journey.ready.in li:nth-child(5){transition-delay:1.800s}.journey.ready.in li:nth-child(6){transition-delay:2.250s}
.icon-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}
.icon-tiles>div{border:1px solid var(--line);border-radius:20px;padding:22px 20px;display:grid;gap:4px;align-content:start}
.icon-tiles .ico{width:44px;height:44px;padding:10px;border-radius:14px;background:var(--mark);color:var(--accent-deep);margin-bottom:10px}
.icon-tiles b{font-family:var(--display);font-size:18px;font-weight:600;letter-spacing:-.015em;line-height:1.2}
.icon-tiles span{font-size:14px;line-height:1.4;color:var(--soft)}
.cost-bars{background:var(--wash);border-radius:22px;padding:30px 32px;margin-top:22px;display:grid;gap:14px}
.offer-site .cost-bars h3{font-size:21px;margin:0 0 4px}
.cost-bars>div{display:grid;grid-template-columns:210px 1fr;gap:16px;align-items:center}
.cost-bars span{font-size:15px;font-weight:600}
.cost-bars b{display:block;width:var(--w);min-width:max-content;background:var(--accent);color:#fff;border-radius:999px;padding:11px 18px;font-size:15px;font-weight:600;white-space:nowrap}
.cost-bars .other b{background:#cfc4b2;color:var(--ink)}
.cost-bars p{font-size:13px!important;color:var(--soft);margin:4px 0 0}
.own{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}
.own>div{border-radius:22px;padding:28px 28px 26px}
.own .yours{background:var(--mark)}
.own .ours{background:var(--wash)}
.own small{display:block;font-size:13px!important;font-weight:600;color:var(--accent-deep);margin-bottom:14px}
.own .ours small{color:var(--soft)}
.own ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.own li{display:flex;align-items:center;gap:12px;font-family:var(--display);font-size:19px!important;font-weight:600;letter-spacing:-.015em;color:var(--ink)}
.own p{font-size:15px!important;line-height:1.5;color:var(--soft);margin:16px 0 0}
.price-page .trade-strip{margin-top:22px}
.price-page .trade-strip img{height:230px}
@media(max-width:850px){
 .journey{grid-template-columns:1fr;gap:22px;justify-items:start}
 .journey:before,.journey:after{left:31px;right:auto;top:20px;bottom:20px;width:4px;height:auto}
 .journey:after{transform-origin:top}
 .journey.ready:after{transform:scaleY(0)}.journey.ready.in:after{transform:scaleY(1)}
 .journey li{grid-template-columns:66px 1fr;justify-items:start;text-align:left;column-gap:18px;align-items:center;padding:0}
 .journey .ico{grid-row:1/3;margin:0}
 .journey small{align-self:end}.journey b{align-self:start}
 .icon-tiles{grid-template-columns:1fr 1fr}
 .cost-bars>div{grid-template-columns:1fr;gap:6px}
 .cost-bars b{white-space:normal;min-width:0}
 .own{grid-template-columns:1fr}
}
@media(min-width:851px){.icon-tiles:has(>div:nth-child(6):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Resource pages: short answer, then titled sections of cards and chips */
.kit{padding-bottom:30px}
.short{background:var(--wash);border-radius:24px;padding:34px 38px;max-width:900px}
.short small{display:block;font-size:13px!important;font-weight:600;color:var(--accent-deep);margin-bottom:10px}
.short p{font-size:21px!important;line-height:1.5;color:var(--ink);margin:0}
.short dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0 0}
.short dl>div{background:#fff;border-radius:16px;padding:16px 18px}
.short dt{font-size:13px;font-weight:600;color:var(--soft)}
.short dd{margin:4px 0 0;font-family:var(--display);font-size:30px;font-weight:600;letter-spacing:-.03em;color:var(--accent)}
.kit-sec{padding:96px 0 0}
.kit-sec.tint{background:var(--wash);border-radius:28px;width:min(1320px,calc(100% - 32px));margin:96px auto 0;padding:76px 0 80px}
.kit-title{text-align:center;max-width:780px;margin:0 auto 40px}
.offer-site .kit-title h2{font-size:clamp(30px,3.600vw,46px);line-height:1.1;margin:0}
.kit-title p{font-size:19px!important;line-height:1.5;color:var(--soft);margin:14px 0 0}
.kcards{display:grid;gap:16px}
.kcards.c2{grid-template-columns:repeat(2,minmax(0,1fr))}.kcards.c3{grid-template-columns:repeat(3,minmax(0,1fr))}.kcards.c4{grid-template-columns:repeat(4,minmax(0,1fr))}.kcards.c5{grid-template-columns:repeat(5,minmax(0,1fr))}
.kcards>article,.kcards>a{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px 24px;display:block;color:var(--ink)}
.kcards>a:hover{border-color:var(--accent)}
.offer-site .kcards h3{font-size:20px;line-height:1.25;margin:0 0 8px}
.kcards p{font-size:16px!important;line-height:1.5;color:var(--soft);margin:0}
.kcards i{font-style:normal;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--accent);color:#fff;font-size:14px;font-weight:600;margin-bottom:16px}
.kcards .kfix{font-size:14px!important;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.kcards .kfix b,.kcards p b{color:var(--accent-deep)}
.kcards.pair article:first-child{background:var(--mark);border-color:transparent}
.kcards.links p{font-size:15px!important}
.kcards.links h3:after{content:" \2192";color:var(--accent)}
.ktag{display:inline-block;font-size:13px;font-weight:600;padding:5px 13px;border-radius:999px;background:var(--wash);color:var(--soft);margin-bottom:14px}
.ktag.yes{background:var(--accent);color:#fff}.ktag.yes.soft{background:var(--mark);color:var(--accent-deep)}.ktag.no{background:#f1f6f2;color:#77756c}.ktag.maybe{background:#eef1ef;color:#4a5550}
.kcards.sit p b,.kcards.qa .ours b{display:block;font-size:13px;font-weight:600;color:var(--accent-deep);margin-bottom:3px}
.kcards.qa .ours{background:var(--mark);border-radius:14px;padding:14px 16px;color:var(--ink);margin-top:14px}
.gw{margin:6px 0 0;display:grid;gap:12px}
.gw dt{font-size:13px;font-weight:600;color:var(--accent-deep)}
.gw dd{margin:2px 0 0;font-size:16px;line-height:1.45;color:var(--soft)}
.gw div:nth-child(2) dt{color:#4a5550}
.kchips{list-style:none;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:980px}
.kchips li{background:#fff;border:1px solid var(--line);border-radius:999px;padding:12px 20px 12px 44px;font-size:16px!important;position:relative;color:var(--ink)}
.kchips li:before{content:"\2713";position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--yes);font-weight:700}
.kchips.bad li:before{content:"\00d7";color:#b0541f;font-size:20px}
.kcta{text-align:center;margin-top:40px;display:grid;gap:12px;justify-items:center}
.kcta small{font-size:14px!important;color:var(--soft)}
.kit .cost-bars{max-width:900px;margin:0 auto}
.kit .table-wrap.kt{background:#fff;max-width:1000px;margin:0 auto}
.kt table{border-collapse:collapse;width:100%;min-width:620px}
.kt th,.kt td{text-align:left;padding:16px 18px;border-bottom:1px solid var(--line);font-size:16px;color:var(--soft)}
.kt thead th{font-size:14px!important;color:var(--ink);background:var(--wash)}
.kt tbody th{color:var(--ink);font-weight:600}
.kt tr:last-child td,.kt tr:last-child th{border-bottom:0}
.kfaq{max-width:860px;margin:0 auto;background:#fff;border-radius:22px;padding:6px 28px}
.kit+.related{padding-top:90px}
@media(max-width:950px){.kcards.c3,.kcards.c4,.kcards.c5{grid-template-columns:1fr 1fr}.short dl{grid-template-columns:1fr}.kit-sec{padding-top:64px}.kit-sec.tint{margin-top:64px;padding:52px 0 56px}}
@media(max-width:650px){.kcards.c2,.kcards.c3,.kcards.c4,.kcards.c5{grid-template-columns:1fr}.short{padding:24px 22px}.short p{font-size:18px!important}.kchips{justify-content:flex-start}}

/* Pricing: clear air between the options */
.price-page>.price-sub{margin-top:120px!important;padding-top:56px;border-top:1px solid var(--line);font-size:34px!important}
.price-page>.price-sub+.price-card{margin-top:26px}
.journey-title{text-align:center;font-size:22px!important;margin:64px 0 0!important}
.journey{grid-template-columns:repeat(5,minmax(0,1fr));margin:34px 0 64px}
.journey:before,.journey:after{left:10%;right:10%}
.journey li:last-child .ico{background:var(--accent);color:#fff;box-shadow:0 0 0 8px #fff}
.price-page .icon-tiles{margin-top:26px}
.price-page .trade-strip,.price-page .cost-bars,.price-page .own{margin-top:34px}
.price-page .price-actions{margin-top:36px}
.ladder{margin-bottom:0}
@media(max-width:850px){.journey{grid-template-columns:1fr}.price-page>.price-sub{margin-top:76px!important;padding-top:40px}}

.hero-fine .nosite{display:inline-block;color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:3px;margin-left:4px}
#check-manual{font-size:14px!important}
#check-nosite{margin-top:34px}

.home-ladder .ladder a{text-decoration:none}
.home-ladder .kcta{margin-top:30px}
.shots{padding-top:110px!important}

/* Product menu */
.nav-mega>div{left:-120px;width:min(900px,calc(100vw - 48px));display:grid;grid-template-columns:1fr 250px;gap:22px;padding:26px}
.mega-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.mega-cols small{display:block;font-size:13px!important;font-weight:600;color:var(--soft);margin:0 0 8px 10px}
.nav-mega .mega-cols a{display:flex;align-items:center;gap:11px;padding:10px;border-radius:11px;font-size:15px;white-space:normal}
.nav-mega .mega-cols .ico{width:22px;height:22px;color:var(--accent)}
.nav-mega em{font-style:normal;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--wash);color:var(--soft)}
.mega-feature{position:relative;display:block;border-radius:16px;overflow:hidden;min-height:230px;padding:0!important}
.mega-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mega-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,#0b2a1ddd)}
.mega-feature b{position:absolute;left:16px;right:16px;bottom:16px;z-index:1;color:#fff;font-family:var(--display);font-size:19px;font-weight:600;line-height:1.2;white-space:normal}
.nav-more>div a.mega-feature:hover{background:none}
/* Trades website product page */
.wb-actions{margin:-18px 0 0}
.wb-split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.wb-stage{background:var(--wash);border-radius:28px;padding:48px 0 0;display:flex;justify-content:center;overflow:hidden;height:520px}
.wb-phone{width:290px;margin:0!important;border-bottom:0;border-radius:36px 36px 0 0}
.wb-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 16px 12px;font-size:13px}
.wb-bar b{font-family:var(--display);font-size:16px}
.wb-phone img{width:100%;height:150px;object-fit:cover;display:block}
.wb-body{padding:16px;display:grid;gap:8px}
.wb-body>b{font-family:var(--display);font-size:19px;line-height:1.2;letter-spacing:-.015em}
.wb-body p{font-size:13px!important;color:var(--soft);margin:0}
.wb-btns{display:flex;gap:8px;margin:4px 0}
.wb-btns span{flex:1;text-align:center;border:1.500px solid var(--accent);color:var(--accent);border-radius:999px;padding:9px 0;font-size:13px;font-weight:600}
.wb-btns span.on{background:var(--accent);color:#fff}
.wb-body small{font-size:12px!important;font-weight:600;color:var(--soft)}
.wb-points{list-style:none;margin:0;padding:0;display:grid;gap:34px}
.wb-points li{display:flex;gap:18px;align-items:flex-start}
.wb-points .ico{width:48px;height:48px;padding:11px;border-radius:50%;background:var(--mark);color:var(--accent-deep)}
.wb-points b{font-family:var(--display);font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.2}
.wb-points p{font-size:16px!important;line-height:1.5;color:var(--soft);margin:8px 0 0}
.wb-tiles{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.wb-tiles article{background:#fff;border-radius:24px;padding:32px;display:grid;gap:10px;align-content:start}
.wb-tiles article.wide{grid-column:1/-1;background:var(--accent-deep);color:#fff;grid-template-columns:1fr 1fr;gap:44px;align-items:center;padding:44px}
.wb-tiles small{font-size:13px!important;font-weight:600;color:var(--soft)}
.wb-tiles .wide small{color:#bfe6cb}
.offer-site .wb-tiles h3{font-size:26px;line-height:1.2;margin:0 0 14px}
.offer-site .wb-tiles .wide h3{color:#fff;font-size:32px;margin-top:10px}
.wb-mock{background:#ffffff1f;border-radius:20px;padding:20px;display:grid;gap:12px}
.wb-mock .demo-ask p{min-height:0;color:var(--ink)}
.wb-mock ol{list-style:none;margin:0;padding:6px 16px;background:#fff;border-radius:16px;color:var(--ink)}
.wb-mock li{padding:11px 0;border-bottom:1px solid var(--line);font-size:16px!important;color:var(--ink)}
.wb-mock li:last-child{border-bottom:0}
.wb-mock li.you{font-weight:700;color:var(--accent)}
.wb-tiles .shot .screen{min-height:0;padding:22px;background:var(--wash)}
.wb-score{grid-template-columns:1fr 1fr}
.wb-score>div:last-child{background:var(--mark)}
.wb-faq{max-width:860px;border:1px solid var(--line)}
@media(max-width:950px){.nav-mega>div{left:0;width:auto;grid-template-columns:1fr}.mega-cols{grid-template-columns:1fr}.mega-feature{display:none!important}.wb-split,.wb-tiles,.wb-tiles article.wide{grid-template-columns:1fr}.wb-stage{height:440px}}

.mega-cols{grid-template-columns:1.150fr 1fr 1fr}
.nav-mega>div{width:min(940px,calc(100vw - 48px));left:-140px}
.seo-stage{height:auto;padding:48px;align-items:center}
.seo-mock{background:#fff;width:100%;max-width:400px;box-shadow:0 20px 44px #16211b1c}
.seo-mock .demo-ask p{background:var(--wash)}
.seo-mock ol{background:var(--wash)}
.seo-miss{margin:0;font-size:15px!important;font-weight:700;color:#b42318}
.seo-tiles{margin-top:16px}
.seo-note{font-size:16px!important;line-height:1.55;color:var(--soft);margin:0}

.kit .journey{margin-bottom:0}
.check-tool+.kit .kit-sec:first-child{padding-top:30px}

/* Product menu: full-width panel under the header, with the page behind it blurred and dimmed */
@media(min-width:951px){
 .offer-header{position:relative}
 .nav-mega{position:static}
 .nav-mega>div{left:0;right:0;width:auto;top:calc(100% + 10px);grid-template-columns:1fr 300px;gap:40px;padding:36px 40px;border-radius:24px;box-shadow:0 30px 70px #16211b26}
 .nav-mega[open]>summary:before{content:"";position:absolute;top:100%;left:50%;width:100vw;height:400vh;transform:translateX(-50%);background:#ffffffb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:15;cursor:default}
 .mega-cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
 .mega-cols small{margin-bottom:14px}
 .nav-mega .mega-cols a{padding:12px 10px;font-size:16px;font-weight:500}
 .nav-mega .mega-cols a span,.nav-mega em{white-space:nowrap}
 .nav-mega .mega-cols .ico{width:24px;height:24px}
 .mega-feature{min-height:300px}
}

/* Pricing: fewer things per section, more room around each */
.price-page .journey{margin:44px 0 84px}
.price-page .journey-title{margin-top:84px!important}
.price-page .icon-tiles{gap:20px;margin-top:40px}
.price-page .icon-tiles>div{padding:30px 26px}
.icon-tiles.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.fit-line{display:flex;align-items:center;gap:14px;background:var(--mark);border-radius:18px;padding:18px 24px;margin:20px 0 0;font-size:16px!important;color:var(--ink)}
.fit-line .ico{color:var(--accent);width:24px;height:24px}
.price-page .own{margin-top:20px}
.price-page .price-actions{margin-top:44px}
@media(max-width:850px){.icon-tiles.four{grid-template-columns:1fr 1fr}}

/* Bottom menu */
.site-foot{background:var(--wash);padding:76px 0 30px}
.final-cta+.site-foot,.final-cta{margin-bottom:0}
.foot-grid{display:grid;grid-template-columns:1.400fr repeat(4,minmax(0,1fr));gap:40px}
.foot-brand{display:grid;gap:16px;align-content:start;justify-items:start}
.foot-brand p{font-size:16px!important;line-height:1.5;color:var(--soft);margin:0;max-width:240px}
.foot-grid>div:not(.foot-brand){display:grid;gap:12px;align-content:start}
.foot-grid b{font-family:var(--display);font-size:16px;font-weight:600;margin-bottom:4px;color:var(--ink)}
.foot-grid a:not(.button):not(.offer-brand){font-size:15px;color:var(--soft)}
.foot-grid a:not(.button):not(.offer-brand):hover,.foot-grid a[aria-current=page]{color:var(--accent)}
.foot-base{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:56px;padding-top:22px;border-top:1px solid #dce5df}
.foot-base p,.foot-base button{font-size:13px!important;color:var(--soft);margin:0}
.foot-base button{background:none;border:0;text-decoration:underline;cursor:pointer}
@media(max-width:950px){.foot-grid{grid-template-columns:1fr 1fr;gap:34px 24px}.foot-brand{grid-column:1/-1}}
.site-foot{display:block!important;width:auto;max-width:none;margin:0}
.site-foot>.container{margin-inline:auto}

/* Book a call */
.enq{padding-bottom:90px;display:grid;justify-items:center}
.enq-card{width:min(760px,100%);background:#fff;border:1px solid var(--line);border-radius:28px;padding:40px 44px 36px;box-shadow:0 24px 60px #16211b14}
.enq-dots{display:flex;gap:8px;justify-content:center;margin-bottom:26px}
.enq-dots i{width:12px;height:12px;border-radius:999px;background:var(--mark);transition:width .2s,background .2s}
.enq-dots i.on{width:34px;background:var(--accent)}
.enq fieldset{border:0;margin:0;padding:0;min-width:0}
.enq legend{font-family:var(--display);font-size:26px;font-weight:600;letter-spacing:-.02em;text-align:center;width:100%;padding:0;margin-bottom:24px}
.opts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.opts.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.opt{position:relative;display:grid;justify-items:center;gap:12px;text-align:center;border:1.500px solid var(--line);border-radius:18px;padding:26px 12px 22px;cursor:pointer;font-size:16px;line-height:1.3}
.opt input{position:absolute;opacity:0;inset:0;cursor:pointer}
.opt .ico{width:30px;height:30px;color:var(--accent)}
.opt:hover{border-color:var(--accent)}
.opt:has(input:checked){border-color:var(--accent);background:var(--mark)}
.opt:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:3px}
.enq-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.enq-fields label{display:grid;gap:7px;font-size:14px;font-weight:600;color:var(--soft)}
.enq-fields input{border:1px solid #cfdad3;border-radius:12px;padding:14px 15px;font:inherit;font-size:16px;font-weight:400;color:var(--ink);min-width:0}
.enq-small{font-size:13px!important;color:var(--soft);margin:14px 0 0;text-align:center}
.enq-error{color:#b42318;font-size:15px!important;font-weight:600;text-align:center;min-height:22px;margin:16px 0 0}
.enq-actions{display:flex;align-items:center;gap:20px;margin-top:8px}
.enq-actions .button{flex:1;justify-content:center;text-align:center;padding-block:18px;font-size:16px}
.enq-done{text-align:center}
.offer-site .enq-done h2{font-size:34px;margin:0 0 10px}
.enq-done p{font-size:18px!important;color:var(--soft);margin:0 0 20px}
.enq-alt{font-size:15px!important;color:var(--soft);margin:26px 0 0}
.enq-alt a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.page-hero:has(+.enq){text-align:center}
.page-hero:has(+.enq) h1,.page-hero:has(+.enq) .page-lede{margin-inline:auto}
@media(max-width:700px){.opts,.opts.three{grid-template-columns:1fr 1fr}.enq-fields{grid-template-columns:1fr}.enq-card{padding:28px 20px}}

.kcards.who h3{font-size:21px}
.kcards.fitnot{margin-top:16px}
.kcards.fitnot a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}

.two-offers{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:26px 0 0}
.two-offers a{display:block;border:1px solid var(--line);border-radius:20px;padding:22px 24px;text-decoration:none!important;color:var(--ink)}
.two-offers a:hover{border-color:var(--accent)}
.two-offers b{display:block;font-family:var(--display);font-size:20px;font-weight:600;letter-spacing:-.015em;margin-bottom:6px}
.two-offers span{font-size:16px;color:var(--soft);line-height:1.45}
.sample-banner{background:#fff4d6;color:#6b4e00;border-radius:14px;padding:14px 18px;font-size:15px!important;font-weight:600;max-width:640px;margin:0 0 18px}
@media(max-width:700px){.two-offers{grid-template-columns:1fr}}

/* Founder signature */
.signature{font-family:"Mrs Saint Delafield","Brush Script MT",cursive!important;font-size:74px!important;line-height:1;font-weight:400!important;letter-spacing:0!important;color:var(--ink);margin:26px 0 18px;transform:rotate(-3deg);transform-origin:left center;white-space:nowrap}
@media(max-width:650px){.signature{font-size:58px!important}}

/* Websites we have built */
.work{padding-bottom:10px}
.work-track{list-style:none;margin:0;padding:0 0 8px;display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.work-track::-webkit-scrollbar{display:none}
.work-slide{flex:0 0 min(780px,86%);scroll-snap-align:start}
.work-shot{display:block;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 18px 44px #16211b14}
.work-bar{display:flex;align-items:center;gap:6px;padding:11px 14px;background:var(--wash);border-bottom:1px solid var(--line)}
.work-bar i{width:9px;height:9px;border-radius:50%;background:#dce5df}
.work-bar em{font-style:normal;font-size:13px;color:var(--soft);margin-left:10px}
.work-shot img{display:block;width:100%;height:auto}
.work-info{padding:20px 4px 0}
.offer-site .work-info h3{font-size:24px;margin:12px 0 6px}
.work-info p{font-size:16px!important;line-height:1.5;color:var(--soft);margin:0;max-width:620px}
.work-nav{display:flex;gap:10px;margin-top:26px}
.work-nav button{width:48px;height:48px;border-radius:50%;border:1.500px solid var(--accent);background:#fff;color:var(--accent);font-size:20px;cursor:pointer}
.work-nav button:hover{background:var(--accent);color:#fff}
.sec-title.wb-work{padding-top:96px}

/* Free check: website, first name and email together */
.check-gate{display:grid;grid-template-columns:1.300fr 1fr 1.200fr auto;gap:12px;align-items:end;max-width:1040px}
.check-gate label{display:grid;gap:7px;font-size:14px;font-weight:600;color:var(--soft)}
.check-gate input{border:1px solid #cfdad3;border-radius:12px;padding:15px 16px;font:inherit;font-size:16px;font-weight:400;color:var(--ink);min-width:0;background:#fff}
.check-gate input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.check-gate .button{padding:16px 26px;white-space:nowrap}
@media(max-width:900px){.check-gate{grid-template-columns:1fr}}

.trade-strip.five{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.trade-strip.five img{height:230px}
.trade-strip.five figcaption{font-size:17px}
@media(max-width:950px){.trade-strip.five{grid-template-columns:1fr 1fr}.trade-strip.five img{height:170px}}

.trade-strip.six{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.trade-strip.six img{height:250px}
@media(max-width:950px){.trade-strip.six{grid-template-columns:1fr 1fr}.trade-strip.six img{height:170px}}

/* About: the opening story sits beside the portrait, then sections span the page */
.page-hero:has(+.kit>.about-top){padding-bottom:20px}
.about-top{display:grid;grid-template-columns:.8fr 1fr;gap:64px;align-items:center}
.about-top .owner-photo{margin:0}
.about-top .owner-photo img{width:100%;height:520px;object-fit:cover;object-position:50% 30%;border-radius:24px;display:block}
.about-story p{font-size:19px!important;line-height:1.6;color:var(--soft);margin:0 0 18px;max-width:560px}
.about-story .about-hello{font-family:var(--display);font-size:34px!important;line-height:1.2;letter-spacing:-.025em;font-weight:600;color:var(--ink);margin-bottom:22px}
.about-story a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.about-case{display:grid;grid-template-columns:1.300fr 1fr;gap:44px;align-items:center;background:var(--accent-deep);border-radius:28px;padding:48px 52px;color:#fff;text-decoration:none}
.about-case small{font-size:13px!important;font-weight:600;color:#bfe6cb}
.offer-site .about-case h2{color:#fff;font-size:clamp(26px,2.800vw,36px);line-height:1.15;margin:12px 0 12px}
.about-case p{font-size:18px!important;color:#d9e9dd;margin:0 0 18px}
.offer-site .about-case .text-link{color:#fff;border-bottom-color:#bfe6cb}
.about-case dl{display:grid;gap:12px;margin:0}
.about-case dl>div{background:#ffffff14;border-radius:16px;padding:16px 20px;display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.about-case dt{font-size:15px;color:#d9e9dd}
.about-case dd{margin:0;font-family:var(--display);font-size:28px;font-weight:600;letter-spacing:-.03em;color:#fff}
@media(max-width:850px){.about-top,.about-case{grid-template-columns:1fr;gap:30px}.about-top .owner-photo img{height:360px}.about-case{padding:32px 24px}.about-story .about-hello{font-size:28px!important}}

/* Lead alerts on a phone lock screen */
.home-alerts{padding:20px 0 0}
.alerts-panel{background:var(--wash);border-radius:28px;padding:56px 60px 0;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;overflow:hidden}
.alerts-copy{padding-bottom:56px}
.offer-site .alerts-copy h2{font-size:clamp(28px,3vw,40px);line-height:1.12;margin:16px 0 16px}
.alerts-copy>p{font-size:18px!important;line-height:1.55;color:var(--soft);margin:0 0 20px;max-width:480px}
.alerts-copy .alerts-note{font-size:13px!important;margin:22px 0 0}
.lock{justify-self:center;width:340px;height:520px;border:9px solid var(--ink);border-bottom:0;border-radius:44px 44px 0 0;background:linear-gradient(160deg,#1d4d3a,#0d2b20 70%);padding:34px 16px 0;box-shadow:0 30px 60px #16211b30}
.lock-time{text-align:center;color:#fff;margin-bottom:26px}
.lock-time b{display:block;font-family:var(--display);font-size:64px;font-weight:500;letter-spacing:-.03em;line-height:1}
.lock-time span{font-size:14px;opacity:.85}
.lock-list{display:grid;gap:10px}
.alert{display:flex;gap:11px;background:#ffffffee;border-radius:18px;padding:13px 14px;animation:alert-in 12s infinite both}
.alert .alert-ico{flex:none;width:34px;height:34px;border-radius:9px;background:var(--accent);color:#fff;font-family:var(--display);font-weight:700;font-size:17px;display:grid;place-items:center}
.alert p{font-size:13px!important;line-height:1.4;color:#33403a;margin:0}
.alert .alert-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:2px}
.alert .alert-top b{font-size:14px;color:var(--ink)}
.alert .alert-top em{font-style:normal;font-size:12px;color:#77756c;white-space:nowrap}
.alert.a3{animation-delay:.2s}.alert.a2{animation-delay:1.600s}.alert.a1{animation-delay:3.200s}
@keyframes alert-in{0%{opacity:0;transform:translateY(-14px) scale(.96)}5%,88%{opacity:1;transform:none}96%,100%{opacity:0;transform:none}}
@media(prefers-reduced-motion:reduce){.alert{animation:none}}
@media(max-width:900px){.alerts-panel{grid-template-columns:1fr;padding:34px 22px 0;gap:26px}.alerts-copy{padding-bottom:0}.lock{width:300px;height:470px}}
.alert{animation:alert-in 12s infinite}
@keyframes alert-in{0%,3%{opacity:0;transform:translateY(-14px) scale(.96)}8%,100%{opacity:1;transform:none}}

/* Past-lead call-backs add-on */
.icon-tiles:has(>div:nth-child(8):last-child){grid-template-columns:repeat(4,minmax(0,1fr))!important}
.callback{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;border:1px solid var(--line);border-radius:22px;padding:36px 38px;margin-top:20px;scroll-margin-top:30px}
.offer-site .callback h3{font-size:26px;line-height:1.2;margin:14px 0 12px}
.callback p{font-size:16px!important;line-height:1.55;color:var(--soft);margin:0}
.callback ol{list-style:none;counter-reset:cb;margin:0;padding:0;display:grid;gap:14px}
.callback li{counter-increment:cb;display:grid;grid-template-columns:36px 1fr;column-gap:14px;align-items:start}
.callback li:before{content:counter(cb);grid-row:1/3;width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;font-weight:600;display:grid;place-items:center}
.callback li b{font-family:var(--display);font-size:18px;font-weight:600}
.callback li span{font-size:15px;color:var(--soft);line-height:1.45}
@media(max-width:850px){.callback{grid-template-columns:1fr;gap:24px;padding:26px 22px}.icon-tiles:has(>div:nth-child(8):last-child){grid-template-columns:1fr 1fr!important}}

/* Managed Website terms as four steps */
.terms{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.terms li{background:var(--mark);border-radius:18px;padding:20px 20px 18px;display:grid;gap:6px}
.terms small{font-size:13px!important;font-weight:600;color:var(--accent-deep)}
.terms b{font-family:var(--display);font-size:19px;font-weight:600;letter-spacing:-.015em;line-height:1.2}
.callback .cb-price{margin-top:12px;font-size:15px!important;color:var(--ink)}
.price-figure p{max-width:320px;margin-left:auto}
@media(max-width:850px){.terms{grid-template-columns:1fr 1fr}.price-figure p{margin-left:0}}

.alert .src{display:inline-block;margin-top:6px!important;font-size:11px!important;font-weight:600;color:var(--accent-deep)!important;background:var(--mark);border-radius:999px;padding:2px 9px}
.alert .src.ad{background:#eef1ef;color:#4a5550!important}
.lock{height:590px}

.icon-tiles:has(>div:nth-child(10):last-child){grid-template-columns:repeat(5,minmax(0,1fr))!important}
@media(max-width:1000px){.icon-tiles:has(>div:nth-child(10):last-child){grid-template-columns:1fr 1fr!important}}

.terms.three{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:850px){.terms.three{grid-template-columns:1fr}}

.own .yours li{align-items:flex-start;font-family:var(--sans);font-size:15px!important;font-weight:400;letter-spacing:0;color:var(--soft)}
.own .yours li span{display:block}
.own .yours li b{display:block;font-family:var(--display);font-size:19px;font-weight:600;letter-spacing:-.015em;color:var(--ink)}
.own .yours .ico{margin-top:2px}

.bilingual{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap;border:1px solid var(--line);border-radius:22px;padding:30px 36px;margin-top:20px}
.offer-site .bilingual h3{font-size:24px;margin:12px 0 8px}
.bilingual p{font-size:16px!important;color:var(--soft);margin:0;max-width:520px}
.bilingual .price-figure b{font-size:48px}

/* Home: tighter rhythm between sections */
.sec-title{padding:84px 0 32px}
.work-story,.package-section,.shots{padding-top:84px!important}
.home-alerts{padding-top:84px}
.final-cta{margin-top:84px}
.hero-second{margin-top:18px}
.check-band{margin-top:84px;background:var(--mark);border-radius:28px;padding:40px 48px;display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap;width:min(1220px,calc(100% - 96px))}
.offer-site .check-band h2{font-size:clamp(24px,2.600vw,32px);margin:0 0 8px}
.check-band p{font-size:17px!important;color:var(--soft);margin:0;max-width:560px}
.check-band-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
@media(max-width:850px){.sec-title{padding:60px 0 24px}.work-story,.package-section,.shots,.home-alerts{padding-top:60px!important}.check-band{padding:28px 22px;margin-top:60px;width:calc(100% - 38px)}}
@media(max-width:650px){.search-line>div{flex-wrap:wrap;gap:10px 22px}}

/* Phone menu: one column, everything the same size, nothing cut off */
@media(max-width:950px){
 .offer-header nav.open{display:grid!important;grid-template-columns:1fr;gap:0;padding:10px 20px 20px!important;max-height:calc(100vh - 110px);overflow-y:auto}
 .offer-header nav.open>a:not(.button),.offer-header nav.open .nav-more>summary{display:flex;justify-content:space-between;align-items:center;padding:15px 0;font-size:17px!important;font-weight:500;border-bottom:1px solid var(--line);color:var(--ink)}
 .offer-header nav.open>a.button{margin-top:16px;justify-content:center;text-align:center;padding:15px;font-size:16px}
 .nav-more{width:100%}
 .nav-mega>div,.nav-more>div{position:static;width:auto;left:auto;display:block;box-shadow:none;border:0;border-radius:0;padding:4px 0 10px;min-width:0}
 .mega-cols{display:block}
 .mega-cols>div{padding:10px 0 4px}
 .mega-cols small{margin:0 0 4px 0}
 .nav-mega .mega-cols a,.nav-more>div a{display:flex;align-items:center;gap:11px;padding:10px 0;font-size:16px;white-space:normal;border-radius:0}
 .nav-mega .mega-cols a span,.nav-mega em{white-space:normal}
 .mega-feature{display:none!important}
}
.kit .kcards.pair a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}

/* Website check: each line turns from "needs work" to "fixed" */
.page-hero .hero-visual{margin:0}
.health{background:var(--wash);border-radius:24px;padding:26px 28px 22px}
.health-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid #dce5df}
.health-top b{font-family:var(--display);font-size:18px;font-weight:600}
.health-top span{font-size:13px;font-weight:600;color:var(--soft)}
.health ul{list-style:none;margin:0;padding:0}
.health li{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid #dce5df;font-size:16px!important;color:var(--ink);position:relative}
.health li em{font-style:normal;font-size:13px;font-weight:600;padding:5px 12px;border-radius:999px;white-space:nowrap}
.health li .was{background:#eef1ef;color:#4a5550;position:absolute;right:0;opacity:0;animation:health-was 12s var(--d) infinite backwards}
.health li .now{background:var(--accent);color:#fff;animation:health-now 12s var(--d) infinite backwards}
.health p{font-size:12px!important;color:var(--soft);margin:12px 0 0}
@keyframes health-was{0%,6%{opacity:1}10%,100%{opacity:0}}
@keyframes health-now{0%,6%{opacity:0;transform:scale(.9)}10%,100%{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.health li .was,.health li .now{animation:none}}

.kit-title .ktag{margin-bottom:14px}

/* Side-by-side comparison */
.vs-wrap{overflow-x:auto;max-width:1100px;margin:0 auto;padding-top:14px}
.vs{width:100%;min-width:760px;border-collapse:separate;border-spacing:0;table-layout:fixed;background:#fff;border-radius:22px}
.vs th,.vs td{padding:18px 16px;text-align:center;font-size:15px;line-height:1.35;color:var(--soft);border-bottom:1px solid var(--line);vertical-align:middle}
.vs thead th{font-family:var(--display);font-size:17px;font-weight:600;color:var(--ink);letter-spacing:-.015em;border-bottom:1px solid var(--line);padding-top:26px}
.vs tbody th{text-align:left;font-weight:600;color:var(--ink);font-size:15px;width:24%;padding-left:24px}
.vs thead th:first-child{width:24%}
.vs tbody tr:last-child th,.vs tbody tr:last-child td{border-bottom:0}
.vs td i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;margin:0 auto 7px;font-style:normal;font-weight:700;font-size:14px}
.vs td.y i{background:var(--mark);color:var(--accent-deep)}
.vs td.n i{background:#f1f6f2;color:#8a8779}
.vs thead th.us,.vs td[data-us]{background:var(--accent);color:#fff;border-bottom-color:#ffffff2e}
.vs thead th.us{border-radius:18px 18px 0 0;position:relative}
.vs tbody tr:last-child td[data-us]{border-radius:0 0 18px 18px}
.vs thead th.us span{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:#fff;color:var(--accent-deep);font-family:var(--sans);font-size:12px;font-weight:700;padding:4px 14px;border-radius:999px;border:1.500px solid var(--accent)}
.vs td[data-us] i{background:#fff;color:var(--accent-deep)}
.vs td[data-us] b{color:#fff;font-size:17px}

/* Hero: one question, two answers */
.hero-ask{font-family:var(--display);font-size:22px!important;font-weight:600;letter-spacing:-.015em;color:var(--ink);margin:28px 0 14px}
.hero-choice{display:flex;gap:12px;flex-wrap:wrap}
.hero-choice .button{padding:18px 26px;font-size:16px}
.hero-choice .button.outline{background:#fff}
@media(max-width:650px){.hero-choice{display:grid}.hero-choice .button{justify-content:center;text-align:center}}

/* Three choices, and the free check as the way in */
.two-offers.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.free-first{text-align:center;font-size:16px!important;color:var(--soft);margin:22px 0 0}
.free-first a{color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.ladder strong{font-size:36px}
/* Service areas visual */
.terr li span{display:grid;gap:2px;font-size:13px;color:var(--soft)}
.terr li span b{font-family:var(--display);font-size:17px;font-weight:600;color:var(--ink)}
.terr li em.now{background:var(--accent);color:#fff;animation:none}
.terr li em.soon{background:var(--mark);color:var(--accent-deep)}
.terr li em.next{background:#f1f6f2;color:#77756c}
.terms.three li b{font-size:17px}
@media(max-width:850px){.two-offers.three{grid-template-columns:1fr}}

.ladder strong.quote,.price-figure b.quote{font-size:30px;letter-spacing:-.02em}
.short .price-actions{margin-top:20px}

/* Client dashboard, as a picture */
.dash-panel{padding-bottom:56px;align-items:center}
.dash-panel .alerts-copy{padding-bottom:0}
.dash{background:#fff;border-radius:22px;padding:24px 26px;box-shadow:0 24px 54px #16211b1c}
.dash-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.dash-top b{font-family:var(--display);font-size:18px;font-weight:600}
.dash-top span{font-size:12px;font-weight:600;color:var(--accent-deep);background:var(--mark);border-radius:999px;padding:4px 11px}
.dash-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}
.dash-nums>div{background:var(--wash);border-radius:14px;padding:14px}
.dash-nums b{display:block;font-family:var(--display);font-size:26px;font-weight:600;letter-spacing:-.03em;color:var(--accent);line-height:1.1}
.dash-nums span{display:block;font-size:12px;color:var(--soft);margin-top:4px;line-height:1.3}
.dash-tasks{list-style:none;margin:0;padding:0}
.dash-tasks li{display:grid;grid-template-columns:22px 1fr auto;gap:12px;align-items:center;padding:11px 0;border-top:1px solid var(--line);font-size:15px!important;color:var(--ink)}
.dash-tasks i{width:22px;height:22px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;font-style:normal}
.dash-tasks li.done i{background:var(--accent);border-color:var(--accent)}
.dash-tasks li.done i:after{content:"\2713";color:#fff;font-size:12px;font-weight:700}
.dash-tasks li.doing i{border-color:var(--accent)}
.dash-tasks em{font-style:normal;font-size:12px;color:var(--soft);white-space:nowrap}
.dash-tasks li.doing em{color:var(--accent-deep);font-weight:600}
@media(max-width:900px){.dash-panel{padding-bottom:30px}}

/* Client dashboard, drawn as a product screen */
.db{display:grid;grid-template-columns:168px 1fr;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 30px 70px #16211b1f;max-width:1080px;margin:0 auto;text-align:left;font-size:13px;color:var(--ink)}
.db-side{background:var(--accent-deep);padding:20px 12px;display:grid;gap:4px;align-content:start}
.db-logo{font-family:var(--display);font-size:24px;font-weight:700;color:#fff;padding:0 10px 16px}
.db-side span{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;color:#b9d3c4;font-weight:500}
.db-side span i{width:8px;height:8px;border-radius:2px;background:#5f8f77}
.db-side span.on{background:#ffffff1c;color:#fff}
.db-side span.on i{background:#fff}
.db-main{padding:22px 24px 24px;background:#f7faf8;min-width:0}
.db-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
.db-head b{display:block;font-family:var(--display);font-size:19px;font-weight:600;letter-spacing:-.015em}
.db-head span{color:var(--soft);font-size:12px}
.db-head em{font-style:normal;font-size:11px;font-weight:600;color:var(--accent-deep);background:var(--mark);border-radius:999px;padding:4px 11px;white-space:nowrap}
.db-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}
.db-kpi,.db-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}
.db-kpi{display:grid;grid-template-columns:1fr auto;column-gap:8px;align-items:end}
.db-kpi small{grid-column:1/-1;font-size:12px!important;color:var(--soft);font-weight:500;margin-bottom:6px}
.db-kpi b{font-family:var(--display);font-size:30px;font-weight:600;letter-spacing:-.03em;line-height:1}
.db-kpi em{font-style:normal;font-size:12px;font-weight:700;color:var(--yes);background:var(--mark);border-radius:999px;padding:3px 8px}
.db-kpi span{grid-column:1/-1;font-size:11px;color:#8a8779;margin-top:6px}
.db-grid{display:grid;grid-template-columns:1.450fr 1fr;gap:12px}
.db-card-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px}
.db-card-top b{font-size:14px;font-weight:600}
.db-card-top span{font-size:11px;color:var(--soft)}
.db-chart svg{width:100%;height:120px;display:block}
.db-chart polygon{fill:var(--mark);stroke:none}
.db-chart polyline{fill:none;stroke:var(--accent);stroke-width:1.400;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}
.db-axis{display:flex;justify-content:space-between;font-size:11px;color:#8a8779;margin-top:6px}
.db ul{list-style:none;margin:0;padding:0}
.db-src li{display:grid;grid-template-columns:78px 1fr 34px;gap:10px;align-items:center;padding:7px 0;font-size:12px!important;color:var(--ink)}
.db-src b{display:block;height:8px;border-radius:999px;background:#f1f6f2;overflow:hidden}
.db-src b i{display:block;height:100%;border-radius:999px;background:var(--accent)}
.db-src b i.a{background:#3f9b6b}.db-src b i.d{background:#9cc7ae}.db-src b i.x{background:#dce5df}
.db-src em{font-style:normal;text-align:right;color:var(--soft)}
.db-bar{height:6px;border-radius:999px;background:#f1f6f2;margin-bottom:6px;overflow:hidden}
.db-bar i{display:block;height:100%;background:var(--accent);border-radius:999px}
.db-tasks li{display:grid;grid-template-columns:18px 1fr auto;gap:10px;align-items:center;padding:9px 0;border-top:1px solid #f1f6f2;font-size:13px!important;color:var(--ink)}
.db-tasks li:first-child{border-top:0}
.db-tasks li i{width:18px;height:18px;border-radius:50%;border:1.500px solid #dce5df;display:grid;place-items:center;font-style:normal}
.db-tasks li.done i{background:var(--accent);border-color:var(--accent)}
.db-tasks li.done i:after{content:"\2713";color:#fff;font-size:10px;font-weight:700}
.db-tasks li.done span{color:var(--soft)}
.db-tasks li.doing i{border-color:var(--accent);box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 9px var(--accent)}
.db-tasks em{font-style:normal;font-size:11px;color:#8a8779;white-space:nowrap}
.db-tasks li.doing em{color:var(--accent-deep);font-weight:600;background:var(--mark);border-radius:999px;padding:2px 8px}
.db-kw li{display:grid;grid-template-columns:1fr 26px 44px;gap:8px;align-items:center;padding:8px 0;border-top:1px solid #f1f6f2;font-size:12px!important;color:var(--ink)}
.db-kw li:first-child{border-top:0}
.db-kw b{font-family:var(--display);font-size:15px;text-align:right}
.db-kw em{font-style:normal;font-size:11px;font-weight:700;color:var(--yes);text-align:right}
.db-points{list-style:none;margin:34px auto 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1080px}
.db-points li{font-size:15px!important;line-height:1.5;color:var(--soft)}
.db-points b{display:block;font-family:var(--display);font-size:18px;font-weight:600;letter-spacing:-.015em;color:var(--ink);margin-bottom:4px}
@media(max-width:820px){.db{grid-template-columns:1fr}.db-side{display:none}.db-grid,.db-points{grid-template-columns:1fr}.db-main{padding:16px}.db-kpis{grid-template-columns:1fr 1fr}.db-kpi:last-child{grid-column:1/-1}}

/* Product pages (Website, Search): one shared layout. Promise + product, three benefit rows, proof, flow, questions, one action. */
.hero-actions{margin:28px 0 0}
.page-hero .hero-visual img{height:auto;border-radius:0}
.pv-cap{font-size:13px;color:var(--soft);text-align:center;margin-top:14px}
.pv-bar{display:flex;align-items:center;gap:6px;background:var(--wash);padding:11px 14px;border-bottom:1px solid var(--line)}
.pv-bar i{flex:none;width:8px;height:8px;border-radius:50%;background:#dce5df}
.pv-bar em{font-style:normal;font-size:12px;color:var(--soft);margin-left:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pv-browser{display:block;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 24px 54px #16211b1f}
.pv-browser img{display:block;width:100%;height:auto}
.pv-devices{position:relative;padding-bottom:36px;margin-right:26px}
.pv-handset{position:absolute;right:-26px;bottom:0;width:27%;aspect-ratio:390/720;border:6px solid var(--ink);border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 20px 40px #16211b33}
.page-hero .pv-handset img,.pv-handset img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.pv-found{background:var(--wash);border-radius:28px;padding:28px}
.pv-q{background:#fff;border-radius:20px;padding:18px 20px 8px;box-shadow:0 14px 34px #16211b14}
.pv-q small{font-size:12px!important;font-weight:600;color:var(--soft)}
.pv-q p{font-family:var(--display);font-size:19px!important;font-weight:600;line-height:1.3;margin:6px 0 10px;color:var(--ink)}
.pv-q ol{list-style:none;margin:0;padding:0}
.pv-q li{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid var(--line);font-size:15px!important;color:var(--soft)}
.pv-q li.you{color:var(--accent);font-weight:700}
.pv-q li em,.pv-asks em{font-style:normal;font-size:12px;font-weight:600;background:var(--mark);color:var(--accent-deep);border-radius:999px;padding:3px 10px;white-space:nowrap}
.pv-join{display:grid;justify-items:center}
.pv-join:before,.pv-join:after{content:"";width:2px;height:16px;background:var(--accent)}
.pv-join span{font-size:12px;font-weight:600;color:var(--accent-deep);background:var(--mark);border-radius:999px;padding:4px 12px}
.pv-page{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 14px 34px #16211b14}
.pv-page-body{padding:20px;display:grid;gap:10px;justify-items:start}
.pv-page-body b{font-family:var(--display);font-size:20px;line-height:1.2;letter-spacing:-.015em;color:var(--ink)}
.pv-page-body>i{display:block;height:9px;width:100%;border-radius:5px;background:var(--line)}
.pv-page-body>i.short{width:62%}
.pv-page-body .btn{background:var(--accent);color:#fff;font-size:13px;font-weight:600;padding:9px 16px;border-radius:999px;margin-top:4px}
.pv-page-body small{font-size:12px!important;font-weight:600;color:var(--soft);margin-top:6px}
.pv-chips{display:flex;flex-wrap:wrap;gap:8px}
.pv-chips span{font-size:13px;border:1px solid var(--line);border-radius:999px;padding:6px 12px;color:var(--ink)}
.pv-rows{display:grid;gap:28px}
.pv-row{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;scroll-margin-top:30px}
.pv-row.flip .pv-stage{order:2}
.pv-stage{background:var(--wash);border-radius:28px;min-height:440px;padding:44px;display:grid;place-items:center;overflow:hidden;position:relative}
.pv-stage-phone{height:500px;padding:78px 0 0;align-items:start}
.pv-stage-lock{height:500px;padding:44px 0 0;align-items:start}
.pv-bubble{position:absolute;top:22px;left:50%;transform:translateX(-50%);z-index:2;background:#fff;border-radius:999px;padding:10px 18px;margin:0;font-size:14px!important;font-weight:600;color:var(--ink)!important;box-shadow:0 10px 26px #16211b22;white-space:nowrap}
.pv-shot{width:100%;max-width:380px}
.pv-shot .screen{background:#fff;padding:26px;min-height:0;box-shadow:0 14px 34px #16211b14}
.pv-area,.pv-asks,.pv-change{width:100%;max-width:430px}
.pv-copy h3{font-size:clamp(28px,3vw,40px);line-height:1.12;letter-spacing:-.02em;margin:0 0 16px}
.pv-copy p{font-size:18px!important;line-height:1.55;color:var(--soft);margin:0;max-width:480px}
.pv-link{display:inline-block;margin-top:20px;font-weight:600;font-size:16px;color:var(--accent);border-bottom:2px solid var(--accent);padding-bottom:2px}
.pv-link:after{content:" \2192"}
.pv-asks{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.pv-asks li{display:flex;justify-content:space-between;align-items:center;gap:14px;background:#fff;border-radius:16px;padding:16px 18px;font-size:15px!important;font-weight:500;color:var(--ink);box-shadow:0 8px 20px #16211b0f}
.pv-change{display:grid;gap:14px}
.pv-change>p{font-family:var(--display);font-size:20px!important;font-weight:600;color:var(--ink);margin:0;text-align:center}
.pv-change .rep-score>div{background:#fff;padding:24px 20px}
.pv-change .rep-score>div:last-child{background:var(--mark)}
.pv-change .rep-score b{font-size:40px}
.pv-change .rep-score span{font-size:14px}
.pv-proof{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:center;background:var(--accent-deep);border-radius:28px;padding:52px}
.pv-proof .pv-browser{border:0}
.pv-proof-copy h3{color:#fff;font-size:clamp(26px,2.8vw,36px);line-height:1.15;margin:0 0 14px}
.pv-proof-copy>p{font-size:17px!important;line-height:1.55;color:#d6e6dc!important;margin:0}
.pv-stats{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.pv-stats li{background:#ffffff14;border-radius:16px;padding:16px}
.pv-stats b{display:block;font-family:var(--display);font-size:28px;line-height:1;color:#fff}
.pv-stats span{display:block;font-size:13px;color:#bfe6cb;margin-top:6px}
.pv-proof .pv-link{color:#fff;border-color:#fff}
.pv-proof-copy .pv-limit{font-size:13px!important;color:#a9c7b6!important;margin:18px 0 0}
.pv-also{margin-top:34px;text-align:center}
.pv-also>p{font-size:14px!important;font-weight:600;color:var(--soft);margin:0 0 14px}
.pv-also>div{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:760px;margin:0 auto}
.pv-also a{display:flex;align-items:center;gap:16px;border:1px solid var(--line);border-radius:18px;padding:12px;text-align:left;color:var(--ink)}
.pv-also a:hover{border-color:var(--accent)}
.pv-also img{flex:none;width:120px;height:75px;object-fit:cover;object-position:top;border-radius:10px}
.pv-also span{font-size:14px;color:var(--soft)}
.pv-also b{display:block;font-family:var(--display);font-size:17px;color:var(--ink)}
.pv-after .ico{display:block;width:44px;height:44px;padding:10px;border-radius:50%;background:var(--mark);color:var(--accent-deep);margin-bottom:14px}
.pv-dash{margin-top:56px}
.pv-dash>h3{text-align:center;font-size:clamp(24px,2.6vw,32px);margin:0 0 28px}
.pv-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.pv-flow article{background:#fff;border-radius:22px;padding:18px 18px 24px;position:relative}
.pv-flow article:not(:last-child):after{content:"\2192";position:absolute;right:-17px;top:72px;z-index:2;width:18px;text-align:center;color:var(--accent);font-weight:700;font-size:18px}
.pv-mini{background:var(--wash);border-radius:14px;height:132px;padding:16px;display:grid;gap:8px;align-content:center;margin-bottom:16px}
.pv-mini>b{font-family:var(--display);font-size:16px;color:var(--ink)}
.pv-mini>i{display:block;height:8px;border-radius:4px;background:#dce5df}
.pv-mini>i.short{width:60%}
.pv-mini .field{display:flex;justify-content:space-between;background:#fff;border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:13px}
.pv-mini .field em{font-style:normal;font-weight:600}
.pv-mini .range{background:var(--mark);border-radius:8px;padding:9px 10px;font-family:var(--display);font-weight:600;font-size:15px}
.pv-mini.dark{display:flex;align-items:center;padding:14px;background:linear-gradient(160deg,#1d4d3a,#0d2b20 70%)}
.pv-mini.dark>div{flex:1;display:flex;gap:9px;align-items:center;background:#ffffffee;border-radius:12px;padding:10px 11px}
.pv-mini.dark .alert-ico{flex:none;width:28px;height:28px;border-radius:8px;background:var(--accent);color:#fff;display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:14px}
.pv-mini.dark b{display:block;font-size:13px;color:var(--ink)}
.pv-mini.dark p{font-size:12px!important;font-weight:600;color:var(--accent-deep)!important;margin:0}
.pv-kpi{font-size:12px;font-weight:600;color:var(--soft)}
.pv-mini b.big{font-size:40px;line-height:1;color:var(--accent)}
.pv-mini>em{font-style:normal;font-size:12px;font-weight:700;color:var(--yes);background:var(--mark);border-radius:999px;padding:2px 9px;justify-self:start}
.pv-flow small{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;font-size:12px!important;font-weight:600;margin-bottom:10px}
.pv-flow h3{font-size:19px;margin:0 0 6px}
.pv-flow p{font-size:15px!important;line-height:1.45;color:var(--soft);margin:0}
.pv-pledge{margin-top:16px}
@media(max-width:850px){.pv-rows{gap:56px}.pv-row{grid-template-columns:1fr;gap:22px}.pv-row .pv-copy{order:-1}.pv-row.flip .pv-stage{order:0}.pv-stage{min-height:0;padding:26px 18px}.pv-stage-phone{height:440px;padding:72px 0 0}.pv-stage-lock{height:440px;padding:30px 0 0}.pv-proof{grid-template-columns:1fr;padding:26px 20px;gap:26px}.pv-flow{grid-template-columns:1fr 1fr}.pv-flow article:after{display:none}.pv-also>div{grid-template-columns:1fr}.pv-devices{margin-right:14px}.pv-handset{right:-14px}.pv-found{padding:18px}}
@media(max-width:520px){.pv-flow{grid-template-columns:1fr}.pv-stats b{font-size:21px}.pv-stats li{padding:12px}.pv-bubble{font-size:13px!important;padding:9px 14px}}
.vs-hint{display:none;text-align:center;font-size:14px!important;font-weight:600;color:var(--accent-deep);margin:0 0 6px}
@media(max-width:820px){.vs-hint{display:block}}
@media(max-width:850px){.health li>span:first-child{padding-right:38px}}

/* Website Boost: five questions before, the same five after */
.ba5-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:center}
.ba5-steps{list-style:none;counter-reset:ba5;margin:0;padding:0;display:grid;gap:24px}
.ba5-steps li{counter-increment:ba5;position:relative;padding-left:54px;font-size:16px!important;line-height:1.5;color:var(--soft)}
.ba5-steps li:before{content:counter(ba5);position:absolute;left:0;top:0;width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:600;font-size:14px}
.ba5-steps b{display:block;font-family:var(--display);font-size:20px;font-weight:600;letter-spacing:-.015em;color:var(--ink);margin-bottom:2px}
.ba5{background:#fff;border-radius:24px;padding:10px 24px 18px;box-shadow:0 14px 34px #16211b14}
.ba5>div{display:grid;grid-template-columns:1fr 92px 92px;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.35;color:var(--ink)}
.ba5>div.ba5-head{font-size:12px;font-weight:600;color:var(--soft)}
.ba5>div>span:not(:first-child){text-align:center}
.ba5 em{font-style:normal;display:inline-block;font-size:12px;font-weight:600;border-radius:999px;padding:4px 10px;white-space:nowrap}
.ba5 em.n{background:#f1f6f2;color:#77756c}
.ba5 em.y{background:var(--accent);color:#fff}
.ba5>div.ba5-total{border-bottom:0;font-weight:600}
.ba5-total span:not(:first-child){font-family:var(--display);font-size:19px;color:var(--soft)}
.ba5-total span:last-child{color:var(--accent)}
.ba5 p{font-size:12px!important;line-height:1.5;color:var(--soft);margin:8px 0 0}
@media(max-width:850px){.ba5-wrap{grid-template-columns:1fr;gap:30px}.ba5{padding:6px 16px 16px}.ba5>div{grid-template-columns:1fr 78px 78px;gap:6px;font-size:14px}.ba5 em{font-size:11px;padding:4px 7px}.ba5-total span:not(:first-child){font-size:16px}}
@media(max-width:520px){.pv-bubble{white-space:normal;width:86%;text-align:center;border-radius:18px;line-height:1.3}}
@media(max-width:520px){.pv-stage-phone{padding-top:96px}.pv-bubble{top:18px}}
.pv-strip{display:flex;justify-content:space-between;align-items:center;gap:24px;background:var(--accent-deep);border-radius:22px;padding:26px 32px;margin-top:34px;color:#d6e6dc;font-size:16px;line-height:1.5}
.pv-strip b{display:block;font-family:var(--display);font-size:22px;font-weight:600;letter-spacing:-.015em;line-height:1.25;color:#fff;margin-bottom:4px}
.pv-strip em{flex:none;font-style:normal;font-weight:600;color:var(--accent-deep);background:#fff;border-radius:999px;padding:12px 22px;font-size:15px}
.pv-incl{list-style:none;margin:16px 0 0;padding:16px 0 0;border-top:1px solid #dce5df;display:grid;gap:9px}
.pv-incl li{position:relative;padding-left:24px;font-size:15px!important;line-height:1.4;color:var(--ink)}
.pv-incl li:before{content:"\2713";position:absolute;left:0;top:0;color:var(--yes);font-weight:700}
@media(max-width:850px){.pv-strip{flex-direction:column;align-items:flex-start;padding:22px 20px}.pv-strip b{font-size:19px}}

/* Buying: plan cards with their own action, the buy band, the order page */
.pv-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pv-plans article{background:var(--wash);border-radius:22px;padding:28px 26px;display:flex;flex-direction:column}
.pv-plans .tag{align-self:flex-start;font-size:13px;font-weight:600;padding:4px 12px;border-radius:999px;background:#fff;color:var(--accent-deep)}
.pv-plans h3{font-size:21px;margin:16px 0 8px}
.pv-plans strong{display:block;font-family:var(--display);font-size:40px;font-weight:600;letter-spacing:-.03em;line-height:1;color:var(--accent)}
.pv-plans strong small{font-size:15px;font-weight:600;letter-spacing:0;color:var(--soft);font-family:var(--sans)}
.pv-plans strong.quote{font-size:30px;letter-spacing:-.02em;line-height:40px}
.pv-plans .pv-incl{flex:1}
.pv-plans .button{margin-top:24px;justify-content:center;text-align:center}
.pv-plans .more{font-size:14px;text-align:center;margin-top:12px;color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.pv-buy{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;background:var(--mark);border-radius:22px;padding:26px 32px;margin-top:56px}
.pv-buy b{display:block;font-family:var(--display);font-size:22px;font-weight:600;letter-spacing:-.015em;color:var(--ink)}
.pv-buy span{font-size:16px;color:var(--soft)}
.pv-buy p{display:flex;align-items:center;gap:18px;margin:0;flex-wrap:wrap}
.pv-buy-alt{font-size:15px;font-weight:600;color:var(--accent-deep);text-decoration:underline;text-underline-offset:3px}
.ord{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:start;padding-bottom:30px}
.ord .enq-card{width:100%}
.ord-form h2{font-size:26px;margin:0 0 20px}
.ord-form .wide{grid-column:1/-1}
.ord-lang{border:0;margin:20px 0 0;padding:0;min-width:0}
.ord-lang legend{font-size:14px;font-weight:600;color:var(--soft);padding:0;margin-bottom:8px}
.ord-lang div{display:flex;gap:10px;flex-wrap:wrap}
.ord-lang label{display:flex;align-items:center;gap:8px;border:1px solid #cfdad3;border-radius:999px;padding:10px 18px;font-size:15px;font-weight:500;cursor:pointer}
.ord-lang label:has(input:checked){border-color:var(--accent);background:var(--mark)}
.ord-lang input{accent-color:var(--accent)}
.ord-form .button{width:100%;justify-content:center;text-align:center;padding-block:18px;font-size:16px;margin-top:6px}
.ord-sum{background:var(--wash);border-radius:28px;padding:34px 32px}
.ord-sum>small{font-size:13px!important;font-weight:600;color:var(--soft)}
.ord-sum h2{font-size:26px;margin:6px 0 10px}
.ord-price{font-size:16px!important;color:var(--soft);margin:0}
.ord-price b{font-family:var(--display);font-size:48px;font-weight:600;letter-spacing:-.03em;color:var(--ink);margin-right:8px}
.ord-terms{background:#fff;border-radius:16px;padding:16px 18px;margin-top:20px;font-size:14px;line-height:1.5;color:var(--soft)}
.ord-terms b{display:block;color:var(--ink);margin-bottom:4px}
.ord-next{list-style:none;counter-reset:ordn;margin:22px 0 0;padding:0;display:grid;gap:12px}
.ord-next li{counter-increment:ordn;position:relative;padding-left:36px;font-size:15px!important;line-height:1.4;color:var(--ink)}
.ord-next li:before{content:counter(ordn);position:absolute;left:0;top:-2px;width:24px;height:24px;border-radius:50%;background:var(--accent);color:#fff;font-size:12px;font-weight:600;display:grid;place-items:center}
.ord-alt{text-align:center;padding-bottom:80px;margin-top:0!important}
@media(max-width:850px){.pv-plans{grid-template-columns:1fr}.ord{grid-template-columns:1fr}.ord-sum{order:-1;padding:26px 22px}.pv-buy{padding:22px 20px;margin-top:40px}}

/* Sample report: same product screen as the dashboard (.db), sized to be read */
.rp-wrap{padding-bottom:80px}
.db.rp{font-size:15px;max-width:1160px}
.rp .db-main{padding:28px 30px 30px}
.rp .db-head{margin-bottom:20px}
.rp .db-head b{font-size:26px}
.rp .db-head span{font-size:14px}
.rp .db-head em{font-size:12px;padding:5px 13px}
.rp .db-kpi{display:block;padding:20px}
.rp .db-kpi small{display:block;font-size:13px!important;margin:0}
.rp .db-kpi b{display:block;font-size:42px;color:var(--accent);margin:8px 0 6px}
.rp .db-kpi span{display:block;font-size:13px;margin:0}
.rp .db-card{padding:22px}
.rp .db-main>.db-card,.rp .db-grid{margin-top:12px}
.rp .db-grid{grid-template-columns:1fr 1fr}
.rp .db-card-top{margin-bottom:14px}
.rp .db-card-top b{font-family:var(--display);font-size:19px;letter-spacing:-.015em}
.rp .db-card-top span{font-size:13px}
.rp-row{display:grid;grid-template-columns:1fr 136px 136px 136px;gap:10px;align-items:center;padding:14px 0;border-top:1px solid #f1f6f2;font-size:15px;line-height:1.4;color:var(--ink)}
.rp-row.head{border-top:0;padding:0 0 8px;font-size:12px;font-weight:600;color:var(--soft)}
.rp-row>span:not(:first-child){text-align:center}
.rp-row i{font-style:normal;display:inline-block;font-size:12px;font-weight:600;border-radius:999px;padding:5px 11px;white-space:nowrap}
.rp-row i.n{background:#f1f6f2;color:#77756c}
.rp-row i.y{background:var(--mark);color:var(--accent-deep)}
.rp-row i.l{background:var(--accent);color:#fff}
.rp .db-src li{grid-template-columns:150px 1fr 26px;font-size:14px!important;padding:10px 0}
.rp .db-src b{height:10px}
.rp .db-src b i{background:#dce5df}
.rp .db-src em{color:var(--ink);font-weight:600}
.rp .db-src li.you span{font-weight:700;color:var(--accent)}
.rp .db-src li.you b i{background:var(--accent)}
.rp-seen p{font-size:15px!important;line-height:1.55;color:var(--soft);margin:0}
.rp-seen p.rp-quote{background:var(--mark);border-radius:12px;padding:14px 16px;font-style:italic;color:var(--ink);margin-bottom:12px}
.rp-fix ol{list-style:none;margin:0;padding:0;counter-reset:rpf}
.rp-fix li{counter-increment:rpf;display:grid;grid-template-columns:30px 1fr;gap:4px 14px;padding:15px 0;border-top:1px solid #f1f6f2;font-size:15px!important}
.rp-fix li:first-child{border-top:0;padding-top:4px}
.rp-fix li:before{content:counter(rpf);grid-row:1/3;width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:600}
.rp-fix li b{font-size:16px;color:var(--ink)}
.rp-fix li span{grid-column:2;color:var(--soft);line-height:1.5}
.rp-wrap .rep-note{max-width:1160px;margin:22px auto 0;text-align:center}
.rp-wrap .price-actions{justify-content:center}
@media(max-width:820px){.rp .db-main{padding:18px 16px}.rp .db-head{align-items:flex-start}.rp .db-head b{font-size:22px}.rp .db-kpis,.rp .db-grid{grid-template-columns:1fr}.rp .db-kpi:last-child{grid-column:auto}.rp .db-card{padding:18px 16px}.rp-row.head{display:none}.rp-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 6px;padding:16px 0}.rp-row:nth-child(3){border-top:0;padding-top:0}.rp-row>span:first-child{grid-column:1/-1;font-weight:600}.rp-row>span[data-ai]:before{content:attr(data-ai);display:block;font-size:11px;font-weight:600;color:var(--soft);margin-bottom:5px}.rp-row i{font-size:11px;padding:5px 8px;white-space:normal;border-radius:12px;line-height:1.2}.rp .db-src li{grid-template-columns:118px 1fr 22px}}
@media(max-width:820px){.rp .db-card-top{flex-direction:column;gap:2px}.rp-wrap .rep-note{padding:0 4px}}

/* Logo mark */
.offer-brand{display:inline-flex;align-items:center}
.brand-mark{display:inline-flex;color:var(--accent);margin-right:10px}
.brand-mark svg{width:30px;height:30px;display:block}
.alert-ico{--mk:#ad6548}
.alert-ico svg{width:58%;height:58%;display:block}
.db-logo{--mk:#ad6548;display:block}
.db-logo svg{width:28px;height:28px;display:block}
.brand-mark{margin-right:-4px}.brand-mark svg{width:32px;height:32px}

/* Websites slider: centred controls, clear arrows, dots */
.work-nav{justify-content:center;align-items:center;gap:18px;margin-top:30px}
.work-nav>button{width:54px;height:54px;background:var(--accent);color:#fff;border-color:var(--accent);font-size:22px;box-shadow:0 8px 20px #16211b22}
.work-nav>button:hover{background:var(--accent-deep);border-color:var(--accent-deep)}
.work-dots{display:flex;gap:8px;align-items:center}
.work-dots button{width:10px;height:10px;padding:0;border:0;border-radius:999px;background:#dce5df;cursor:pointer;transition:width .25s,background .25s}
.work-dots button.on{width:30px;background:var(--accent)}

/* Home: real website in the opening; the AI example sits with the free check */
.home-devices{margin:0;align-self:center}
.home-devices img{height:auto}
.hero-explore{font-size:15px!important;color:var(--soft);margin:18px 0 0;display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.hero-explore a{font-weight:600;color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.check-band.two{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.check-band.two .check-band-actions{margin-top:24px}
.check-band.two .hero-demo{background:#fff;margin:0}
.ord-cur{font-size:13px!important;color:var(--soft);margin:8px 0 0}
@media(max-width:850px){.check-band.two{grid-template-columns:1fr;gap:26px}}

/* Order page: welcome and three quick questions */
.ord-welcome h2{font-size:30px;margin:0 0 10px}
.ord-welcome>p{font-size:17px!important;color:var(--soft);margin:0}
#kickoff{display:grid;gap:16px;margin-top:26px;padding-top:24px;border-top:1px solid var(--line)}
#kickoff h3{font-size:21px;margin:0}
#kickoff .enq-small{text-align:left;margin:-8px 0 0}
#kickoff label{display:grid;gap:7px;font-size:15px;font-weight:600;color:var(--ink)}
#kickoff textarea{border:1px solid #cfdad3;border-radius:12px;padding:12px 14px;font:inherit;font-size:16px;font-weight:400;resize:vertical}
#kickoff .ord-talk{display:flex;align-items:center;gap:10px;font-weight:500}
#kickoff .ord-talk input{width:18px;height:18px;accent-color:var(--accent)}
#kickoff .button{justify-self:start}
.ord-kick-done{margin-top:22px!important;font-weight:600;color:var(--accent-deep)!important}

/* Footer: Builder's email address */
.foot-mail{margin:0 0 14px}.foot-mail a{font-weight:600;color:inherit;text-decoration:underline;text-underline-offset:3px}

/* Two packages side by side (pricing: Essentiel, Complet) */
.pv-plans.two{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px}
.price-note{font-size:14px;color:var(--soft);margin:14px 0 8px}
.price-figure b small{font-size:15px;font-weight:600;letter-spacing:0;font-family:var(--sans);margin-right:4px}
@media(max-width:850px){.pv-plans.two{grid-template-columns:1fr}}
.ord-plan{margin:0 0 28px}
.ord-plan div{display:grid;grid-template-columns:1fr 1fr}
.ord-plan label{border-radius:16px;padding:14px 16px;align-items:flex-start}
.ord-plan label span{display:grid;gap:2px;font-size:14px;color:var(--soft)}
.ord-plan label b{font-size:17px;color:var(--ink)}
.ord-plan input{margin-top:4px;width:auto;flex:none}
.ord-plan label span{flex:1;text-align:left}
.check-news{grid-column:1/-1;display:flex!important;align-items:flex-start;gap:10px;font-weight:400!important;font-size:14px;color:var(--soft)}
.check-news input{width:18px;height:18px;margin:2px 0 0;padding:0;flex:none;accent-color:var(--accent)}
.check-progress{margin:26px 0 0;max-width:820px;scroll-margin-top:24px}
.check-progress ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.check-progress li{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--soft);line-height:1.35}
.check-progress li b{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;border:1px solid #cfdad3;color:var(--soft)}
.check-progress li.is-now{color:var(--ink);font-weight:600}
.check-progress li.is-now b{border-color:var(--accent);color:var(--accent)}
.check-progress li.is-done b{background:var(--accent);border-color:var(--accent);color:#fff}
.check-bar{height:6px;border-radius:99px;background:#dce5df;margin-top:14px;overflow:hidden}
.check-bar i{display:block;height:100%;width:0;background:var(--accent);border-radius:99px;transition:width .6s ease}
.check-saved{scroll-margin-top:24px}
.check-gate button:disabled{opacity:.75;cursor:default}
@media(max-width:600px){.check-progress ol{grid-template-columns:1fr;gap:8px}}
@media(prefers-reduced-motion:reduce){.check-bar i{transition:none}}
.focus-hint{font-size:15px;color:var(--soft);margin:4px 0 14px}
.focus-picks{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.focus-pick{font:inherit;font-size:15px;border:1px solid #cfdad3;background:#fff;color:var(--ink);border-radius:999px;padding:9px 16px;cursor:pointer}
.focus-pick[aria-pressed="true"]{border-color:var(--accent);background:var(--mark);font-weight:600}
.focus-pick:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.check-seen{scroll-margin-top:24px}
/* The check report */
.check-report{max-width:820px;margin:30px 0 0;display:grid;gap:16px}
.rep-verdict{background:var(--ink);color:#fff;border-radius:22px;padding:30px 30px 26px}
.rep-verdict .overline{color:rgba(255,255,255,.7)}
.rep-verdict h2{color:#fff;font-size:clamp(24px,3.4vw,34px);line-height:1.15;margin:6px 0 10px;text-wrap:balance}
.rep-verdict p{color:rgba(255,255,255,.85);margin:0;font-size:16px}
.rep-block{background:var(--wash);border-radius:22px;padding:24px 28px}
.rep-block h3{margin:0 0 12px;font-size:19px}
.rep-block p{margin:0;font-size:16px;line-height:1.55}
.rep-top{list-style:none;margin:0;padding:0;display:grid;gap:8px;counter-reset:rep}
.rep-top li{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding:10px 0;border-bottom:1px solid #dce5df;counter-increment:rep}
.rep-top li:last-child{border-bottom:0}
.rep-top li span:before{content:counter(rep) ". ";color:var(--soft)}
.rep-top li b{font-size:14px;color:var(--soft);font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.rep-fixes{margin:0;padding:0 0 0 22px;display:grid;gap:14px}
.rep-fixes b{display:block;font-size:17px;margin-bottom:3px}
.rep-fixes p{color:var(--soft)}
.rep-next{border:2px solid var(--accent);border-radius:22px;padding:26px 28px}
.rep-next h3{margin:4px 0 8px;font-size:22px}
.rep-next p{margin:0;font-size:16px}
.rep-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:18px!important}
.rep-tools{margin:0 0 4px}
.rep-answers{margin:44px 0 0;font-size:24px}
@media(max-width:600px){.rep-verdict,.rep-block,.rep-next{padding:20px}}
@media print{
 .concept-bar,.offer-header,.site-foot,.skip,.rep-tools,.rep-actions,.check-fine a{display:none!important}
 body{background:#fff}
 .rep-verdict{background:#fff;color:#000;border:2px solid #000}
 .rep-verdict h2,.rep-verdict p,.rep-verdict .overline{color:#000}
 .rep-block,.rep-next,.check-card{break-inside:avoid}
 .check-row summary{list-style:none}
}
.check-report .rep-fixes{display:grid!important;grid-template-columns:1fr!important;gap:14px}
.check-report .rep-fixes li{display:block;background:#fff;border:0;border-radius:16px;padding:16px 18px 16px 20px;min-height:0}
.check-report .rep-fixes li:before{display:none}
.check-report .rep-fixes{padding:0;list-style:none;counter-reset:fix}
.check-report .rep-fixes li{counter-increment:fix}
.check-report .rep-fixes li b:before{content:counter(fix) ". ";color:var(--accent)}
.rep-answers{font-size:26px!important}
.lang-switch{font-size:14px;font-weight:600;color:var(--accent)!important;text-decoration:underline;text-underline-offset:3px}