:root{--ink:#10291f;--green:#1f6b4c;--lime:#d9f45b;--paper:#f4f1e8;--white:#fff;--muted:#66746c;--line:#d9ddd7;--orange:#f2a65a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}button,input,select,textarea{font:inherit}button{cursor:pointer}.site,.appbar{height:72px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(16,41,31,.14);background:rgba(244,241,232,.92);position:sticky;top:0;z-index:5;backdrop-filter:blur(10px)}.brand{font-weight:900;font-size:22px;letter-spacing:-.8px}.brand span{color:var(--green)}nav{display:flex;align-items:center;gap:28px}nav a{color:var(--ink);text-decoration:none;font-weight:650;font-size:14px}.primary,.ghost{border:0;border-radius:8px;padding:12px 17px;font-weight:750}.primary{background:var(--lime);color:var(--ink);box-shadow:0 2px 0 rgba(16,41,31,.18)}.ghost{background:transparent;border:1px solid var(--ink);color:var(--ink)}.hero{min-height:680px;padding:88px max(6vw,24px);display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:center;background:var(--ink);color:white}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:850;color:#6d8076}.hero .eyebrow,.outcome .eyebrow{color:var(--lime)}h1{font-size:clamp(48px,7vw,88px);line-height:.94;letter-spacing:-.055em;max-width:850px;margin:18px 0 28px}.lede{font-size:20px;color:#cbd6d0;max-width:650px}.actions{display:flex;gap:24px;align-items:center;margin:32px 0}.text-link{color:white}.proof{display:flex;gap:24px;color:#b7c6bd;font-size:14px}.hero-card{background:white;color:var(--ink);border-radius:16px;padding:24px;box-shadow:15px 15px 0 #2c513f}.card-head,.mini{display:flex;align-items:center}.card-head{justify-content:space-between;margin-bottom:14px}.pill{background:#ebf4ed;color:var(--green);padding:5px 10px;border-radius:20px;font-size:12px;font-weight:750}.mini{gap:12px;border-top:1px solid var(--line);padding:16px 0}.mini i{width:38px;height:38px;border-radius:50%;background:var(--paper);display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:800}.mini div{flex:1}.mini small,.tiny{display:block;color:var(--muted)}.mini button{border:0;background:#e5f8eb;color:#17633c;border-radius:6px;padding:8px}.tiny{text-align:center;margin:12px 0 0}.section{padding:110px max(6vw,24px)}h2{font-size:clamp(34px,5vw,58px);line-height:1.02;letter-spacing:-.04em;margin:12px 0 44px;max-width:850px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.steps article{background:white;padding:32px;border-radius:12px}.steps article>b{color:var(--green)}.steps h3{font-size:23px;margin:38px 0 8px}.steps p{color:var(--muted)}.outcome{padding:100px max(6vw,24px);background:#1d4b37;color:white;display:grid;grid-template-columns:1fr .7fr;gap:10vw;align-items:center}.outcome p{color:#c9d5cf}.stat{background:var(--lime);color:var(--ink);padding:36px;border-radius:10px;transform:rotate(1deg)}.stat strong{display:block;font-size:48px;letter-spacing:-.05em}.stat span{display:block}.stat hr{border:0;border-top:1px solid rgba(16,41,31,.25);margin:24px 0}.offer{padding:110px 24px}.offer>div{max-width:720px;margin:auto;background:white;border:1px solid var(--line);border-radius:16px;padding:48px}.offer h2{margin-bottom:12px}.offer li{margin:12px 0}.offer small{display:block;margin-top:14px;color:var(--muted)}.appbar{position:relative;background:white}.shell{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 72px);background:#f7f8f5}.shell aside{padding:24px 16px;background:white;border-right:1px solid var(--line)}.nav{display:flex;justify-content:space-between;width:100%;border:0;background:none;padding:12px;border-radius:8px;text-align:left;font-weight:700;color:var(--muted);margin-bottom:5px}.nav.active{background:#eef4ee;color:var(--green)}.nav em{font-style:normal;background:var(--lime);border-radius:12px;padding:0 7px}.shell aside p{font-size:12px;color:var(--muted);margin:30px 12px}.workspace{padding:42px;min-width:0}.page-title{display:flex;justify-content:space-between;align-items:end}.page-title h2{margin:8px 0 24px}.metrics{display:flex;gap:10px;margin-bottom:24px}.metrics span{background:white;border:1px solid var(--line);border-radius:8px;padding:10px 14px;color:var(--muted)}.metrics b{color:var(--ink)}.empty,.quote,.board-col,.insight{background:white;border:1px solid var(--line);border-radius:10px}.empty{padding:60px;text-align:center;color:var(--muted)}.quote{padding:22px;margin-bottom:14px;display:grid;grid-template-columns:1fr auto;gap:18px}.quote h3{margin:0 0 4px;font-size:20px}.quote p{margin:4px 0;color:var(--muted)}.quote .value{font-weight:850;color:var(--ink)}.quote-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.smallbtn{border:1px solid var(--line);background:white;border-radius:7px;padding:8px 11px;font-weight:700}.smallbtn.green{background:#e5f8eb;color:#17633c;border:0}.smallbtn.dark{background:var(--ink);color:white;border:0}.board{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:14px;overflow:auto}.board-col{padding:14px;background:#eef0ec;min-height:300px}.board-col h3{font-size:14px}.board-card{background:white;padding:14px;margin:9px 0;border-radius:8px;border:1px solid var(--line)}.board-card b,.board-card small{display:block}.board-card small{color:var(--muted)}.board-card select{width:100%;margin-top:10px}.insight{padding:20px;margin:10px 0}.bar{height:10px;background:#e4e9e5;border-radius:6px;overflow:hidden;margin-top:10px}.bar i{display:block;height:100%;background:var(--orange)}dialog{border:0;border-radius:14px;padding:0;box-shadow:0 30px 80px #0004;max-width:680px;width:calc(100% - 32px)}dialog::backdrop{background:#0c1912aa}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head h2{font-size:28px;margin:0}.x{font-size:26px;border:0;background:none}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}form{padding:28px}label{display:block;font-size:13px;font-weight:700;margin:12px 0}input,select,textarea{display:block;width:100%;border:1px solid #cdd4cf;border-radius:7px;padding:11px;margin-top:5px;background:white}textarea{min-height:75px}.wide{width:100%;margin-top:16px}#messageContent{padding:28px}.message-box{white-space:pre-wrap;background:#f2f4f1;padding:18px;border-radius:8px;margin:15px 0}.channel-row{display:flex;gap:8px}.channel-row a{text-decoration:none}@media(max-width:850px){nav a{display:none}.hero,.outcome{grid-template-columns:1fr}.hero{padding-top:54px}.steps{grid-template-columns:1fr}.proof{flex-direction:column;gap:8px}.shell{grid-template-columns:1fr}.shell aside{display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--line)}.shell aside p{display:none}.workspace{padding:24px}.page-title{display:block}.grid2{grid-template-columns:1fr}.quote{grid-template-columns:1fr}.appbar{height:auto;padding:12px;gap:12px}.appbar div:last-child{display:flex;gap:5px;flex-wrap:wrap}.appbar button{padding:8px}.offer>div{padding:28px}}
/* V2 editorial / trade visual system */
@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;600;700;800&family=Source+Serif+4:ital,wght@0,700;1,700&display=swap');
:root{--ink:#161813;--acid:#d8ff43;--paper:#eeeade;--red:#e7492f;--rule:#22261f}.site{height:82px;background:var(--paper);border-bottom:2px solid var(--rule);padding:0 5vw}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-family:Manrope,sans-serif}.brand .mark{display:grid;place-items:center;width:38px;height:38px;border:2px solid;border-radius:50%;font:500 12px DM Mono}.site nav{font-family:DM Mono;font-size:12px;text-transform:uppercase}.site .ghost{border-radius:0;border:2px solid;padding:11px 15px}.hero{position:relative;min-height:790px;padding:70px 5vw 90px;grid-template-columns:1.08fr .78fr;gap:7vw;background:var(--paper);color:var(--ink);align-items:start;border-bottom:2px solid}.hero:before{content:"";position:absolute;top:0;left:54%;height:100%;border-left:1px solid #b8b5aa}.kicker{display:flex;gap:12px;font:500 12px DM Mono;letter-spacing:.08em}.kicker span{border:1px solid;padding:6px 9px}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(64px,8.3vw,122px);font-weight:800;line-height:.82;letter-spacing:-.075em;margin:48px 0 35px;max-width:900px}.hero h1 em{font-family:"Source Serif 4",serif;font-weight:700;color:var(--red);letter-spacing:-.05em}.hero .lede{color:#3c4139;font:400 19px/1.55 Manrope;max-width:600px;border-left:5px solid var(--acid);padding-left:20px}.hero .primary,.offer .primary{border-radius:0;background:var(--ink);color:white;box-shadow:7px 7px 0 var(--acid);font-family:DM Mono;text-transform:uppercase;font-size:12px}.hero .text-link{color:var(--ink);font:500 12px DM Mono;text-transform:uppercase}.case-file{margin-top:38px;background:#fffdf7;border:2px solid;padding:0;box-shadow:12px 12px 0 #282b25;transform:rotate(1.2deg);font-family:Manrope}.file-top{display:flex;justify-content:space-between;background:var(--acid);border-bottom:2px solid;padding:11px 16px;font:500 11px DM Mono}.case-file h3{font:800 31px Manrope;margin:24px 24px 0}.case-file>p{margin:0 24px 20px;color:#697066}.case-file dl{margin:0;border-top:1px solid}.case-file dl div{display:grid;grid-template-columns:120px 1fr;border-bottom:1px solid;padding:11px 24px}.case-file dt{font:500 10px DM Mono;text-transform:uppercase}.case-file dd{margin:0;font-weight:700}.case-file blockquote{font:700 17px/1.45 "Source Serif 4";margin:24px;background:#f1eee3;padding:20px;border-left:4px solid var(--red)}.case-file button{border:0;border-top:2px solid;width:100%;text-align:left;background:white;padding:16px 24px;font:700 12px DM Mono;text-transform:uppercase}.hero-foot{position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:space-around;border-top:2px solid;padding:12px;font:500 10px DM Mono}.truth{display:grid;grid-template-columns:110px 1fr 300px;padding:110px 6vw;background:var(--ink);color:white;gap:5vw}.truth-index{font:500 72px DM Mono;color:var(--acid)}.truth h2,.method h2,.workbench h2,.offer h2{font-family:Manrope;font-weight:800;letter-spacing:-.055em}.truth h2{font-size:58px;max-width:820px}.truth aside{border-left:1px solid #686a64;padding-left:30px}.truth aside strong{font:700 43px "Source Serif 4";color:var(--acid)}.truth aside p{color:#b9bcb5;margin-top:0}.method{padding:110px 6vw;background:#f7f4ec}.method header{display:grid;grid-template-columns:.65fr 1fr;align-items:start}.method h2{font-size:70px;margin-top:0}.sequence{display:grid;grid-template-columns:repeat(3,1fr);border:2px solid}.sequence article{position:relative;min-height:350px;padding:28px;border-right:2px solid}.sequence article:last-child{border:0}.sequence article:nth-child(2){background:var(--acid)}.sequence article span,.wb-head,.offer-label{font:500 11px DM Mono;letter-spacing:.08em}.sequence h3{font:800 29px Manrope;margin-top:80px}.sequence p{font:17px/1.6 Manrope;color:#464c43}.sequence i{position:absolute;bottom:10px;right:18px;font:700 70px "Source Serif 4";color:#b9b9b0}.sequence article:nth-child(2) i{color:#8ea225}.method footer{display:grid;grid-template-columns:1fr auto;gap:30px;padding-top:25px;font:14px DM Mono}.method footer p{max-width:700px}.method footer a{color:var(--ink)}.workbench{background:#2b4c3a;color:white;padding:80px 6vw}.wb-head,.wb-title,.joblines>div{display:flex;justify-content:space-between;align-items:center}.wb-head{border-bottom:1px solid #8fa497;padding-bottom:12px}.wb-title h2{font-size:58px}.wb-title button{background:var(--acid);border:0;padding:15px 18px;font:500 11px DM Mono}.joblines{border-top:2px solid}.joblines>div{display:grid;grid-template-columns:60px 1.2fr 1fr 140px 190px;border-bottom:1px solid #879b8e;padding:19px 0}.joblines span,.joblines small{font:500 11px DM Mono}.joblines b{font:700 19px Manrope}.joblines em{font-style:normal;color:#c3d0c8}.joblines strong{font:700 21px "Source Serif 4"}.joblines small{background:#e6e3d8;color:var(--ink);padding:5px 8px;text-align:center}.offer{display:grid;grid-template-columns:180px 1fr 330px;gap:5vw;padding:110px 6vw;background:var(--paper);border-top:2px solid}.offer>div{max-width:none;margin:0;background:none;border:0;border-radius:0;padding:0}.offer h2{font-size:67px;margin:0}.offer-main p{font:18px/1.6 Manrope;max-width:640px}.offer-price{border-left:2px solid;padding-left:30px!important}.offer-price>span{font:500 10px DM Mono}.offer-price strong{display:block;font:700 90px "Source Serif 4";line-height:1}.offer-price ul{padding-left:18px;font-family:Manrope}.offer-price small{font:10px DM Mono}.offer-price .primary{width:100%}@media(max-width:900px){.hero{grid-template-columns:1fr}.hero:before{display:none}.hero{padding-bottom:120px}.truth,.offer,.method header{grid-template-columns:1fr}.truth-index{font-size:34px}.sequence{grid-template-columns:1fr}.sequence article{border-right:0;border-bottom:2px solid;min-height:260px}.joblines>div{grid-template-columns:40px 1fr 100px}.joblines em,.joblines small{display:none}.offer-price{border-left:0;border-top:2px solid;padding:25px 0 0!important}.site nav a{display:none}}
/* Hallmark · macrostructure: Workbench · genre: editorial · theme: Newsprint
 * nav: N9 edge-aligned · footer: Ft5 statement
 * audience: owner-led UK trade businesses · use: open the working demo · tone: utilitarian-editorial
 * pre-emit critique: P5 H5 E4 S5 R4 V5
 */
:root{--font-display:Manrope,Arial,sans-serif;--font-editorial:"Source Serif 4",Georgia,serif;--font-mono:"DM Mono","Courier New",monospace;--color-paper:#eeeade;--color-ink:#161813;--color-accent:#d8ff43;--color-signal:#e7492f;--color-panel:#fffdf7;--color-forest:#2b4c3a;--color-rule:#22261f;--color-muted:#697066;--color-white:#ffffff;--color-soft:#f1eee3;--color-method:#f7f4ec;--color-pale:#e6e3d8;--color-line:#b8b5aa;--color-shadow:#282b25;--color-positive:#8ea225;--color-forest-muted:#c3d0c8;--color-forest-rule:#879b8e;--color-dark-muted:#b9bcb5;--color-dark-rule:#686a64}html,body{overflow-x:clip}.site,.hero,.truth,.method,.workbench,.offer{font-family:var(--font-display)}.brand,.hero h1,.truth h2,.method h2,.workbench h2,.offer h2,.sequence h3,.joblines b,.case-file{font-family:var(--font-display)}.site nav,.kicker,.hero .primary,.offer .primary,.hero .text-link,.file-top,.case-file dt,.case-file button,.hero-foot,.truth-index,.sequence article span,.wb-head,.offer-label,.method footer,.wb-title button,.joblines span,.joblines small,.offer-price>span,.offer-price small{font-family:var(--font-mono)}.hero h1 em,.case-file blockquote,.truth aside strong,.sequence i,.joblines strong,.offer-price strong{font-family:var(--font-editorial);font-style:normal}.hero h1 em{position:relative;display:inline-block}.hero h1 em:after{content:"";position:absolute;left:0;right:0;bottom:-.04em;height:.07em;background:var(--color-signal);transform:rotate(-1deg)}.site,.hero,.offer{background:var(--color-paper);color:var(--color-ink)}.hero .lede{color:var(--color-muted);border-color:var(--color-accent)}.hero .primary,.offer .primary{background:var(--color-ink);color:var(--color-white);box-shadow:7px 7px 0 var(--color-accent)}.case-file{background:var(--color-panel);box-shadow:12px 12px 0 var(--color-shadow)}.file-top{background:var(--color-accent)}.case-file blockquote{background:var(--color-soft);border-color:var(--color-signal)}.truth{background:var(--color-ink);color:var(--color-white)}.truth-index,.truth aside strong{color:var(--color-accent)}.truth aside{border-color:var(--color-dark-rule)}.truth aside p{color:var(--color-dark-muted)}.method{background:var(--color-method)}.sequence article:nth-child(2){background:var(--color-accent)}.sequence i{color:var(--color-line)}.sequence article:nth-child(2) i{color:var(--color-positive)}.workbench{background:var(--color-forest);color:var(--color-white)}.wb-head,.joblines>div{border-color:var(--color-forest-rule)}.wb-title button{background:var(--color-accent)}.joblines em{color:var(--color-forest-muted)}.joblines small{background:var(--color-pale);color:var(--color-ink)}.hero h1,.truth h2,.method h2,.workbench h2,.offer h2{overflow-wrap:anywhere;min-width:0}.primary,.ghost,.case-file button,.wb-title button{transition:transform .14s ease,box-shadow .14s ease,background .14s ease}.primary:hover,.case-file button:hover,.wb-title button:hover{transform:translate(-2px,-2px)}.primary:focus-visible,.ghost:focus-visible,.case-file button:focus-visible,.wb-title button:focus-visible{outline:3px solid var(--color-signal);outline-offset:3px}.primary:active,.case-file button:active,.wb-title button:active{transform:translate(1px,1px)}
.statement-footer{background:var(--color-ink);color:var(--color-white);padding:75px 6vw 28px}.statement-footer strong{display:block;font:800 clamp(40px,7vw,100px)/.95 var(--font-display);letter-spacing:-.06em;max-width:980px}.statement-footer div{display:flex;justify-content:space-between;align-items:center;margin-top:65px;padding-top:16px;border-top:1px solid var(--color-dark-rule);font:500 10px var(--font-mono);text-transform:uppercase}.statement-footer button{border:0;background:transparent;color:var(--color-accent);font:500 11px var(--font-mono);white-space:nowrap}@media(max-width:768px){.site{padding:0 18px;height:70px}.site nav{gap:8px}.site .ghost{padding:9px}.brand{font-size:18px}.brand .mark{width:32px;height:32px}.hero{padding:44px 20px 120px;min-height:0}.hero h1{font-size:clamp(52px,18vw,84px);line-height:.88;margin-top:34px}.hero .lede{font-size:16px}.hero .actions{align-items:flex-start}.hero-foot{gap:8px;justify-content:space-between;padding:12px 18px}.hero-foot span{font-size:8px}.case-file{margin:18px 7px 0 0;transform:rotate(.5deg)}.truth,.method,.workbench,.offer{padding:70px 20px}.truth h2,.method h2,.workbench h2,.offer h2{font-size:clamp(42px,13vw,62px)}.method header{display:block}.sequence article{padding:22px}.method footer{grid-template-columns:1fr}.wb-title{display:block}.wb-title button{margin-bottom:25px}.offer{display:block}.offer-label{margin-bottom:30px}.statement-footer{padding:60px 20px 25px}.statement-footer div{align-items:flex-end;gap:20px}}@media(max-width:414px){.kicker{flex-wrap:wrap}.actions{flex-direction:column;gap:18px}.case-file dl div{grid-template-columns:95px 1fr;padding:10px 15px}.case-file blockquote{margin:15px;padding:15px}.hero-foot span:nth-child(2){display:none}.joblines>div{grid-template-columns:30px 1fr 80px}.joblines strong{font-size:18px}.statement-footer div span{max-width:135px}}@media(max-width:320px){.hero h1{font-size:48px}.site .brand{font-size:16px}.site .ghost{font-size:9px}.case-file h3{font-size:25px}.truth h2,.method h2,.workbench h2,.offer h2{font-size:38px}}
/* mobile overlap correction: decorative sequence numerals leave the content flow */
@media(max-width:768px){.sequence article{min-height:0;padding:22px 22px 30px}.sequence article i{position:static;display:block;margin-top:22px;text-align:right;font-size:44px;line-height:1}.sequence h3{margin-top:42px}.sequence p{margin-bottom:0}}
.case-file h3 small{display:inline-block;margin-left:8px;font:500 9px var(--font-mono);text-transform:uppercase;color:var(--color-muted);border:1px solid var(--color-line);padding:3px 5px;vertical-align:middle}
/* mobile-first tool shell for tradespeople using one hand on site */
@media(max-width:768px){#app{background:var(--color-method);min-height:100vh}.appbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto;height:64px;padding:9px 14px;background:var(--color-ink);border:0;color:var(--color-white)}.appbar .brand{font-size:18px;color:var(--color-white)}.appbar .brand span{color:var(--color-accent)}.appbar>div:last-child{display:flex!important;gap:6px;flex-wrap:nowrap!important}.appbar .ghost{display:none}.appbar #addBtn{order:0;min-height:44px;padding:10px 14px!important;border-radius:5px;background:var(--color-accent);color:var(--color-ink);box-shadow:none;font-size:14px;white-space:nowrap}.shell{display:block;min-height:calc(100vh - 64px);background:var(--color-method)}.shell aside{position:sticky;top:64px;z-index:15;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0;background:var(--color-panel);border:0;border-bottom:1px solid var(--color-line)}.shell aside .nav{min-height:56px;margin:0;padding:9px 5px;display:flex;justify-content:center;align-items:center;gap:6px;text-align:center;border-radius:0;font-size:12px;line-height:1.15;color:var(--color-muted)}.shell aside .nav.active{background:var(--color-panel);color:var(--color-ink);box-shadow:inset 0 -4px 0 var(--color-accent)}.nav em{display:grid;place-items:center;min-width:22px;height:22px;padding:0;background:var(--color-accent);color:var(--color-ink)}.workspace{padding:24px 16px 96px}.page-title{display:block}.page-title .eyebrow{margin:0 0 8px;font:500 10px var(--font-mono)}.page-title h2{font-size:36px;line-height:.95;margin:0 0 20px;letter-spacing:-.05em}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 18px}.metrics span{padding:10px 12px;border-radius:6px;background:var(--color-panel);font-size:13px}.quote{display:block;margin-bottom:12px;padding:18px;border:1px solid var(--color-line);border-radius:8px;background:var(--color-panel)}.quote h3{font-size:21px}.quote p{font-size:14px;line-height:1.45}.quote-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:16px}.quote-actions .smallbtn{min-height:46px;width:100%;font-size:15px}.quote-actions .dark{background:var(--color-ink)}.board{grid-template-columns:1fr;overflow:visible}.board-col{min-height:auto}.modal-head h2{font-size:26px}.grid2{grid-template-columns:1fr}dialog{width:100%;max-width:none;height:auto;max-height:92vh;margin:auto 0 0;border-radius:14px 14px 0 0}dialog form,#messageContent{padding:22px 18px}input,select,textarea{min-height:46px;font-size:16px}.channel-row{display:grid;grid-template-columns:1fr}.channel-row a,.channel-row button{min-height:46px;text-align:center}}
/* Accessibility corrections verified against the phone view. */
.hero .lede{color:#545c53}.truth .eyebrow{color:#9aaba1}.method .eyebrow{color:#4f5c54}.sequence i{color:#76756e}.sequence article:nth-child(2) i{color:#5b6b12}.offer-price small{color:#4f5a54}.case-file h2{font:800 31px var(--font-display);margin:24px 24px 0}.case-file h2 small{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#4f5a54}
/* Paid-access gate and app-native status sheet */
.gate-card{padding:32px}.gate-card h2{font-size:42px;margin:10px 0 18px}.gate-card>.x{position:absolute;right:18px;top:14px}.gate-card>p{color:#4f5a54}.gate-card ul{padding-left:20px}.gate-card li{margin:9px 0}.gate-price{display:flex;align-items:center;gap:20px;padding:20px 0;border-block:1px solid var(--color-line)}.gate-price strong{font:700 64px/1 var(--font-editorial)}.gate-price span{font:500 11px/1.5 var(--font-mono);text-transform:uppercase}.gate-note{padding:12px;background:var(--color-soft);font-size:13px}.status-control{margin-top:10px;font:500 10px var(--font-mono);text-transform:uppercase;color:var(--color-muted)}.status-control select{font:600 15px var(--font-display);text-transform:none;color:var(--color-ink)}.confirm-summary{display:grid;gap:3px;margin:18px 0;padding:15px;background:var(--color-soft);border-left:4px solid var(--color-signal)}.confirm-summary span{color:var(--color-muted)}.sheet-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.sheet-actions button{min-height:48px}
@media(max-width:768px){.access-gate .gate-card{padding:28px 20px}.gate-card h2{font-size:38px}.gate-price strong{font-size:58px}.gate-price{align-items:flex-start}.sheet-actions{grid-template-columns:1fr}.board-col{padding:14px 10px}.board-card{padding:16px}.status-control select{min-height:48px}.empty{padding:36px 18px}.x{min-width:44px;min-height:44px}}
/* Real product visual reel */
.product-showcase{padding:100px 5vw;background:#dfe4da;border-top:2px solid var(--color-rule);border-bottom:2px solid var(--color-rule)}.product-showcase header{display:grid;grid-template-columns:.45fr 1fr .5fr;gap:3vw;align-items:end;margin-bottom:55px}.product-showcase h2{font:800 clamp(46px,6vw,82px)/.92 var(--font-display);letter-spacing:-.06em;margin:0}.product-showcase header>p:last-child{font:15px/1.5 var(--font-mono)}.phone-reel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3vw}.phone-reel figure{margin:0}.phone-frame{max-width:345px;margin:auto;padding:10px;background:#111;border:2px solid #000;border-radius:38px;box-shadow:0 22px 38px #1a261c33;overflow:hidden}.phone-frame img{display:block;width:100%;height:auto;border-radius:29px}.phone-reel figcaption{display:grid;gap:7px;max-width:345px;margin:22px auto 0}.phone-reel figcaption b{font:500 11px var(--font-mono);text-transform:uppercase}.phone-reel figcaption span{font:600 16px/1.45 var(--font-display);color:#465047}
@media(max-width:768px){.product-showcase{padding:70px 20px}.product-showcase header{display:block;margin-bottom:35px}.product-showcase header>p:last-child{margin-top:18px}.phone-reel{display:flex;overflow-x:auto;gap:18px;margin-inline:-20px;padding:0 20px 22px;scroll-snap-type:x mandatory}.phone-reel figure{flex:0 0 82vw;scroll-snap-align:center}.phone-frame{max-width:315px;border-radius:34px}.phone-frame img{border-radius:25px}}
.text-button{display:block;margin:12px auto 0;border:0;background:transparent;text-decoration:underline;color:var(--color-muted)}.onboarding{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:20px;background:#0c1912cc}.onboarding[hidden]{display:none}.onboarding-card{position:relative;width:min(520px,100%);background:var(--color-panel);border:2px solid var(--color-rule);padding:34px;box-shadow:10px 10px 0 var(--color-accent)}.onboarding-card>.x{position:absolute;right:10px;top:8px}.onboarding-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 42px 30px 0}.onboarding-progress span{height:5px;background:#d5d9d2}.onboarding-progress span.active{background:var(--color-accent)}.onboarding-step{display:none}.onboarding-step.active{display:block}.onboarding-step h2{font-size:46px;margin:12px 0 18px}.onboarding-step p:not(.eyebrow){color:#4f5a54;font-size:18px}.onboarding-step .primary{min-height:52px;margin-top:18px}
@media(max-width:768px){.onboarding{align-items:end;padding:0}.onboarding-card{width:100%;border-width:2px 0 0;box-shadow:none;padding:28px 20px 32px;border-radius:16px 16px 0 0}.onboarding-step h2{font-size:40px}}
.metrics{grid-template-columns:repeat(3,auto)}.analytics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px}.kpi{display:grid;gap:8px;padding:20px;background:var(--color-panel);border:1px solid var(--color-line);border-radius:8px}.kpi span{font:500 10px var(--font-mono);text-transform:uppercase;color:var(--color-muted)}.kpi b{font:700 32px var(--font-editorial)}.section-label{font:500 11px var(--font-mono);text-transform:uppercase;margin-top:30px}.board-tools{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}.board-tools label{margin:0;width:min(340px,100%)}.board-tools span{font:500 11px var(--font-mono)}.load-more{display:block;margin:18px auto;min-height:48px}
@media(max-width:768px){.metrics{grid-template-columns:repeat(3,1fr)}.metrics span{font-size:11px}.analytics-grid{grid-template-columns:1fr 1fr}.kpi{padding:15px}.kpi b{font-size:26px}.board-tools{display:block}.board-tools span{display:block;margin-top:8px}}
.board-card{position:relative;padding-left:38px;touch-action:pan-y}.drag-handle{position:absolute;left:12px;top:13px;font-size:20px;color:var(--color-muted);cursor:grab}.board-card.dragging{opacity:.45}.board-col.drop-target{outline:3px solid var(--color-accent);outline-offset:-3px;background:#f7ffd5}.move-card{width:100%;min-height:40px;margin-top:12px;border:1px solid var(--color-line);background:var(--color-panel);font-weight:700}.move-options{display:grid;gap:10px;margin-top:20px}.move-options button{display:grid;gap:3px;text-align:left;min-height:62px;padding:13px 15px;border:1px solid var(--color-line);background:var(--color-panel);font-weight:800}.move-options span{font-size:12px;font-weight:400;color:var(--color-muted)}
@media(min-width:769px){.move-card{display:none}}