/* Reusable before/after canvas */
.comparison{--reveal:28%;background:#e5e6dc;padding:24px 30px 16px;border-radius:6px}.compare-top{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.075em;font-weight:600;margin-bottom:20px}.compare-stage{position:relative;overflow:hidden;border-radius:3px;isolation:isolate;aspect-ratio:2.25;background:#fff}.sample{position:absolute;inset:0;background:#fff}.sample-nav{height:16%;padding:0 3%;display:flex;justify-content:space-between;align-items:center;color:#1d3429;gap:10px}.sample-nav b{font-size:clamp(16px,2.1vw,32px);font-weight:600;letter-spacing:-.06em}.sample-nav b span{font-size:11px;vertical-align:top}.sample-nav>span{font-size:clamp(10px,1vw,15px)}.sample-contact{display:inline-block;padding:9px 16px;background:#e1eacb;border-radius:3px;font-size:12px!important;font-weight:500}.sample-photo{height:74%;position:relative;overflow:hidden}.sample-photo img{width:100%;height:100%;object-fit:cover;object-position:center 52%}.sample-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#122819bf,transparent 80%)}.sample-copy{position:absolute;left:5%;top:14%;z-index:1;color:#fff}.sample-copy>span:first-child{font-size:10px;letter-spacing:.12em}.sample-copy p{font-family:Georgia,serif;font-size:clamp(24px,4.5vw,72px);letter-spacing:-.04em;line-height:1.05;margin:10px 0 24px}.sample-copy .sample-contact{background:#f2f5e9;color:#1d3429}.sample-bottom{height:10%;display:flex;justify-content:space-between;align-items:center;padding:0 3%;font-size:10px;letter-spacing:.08em}.sample-before{clip-path:inset(0 calc(100% - var(--reveal)) 0 0);background:#f8f0d7;font-family:Georgia,serif;color:#263863}.old-title{text-align:center;background:#263863;color:white;font-size:clamp(13px,2vw,30px);height:16%;padding:1.5%;font-weight:bold}.old-nav{text-align:center;font:clamp(9px,1vw,14px) Arial;background:#d9cfb3;height:10%;padding:1%}.old-content{padding:3% 10%;text-align:center}.old-content h3{font:bold clamp(16px,2.3vw,32px) Georgia;letter-spacing:0;margin-bottom:18px}.old-content img{width:27%;height:115px;object-fit:cover;float:right;border:5px solid #fff;margin-left:20px}.old-content p{font-size:clamp(12px,1.3vw,18px);margin:15px 0}.old-button{display:inline-block;background:#263863;color:#fff;padding:7px 12px;font-size:12px}.compare-line{position:absolute;left:var(--reveal);top:0;bottom:0;width:2px;background:white;pointer-events:none;transform:translateX(-50%)}.compare-line span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--acid);color:var(--ink);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:3px solid white;font-size:25px}.compare-controls{display:flex;justify-content:center;gap:20px;align-items:center;padding-top:15px}.compare-controls button{border:0;background:transparent;min-height:44px;font-weight:600;font-size:14px}.compare-controls input{width:200px;accent-color:var(--ink);height:44px}.caption{font-size:13px;line-height:1.5;color:var(--muted)}.comparison>.caption{margin-top:8px;text-align:center;max-width:none}
.compare-stage{user-select:none;-webkit-user-select:none;cursor:ew-resize;touch-action:pan-y}.compare-stage img{-webkit-user-drag:none;pointer-events:none}.sample{isolation:isolate}.sample-before{z-index:1}.compare-line{z-index:2;pointer-events:auto;touch-action:none;cursor:ew-resize}.compare-line span{width:48px;height:48px;touch-action:none}
/* SiteLift v2: warm paper, an ordered grid, and one useful accent. */
:root{--ink:#191b18;--paper:#faf6e9;--wash:#f0ead7;--acid:#ff573b;--accent:#b9321c;--muted:#60615a;--line:#dedaca;--gutter:clamp(24px,3.3vw,64px);--space:clamp(64px,7vw,112px);--radius:0;--mono:'Courier New',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.55 Arial,Helvetica,sans-serif}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.045em;line-height:1.12;font-weight:500}h1{font-weight:600}h2{font-size:clamp(32px,3.3vw,48px)}h3{font-size:26px}p{max-width:65ch}a{color:inherit;text-underline-offset:5px}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}a,button,input,textarea{touch-action:manipulation}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,[contenteditable]:focus-visible{outline:3px solid #96301f;outline-offset:5px}button:disabled{opacity:.5;cursor:wait}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;left:20px;padding:15px;background:var(--acid);z-index:99}.skip-link:focus{top:10px}
.site-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px var(--gutter);border-bottom:1px solid var(--line);max-width:1600px;margin:auto}.wordmark{font-size:29px;font-weight:600;letter-spacing:-1.5px;text-decoration:none;display:inline-flex;align-items:center;gap:9px;line-height:1}.brand-mark{display:inline-grid;place-items:center;width:29px;height:29px;background:var(--acid);color:var(--ink);font-size:27px;letter-spacing:0}nav{display:flex;gap:30px;align-items:center}nav a{min-height:44px;display:flex;align-items:center;text-decoration:none;font:12px/1.3 var(--mono);text-transform:uppercase}.nav-cta{background:var(--acid);padding:0 22px}.nav-toggle{display:none}.site-header nav a[aria-current=page]{text-decoration:underline}main{max-width:1600px;margin:auto}.eyebrow{display:block;color:var(--accent);font:12px/1.5 var(--mono);letter-spacing:.025em;margin-bottom:22px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:24px;min-height:48px;background:var(--acid);border:1px solid var(--acid);padding:15px 21px;text-decoration:none;color:var(--ink);font:12px/1.3 var(--mono);text-transform:uppercase}.button:hover,.nav-cta:hover{background:#f7795e}.button span{font:20px/1 Arial}.quiet-link,.text-link{font:12px/1.5 var(--mono);text-transform:uppercase;min-height:44px;display:inline-flex;align-items:center}.text-link{margin-top:28px}.caption{font-size:12px;color:var(--muted);line-height:1.5}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:560px;border-bottom:1px solid var(--line)}.hero-message{padding:78px 24px 64px var(--gutter);align-self:center}.hero h1{font-size:clamp(44px,4.5vw,68px);line-height:1.05;letter-spacing:-.055em}.hero-description{font-size:18px;color:var(--muted);max-width:42ch;margin-top:26px}.hero-price{font:14px/1.6 var(--mono);margin:28px 0 20px}.hero-price strong{font-size:20px;font-weight:600}.hero-price>span{margin:0 7px;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.hero-note{font-size:12px;color:var(--muted);margin-top:22px}.hero-visual{display:grid;place-items:center;padding:36px 28px;background-image:radial-gradient(#d9d3bf 1px,transparent 1px);background-size:16px 16px;border-left:1px solid var(--line)}.hero-visual .comparison{width:100%;padding:15px;background:var(--paper);border:1px solid #cfcab9;box-shadow:8px 8px 0 #e6dfca;border-radius:0}.hero-visual .compare-stage{aspect-ratio:1.55}.hero-visual .compare-top{font:10px/1.3 var(--mono);letter-spacing:0}.hero-visual .sample-nav b{font-size:21px}.hero-visual .sample-nav>span:not(.sample-contact){display:none}.hero-visual .sample-copy p{font-size:clamp(25px,3vw,44px);margin-bottom:14px}.hero-visual .sample-copy>span:first-child{font-size:8px}.hero-visual .sample-contact{font-size:9px!important;padding:7px 10px}.hero-visual .sample-bottom{font-size:7px}.hero-visual .old-title{font-size:17px;padding-top:12px}.hero-visual .old-nav{font-size:9px}.hero-visual .old-content{padding:5% 6%}.hero-visual .old-content h3{font-size:21px;margin-bottom:12px}.hero-visual .old-content p{font-size:12px}.hero-visual .old-content img{height:75px}.hero-visual .comparison>.caption{font-size:10px}.hero-visual .compare-controls{padding-top:8px;gap:12px}.hero-visual .compare-controls input{width:135px}.hero-visual .compare-controls button{font:11px var(--mono)}
.audience{display:grid;grid-template-columns:1fr repeat(4,1.2fr);border-bottom:1px solid var(--line)}.audience>*{padding:27px 20px;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--line)}.audience p{font:11px/1.5 var(--mono)}.audience>span{font-size:18px;letter-spacing:-.035em}.audience>*:last-child{border:0}.problem-band{background:var(--wash);text-align:center;padding:60px var(--gutter);border-bottom:1px solid var(--line)}.problem-band h2{font-size:clamp(28px,2.5vw,36px)}.problem-band p{margin:22px auto 0;font-size:16px;color:var(--muted)}.section{padding:var(--space) var(--gutter);border-bottom:1px solid var(--line)}.section-heading>p{margin-top:20px;color:var(--muted);max-width:56ch}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:44px;border:1px solid var(--line)}.steps article{padding:25px 28px 30px;border-right:1px solid var(--line)}.steps article:last-child{border:0}.number{font:11px var(--mono);color:var(--muted)}.step-art{height:130px;display:flex;align-items:center;margin:12px 0}.step-art svg{max-width:100%;width:220px;height:100px;fill:none;stroke:#a7a393;stroke-width:1.5}.step-art .art-accent{fill:var(--acid);stroke:var(--ink)}.steps h3{margin-bottom:15px}.steps p{font-size:16px;color:var(--muted)}
.editor-section{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;background:var(--wash)}.editor-intro>p{margin-top:24px;color:var(--muted);max-width:40ch}.editor-intro>.caption{font-size:12px}.editor-demo{background:var(--paper);border:1px solid #bab6a6}.editor-bar{display:flex;justify-content:space-between;align-items:center;padding:9px 20px;border-bottom:1px solid var(--line);font:12px var(--mono)}.muted{color:var(--muted);font-weight:400}.text-button{background:none;border:0;text-decoration:underline;min-height:44px;padding:0;font-size:12px}.editor-canvas{padding:30px;background:#fffcf4}.editor-canvas .eyebrow{font-size:10px}.editor-canvas #demo-headline{font:38px/1.1 Georgia,serif;letter-spacing:-.04em;outline:1px dashed var(--accent);outline-offset:8px}.editor-canvas>p{font-size:12px;color:var(--muted);margin-top:22px}.hours{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:18px;margin-top:24px;font-size:13px}#ai-demo{padding:20px;border-top:1px solid var(--line)}#ai-demo label{font:11px var(--mono);margin-bottom:10px}.ai-row{display:flex}.ai-row input{min-width:0;flex:1;background:transparent;border:1px solid #a7a393;padding:12px;font-size:13px}.ai-row button{width:46px;background:var(--acid);border:1px solid var(--acid);font-size:24px}#ai-demo .caption{margin-top:12px;font-size:11px}.demo-status{border-top:1px solid var(--line);padding:14px 20px;font:11px/1.5 var(--mono);min-height:48px}.included{background:var(--paper)}.benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);margin-top:44px}.benefit-row{padding:32px 28px;display:flex;flex-direction:column;border-right:1px solid var(--line);gap:24px}.benefit-row:last-child{border:0}.benefit-row>span{font:11px/1.5 var(--mono);color:var(--accent)}.benefit-row h3{font-size:30px}.benefit-row p{color:var(--muted);font-size:16px}.benefit-row .benefit-foot{color:var(--muted);margin-top:auto;padding-top:22px;font-size:9px}
.pricing{background:var(--wash)}.pricing-top{display:flex;justify-content:space-between;gap:40px}.pricing-top>p{max-width:32ch;color:var(--muted);font-size:16px}.price-pair{display:grid;grid-template-columns:1fr 64px 1fr;max-width:1000px;margin:44px 0 32px;border-top:1px solid #c9c4b3;border-bottom:1px solid #c9c4b3;padding:30px 0}.price-label{font:11px var(--mono);color:var(--accent)}.price{font-size:64px;letter-spacing:-.055em;line-height:1.2;margin:16px 0 22px}.price span{font:13px var(--mono);letter-spacing:0;margin-left:14px}.price-pair h3{font-size:22px;margin-bottom:12px}.price-pair p{font-size:15px;max-width:40ch;color:var(--muted)}.price-plus{font-size:32px;align-self:center;color:var(--accent)}.pricing>.caption{margin-top:18px}.agency-strip{padding:64px var(--gutter);display:grid;grid-template-columns:.6fr 1fr 1.3fr;gap:40px;border-bottom:1px solid var(--line)}.agency-strip h2{font-size:36px}.agency-strip p{color:var(--muted);font-size:16px}.closing{display:flex;justify-content:space-between;align-items:center;padding:80px var(--gutter);gap:40px;background:var(--wash)}.closing h2{font-size:clamp(32px,3.6vw,52px)}.closing p{color:var(--muted);margin-top:20px;font-size:16px}.closing .button{flex-shrink:0}footer{max-width:1600px;margin:auto;padding:42px var(--gutter) 22px;border-top:1px solid var(--line)}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:start;padding-bottom:50px}.footer-top>p{font-size:16px;color:var(--muted)}.footer-top nav{justify-content:end;gap:22px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:18px;font:10px/1.5 var(--mono);color:var(--muted);gap:24px}.footer-bottom>div{display:flex;align-items:center;gap:24px}.footer-bottom .text-button{font:10px var(--mono)}
.page-intro{padding:72px var(--gutter) 56px;border-bottom:1px solid var(--line)}.page-intro h1{font-size:clamp(40px,4.5vw,64px);max-width:900px;margin-bottom:26px}.page-intro>p{font-size:18px;max-width:58ch;color:var(--muted)}.prose-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%}.prose-grid p{margin-bottom:28px;color:var(--muted)}.prose-grid h3{margin-bottom:18px;font-size:25px}.transformation{padding:50px var(--gutter)}.comparison{border-radius:0;background:var(--wash)}.proof{display:grid;grid-template-columns:1fr 1fr;gap:8%}.proof p{margin-top:22px;color:var(--muted)}.audit-head,.audit-row{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:18px 0;font-size:14px}.audit-head{font:11px var(--mono)}.audit-row>span:last-child{color:var(--muted);font-size:12px;white-space:nowrap}.contact-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:8%;padding:50px var(--gutter) var(--space)}.contact-layout aside h2{font-size:30px;margin:0 0 28px}.contact-layout aside p{margin-top:22px;color:var(--muted)}label{display:block;font-size:14px}#lead-form label{margin-bottom:22px}#lead-form input:not([type=checkbox]),textarea{display:block;width:100%;border:1px solid #a5a192;background:transparent;border-radius:0;padding:13px;margin-top:8px;font-size:17px}textarea{resize:vertical;min-height:130px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.optional{font-size:12px;color:var(--muted)}.consent{display:flex;gap:12px;align-items:start}.consent input{width:20px;height:20px;flex:none;accent-color:var(--accent)}.trap{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}.form-status{margin-top:20px;font-size:14px}.legal{max-width:780px;margin:auto;padding:15px 24px var(--space)}.legal h2{font-size:26px;margin:36px 0 16px}.legal p{font-size:16px}.review-note{border-left:3px solid var(--accent);padding-left:20px}dialog{max-width:500px;width:calc(100% - 36px);border:1px solid var(--ink);padding:30px;background:var(--paper)}dialog::backdrop{background:#191b1888}dialog h2{font-size:30px}dialog p{margin:20px 0}dialog label{margin:18px 0}.turnstile-target{margin:18px 0}
@media(min-width:1600px){body{border-left:1px solid var(--line);border-right:1px solid var(--line);max-width:1600px;margin:auto}}
@media(max-width:1050px){nav{gap:20px}.hero-message{padding-top:60px;padding-bottom:50px}.hero h1{font-size:48px}.hero-visual{padding:24px 18px}.hero-actions{gap:12px}.hero-visual .compare-stage{aspect-ratio:1.15}.hero-visual .sample-copy p{font-size:32px}.hero-visual .old-title{font-size:15px}.hero-visual .old-content h3{font-size:18px}.steps article,.benefit-row{padding:24px 20px}.editor-section{gap:5%}.agency-strip{grid-template-columns:1fr 1fr}.agency-strip>.eyebrow{grid-column:1/-1;margin:0}.footer-top{grid-template-columns:1fr 1fr}.footer-top nav{justify-content:start;grid-column:1/-1}.closing{align-items:start;flex-direction:column;gap:28px}}
@media(max-width:760px){.hero{grid-template-columns:1fr}.hero-message{padding:48px var(--gutter) 38px}.hero h1{font-size:clamp(40px,7.5vw,56px)}.hero-description{max-width:46ch}.hero-visual{border-left:0;border-top:1px solid var(--line);padding:28px var(--gutter)}.hero-visual .comparison{max-width:580px}.hero-visual .compare-stage{aspect-ratio:1.55}.hero-visual .sample-copy p{font-size:38px}.audience{grid-template-columns:1fr 1fr}.audience p{grid-column:1/-1;padding:18px;border-bottom:1px solid var(--line)}.audience p br{display:none}.audience span{padding:18px;font-size:16px;border-bottom:1px solid var(--line)}.steps,.benefits{grid-template-columns:1fr}.steps article,.benefit-row{border-right:0;border-bottom:1px solid var(--line);padding:26px}.step-art{height:100px}.steps p,.benefit-row p{max-width:50ch}.benefit-row h3 br{display:none}.benefit-row{gap:18px}.benefit-row .benefit-foot{padding-top:12px}.editor-section,.proof,.prose-grid,.contact-layout{grid-template-columns:1fr;gap:40px}.editor-demo{max-width:580px;width:100%}.pricing-top{display:block}.pricing-top>p{margin-top:24px;max-width:45ch}.site-header{position:relative;padding-top:17px;padding-bottom:17px}.nav-toggle{display:flex;gap:16px;align-items:center;border:0;background:transparent;font:12px var(--mono);min-height:44px}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:20px var(--gutter);border-bottom:1px solid var(--line);z-index:10}.site-header nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:10px}.wordmark{font-size:27px}.page-intro{padding-top:48px;padding-bottom:40px}.page-intro h1{font-size:42px}.contact-layout aside{display:none}}
@media(max-width:480px){.hero h1{font-size:42px}.hero-description{font-size:17px}.hero .eyebrow{font-size:10px}.hero-actions{align-items:start;flex-direction:column;gap:10px}.hero-note{margin-top:12px}.hero-visual{padding:24px 18px}.hero-visual .comparison{padding:12px}.hero-visual .compare-stage{aspect-ratio:1.1}.hero-visual .sample-copy p{font-size:31px}.hero-visual .old-content p{font-size:11px}.hero-visual .old-title{font-size:15px}.hero-visual .sample-nav b{font-size:18px}.hero-visual .compare-top{font-size:9px}.hero-visual .comparison>.caption{font-size:10px}.problem-band{padding-top:46px;padding-bottom:46px}.problem-band p br{display:none}.price-pair{grid-template-columns:1fr;gap:24px}.price-plus{border-top:1px solid #c9c4b3;padding-top:18px}.price{font-size:60px}.agency-strip{grid-template-columns:1fr;gap:24px}.footer-top{grid-template-columns:1fr;gap:24px;padding-bottom:32px}.footer-bottom{display:block}.footer-bottom>div{margin-top:12px;flex-wrap:wrap;gap:20px}.form-row{grid-template-columns:1fr;gap:0}.page-intro h1{font-size:38px}.editor-canvas{padding:26px}.editor-canvas #demo-headline{font-size:32px}.audit-row{font-size:12px}.audit-row>span:last-child{font-size:11px}.hero-visual .compare-controls{gap:10px}.hero-visual .compare-controls input{width:120px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.comparison{--reveal:0%}.compare-line{left:clamp(0px,var(--reveal),100%)}.comparison[style*='--reveal: 0%'] .compare-line span{transform:translate(0,-50%)}.comparison[style*='--reveal: 100%'] .compare-line span{transform:translate(-100%,-50%)}
