:root {
  --ink:#151515;
  --ink-soft:#232220;
  --paper:#f2eee6;
  --paper-deep:#e3dcd1;
  --white:#fffdf8;
  --red:#e73627;
  --red-dark:#a51d14;
  --green:#167c49;
  --muted:#6b6760;
  --line:#cfc8bd;
  --display:"Space Grotesk",Arial,sans-serif;
  --body:"Space Grotesk",Arial,sans-serif;
  --mono:"Space Grotesk",Arial,sans-serif;
  --max:1180px;
}

* { box-sizing:border-box; }
html { scroll-padding-top:76px; }
body { margin:0; overflow-x:hidden; background:var(--paper); color:var(--ink); font-family:var(--body); font-size:16px; }
img { display:block; max-width:100%; height:auto; }
a { color:inherit; text-decoration:none; }
button,summary { font:inherit; }
h1,h2,h3,p,figure { margin-top:0; }
.shell { width:min(var(--max),calc(100% - 36px)); margin-inline:auto; }
.skip-link { position:fixed; z-index:100; top:8px; left:8px; padding:10px 14px; background:#fff; color:#000; transform:translateY(-180%); font-weight:800; }
.skip-link:focus { transform:none; }

.eyebrow { display:flex; align-items:center; gap:9px; margin:0 0 15px; color:var(--red-dark); font:500 .62rem/1.25 var(--mono); letter-spacing:.09em; text-transform:uppercase; }
.eyebrow > span { width:22px; height:2px; background:currentColor; }
.eyebrow-light { color:#ff8378; }
.button { min-height:54px; padding:13px 18px; display:inline-flex; align-items:center; justify-content:center; gap:15px; border:0; font-size:.76rem; font-weight:800; line-height:1.25; text-align:center; transition:transform .18s ease,box-shadow .18s ease,background .18s ease; }
.button:hover { transform:translateY(-3px); }
.button:focus-visible,a:focus-visible,summary:focus-visible { outline:3px solid #ffb400; outline-offset:3px; }
.button span { font-size:1.1rem; }
.button-primary { background:var(--red); color:#fff; box-shadow:5px 5px 0 #fff; }
.button-dark { background:var(--ink); color:#fff; box-shadow:5px 5px 0 var(--red); }

.site-header { position:sticky; z-index:30; top:0; background:var(--paper); border-bottom:1px solid var(--line); }
.header-inner { min-height:64px; display:flex; align-items:center; justify-content:space-between; gap:14px; }
.brand { font:700 2rem/.8 var(--display); letter-spacing:-.13em; }
.brand span { color:var(--red); }
.site-nav { display:none; }
.header-cta { max-width:45%; min-height:36px; padding:0 11px; display:inline-flex; align-items:center; justify-content:center; gap:7px; background:var(--ink); color:#fff; font-size:.62rem; font-weight:800; text-transform:uppercase; }
.header-cta-compact { display:inline; }
.header-cta-wide { display:none; align-items:center; gap:7px; }
.header-cta-wide i { padding:4px 6px; background:var(--red); color:#fff; font:500 .5rem var(--mono); font-style:normal; letter-spacing:.05em; }
.header-cta b { color:#ff776d; font-size:.9rem; }

.hero { overflow:hidden; background:var(--paper); }
.hero-grid { padding:28px 0 34px; display:grid; gap:27px; }
.hero-copy h1 { max-width:760px; margin:0; font:600 clamp(2.55rem,11vw,6.2rem)/.91 var(--display); letter-spacing:-.08em; }
.hero-copy h1 em { display:block; color:var(--red); font-style:normal; }
.hero-support { max-width:640px; margin:20px 0 17px; color:#4e4b46; font-size:.84rem; line-height:1.55; }
.hero-trust { display:flex; align-items:center; gap:11px; }
.hero-trust img { width:42px; height:42px; flex:0 0 auto; border-radius:50%; object-fit:cover; background:#aaa; }
.hero-trust p { margin:0; color:var(--muted); font-size:.61rem; line-height:1.45; }
.hero-trust strong { color:var(--ink); }
.hero-offer { position:relative; padding:16px; overflow:hidden; background:var(--ink); color:#fff; box-shadow:8px 8px 0 var(--red); }
.offer-kicker { display:flex; align-items:center; justify-content:space-between; gap:8px; padding-bottom:13px; border-bottom:1px solid #45423f; font:500 .52rem var(--mono); letter-spacing:.05em; text-transform:uppercase; }
.offer-kicker b { padding:5px 6px; background:var(--red); font-weight:500; }
.old-price { margin:18px 0 0; color:#a9a39b; font:500 .59rem var(--mono); text-transform:uppercase; }
.old-price s { margin-left:5px; color:#fff; font-size:.85rem; text-decoration-color:var(--red); text-decoration-thickness:2px; }
.price-line { margin:11px 0 8px; display:inline-flex; align-items:flex-start; gap:0; white-space:nowrap; }
.price-line .currency { margin:10px 5px 0 0; color:var(--red); font:600 1rem var(--display); }
.price-line .amount { color:var(--red); font:600 clamp(5rem,22vw,7.2rem)/.78 var(--display); letter-spacing:-.1em; }
.price-line .cents { margin:4px 0 0 4px; color:var(--red); font:600 1.7rem/.9 var(--display); letter-spacing:-.05em; }
.discount-line { margin:10px 0 17px; display:flex; align-items:center; gap:9px; font:500 .54rem var(--mono); letter-spacing:.05em; text-transform:uppercase; }
.discount-line b { padding:5px 7px; background:#fff; color:var(--ink); }
.discount-line span { color:#aaa49d; }
.hero-offer .button { width:100%; box-shadow:none; }
.sticky-sentinel { display:block; width:100%; height:1px; }
.offer-micro { margin:12px 0 0; color:#a8a29b; font-size:.58rem; line-height:1.45; text-align:center; }
.hero-ribbon { min-height:43px; padding:0 15px; display:flex; align-items:center; justify-content:center; gap:14px; overflow:hidden; background:var(--red); color:#fff; white-space:nowrap; font:500 .56rem var(--mono); letter-spacing:.1em; }
.hero-ribbon i { color:var(--ink); font-style:normal; font-size:.9rem; }

.diagnostic { padding:75px 0; background:var(--ink); color:#fff; }
.diagnostic-grid { display:grid; gap:36px; }
.diagnostic-intro h2,.transformation h2,.proof h2,.offer-intro h2,.cases h2,.journey h2,.faq h2,.about h2,.final-cta h2 { margin:0; font:600 clamp(2.3rem,8vw,5.4rem)/.94 var(--display); letter-spacing:-.075em; }
.diagnostic-intro h2 em,.transformation h2 em,.proof h2 em,.offer-intro h2 em,.cases h2 em,.journey h2 em,.about h2 em,.final-cta h2 em { color:var(--red); font-style:normal; }
.diagnostic-intro > p:last-child { max-width:540px; margin:24px 0 0; color:#bbb4aa; font-size:.85rem; line-height:1.65; }
.diagnostic-questions { border-top:1px solid #4d4944; }
.diagnostic-questions p { margin:0; padding:16px 0; display:grid; grid-template-columns:34px 1fr; gap:10px; border-bottom:1px solid #4d4944; font:500 clamp(.95rem,4vw,1.25rem)/1.28 var(--display); letter-spacing:-.035em; }
.diagnostic-questions span { color:var(--red); font:500 .56rem var(--mono); letter-spacing:0; }
.diagnostic-answer { padding:20px; background:#292826; border-left:4px solid var(--red); }
.diagnostic-answer p { margin:0 0 18px; color:#c7c0b6; font-size:.76rem; line-height:1.62; }
.diagnostic-answer strong { color:#fff; }
.diagnostic-answer a { display:inline-flex; align-items:center; gap:8px; padding-bottom:3px; border-bottom:1px solid #fff; color:#fff; font-size:.69rem; font-weight:800; }
.diagnostic-answer a span { color:#ff766c; }

.transformation { padding:80px 0; background:var(--paper-deep); }
.transformation-head { display:grid; gap:24px; margin-bottom:40px; }
.transformation-head > p { max-width:480px; margin:0; color:#57534e; font-size:.84rem; line-height:1.65; }
.comparison { position:relative; display:grid; gap:25px; align-items:center; }
.compare-shot { position:relative; margin:0; padding:0; background:transparent; }
.compare-shot img { width:100%; height:auto; border:4px solid #131313; }
.compare-shot figcaption { padding:0 0 8px; color:var(--ink); }
.compare-shot figcaption span { display:block; }
.compare-shot figcaption span { color:var(--red-dark); font:600 .52rem var(--mono); letter-spacing:.08em; text-transform:uppercase; }
.compare-arrow { position:static; display:flex; align-items:center; justify-content:center; gap:8px; color:var(--red-dark); }
.compare-arrow span { width:30px; height:30px; display:grid; place-items:center; border-radius:50%; background:var(--red); color:#fff; font-size:.8rem; transform:rotate(90deg); }
.compare-arrow b { display:block; font:600 .48rem var(--mono); letter-spacing:.07em; text-transform:uppercase; }
.transformation-close { margin-top:45px; display:grid; gap:21px; }
.transformation-close p { max-width:570px; margin:0; font:500 1.15rem/1.35 var(--display); letter-spacing:-.035em; }
.transformation-close .button { width:100%; }

.proof { padding:82px 0; background:#0e0e0e; color:#fff; }
.proof-head { margin-bottom:38px; }
.proof-head h2 { max-width:900px; }
.proof-head > p:last-child { max-width:580px; margin:22px 0 0; color:#aaa49b; font-size:.8rem; line-height:1.65; }
.proof-grid { display:grid; gap:14px; }
.proof-card { overflow:hidden; background:#1c1b1a; border:1px solid #373532; }
.proof-card figure { margin:0; padding:10px; display:grid; place-items:center; background:#292724; }
.proof-card figure img { width:100%; box-shadow:0 10px 25px rgba(0,0,0,.2); }
.proof-number,.proof-side > div { padding:25px; }
.proof-number > span,.proof-side > div > span { color:#99938b; font:500 .55rem var(--mono); letter-spacing:.08em; text-transform:uppercase; }
.proof-number > strong,.proof-side strong { display:block; margin:24px 0 9px; color:var(--red); font:600 clamp(3.4rem,15vw,6rem)/.8 var(--display); letter-spacing:-.1em; }
.proof-number > strong small { font-size:.27em; letter-spacing:-.04em; }
.proof-number h3,.proof-side h3 { margin:0 0 22px; font:500 1.25rem/1 var(--display); letter-spacing:-.05em; }
.proof-number p,.proof-side p { margin:0; color:#aaa49b; font-size:.7rem; line-height:1.58; }
.proof-side { display:grid; grid-template-columns:1.05fr .95fr; align-items:start; }
.proof-side > div { padding:18px 12px; }
.proof-side strong { margin-top:18px; color:#fff; font-size:1.8rem; }
.proof-side h3 { font-size:.82rem; }

.offer-section { padding:82px 0; background:var(--paper); }
.offer-layout { display:grid; gap:42px; }
.offer-intro { display:grid; gap:0; }
.offer-intro > p:last-child { max-width:560px; margin:24px 0 0; color:var(--muted); font-size:.84rem; line-height:1.65; }
.pricing-primary { display:grid; gap:0; padding:4px; background:var(--red); box-shadow:9px 9px 0 var(--ink); }
.deliverables { border-top:2px solid var(--ink); }
.pricing-primary .deliverables { padding:0 16px; background:var(--paper-deep); border-top:0; }
.deliverables article { padding:23px 0; display:grid; grid-template-columns:35px 1fr; gap:12px; border-bottom:1px solid var(--line); }
.group-number { padding-top:3px; color:var(--red-dark); font:500 .56rem var(--mono); }
.group-label { margin:0 0 8px; color:var(--red-dark); font:500 .55rem var(--mono); letter-spacing:.09em; text-transform:uppercase; }
.deliverables h3 { margin:0; font:600 1.4rem/1 var(--display); letter-spacing:-.055em; }
.deliverables ul { grid-column:2; margin:5px 0 0; padding:0; list-style:none; }
.deliverables li { padding:10px 0; border-top:1px solid #d8d2c8; }
.deliverables li strong,.deliverables li span { display:block; }
.deliverables li strong { font-size:.72rem; }
.deliverables li span { margin-top:4px; color:var(--muted); font-size:.66rem; line-height:1.5; }
.offer-checkout { padding:20px; background:var(--ink); color:#fff; box-shadow:9px 9px 0 var(--red); }
.checkout-top { padding-bottom:15px; display:flex; align-items:center; justify-content:space-between; gap:9px; border-bottom:1px solid #494641; font:500 .54rem var(--mono); letter-spacing:.05em; text-transform:uppercase; }
.checkout-top b { max-width:140px; padding:5px 7px; background:var(--red); text-align:center; }
.checkout-name { margin-top:24px; }
.checkout-name > span { color:#ff8278; font:500 .52rem var(--mono); letter-spacing:.08em; text-transform:uppercase; }
.checkout-name h3 { margin:8px 0 7px; font:600 2rem/.95 var(--display); letter-spacing:-.07em; }
.checkout-name p { max-width:280px; margin:0; color:#b8b1a8; font-size:.68rem; line-height:1.5; }
.checkout-copy { margin-top:21px; }
.checkout-copy p { max-width:250px; margin:0 0 5px; color:#aaa49b; font-size:.65rem; line-height:1.45; }
.checkout-copy s { color:#fff; font:500 1.4rem var(--display); text-decoration-color:var(--red); text-decoration-thickness:3px; }
.checkout-price { margin:24px 0 21px; }
.checkout-price > span { display:block; color:#aaa49b; font:500 .55rem var(--mono); text-transform:uppercase; }
.price-display { display:inline-flex; align-items:flex-start; color:var(--red); white-space:nowrap; }
.price-display .price-currency { margin:.65rem .35rem 0 0; font:600 1rem/1 var(--display); }
.price-display .price-amount { font:600 clamp(5.4rem,23vw,8rem)/.82 var(--display); letter-spacing:-.08em; }
.price-display .price-cents { margin:.3rem 0 0 .28rem; font:600 clamp(1.45rem,6vw,2rem)/1 var(--display); letter-spacing:-.04em; }
.price-display-featured { margin:8px 0 10px; }
.checkout-price > b { display:inline-block; padding:5px 7px; background:#fff; color:var(--ink); font:500 .56rem var(--mono); letter-spacing:.05em; text-transform:uppercase; }
.offer-checkout .button { width:100%; box-shadow:none; }
.checkout-note { margin:13px 0 0; color:#a9a39a; font-size:.58rem; line-height:1.5; text-align:center; }
.upgrade-intro { padding-top:5px; }
.upgrade-intro > span { color:var(--red-dark); font:500 .58rem var(--mono); letter-spacing:.08em; text-transform:uppercase; }
.upgrade-intro h3 { margin:10px 0 8px; font:600 clamp(2rem,7vw,3.8rem)/.95 var(--display); letter-spacing:-.07em; }
.upgrade-intro p { max-width:600px; margin:0; color:var(--muted); font-size:.78rem; line-height:1.6; }
.upgrade-grid { display:grid; gap:18px; }
.plan-card { min-width:0; padding:22px; display:flex; flex-direction:column; border:1px solid var(--ink); }
.plan-card header { padding-bottom:24px; border-bottom:2px solid currentColor; }
.plan-tier { display:block; color:var(--red-dark); font:500 .52rem var(--mono); letter-spacing:.09em; text-transform:uppercase; }
.plan-card header > b { display:inline-block; margin-top:13px; padding:5px 7px; background:var(--red); color:#fff; font:500 .52rem var(--mono); letter-spacing:.05em; text-transform:uppercase; }
.plan-card h3 { margin:21px 0 8px; font:600 clamp(2rem,8vw,3.4rem)/.9 var(--display); letter-spacing:-.08em; }
.plan-card header > p { min-height:44px; max-width:390px; margin:0; color:var(--muted); font-size:.7rem; line-height:1.55; }
.plan-price { margin-top:25px; }
.plan-price .price-currency { margin-top:.55rem; font-size:.85rem; }
.plan-price .price-amount { font-size:clamp(3.7rem,16vw,5.4rem); }
.plan-price .price-cents { margin-top:.25rem; font-size:clamp(1.2rem,5vw,1.65rem); }
.plan-card ul { margin:24px 0; padding:0; list-style:none; }
.plan-card li { position:relative; padding:9px 0 9px 20px; border-bottom:1px solid var(--line); font-size:.69rem; line-height:1.45; }
.plan-card li::before { content:"✓"; position:absolute; left:0; color:var(--red); font-weight:900; }
.plan-coverage { margin:auto 0 20px; padding:15px; background:#e6dfd4; color:#514d47; font-size:.65rem; line-height:1.55; }
.plan-coverage b { color:var(--ink); }
.maintenance-note { margin:-7px 0 20px; color:var(--muted); font-size:.58rem; line-height:1.55; }
.plan-button { width:100%; margin-top:auto; background:var(--ink); color:#fff; box-shadow:5px 5px 0 var(--red); }
.plan-pro { background:var(--ink); color:#fff; border-color:var(--ink); box-shadow:9px 9px 0 var(--red); }
.plan-pro .plan-tier { color:#ff8479; }
.plan-pro header > b { background:#fff; color:var(--ink); }
.plan-pro header > p,.plan-pro .maintenance-note { color:#aba59d; }
.plan-pro li { border-color:#46433f; }
.plan-pro .plan-coverage { background:#2a2927; color:#beb7ae; }
.plan-pro .plan-coverage b { color:#fff; }
.plan-pro .plan-button { background:var(--red); box-shadow:5px 5px 0 #fff; }

.why-price { padding:70px 0; background:var(--red); color:#fff; }
.why-grid { display:grid; gap:30px; }
.why-grid h2 { margin:0; font:600 clamp(2.8rem,10vw,5.6rem)/.9 var(--display); letter-spacing:-.08em; }
.why-grid h2 em { color:var(--ink); font-style:normal; }
.why-grid > div:last-child p { max-width:560px; margin:0 0 17px; color:#ffe5e1; font-size:.84rem; line-height:1.65; }
.why-grid > div:last-child p:last-child { margin-bottom:0; }
.why-grid strong { color:#fff; }

.cases { padding:85px 0; }
.cases-head { margin-bottom:55px; }
.cases-head h2 { max-width:900px; }
.case-list { display:grid; gap:75px; }
.case { display:grid; gap:25px; }
.case-media { position:relative; min-height:240px; padding:18px 12px; display:flex; align-items:center; overflow:hidden; }
.case-vj { background:#111; }
.case-bravio { background:#27211d; }
.case-burguer { background:#eebb00; }
.case-desktop { width:89%; box-shadow:0 18px 32px rgba(0,0,0,.28); }
.case-mobile { position:absolute; right:4%; bottom:9px; width:24%; box-shadow:0 15px 27px rgba(0,0,0,.38); }
.case-bravio .case-desktop { width:100%; }
.case-story > span { color:var(--red-dark); font:500 .56rem var(--mono); letter-spacing:.08em; text-transform:uppercase; }
.case-story h3 { margin:12px 0 25px; font:600 clamp(2.3rem,9vw,4rem)/.9 var(--display); letter-spacing:-.08em; }
.case-story dl { margin:0 0 22px; }
.case-story dl div { padding:11px 0; border-top:1px solid var(--line); }
.case-story dt { margin-bottom:5px; color:var(--red-dark); font:500 .53rem var(--mono); letter-spacing:.08em; text-transform:uppercase; }
.case-story dd { margin:0; color:#55514b; font-size:.72rem; line-height:1.55; }
.case-story a,.about a { display:inline-flex; align-items:center; gap:8px; padding-bottom:3px; border-bottom:1px solid var(--ink); font-size:.7rem; font-weight:800; }
.case-story a b,.about a span { color:var(--red); }

.journey { padding:80px 0; background:var(--ink); color:#fff; }
.journey-head { margin-bottom:38px; }
.journey-head h2 { max-width:900px; }
.journey-flow { margin-bottom:0; padding:0; list-style:none; border-top:1px solid #4b4843; }
.journey-flow li { position:relative; min-height:170px; padding:22px 0 22px 45px; border-bottom:1px solid #4b4843; }
.journey-flow li > span { position:absolute; top:26px; left:0; color:var(--red); font:500 .56rem var(--mono); }
.journey-flow strong { display:block; margin-top:31px; font:500 1.25rem/1.1 var(--display); letter-spacing:-.05em; }
.journey-flow p { max-width:235px; margin:8px 0 0; color:#aaa49b; font-size:.7rem; line-height:1.55; }

.faq { padding:85px 0; background:var(--paper-deep); }
.faq-grid { display:grid; gap:45px; }
.faq-intro h2 { font-size:clamp(2.35rem,8vw,4.7rem); }
.faq-intro > p:last-child { max-width:440px; margin:23px 0 0; color:var(--muted); font-size:.82rem; line-height:1.65; }
.faq-list { border-top:2px solid var(--ink); }
.faq-list details { border-bottom:1px solid #bfb7ab; }
.faq-list summary { min-height:72px; display:flex; align-items:center; justify-content:space-between; gap:16px; cursor:pointer; list-style:none; font:500 .98rem/1.25 var(--display); letter-spacing:-.035em; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary span { flex:0 0 auto; color:var(--red); font:400 1.45rem var(--body); transition:transform .2s; }
.faq-list details[open] summary span { transform:rotate(45deg); }
.faq-list details p { max-width:650px; margin:0 0 24px; color:var(--muted); font-size:.75rem; line-height:1.65; }

.about { padding:80px 0; }
.about-grid { display:grid; gap:38px; align-items:center; }
.about-photo { position:relative; width:220px; margin-inline:auto; background:var(--ink); }
.about-photo img { width:100%; }
.about-photo span { position:absolute; right:-18px; bottom:15px; padding:7px 9px; background:var(--red); color:#fff; font:500 .52rem var(--mono); text-transform:uppercase; transform:rotate(-3deg); }
.about h2 { font-size:clamp(2rem,7vw,4.3rem); }
.about > .shell > div:last-child > p:not(.eyebrow) { max-width:580px; margin:22px 0; color:var(--muted); font-size:.82rem; line-height:1.65; }

.final-cta { padding:80px 0; background:#090909; color:#fff; }
.final-grid { display:grid; gap:40px; }
.final-grid h2 { max-width:780px; }
.final-action > p:first-child { max-width:480px; margin:0; color:#b1aaa1; font-size:.82rem; line-height:1.65; }
.final-price { margin:24px 0; display:grid; justify-items:start; }
.final-price s { color:#aaa39a; font:500 1rem var(--display); text-decoration-color:var(--red); text-decoration-thickness:2px; }
.final-price strong { color:var(--red); font:600 clamp(4rem,16vw,6.5rem)/.88 var(--display); letter-spacing:-.1em; }
.final-price span { margin-top:8px; padding:6px 8px; background:#fff; color:var(--ink); font:500 .55rem var(--mono); letter-spacing:.06em; text-transform:uppercase; }
.final-action .button { width:100%; box-shadow:none; }
.final-action small { display:block; margin-top:13px; color:#8f8981; font-size:.57rem; text-align:center; }
.final-action small a { color:#d8d2ca; text-decoration:underline; text-underline-offset:3px; }

.site-footer { padding:42px 0 94px; background:var(--paper); }
.footer-grid { display:grid; gap:20px; }
.site-footer p { max-width:300px; margin:0; color:var(--muted); font-size:.68rem; line-height:1.55; }
.site-footer nav { display:flex; flex-wrap:wrap; gap:11px 18px; color:#514e49; font-size:.64rem; font-weight:800; }
.site-footer small { color:var(--muted); font:.56rem var(--mono); }

.mobile-cta { position:fixed; z-index:35; right:8px; bottom:0; left:8px; min-height:50px; padding:6px 7px 6px 12px; padding-bottom:env(safe-area-inset-bottom); display:flex; align-items:center; justify-content:space-between; gap:10px; background:#fff; color:var(--ink); border:1px solid #d7d0c5; box-shadow:0 6px 18px rgba(0,0,0,.16); opacity:0; visibility:hidden; pointer-events:none; transform:translateY(120%); transition:opacity .22s ease,transform .22s ease,visibility 0s linear .22s; }
.mobile-cta.is-visible { opacity:1; visibility:visible; pointer-events:auto; transform:none; transition-delay:0s; }
.mobile-cta > span { display:flex; flex-direction:column; }
.mobile-cta small { color:#77716a; font:500 .45rem var(--mono); letter-spacing:.03em; text-transform:uppercase; }
.mobile-cta strong { color:var(--red); font:700 1.02rem var(--display); letter-spacing:-.06em; }
.mobile-cta b { align-self:stretch; padding:0 12px; display:flex; align-items:center; background:var(--red); color:#fff; font-size:.64rem; }

.reveal { opacity:1; transform:none; }

@media (min-width:560px) {
  .hero-grid { padding:42px 0 52px; }
  .hero-offer { max-width:520px; padding:22px; }
  .transformation-close { grid-template-columns:1fr auto; align-items:center; }
  .transformation-close .button { width:auto; }
  .proof-main { display:grid; grid-template-columns:.92fr 1.08fr; align-items:stretch; }
  .proof-main figure { padding:15px; }
  .proof-side { grid-template-columns:1.1fr .9fr; }
  .deliverables article { grid-template-columns:45px .75fr 1.25fr; align-items:start; gap:18px; }
  .deliverables ul { grid-column:3; margin-top:0; }
  .case { grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr); gap:34px; align-items:center; }
  .case-reverse .case-media { order:2; }
  .case-reverse .case-story { order:1; }
  .case-media { min-height:340px; padding:27px 21px; }
  .journey-flow { display:grid; grid-template-columns:repeat(2,1fr); }
  .journey-flow li { padding:22px; border-right:1px solid #4b4843; }
  .journey-flow li > span { left:22px; }
  .journey-flow li:nth-child(even) { border-right:0; }
  .about-grid { grid-template-columns:220px 1fr; gap:65px; }
  .about-photo { margin:0; }
  .final-action .button { width:auto; }
  .final-action small { text-align:left; }
  .footer-grid { grid-template-columns:auto 1fr auto; align-items:center; }
  .footer-grid small { grid-column:3; }
}

@media (min-width:768px) {
  html { scroll-padding-top:82px; }
  .header-inner { min-height:72px; }
  .site-nav { display:flex; align-items:center; justify-content:center; gap:20px; }
  .site-nav a { font-size:.57rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
  .site-nav a:hover { color:var(--red); }
  .header-cta { max-width:none; min-height:42px; }
  .header-cta-compact { display:none; }
  .header-cta-wide { display:inline-flex; }
  .hero-grid { min-height:650px; padding:55px 0; grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr); align-items:center; gap:65px; }
  .hero-copy h1 { font-size:clamp(4.3rem,6.2vw,5.8rem); }
  .hero-support { font-size:.95rem; }
  .hero-offer { max-width:440px; justify-self:end; }
  .diagnostic,.transformation,.proof,.offer-section,.cases,.journey,.faq,.about,.final-cta { padding:110px 0; }
  .diagnostic-grid { grid-template-columns:1fr 1fr; gap:45px 80px; }
  .diagnostic-answer { grid-column:2; }
  .transformation-head { grid-template-columns:1.25fr .75fr; align-items:end; gap:70px; margin-bottom:60px; }
  .comparison { max-width:1050px; grid-template-columns:1fr 1fr; gap:24px; }
  .compare-shot { padding:8px; }
  .compare-shot figcaption { top:17px; left:17px; padding:8px 10px; }
  .compare-shot figcaption span { font-size:.52rem; }
  .compare-arrow { position:absolute; z-index:3; top:50%; left:50%; display:grid; place-items:center; transform:translate(-50%,-50%); }
  .compare-arrow span { width:52px; height:52px; transform:none; }
  .compare-arrow b { margin-top:7px; padding:4px 6px; display:block; background:var(--ink); color:#fff; font:500 .47rem var(--mono); text-transform:uppercase; white-space:nowrap; }
  .transformation-close { margin-top:65px; }
  .proof-head { display:grid; grid-template-columns:1.25fr .75fr; align-items:end; gap:70px; margin-bottom:55px; }
  .proof-head .eyebrow,.proof-head h2 { grid-column:1; }
  .proof-head > p:last-child { grid-column:2; grid-row:1/3; margin:0; }
  .proof-grid { grid-template-columns:1.55fr .65fr; gap:18px; }
  .proof-main { grid-template-columns:1fr 1fr; }
  .proof-number { padding:36px; }
  .proof-side { grid-template-columns:1fr; grid-template-rows:auto 1fr; }
  .proof-side > div { padding:24px; }
  .proof-side strong { font-size:2.5rem; }
  .offer-layout { gap:60px; }
  .offer-intro { grid-template-columns:1.2fr .8fr; align-items:end; gap:70px; }
  .offer-intro .eyebrow,.offer-intro h2 { grid-column:1; }
  .offer-intro > p:last-child { grid-column:2; grid-row:1/3; margin:0; }
  .pricing-primary { grid-template-columns:minmax(0,1.28fr) minmax(330px,.72fr); align-items:stretch; }
  .deliverables article { min-height:200px; grid-template-columns:55px .85fr 1.15fr; gap:24px; padding:34px 0; }
  .deliverables h3 { font-size:1.75rem; }
  .pricing-primary .deliverables { padding:0 30px; }
  .offer-checkout { padding:34px; display:flex; flex-direction:column; }
  .checkout-copy p { font-size:.72rem; }
  .checkout-price { margin:25px 0; }
  .price-display-featured .price-amount { font-size:6.4rem; }
  .offer-checkout .button { margin-top:auto; }
  .upgrade-intro { display:grid; grid-template-columns:.85fr 1.15fr; column-gap:50px; align-items:end; }
  .upgrade-intro > span { grid-column:1/-1; }
  .upgrade-intro h3 { margin-bottom:0; }
  .upgrade-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; align-items:stretch; }
  .plan-card { padding:30px; }
  .plan-card h3 { font-size:3rem; }
  .plan-price .price-amount { font-size:5.1rem; }
  .why-price { padding:90px 0; }
  .why-grid { grid-template-columns:1fr 1fr; gap:90px; align-items:center; }
  .cases-head { margin-bottom:75px; }
  .case-list { gap:110px; }
  .case { grid-template-columns:minmax(0,1.42fr) minmax(250px,.58fr); gap:55px; }
  .case-media { min-height:470px; padding:38px 28px; }
  .journey-flow { grid-template-columns:repeat(4,1fr); }
  .journey-flow li { min-height:240px; border-bottom:0; }
  .journey-flow li:nth-child(even) { border-right:1px solid #4b4843; }
  .journey-flow li:last-child { border-right:0; }
  .journey-flow strong { margin-top:70px; font-size:1.35rem; }
  .faq-grid { grid-template-columns:.75fr 1.25fr; gap:90px; }
  .faq-intro { position:sticky; top:100px; align-self:start; }
  .about-grid { grid-template-columns:288px 1fr; gap:100px; }
  .about-photo { width:288px; }
  .final-grid { grid-template-columns:1.2fr .8fr; gap:100px; align-items:center; }
  .site-footer { padding-bottom:42px; }
  .footer-grid { grid-template-columns:auto 1.3fr 1fr auto; }
  .footer-grid small { grid-column:auto; }
  .mobile-cta { display:none; }
}

@media (max-width:767px) {
  body { padding-bottom:0; }
  .shell { width:calc(100% - 36px); }
  .button { transition:background .18s ease; }
  .button:hover { transform:none; }
  .hero-grid { padding:25px 0 32px; gap:22px; }
  .hero-copy h1 { font-size:clamp(2.3rem,10.2vw,2.75rem); line-height:.92; }
  .hero-support { margin:16px 0 14px; font-size:.8rem; line-height:1.5; }
  .hero-trust { gap:9px; }
  .hero-trust img { width:36px; height:36px; }
  .hero-offer { padding:15px; box-shadow:5px 5px 0 var(--red); }
  .old-price { margin-top:14px; }
  .price-line .amount { font-size:clamp(4.65rem,21vw,5.7rem); }
  .diagnostic,.transformation,.proof,.offer-section,.cases,.journey,.faq,.about,.final-cta { padding:64px 0; }
  .diagnostic-grid { gap:29px; }
  .diagnostic-answer { padding:17px; }
  .transformation-head { gap:18px; margin-bottom:30px; }
  .comparison { width:calc(100vw - 32px); margin-left:calc(50% - 50vw + 16px); grid-template-columns:minmax(0,1fr); gap:22px; }
  .compare-shot { width:100%; max-width:none; }
  .compare-shot img { width:100%; max-width:none; height:auto; border:0; }
  .compare-arrow { margin:-5px 0; }
  .transformation-close { margin-top:32px; }
  .proof-head { margin-bottom:30px; }
  .proof-grid { gap:12px; }
  .proof-main,.proof-side { grid-template-columns:1fr; }
  .proof-number,.proof-side > div { padding:20px; }
  .proof-card figure { padding:7px; }
  .proof-card figure img { height:auto; box-shadow:none; }
  .pricing-primary { box-shadow:5px 5px 0 var(--ink); }
  .pricing-primary .deliverables { padding:0 13px; }
  .deliverables article { min-height:0; grid-template-columns:31px 1fr; gap:10px; padding:20px 0; }
  .deliverables ul { grid-column:2; margin-top:4px; }
  .offer-checkout { padding:18px; box-shadow:none; }
  .checkout-name { margin-top:20px; }
  .checkout-name h3 { font-size:1.8rem; }
  .price-display-featured .price-amount { font-size:clamp(4.8rem,22vw,6rem); }
  .upgrade-intro h3 { font-size:2.15rem; }
  .plan-card { padding:18px; }
  .plan-card h3 { font-size:2.3rem; }
  .plan-price .price-amount { font-size:4.1rem; }
  .plan-pro { box-shadow:5px 5px 0 var(--red); }
  .case-list { gap:62px; }
  .case,.case-reverse { grid-template-columns:1fr; gap:24px; }
  .case-reverse .case-media,.case-reverse .case-story { order:initial; }
  .case-media { width:calc(100vw - 32px); min-height:0; margin-left:calc(50% - 50vw + 16px); padding:0; display:grid; gap:14px; overflow:visible; background:transparent; }
  .case-desktop,.case-mobile { position:static; width:100%; max-width:none; height:auto; justify-self:stretch; box-shadow:none; transform:none; object-fit:contain; }
  .case-bravio .case-desktop { width:100%; }
  .case-story h3 { margin-bottom:19px; }
  .journey-head { margin-bottom:28px; }
  .faq-grid { gap:32px; }
  .about-grid { gap:30px; }
  .final-grid { gap:31px; }
  .mobile-cta { min-height:58px; padding:6px 7px 6px 12px; padding-bottom:env(safe-area-inset-bottom); }
}

@media (max-width:390px) {
  .shell { width:calc(100% - 32px); }
  .header-cta { font-size:.58rem; }
  .hero-grid { padding-top:24px; gap:23px; }
  .hero-copy h1 { font-size:2.43rem; }
  .hero-support { font-size:.78rem; }
  .hero-offer { padding:14px; }
  .price-line .amount { font-size:4.75rem; }
  .offer-micro { font-size:.55rem; }
  .mobile-cta b { padding-inline:10px; }
}

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
}