:root{--ink:#10383A;--paper:#f5f4ed;--soft:#e1e5dd;--copper:#DAA112;--copper-deep:#a87908;--sage:#809276;--olive:#666E51;--slate:#768886;--white:#fff;--muted:#666E51;--line:rgba(16,56,58,.16);--radius:1.2rem;--display:'Manrope',sans-serif;--body:'DM Sans',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}.section-shell{width:min(1200px,calc(100% - 3rem));margin-inline:auto}.nav{height:82px;width:min(1320px,calc(100% - 3rem));margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:.7rem;font-family:var(--display);font-weight:700}.brand-mark{display:grid;place-items:center;width:2.2rem;height:2.2rem;background:var(--ink);color:var(--copper);border-radius:.55rem;font-size:.75rem;letter-spacing:-.04em}.nav-links{display:flex;gap:2rem;font-size:.9rem}.nav-links a:hover{color:var(--copper-deep)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 1.35rem;border:0;border-radius:.65rem;background:var(--copper);color:var(--ink);font-weight:700;cursor:pointer;transition:.2s ease;box-shadow:0 8px 24px rgba(200,116,50,.18)}.button:hover{transform:translateY(-2px);background:#f4ad6b}.button-small{min-height:42px;font-size:.86rem}.button-full{width:100%}.hero{min-height:690px;display:grid;grid-template-columns:1.03fr .97fr;gap:5vw;align-items:center;padding-block:5.7rem}.eyebrow{display:flex;align-items:center;gap:.65rem;text-transform:uppercase;letter-spacing:.13em;font-size:.74rem;font-weight:700;margin:0 0 1.4rem}.eyebrow span{width:1.8rem;height:2px;background:var(--copper)}h1,h2,h3{font-family:var(--display);line-height:1.1;margin-top:0}h1{font-size:clamp(3rem,5.4vw,5.6rem);letter-spacing:-.065em;margin-bottom:1.8rem}h1 em{color:var(--copper-deep);font-style:normal}.hero-text{max-width:42rem;font-size:1.18rem;color:#454441}.hero-actions{display:flex;gap:1.5rem;align-items:center;margin-top:2.2rem}.text-link{font-weight:700;border-bottom:1px solid var(--ink);padding:.45rem 0}.trust-row{display:flex;flex-wrap:wrap;gap:1.4rem;margin-top:3rem;color:var(--muted);font-size:.82rem}.trust-row span{position:relative;padding-left:1rem}.trust-row span:before{content:'';position:absolute;left:0;top:.64em;width:5px;height:5px;background:var(--copper);border-radius:50%}.hero-visual{position:relative;min-height:555px;border-radius:1.5rem;overflow:hidden;background:#292826}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.62))}.hero-visual img{position:absolute;width:100%;height:100%;object-fit:cover}.hero-card{position:absolute;z-index:2;left:1.4rem;bottom:1.4rem;right:4.4rem;display:flex;align-items:center;gap:.9rem;padding:1rem 1.2rem;background:rgba(17,17,17,.82);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);color:white;border-radius:.85rem}.hero-card small,.hero-card strong{display:block}.hero-card small{color:#c7c5c1;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.hero-card strong{font-size:.9rem}.status-dot{width:.65rem;height:.65rem;flex:none;border-radius:50%;background:var(--copper);box-shadow:0 0 0 6px rgba(238,157,85,.12)}.vertical-label{position:absolute;z-index:2;right:.75rem;bottom:8rem;color:white;font-size:.63rem;letter-spacing:.15em;writing-mode:vertical-rl}.problem-strip{background:var(--ink);color:white;padding-block:5rem}.problem-grid{display:grid;grid-template-columns:.65fr 2.2fr .75fr;gap:4rem;align-items:start}.section-index{margin:0;color:#aaa;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}.problem-grid h2{font-size:clamp(1.9rem,3.1vw,3.2rem);letter-spacing:-.035em;margin:0}.micro-proof{border-left:1px solid #555;padding-left:1.5rem}.micro-proof strong,.micro-proof span{display:block}.micro-proof strong{font-family:var(--display);color:var(--copper);font-size:2.6rem;line-height:1}.micro-proof span{font-size:.8rem;color:#aaa;margin-top:.6rem}.comparison,.process,.about{padding-block:8rem}.section-heading{display:grid;grid-template-columns:.8fr 2fr;gap:3rem;margin-bottom:4rem}.section-heading h2{font-size:clamp(2.2rem,4vw,4rem);letter-spacing:-.05em;max-width:850px;margin:0}.comparison-grid{display:grid;grid-template-columns:1fr 54px 1fr;align-items:center}.compare-card{border-radius:1rem;overflow:hidden;border:1px solid var(--line);background:white;box-shadow:0 22px 50px rgba(18,18,18,.07)}.browser-bar{height:43px;padding:0 1rem;display:flex;align-items:center;gap:.34rem;background:#e3e1dc}.browser-bar i{width:7px;height:7px;border-radius:50%;background:#aaa}.browser-bar span{margin-left:auto;margin-right:auto;color:#817f7a;font-size:.65rem}.browser-bar.dark{background:#202020}.browser-bar.dark i{background:#555}.browser-bar.dark span{color:#888}.old-site,.new-site{height:300px;padding:2rem}.old-site{filter:grayscale(1);background:#f3f3f3}.old-logo{font-family:serif;font-size:1.4rem;border:2px solid #777;display:inline-block;padding:.3rem}.old-lines{display:flex;flex-direction:column;gap:.5rem;margin:3rem 0 2rem}.old-lines b{height:9px;background:#ccc}.old-lines b:nth-child(2){width:82%}.old-lines b:nth-child(3){width:60%}.old-boxes{display:flex;gap:.7rem}.old-boxes i{height:70px;flex:1;background:#ddd}.new-site{position:relative;background:#151515;color:white;overflow:hidden}.new-nav{display:flex;justify-content:space-between;font-size:.58rem;position:relative;z-index:1}.new-nav span{color:#aaa}.new-content{width:72%;position:relative;z-index:1;margin-top:3.3rem}.new-content small{color:var(--copper);letter-spacing:.12em}.new-content h3{font-size:2rem;margin:.6rem 0 1.2rem}.new-content button{background:var(--copper);border:0;border-radius:.3rem;padding:.55rem .8rem;font-size:.65rem;font-weight:700}.new-accent{position:absolute;width:230px;height:230px;border-radius:50%;border:54px solid rgba(238,157,85,.16);right:-65px;bottom:-70px}.compare-caption{display:flex;justify-content:space-between;padding:1.1rem 1.3rem;gap:1rem}.compare-caption span{text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;color:var(--muted)}.compare-caption strong{font-size:.85rem}.transform-arrow{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--copper);font-size:1.4rem;z-index:2}.services{background:var(--ink);color:white;padding-block:8rem}.section-heading.light{border-bottom:1px solid #3a3a3a;padding-bottom:3rem}.service-item{display:grid;grid-template-columns:80px 1fr 60px;align-items:center;padding:2rem 0;border-bottom:1px solid #333;transition:.25s}.service-item:hover{padding-left:1rem;border-color:var(--copper)}.service-item>span{color:var(--copper);font-size:.75rem}.service-item div{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4rem}.service-item h3{font-size:1.45rem;margin:0}.service-item p{margin:0;color:#aaa;max-width:38rem}.service-item i{font-style:normal;font-size:1.4rem;color:#777;text-align:right}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.step{min-height:310px;border:1px solid var(--line);border-radius:var(--radius);padding:2rem;display:flex;flex-direction:column}.step>span{font-size:.75rem;color:var(--muted)}.step h3{font-size:1.6rem;margin-top:auto}.step p{color:var(--muted);margin-bottom:0}.step.featured{background:var(--copper);border-color:var(--copper);transform:translateY(-1.2rem)}.step.featured p{color:#42301f}.pricing-wrap{background:#dfddd6;padding-block:8rem}.pricing-grid{display:grid;grid-template-columns:1fr .82fr;gap:8vw;align-items:center}.pricing-copy h2{font-size:clamp(2.5rem,4.5vw,4.5rem);letter-spacing:-.055em}.pricing-copy>p:not(.eyebrow){font-size:1.08rem;color:#55534e;max-width:34rem}.agency-compare{margin-top:2.4rem;padding-top:1rem;border-top:1px solid rgba(18,18,18,.18);display:flex;justify-content:space-between;max-width:34rem}.agency-compare span{color:var(--muted)}.agency-compare strong{text-decoration:line-through;text-decoration-color:var(--copper-deep)}.price-card{position:relative;background:var(--ink);color:white;padding:2.6rem;border-radius:1.4rem;box-shadow:0 35px 80px rgba(18,18,18,.16)}.price-badge{position:absolute;right:1.1rem;top:1.1rem;color:var(--copper);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}.price-card>p{color:#bbb}.price{display:flex;align-items:flex-start;gap:.5rem;margin:.4rem 0}.price small{color:#aaa;margin-top:.75rem}.price strong{font-family:var(--display);font-size:3.8rem;letter-spacing:-.06em}.tax-note{font-size:.7rem;color:#888}.price-card ul{padding:1.5rem 0 1rem;margin:1.5rem 0;border-top:1px solid #3b3b3b;list-style:none}.price-card li{padding:.47rem 0 .47rem 1.4rem;position:relative;color:#d0ceca;font-size:.92rem}.price-card li:before{content:'✓';position:absolute;left:0;color:var(--copper)}.about{display:grid;grid-template-columns:.85fr 1.4fr;gap:8vw;align-items:center}.about-monogram{aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--copper);font-family:var(--display);font-size:clamp(4rem,10vw,8rem);font-weight:800;letter-spacing:-.08em;box-shadow:inset 0 0 0 1.3rem #242424}.about-copy h2{font-size:clamp(2.3rem,4vw,4rem);letter-spacing:-.05em}.about-copy>p:not(.eyebrow){font-size:1.1rem;color:#55534e}.signature{font-family:cursive;font-size:1.7rem;margin-top:1.5rem;transform:rotate(-3deg)}.contact{background:var(--copper);padding-block:8rem}.contact-grid{display:grid;grid-template-columns:1fr .85fr;gap:8vw}.contact-copy h2{font-size:clamp(2.5rem,4.6vw,4.6rem);letter-spacing:-.06em}.contact-copy>p:not(.eyebrow){font-size:1.1rem;max-width:36rem}.contact-note{display:flex;flex-direction:column;border-top:1px solid rgba(18,18,18,.25);padding-top:1rem;margin-top:2rem}.contact-note span{font-size:.85rem;color:#604325}.contact-form{background:var(--paper);padding:2rem;border-radius:1.2rem;box-shadow:0 30px 80px rgba(85,45,15,.15)}.contact-form label{display:block;font-weight:700;font-size:.8rem;margin-bottom:1rem}.contact-form input{display:block;width:100%;border:0;border-bottom:1px solid #c9c6be;background:transparent;padding:.7rem 0;outline:none;border-radius:0;font-size:1rem}.contact-form input:focus{border-color:var(--copper-deep)}.contact-form small{display:block;color:var(--muted);font-size:.68rem;text-align:center;margin-top:.8rem}.form-status{min-height:1.5rem;margin:.7rem 0 0;text-align:center;font-size:.82rem;font-weight:700}footer{background:var(--ink);color:white;padding:4rem 0}.footer-inner{display:grid;grid-template-columns:1fr auto;gap:2rem}.footer-inner>div:first-child p{font-size:.8rem;color:#888}.footer-links{display:flex;gap:1.8rem;font-size:.85rem}.footer-legal{grid-column:1/-1;border-top:1px solid #333;padding-top:1.4rem;display:flex;gap:1.4rem;color:#777;font-size:.75rem}.footer-legal button{background:none;border:0;padding:0;cursor:pointer;color:#777}.footer-legal button:hover{color:var(--copper)}dialog{width:min(650px,calc(100% - 2rem));border:0;border-radius:1rem;padding:2.5rem;background:var(--paper);color:var(--ink)}dialog::backdrop{background:rgba(0,0,0,.7);backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:1rem;top:1rem;border:0;background:transparent;font-size:1.6rem;cursor:pointer}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.nav-links{display:none}.hero{grid-template-columns:1fr;padding-block:4rem}.hero-visual{min-height:500px}.problem-grid,.section-heading,.pricing-grid,.about,.contact-grid{grid-template-columns:1fr}.problem-grid{gap:2rem}.micro-proof{max-width:250px}.comparison-grid{grid-template-columns:1fr}.transform-arrow{margin:-10px auto;transform:rotate(90deg)}.service-item div{grid-template-columns:1fr;gap:.5rem}.process-grid{grid-template-columns:1fr}.step{min-height:230px}.step.featured{transform:none}.about-monogram{max-width:420px}.contact-grid{gap:4rem}}
@media(max-width:620px){.section-shell,.nav{width:min(100% - 2rem,1200px)}.nav .button{display:none}.hero{min-height:0;padding-top:3rem}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .text-link{text-align:center;border:0}.hero-visual{min-height:410px}.trust-row{gap:.7rem 1.1rem}.problem-strip,.services,.pricing-wrap,.contact{padding-block:5.5rem}.comparison,.process,.about{padding-block:5.5rem}.comparison-grid{margin-inline:-.3rem}.old-site,.new-site{height:260px;padding:1.4rem}.new-content{width:85%;margin-top:2.4rem}.new-content h3{font-size:1.55rem}.service-item{grid-template-columns:42px 1fr 24px;padding:1.6rem 0}.service-item div{gap:.2rem}.service-item h3{font-size:1.15rem}.service-item p{font-size:.85rem}.price-card{padding:2rem 1.4rem}.price strong{font-size:3.2rem}.footer-inner{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.footer-legal{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button:hover{transform:none}}
.contact-form .form-honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.contact-form button:disabled{cursor:wait;opacity:.72;transform:none}.form-status.is-success{color:#19713f}.form-status.is-error{color:#a52a2a}
.cookie-notice{position:fixed;z-index:100;left:50%;bottom:1rem;width:min(760px,calc(100% - 2rem));display:grid;grid-template-columns:1fr auto;gap:1.5rem;align-items:center;padding:1.25rem 1.35rem;border:1px solid rgba(255,255,255,.14);border-radius:1rem;background:rgba(16,56,58,.97);color:#fff;box-shadow:0 24px 70px rgba(7,27,28,.34);transform:translateX(-50%);backdrop-filter:blur(14px)}.cookie-notice[hidden]{display:none}.cookie-copy strong{display:block;font:800 1rem var(--display)}.cookie-copy p{margin:.3rem 0 0;color:#d7e0da;font-size:.82rem;line-height:1.45}.cookie-actions{display:flex;align-items:center;gap:.7rem}.cookie-details{min-height:44px;padding:0 .85rem;border:1px solid rgba(255,255,255,.35);border-radius:.55rem;background:transparent;color:#fff;font-weight:700;cursor:pointer}.cookie-accept{min-height:44px;white-space:nowrap;box-shadow:none}
@media(max-width:620px){.cookie-notice{bottom:5.25rem;grid-template-columns:1fr;gap:1rem;padding:1.15rem}.cookie-actions{display:grid;grid-template-columns:1fr}.cookie-details,.cookie-accept{width:100%}}

/* NAHWERK Digital brand palette */
.brand{font-weight:800;letter-spacing:-.02em}
.brand-name{line-height:1}
.brand-name small{display:block;margin-top:.28rem;color:var(--slate);font-size:.52rem;letter-spacing:.2em}
.button{box-shadow:0 8px 24px rgba(218,161,18,.2)}
.button:hover{background:#e8b52c}
.hero-visual{background:var(--ink)}
.hero-card{background:rgba(16,56,58,.88);border-color:rgba(255,255,255,.2)}
.problem-strip,.services,footer{background:var(--ink)}
.problem-grid .section-index,.micro-proof span,.service-item p{color:#b8c2b6}
.micro-proof{border-color:rgba(128,146,118,.55)}
.browser-bar{background:#dce1d9}
.browser-bar.dark,.new-site{background:var(--ink)}
.new-site .new-nav span{color:#aebbb8}
.new-accent{border-color:rgba(218,161,18,.2)}
.service-item{border-color:rgba(128,146,118,.3)}
.section-heading.light{border-color:rgba(128,146,118,.35)}
.step.featured{color:var(--ink)}
.pricing-wrap{background:#d9dfd5}
.price-card{background:var(--ink);box-shadow:0 35px 80px rgba(16,56,58,.18)}
.price-card ul{border-color:rgba(128,146,118,.35)}
.price-card li{color:#e6eadf}
.about-monogram{background:var(--ink);box-shadow:inset 0 0 0 1.3rem #17484a}
.contact{background:var(--copper)}
.contact-form{box-shadow:0 30px 80px rgba(16,56,58,.16)}
.footer-links a:hover,.footer-legal button:hover{color:var(--copper)}

/* Interactive transformation */
.comparison-demo{overflow:hidden;border:1px solid var(--line);border-radius:1.4rem;background:white;box-shadow:0 28px 70px rgba(16,56,58,.12)}
.comparison-stage{--compare:50%;position:relative;height:500px;overflow:hidden;isolation:isolate}
.site-version{position:absolute;inset:0}
.site-after{z-index:2;clip-path:inset(0 calc(100% - var(--compare)) 0 0)}
.comparison-stage .browser-bar{height:46px}
.comparison-stage .old-site,.comparison-stage .new-site{height:454px;padding:3.4rem clamp(2rem,7vw,6rem)}
.comparison-stage .old-site{background:#eee url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cpath d='M0 80L80 0' stroke='%23ddd'/%3E%3C/svg%3E")}
.old-topline{display:flex;align-items:center;justify-content:space-between;color:#777;font:12px Arial,sans-serif}
.old-topline .old-logo{font-size:1.4rem}
.comparison-stage .old-lines{margin:5.3rem 0 2rem}
.comparison-stage .old-lines b{height:13px;max-width:680px}
.comparison-stage .old-lines b:nth-child(2){width:65%}
.comparison-stage .old-lines b:nth-child(3){width:42%}
.comparison-stage .old-boxes{gap:1rem;max-width:760px}
.comparison-stage .old-boxes i{height:95px;border:1px solid #c3c3c3}
.comparison-stage .new-site{background:linear-gradient(120deg,#10383A 0%,#10383A 66%,#17484a 66%)}
.comparison-stage .new-nav{font-size:.68rem}
.comparison-stage .new-content{width:68%;margin-top:5rem}
.comparison-stage .new-content h3{max-width:650px;margin:.65rem 0 .7rem;font-size:clamp(2rem,4vw,3.5rem)}
.comparison-stage .new-content p{margin:0 0 1.4rem;color:#c9d2cb}
.comparison-stage .new-content button{padding:.7rem 1rem;border-radius:.4rem}
.comparison-stage .new-accent{width:360px;height:360px;right:-80px;bottom:-140px;border-width:78px}
.compare-divider{position:absolute;z-index:4;top:0;bottom:0;left:var(--compare);width:3px;transform:translateX(-50%);background:white;box-shadow:0 0 0 1px rgba(16,56,58,.15)}
.compare-divider span{position:absolute;top:51%;left:50%;display:grid;width:52px;height:52px;place-items:center;transform:translate(-50%,-50%);border:4px solid white;border-radius:50%;background:var(--copper);box-shadow:0 10px 30px rgba(16,56,58,.25);font-size:1.15rem;font-weight:800}
.compare-range{position:absolute;z-index:5;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.compare-label{position:absolute;z-index:3;top:4.4rem;padding:.42rem .7rem;border-radius:.35rem;font-size:.68rem;font-weight:800;letter-spacing:.12em;pointer-events:none}
.before-label{right:1.5rem;background:#dedede;color:#666}
.after-label{left:1.5rem;background:var(--copper);color:var(--ink)}
.comparison-footer{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.3rem 1.6rem;border-top:1px solid var(--line)}
.comparison-footer p{display:flex;flex-direction:column;margin:0}
.comparison-footer p span{color:var(--muted);font-size:.82rem}
.comparison-benefits{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.6rem}
.comparison-benefits span{padding:.4rem .65rem;border-radius:99px;background:var(--soft);font-size:.73rem;font-weight:700}

/* Accessible price ladder */
.pricing-wrap .pricing-copy{display:grid;grid-template-columns:.75fr 1.35fr 1fr;gap:3rem;align-items:start;margin-bottom:3.2rem}
.pricing-wrap .pricing-copy h2{margin:0}
.pricing-wrap .pricing-copy>p:not(.eyebrow){max-width:none;margin:0}
.pricing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;align-items:stretch}
.pricing-wrap .price-card{display:flex;flex-direction:column;padding:2.2rem;box-shadow:none}
.price-card-light{border:1px solid rgba(16,56,58,.13);background:rgba(255,255,255,.68);color:var(--ink)}
.pricing-wrap .price-card-featured{transform:translateY(-.7rem);background:var(--ink);color:white;box-shadow:0 30px 70px rgba(16,56,58,.2)}
.plan-kicker{margin:0 0 .8rem!important;color:var(--copper-deep)!important;font-size:.7rem;font-weight:800;letter-spacing:.15em}
.price-card-featured .plan-kicker{color:var(--copper)!important}
.pricing-wrap .price-card h3{margin-bottom:1.2rem;font-size:1.35rem}
.pricing-wrap .price strong{font-size:3rem;white-space:nowrap}
.price-card-light .price small,.price-card-light .tax-note{color:#6e7873}
.price-card-light ul{border-color:rgba(16,56,58,.15)}
.pricing-wrap .price-card ul{flex:1}
.price-card-light li{color:var(--ink)}
.price-card-light li:before{color:var(--copper-deep)}
.plan-link{display:flex;justify-content:space-between;padding-top:1rem;border-top:1px solid rgba(16,56,58,.2);font-weight:800}
.plan-link:hover{color:var(--copper-deep)}
.payment-note{display:flex;align-items:baseline;gap:1rem;margin-top:1.8rem;padding-top:1.2rem;border-top:1px solid rgba(16,56,58,.16);font-size:.82rem}
.payment-note span{color:#64706a}

@media(max-width:900px){
  .pricing-wrap .pricing-copy{grid-template-columns:1fr;gap:1rem}
  .pricing-cards{grid-template-columns:1fr}
  .pricing-wrap .price-card-featured{transform:none}
}
@media(max-width:620px){
  .comparison-demo{margin-inline:-.3rem}
  .comparison-stage{height:390px}
  .comparison-stage .old-site,.comparison-stage .new-site{height:344px;padding:2rem 1.4rem}
  .old-topline span,.comparison-stage .new-nav span{display:none}
  .comparison-stage .old-lines{margin-top:4.2rem}
  .comparison-stage .new-content{width:92%;margin-top:3.4rem}
  .comparison-stage .new-content h3{font-size:1.9rem}
  .comparison-stage .new-content p{font-size:.8rem}
  .compare-label{top:3.8rem}
  .comparison-footer{align-items:flex-start;flex-direction:column}
  .comparison-benefits{justify-content:flex-start}
  .pricing-wrap .price strong{font-size:2.7rem}
  .price-badge{max-width:8rem;text-align:right}
  .payment-note{align-items:flex-start;flex-direction:column;gap:.25rem}
}

/* Personal trust cue */
.founder-chip{display:flex;align-items:center;gap:.85rem;width:max-content;max-width:100%;margin-top:1.6rem;padding:.48rem 1rem .48rem .48rem;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.52);backdrop-filter:blur(10px)}
.founder-chip img{width:3rem;height:3rem;border-radius:50%;object-fit:cover;object-position:50% 34%;box-shadow:0 0 0 3px rgba(218,161,18,.22)}
.founder-chip p,.founder-chip strong,.founder-chip span{display:block;margin:0}
.founder-chip strong{font-family:var(--display);font-size:.83rem}
.founder-chip span{color:var(--muted);font-size:.72rem}

/* Scroll-led website transformation */
.comparison{padding-block:8rem 0}
.comparison-scroll{height:165vh;min-height:980px;position:relative}
.comparison-demo{position:sticky;top:4vh;margin-inline:auto}
.comparison-stage{height:min(68vh,620px);min-height:500px}
.comparison-stage .old-site,.comparison-stage .new-site{height:calc(100% - 46px);padding:0}
.old-site{font-family:Arial,sans-serif;color:#20266c;background:#fafafa!important;filter:none}
.old-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 2rem;background:linear-gradient(#fff,#e7e9ee);border-bottom:1px solid #9ca1af}
.old-header .old-logo{padding:.25rem .55rem;border:3px double #294a93;background:#fff;color:#1e397c;font:bold 1.1rem Georgia,serif;line-height:1}
.old-header .old-logo small{font:italic .6rem Arial,sans-serif;color:#a22}
.old-contact{text-align:right;color:#555;font-size:.72rem;line-height:1.25}.old-contact strong{color:#b22820;font-size:1rem}
.old-menu{display:flex;justify-content:center;background:linear-gradient(#4771b7,#183d80);border-block:1px solid #102e65;color:#fff;font:bold .61rem Arial,sans-serif;text-shadow:0 1px #000}
.old-menu span{padding:.62rem 1rem;border-right:1px solid rgba(255,255,255,.28)}
.old-body{display:grid;grid-template-columns:38% 1fr;gap:1.8rem;align-items:center;padding:2.1rem 2rem 1rem;background:repeating-linear-gradient(0deg,#fff,#fff 21px,#f3f4f8 22px)}
.old-photo{height:190px;padding:.45rem;background:#fff;border:1px solid #aaa;box-shadow:3px 3px 0 #c6c6c6;transform:rotate(-1deg)}
.old-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.65) contrast(.85)}
.old-body h3{margin:0 0 .75rem;color:#19418b;font:700 1.5rem Georgia,serif;text-decoration:underline}
.old-body p{margin:0 0 1rem;color:#444;font-size:.78rem;line-height:1.45}
.old-body button{padding:.45rem .7rem;border:1px solid #8e3600;border-radius:0;background:linear-gradient(#ffb65d,#d65d09);box-shadow:inset 0 1px #ffe7c9;color:#fff;font:bold .63rem Arial,sans-serif;text-shadow:0 1px #6c2600}
.old-ticker{margin:0 2rem;padding:.38rem;border:1px dashed #be0000;background:#fff4a8;color:#a60000;text-align:center;font:bold .62rem Arial,sans-serif}
.comparison-stage .new-site{background:#071d1e}
.new-site-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;transform:scale(1.02)}
.new-site-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,24,25,.97) 0%,rgba(6,28,29,.86) 50%,rgba(6,28,29,.12) 100%)}
.comparison-stage .new-nav{position:relative;z-index:2;align-items:center;padding:1.4rem 2.1rem;border-bottom:1px solid rgba(255,255,255,.17);font-size:.66rem;letter-spacing:.05em}
.new-nav strong{font-family:var(--display);font-size:.82rem}.new-nav strong span{color:var(--copper)}.new-nav b{padding:.5rem .68rem;border:1px solid rgba(255,255,255,.48);border-radius:.35rem;color:#fff}
.comparison-stage .new-content{position:relative;z-index:2;width:min(620px,63%);margin:0;padding:3.8rem 2.1rem}
.comparison-stage .new-content small{font-size:.64rem;font-weight:700}.comparison-stage .new-content h3{margin:.7rem 0 1rem;font-size:clamp(2.5rem,5vw,4.6rem);letter-spacing:-.065em}.comparison-stage .new-content p{font-size:1rem}.comparison-stage .new-content button{display:flex;align-items:center;gap:1.5rem;background:var(--copper);font-family:var(--display);font-weight:800}.comparison-stage .new-content button b{font-size:1rem}
.new-proof{position:absolute;z-index:2;right:2rem;bottom:1.7rem;display:flex;align-items:center;gap:.65rem;padding:.7rem .9rem;border:1px solid rgba(255,255,255,.22);border-radius:.55rem;background:rgba(5,24,25,.68);backdrop-filter:blur(10px);color:#fff}.new-proof strong{font:800 1.7rem var(--display)}.new-proof span{color:var(--copper);font-size:.61rem;line-height:1.45}
.compare-divider{transition:left .08s linear}.site-after{will-change:clip-path}.compare-range:focus-visible{opacity:1;height:4px;top:auto;bottom:1rem;left:1rem;width:calc(100% - 2rem);accent-color:var(--copper)}

/* Higgsfield motion interlude */
.motion-story{position:relative;min-height:min(82vh,820px);display:flex;align-items:flex-end;overflow:hidden;background:#071d1e;color:#fff;isolation:isolate}
.motion-video{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.96) contrast(1.06);transition:opacity .58s ease;will-change:opacity}
.motion-video.is-resetting{opacity:0}
.motion-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(5,25,26,.95) 0%,rgba(5,25,26,.68) 45%,rgba(5,25,26,.15) 100%),linear-gradient(0deg,rgba(5,25,26,.92),transparent 60%)}
.motion-story:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(218,161,18,.1) 50%,transparent 67%);transform:translateX(-80%);animation:goldSweep 10s ease-in-out infinite}
.motion-copy{padding-block:8rem}.motion-copy h2{max-width:960px;margin:0 0 1.5rem;font-size:clamp(3rem,6.4vw,6.8rem);letter-spacing:-.065em}.motion-copy h2 em{color:var(--copper);font-style:normal}.motion-copy>p:last-child{max-width:540px;color:#d6ded7;font-size:1.15rem}
@keyframes goldSweep{0%,25%{transform:translateX(-85%)}70%,100%{transform:translateX(85%)}}

/* Cinematic opening */
.motion-intro{min-height:calc(100svh - 82px);align-items:flex-end}
.motion-intro .motion-video{object-position:58% center}
.motion-intro .motion-shade{background:linear-gradient(90deg,rgba(5,25,26,.9) 0%,rgba(5,25,26,.58) 42%,rgba(5,25,26,.06) 76%),linear-gradient(0deg,rgba(5,25,26,.76),transparent 62%)}
.motion-intro .motion-copy{position:relative;padding-top:8rem;padding-bottom:6rem}
.motion-intro .motion-copy h2{max-width:1050px}
.intro-scroll{display:inline-flex;align-items:center;gap:1rem;margin-top:1.7rem;padding:.8rem 0;border-bottom:1px solid rgba(255,255,255,.55);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.intro-scroll b{display:grid;width:2rem;height:2rem;place-items:center;border-radius:50%;background:var(--copper);color:var(--ink);font-size:1rem;transition:transform .2s ease}
.intro-scroll:hover b{transform:translateY(4px)}
.anchor-target{position:relative;top:-82px}

/* Founder portrait */
.about-portrait{position:relative;min-height:560px;margin:0;overflow:hidden;border-radius:1.6rem;background:var(--ink);box-shadow:0 32px 80px rgba(16,56,58,.18)}
.about-portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,25,26,.85),transparent 50%)}
.about-portrait img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 38%}
.about-portrait figcaption{position:absolute;z-index:2;left:1.4rem;right:1.4rem;bottom:1.4rem;display:flex;justify-content:space-between;gap:1rem;align-items:flex-end;color:#fff}.about-portrait figcaption strong,.about-portrait figcaption span{display:block}.about-portrait figcaption strong{font:700 1.15rem var(--display)}.about-portrait figcaption span{color:#c6d0c8;font-size:.75rem}

@media(max-width:900px){
  .comparison-scroll{height:145vh;min-height:850px}.comparison-demo{top:2vh}.comparison-stage{height:560px;min-height:0}.old-menu span:nth-child(4){display:none}.old-body{grid-template-columns:42% 1fr}.new-proof{display:none}.motion-story{min-height:680px}.about-portrait{min-height:500px}
}
@media(max-width:620px){
  .founder-chip{width:100%;border-radius:.8rem}.comparison{padding-top:5.5rem}.comparison-scroll{height:130vh;min-height:720px}.comparison-stage{height:430px}.old-header{padding:.75rem}.old-contact{display:none}.old-menu{justify-content:flex-start;overflow:hidden}.old-menu span{padding:.55rem .65rem}.old-menu span:nth-child(n+4){display:none}.old-body{display:block;padding:1rem}.old-photo{height:118px;margin-bottom:1rem}.old-body h3{font-size:1rem}.old-body p{font-size:.66rem}.old-ticker{margin:0 1rem}.comparison-stage .new-nav{padding:1rem}.comparison-stage .new-nav>span{display:none}.comparison-stage .new-content{width:93%;padding:3.4rem 1rem 1rem}.comparison-stage .new-content h3{font-size:2.45rem}.comparison-stage .new-content p{font-size:.8rem}.comparison-stage .new-site-shade{background:linear-gradient(90deg,rgba(5,24,25,.96),rgba(5,24,25,.5))}.comparison-footer{padding:1rem}.motion-story{min-height:610px}.motion-copy{padding-block:5rem}.motion-copy h2{font-size:3rem}.about-portrait{min-height:430px}.about-portrait figcaption{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.comparison-scroll{height:auto;min-height:0}.comparison-demo{position:relative;top:auto}.motion-story:after{animation:none}}

/* Cinematic website makeover */
.makeover{padding-block:8rem 0;background:linear-gradient(180deg,var(--paper) 0%,#e8ebe4 100%);overflow:clip}
.makeover .section-heading{margin-bottom:1.5rem}
.makeover-scroll{height:225vh;min-height:1500px;position:relative}
.makeover-sticky{position:sticky;top:2vh;padding-top:1rem}
.makeover-steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:0 0 1.2rem;padding-bottom:1rem;color:#89908a;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.makeover-steps span:nth-child(2){text-align:center}.makeover-steps span:nth-child(3){text-align:right}.makeover-steps span{transition:color .35s ease}.makeover-steps span.active{color:var(--ink)}
.makeover-steps>i{position:absolute;left:0;right:0;bottom:0;height:2px;overflow:hidden;background:rgba(16,56,58,.14)}
.makeover-steps>i b{display:block;width:var(--makeover-progress,0%);height:100%;background:var(--copper);transition:width .08s linear}
.makeover-stage{position:relative;height:min(68vh,650px);min-height:560px;isolation:isolate}
.makeover-card{position:absolute;top:1.5rem;left:6%;width:88%;border-radius:1.2rem;filter:drop-shadow(0 28px 50px rgba(16,56,58,.16));will-change:transform,opacity}
.makeover-card>.browser-bar{height:45px;border-radius:1.2rem 1.2rem 0 0;border:1px solid rgba(16,56,58,.16);border-bottom:0}
.makeover-before{z-index:2;opacity:1;transform:translate3d(0,0,0) scale(1)}
.makeover-after{z-index:4;opacity:0;transform:translate3d(0,80px,0) scale(.82)}
.legacy-site,.premium-site{height:500px;border-radius:0 0 1.2rem 1.2rem;overflow:hidden;border:1px solid rgba(16,56,58,.16);border-top:0}
.legacy-site{position:relative;padding:0 5.5%;background:#fbfbf7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M0 40L40 0' stroke='%23eeeeea'/%3E%3C/svg%3E");font-family:Arial,sans-serif;color:#333}
.legacy-top{display:grid;grid-template-columns:1fr auto;align-items:center;padding:1.3rem 0 .8rem;border-bottom:3px double #858585}.legacy-top strong{color:#164682;font:700 1.7rem Georgia,serif;text-shadow:1px 1px #fff}.legacy-top span{grid-row:2;color:#777;font:italic .7rem Georgia,serif}.legacy-top small{grid-column:2;grid-row:1/3;color:#a12c27;font-size:.72rem;text-align:right}
.legacy-menu{margin-inline:-5.9%;padding:.55rem 5.9%;background:linear-gradient(#507ab1,#234d86);color:#fff;font-size:.68rem;text-align:center;text-shadow:0 1px #111}
.legacy-content{width:72%;margin:2.2rem auto;text-align:center}.legacy-welcome{margin:0 0 1rem;color:#1a4f90;font:700 1.45rem Georgia,serif;text-decoration:underline}.legacy-content>p:not(.legacy-welcome){font-size:.75rem;line-height:1.5}.legacy-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:1.3rem 0}.legacy-columns span{height:75px;border:1px solid #bbb;background:linear-gradient(135deg,#ddd,#f5f5f5)}.legacy-content a{color:#1a4f90;font-size:.7rem;text-decoration:underline}
.makeover-flaw,.makeover-win{position:absolute;z-index:5;display:flex;align-items:center;gap:.8rem;min-height:3.35rem;padding:.82rem 1.1rem;border:1px solid rgba(16,56,58,.1);border-radius:.72rem;background:white;box-shadow:0 14px 36px rgba(16,56,58,.2);font-size:.92rem;line-height:1.25;font-weight:800;white-space:nowrap;opacity:0;transform:translateY(10px);transition:opacity .35s ease,transform .35s ease}
.makeover-flaw b,.makeover-win b{display:grid;flex:0 0 auto;width:2rem;height:2rem;place-items:center;border-radius:50%;font-size:.7rem}.makeover-flaw b{background:#9b2f2f;color:#fff}.makeover-win b{background:var(--copper);color:var(--ink)}
.flaw-one,.win-one{left:-3.2rem;top:7rem}.flaw-two,.win-two{right:-3.2rem;top:13.5rem}.flaw-three,.win-three{left:4rem;bottom:-1.1rem}.win-one{top:6rem}.win-two{top:14.5rem}.win-three{left:auto;right:5rem}
.makeover-before.show-notes .makeover-flaw,.makeover-after.show-notes .makeover-win{opacity:1;transform:none}
.makeover-pulse{position:absolute;z-index:3;left:50%;top:50%;display:grid;width:170px;height:170px;place-items:center;transform:translate(-50%,-50%) scale(.2);border-radius:50%;background:var(--copper);box-shadow:0 0 0 0 rgba(218,161,18,.28);opacity:0;color:var(--ink);font:800 1.05rem/1.05 var(--display);letter-spacing:.08em;text-align:center;will-change:transform,opacity}
.premium-site{position:relative;background:#071d1e;color:#fff}.premium-site>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.premium-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,24,25,.98) 0%,rgba(4,24,25,.8) 45%,rgba(4,24,25,.12) 78%)}
.premium-nav{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:1.4rem 2rem;border-bottom:1px solid rgba(255,255,255,.16);font-size:.63rem}.premium-nav strong{font:800 .85rem var(--display);letter-spacing:.04em}.premium-nav strong span{color:var(--copper)}.premium-nav>span{color:#d4dbd5}.premium-nav>span b{margin-left:.5rem;padding:.52rem .68rem;border:1px solid rgba(255,255,255,.55);border-radius:.35rem;color:#fff}
.premium-copy{position:relative;z-index:2;width:58%;padding:4rem 2rem}.premium-copy small{color:var(--copper);font-size:.64rem;font-weight:800;letter-spacing:.13em}.premium-copy h3{margin:.75rem 0 1rem;font-size:clamp(2.8rem,5.2vw,5.2rem);letter-spacing:-.07em}.premium-copy p{max-width:28rem;margin:0 0 1.5rem;color:#d2dad3}.premium-copy button{display:flex;align-items:center;gap:1.5rem;padding:.75rem 1rem;border:0;border-radius:.42rem;background:var(--copper);font:800 .72rem var(--display)}.premium-copy button b{font-size:1rem}
.premium-trust{position:absolute;z-index:2;right:2rem;bottom:1.5rem;display:flex;align-items:center;gap:.7rem;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.22);border-radius:.6rem;background:rgba(5,25,26,.72);backdrop-filter:blur(10px)}.premium-trust>strong{font:800 1.8rem var(--display)}.premium-trust>span{color:var(--copper);font-size:.66rem}.premium-trust small{color:#d8dfd9}
.makeover-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(16,56,58,.15)}.makeover-footer p{display:flex;flex-direction:column;margin:0}.makeover-footer p span{color:var(--muted);font-size:.82rem}.makeover-result{display:flex;flex-direction:column;text-align:right}.makeover-result span{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.makeover-result b{font:800 1.15rem var(--display);color:var(--copper-deep)}

@media(max-width:900px){.makeover-scroll{height:205vh;min-height:1250px}.makeover-stage{height:590px;min-height:0}.makeover-card{left:3%;width:94%}.makeover-flaw,.makeover-win{min-height:3rem;padding:.7rem .85rem;font-size:.8rem}.makeover-flaw b,.makeover-win b{width:1.75rem;height:1.75rem}.flaw-one,.win-one{left:-.5rem}.flaw-two,.win-two{right:-.5rem}.premium-copy{width:70%}}
@media(max-width:620px){.makeover{padding-top:5.5rem;overflow:visible}.makeover .section-heading{margin-bottom:1rem}.makeover-scroll{height:158svh;min-height:920px}.makeover-sticky{top:1vh;padding-top:.5rem}.makeover-steps{gap:.35rem;margin-bottom:.8rem;padding-bottom:.75rem;font-size:.53rem;letter-spacing:.035em}.makeover-stage{height:clamp(380px,112vw,435px);padding-inline:2px}.makeover-card{top:.35rem;left:6px;width:calc(100% - 12px);filter:drop-shadow(0 16px 28px rgba(16,56,58,.14));backface-visibility:hidden;transform-origin:center center}.makeover-card>.browser-bar{height:38px}.legacy-site,.premium-site{height:calc(clamp(380px,112vw,435px) - 46px)}.legacy-top{padding:.8rem 0}.legacy-top strong{font-size:1.08rem}.legacy-menu{padding-inline:3%;white-space:normal;font-size:.55rem;line-height:1.35}.legacy-content{width:90%;margin:1.3rem auto}.legacy-welcome{font-size:1rem}.legacy-columns span{height:55px}.makeover-flaw,.makeover-win{display:none}.premium-nav{padding:1rem}.premium-nav>span{display:none}.premium-copy{width:92%;padding:3rem 1rem}.premium-copy h3{font-size:clamp(2.15rem,11vw,2.65rem)}.premium-copy p{font-size:.8rem}.premium-shade{background:linear-gradient(90deg,rgba(4,24,25,.98),rgba(4,24,25,.45))}.premium-trust{right:.75rem;bottom:.75rem}.makeover-footer{align-items:flex-start;flex-direction:column;gap:.7rem;margin-top:.55rem;padding-top:.8rem}.makeover-result{text-align:left}.makeover-pulse{top:48%;width:auto;height:auto;padding:.65rem .85rem;border:1px solid rgba(255,255,255,.55);border-radius:999px;font-size:.65rem;line-height:1}.makeover-pulse span br{display:none}}
@media(prefers-reduced-motion:reduce){.makeover-scroll{height:auto;min-height:0;padding-bottom:4rem}.makeover-sticky{position:relative;top:auto}.makeover-before{display:none}.makeover-after{position:relative;opacity:1!important;transform:none!important}.makeover-pulse{display:none}.makeover-steps>i b{width:100%}.makeover-steps span{color:var(--ink)}}

/* Daniel's original handwritten signature */
.about-copy .signature{display:block;width:min(21rem,72%);height:auto;margin-top:1.5rem;object-fit:contain;object-position:left center;transform:none}

/* Compact language choice in the main navigation */
.language-switcher{display:flex;align-items:center;gap:.18rem;padding:.22rem;border:1px solid var(--line);border-radius:.6rem;background:rgba(255,255,255,.38)}
.language-switcher button{min-width:2.15rem;height:2rem;padding:0 .45rem;border:0;border-radius:.42rem;background:transparent;color:var(--muted);font:800 .68rem var(--display);letter-spacing:.06em;cursor:pointer;transition:background .2s ease,color .2s ease}
.language-switcher button:hover{color:var(--ink)}
.language-switcher button.active{background:var(--ink);color:var(--copper)}
.language-switcher button:focus-visible{outline:2px solid var(--copper);outline-offset:2px}

/* Why a strong website matters */
.why-now{padding-block:8rem;background:#e1e5dd}
.why-intro{display:grid;grid-template-columns:.8fr 1.25fr 1fr;gap:3rem;align-items:start}
.why-intro h2{margin:0;font-size:clamp(2.3rem,4.2vw,4.4rem);letter-spacing:-.055em}
.why-intro>p:last-child{margin:0;color:#53615a;font-size:1.06rem}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:4rem}
.why-card{min-height:280px;padding:2rem;border:1px solid rgba(16,56,58,.14);border-radius:var(--radius);background:rgba(255,255,255,.52)}
.why-card>span{display:grid;width:2.3rem;height:2.3rem;place-items:center;border-radius:50%;background:var(--ink);color:var(--copper);font-size:.7rem;font-weight:800}
.why-card h3{margin:4rem 0 .8rem;font-size:1.45rem}
.why-card p{margin:0;color:var(--muted)}
.why-conclusion{display:flex;gap:.5rem;margin:2.3rem 0 0;padding-top:1.4rem;border-top:1px solid rgba(16,56,58,.18);color:#53615a}
.why-conclusion strong{color:var(--ink)}

/* Clearer four-step delivery concept */
.process-lead{max-width:790px;margin:-1.5rem 0 3rem 33%;color:var(--muted);font-size:1.08rem}
.process-grid{grid-template-columns:repeat(4,1fr)}
.step{min-height:350px;padding:1.7rem}
.step>span{font-size:.69rem;font-weight:800;letter-spacing:.08em}
.step h3{font-size:1.45rem}
.step p{font-size:.92rem}

/* Keep the founder visible without letting the portrait dominate the section */
.about{grid-template-columns:minmax(250px,360px) 1fr}
.about-portrait{width:100%;min-height:430px;justify-self:start}
.founder-chip img{width:2.55rem;height:2.55rem}

@media(max-width:900px){
  .language-switcher{margin-left:auto;margin-right:1rem}
  .why-intro{grid-template-columns:1fr 1.5fr}.why-intro>p:last-child{grid-column:2}.why-grid{grid-template-columns:1fr}.why-card{min-height:0}.why-card h3{margin-top:2.5rem}.why-conclusion{flex-direction:column}
  .process-lead{margin:-1.5rem 0 2.5rem}.process-grid{grid-template-columns:repeat(2,1fr)}.step{min-height:280px}.about{grid-template-columns:minmax(220px,320px) 1fr}.about-portrait{min-height:390px}
}
@media(max-width:620px){
  .language-switcher{margin-right:0}.language-switcher button{min-width:1.95rem;padding:0 .3rem}.brand-name{font-size:.9rem}
  .why-now{padding-block:5.5rem}.why-intro{grid-template-columns:1fr;gap:1.2rem}.why-intro>p:last-child{grid-column:auto}.why-grid{margin-top:2.5rem}
  .process-grid{grid-template-columns:1fr}.step{min-height:250px}.about{grid-template-columns:1fr}.about-portrait{width:min(78vw,300px);min-height:360px;margin-inline:auto}.founder-chip img{width:2.35rem;height:2.35rem}
}

/* Conversion-focused opening and mobile navigation */
:root{--display:"Avenir Next","Segoe UI",Helvetica,Arial,sans-serif;--body:"Avenir Next","Segoe UI",Helvetica,Arial,sans-serif}
.menu-toggle,.mobile-menu,.mobile-cta{display:none}
.motion-intro{min-height:calc(100svh - 82px)}
.motion-intro .motion-copy{padding-top:6rem;padding-bottom:4.2rem}
.motion-intro .motion-copy h2{max-width:980px;margin-bottom:1.2rem;font-size:clamp(3.2rem,6.1vw,6.6rem)}
.motion-intro .intro-lead{max-width:760px;margin:0;color:#d9e1db;font-size:clamp(1rem,1.45vw,1.22rem)}
.intro-actions{margin-top:2rem}.intro-actions .text-link{color:#fff;border-color:rgba(255,255,255,.5)}
.intro-promise{display:flex;flex-wrap:wrap;gap:.7rem 1.6rem;margin-top:1.5rem;color:#d1d9d3;font-size:.78rem}
.intro-promise span{position:relative;padding-left:1rem}.intro-promise span:before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;border-radius:50%;background:var(--copper)}
.trust-band{background:var(--paper);border-bottom:1px solid var(--line)}
.trust-band-inner{display:grid;grid-template-columns:repeat(3,1fr)}
.trust-band-inner>div{padding:1.6rem 2rem;border-right:1px solid var(--line)}.trust-band-inner>div:first-child{padding-left:0}.trust-band-inner>div:last-child{border-right:0;padding-right:0}
.trust-band strong,.trust-band span{display:block}.trust-band strong{font:800 .95rem var(--display)}.trust-band span{margin-top:.25rem;color:var(--muted);font-size:.78rem}
.demo-disclaimer{max-width:850px;margin-top:-.4rem;margin-bottom:1rem;color:var(--muted)}
.makeover-scroll{height:178vh;min-height:1220px}
.premium-trust>strong{font-size:1rem;letter-spacing:.1em;color:var(--copper)}
.premium-trust>span{color:#fff;line-height:1.25}.premium-trust small{color:#c8d1ca}
.scope-note{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.scope-note span{padding:1.1rem 1.2rem;border:1px solid rgba(16,56,58,.14);border-radius:.8rem;color:var(--muted);font-size:.84rem}.scope-note strong{display:block;color:var(--ink)}

@media(max-width:900px){
  .nav{flex-wrap:wrap}.nav-links{display:none}.menu-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 .8rem;border:1px solid var(--line);border-radius:.55rem;background:transparent;font:800 .7rem var(--display);letter-spacing:.05em;text-transform:uppercase;cursor:pointer}.nav>.button-small{display:none}
  .language-switcher{margin-left:auto;margin-right:.55rem}.mobile-menu{position:absolute;z-index:20;left:0;right:0;top:72px;grid-template-columns:1fr 1fr;padding:.8rem;background:var(--paper);border:1px solid var(--line);border-radius:.8rem;box-shadow:0 18px 50px rgba(16,56,58,.16)}.mobile-menu.open{display:grid}.mobile-menu a{padding:.8rem;border-radius:.5rem;font-weight:700}.mobile-menu a:hover{background:var(--soft)}
  .trust-band-inner{grid-template-columns:1fr}.trust-band-inner>div{padding:1.25rem 0;border-right:0;border-bottom:1px solid var(--line)}.trust-band-inner>div:last-child{border-bottom:0}
  .scope-note{grid-template-columns:1fr}
  .makeover-scroll{height:165vh;min-height:1080px}
}
@media(max-width:620px){
  body{padding-bottom:4.5rem}.brand-name{display:none}.nav{height:72px}.brand-mark{width:2.35rem;height:2.35rem}.language-switcher{margin-left:auto}.menu-toggle{padding-inline:.65rem}.mobile-menu{top:64px}
  .motion-intro{min-height:calc(100svh - 72px)}.motion-intro .motion-copy{padding-top:4rem;padding-bottom:3rem}.motion-intro .motion-copy h2{font-size:clamp(2.8rem,13vw,4.25rem)}.intro-actions{align-items:stretch}.intro-actions .button{display:inline-flex}.intro-actions .text-link{text-align:left}.intro-promise{display:grid;gap:.55rem}
  .mobile-cta{position:fixed;z-index:50;left:1rem;right:1rem;bottom:.75rem;display:flex;align-items:center;justify-content:center;min-height:50px;border-radius:.7rem;background:var(--copper);color:var(--ink);font-weight:800;box-shadow:0 14px 35px rgba(16,56,58,.3)}
  .demo-disclaimer{margin-top:0;font-size:.92rem}.makeover-scroll{height:158svh;min-height:920px}
}

/* Calm, complete makeover story on tablets and phones */
@media(max-width:900px){
  .makeover{overflow:visible}
  .makeover-scroll{height:220svh;min-height:1500px}
  .makeover-sticky{top:1vh;padding-top:.5rem}
  .makeover-stage{height:calc(clamp(310px,52vw,440px) + 128px);min-height:0}
  .makeover-card{top:.4rem;left:2%;width:96%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;filter:drop-shadow(0 16px 28px rgba(16,56,58,.14));backface-visibility:hidden;transform-origin:center center}
  .makeover-card>.browser-bar,.makeover-card>.legacy-site,.makeover-card>.premium-site{grid-column:1/-1}
  .makeover-card>.browser-bar{height:40px}
  .legacy-site,.premium-site{height:clamp(310px,52vw,440px)}
  .premium-site>img{object-position:82% center}
  .makeover-flaw,.makeover-win{position:relative;inset:auto;display:flex;min-width:0;min-height:3.4rem;margin:0;padding:.52rem .58rem;gap:.5rem;border-radius:.65rem;font-size:.72rem;white-space:normal;box-shadow:0 8px 20px rgba(16,56,58,.12)}
  .makeover-flaw b,.makeover-win b{width:1.55rem;height:1.55rem;font-size:.58rem}
  .makeover-pulse{width:auto;height:auto;padding:.7rem .9rem;border:1px solid rgba(255,255,255,.55);border-radius:999px;font-size:.68rem;line-height:1}
  .makeover-pulse span br{display:none}
  .premium-copy{width:62%;padding:3rem 1.1rem}
  .premium-copy h3{font-size:clamp(2rem,6.3vw,3.2rem)}
  .premium-shade{background:linear-gradient(90deg,rgba(4,24,25,.98) 0%,rgba(4,24,25,.8) 42%,rgba(4,24,25,.08) 78%)}
  .makeover-footer{margin-top:.65rem}
}
@media(max-width:620px){
  .makeover-scroll{height:220svh;min-height:1320px}
  .makeover-steps{gap:.35rem;margin-bottom:.8rem;padding-bottom:.75rem;font-size:.53rem;letter-spacing:.035em}
  .makeover-stage{height:536px;padding-inline:2px}
  .makeover-card{left:6px;width:calc(100% - 12px);grid-template-columns:1fr;gap:.38rem}
  .makeover-card>.browser-bar{height:38px}
  .legacy-site,.premium-site{height:315px}
  .premium-site>img{object-position:82% center}
  .makeover-flaw,.makeover-win{min-height:2.75rem;padding:.42rem .55rem;font-size:.74rem}
  .premium-copy{width:60%;padding:2.3rem .85rem}
  .premium-copy h3{font-size:clamp(1.72rem,8vw,2.15rem)}
  .premium-copy p{font-size:.73rem;line-height:1.4}
  .premium-copy button{gap:.6rem;padding:.62rem .7rem;font-size:.62rem}
  .premium-trust{right:.55rem;bottom:.55rem;padding:.5rem .6rem}
  .premium-trust>span{display:none}
  .makeover-footer{gap:.7rem;margin-top:.65rem;padding-top:.8rem}
}
@media(prefers-reduced-motion:reduce){
  .makeover-scroll{height:auto;min-height:0;padding-bottom:4rem}
  .makeover-sticky{position:relative;top:auto}
  .makeover-before{display:none}
  .makeover-after{position:relative;opacity:1!important;transform:none!important}
  .makeover-pulse{display:none}
}