:root {
  --paper:#fbfaf8;--white:#fff;--lavender:#f0f0ff;--lavender-2:#e4e5ff;--sand:#f3eee7;--sage:#e8efeb;
  --accent:#0606d0;--accent-dark:#0404a8;--ink:#11120f;--night:#12121a;--text:#42443f;--muted:#676a63;
  --border:#dcddd8;--line:rgba(17,18,15,.13);--border-dark:rgba(255,255,255,.14);--focus:#0606d0;
  --container:1240px;--wide:1460px;--gutter:clamp(20px,4vw,56px);--section:clamp(88px,9vw,140px);
  --r-sm:11px;--r-md:18px;--r-lg:26px;--bleed:max(var(--gutter),calc((100vw - var(--container))/2));
  --shadow:0 26px 70px rgba(24,25,21,.1),0 2px 8px rgba(24,25,21,.05);
  --shadow-page:0 34px 80px rgba(26,26,55,.2),0 3px 10px rgba(26,26,55,.07);
  --ease:cubic-bezier(.22,.68,.24,1)
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:86px}
body{margin:0;overflow-x:hidden;background:var(--paper);color:var(--text);font:400 17px/1.62 "Instrument Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}figure,p,h1,h2,h3,ul{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}
:focus-visible{outline:3px solid color-mix(in srgb,var(--focus) 65%,transparent);outline-offset:4px}::selection{background:#d7d8ff;color:var(--ink)}
.skip-link{position:fixed;z-index:200;left:16px;top:12px;padding:10px 14px;border-radius:8px;background:var(--ink);color:#fff;transform:translateY(-160%);transition:transform .2s}.skip-link:focus{transform:none}
.container,.container-wide,.nav-shell{width:min(var(--container),calc(100% - 2*var(--gutter)));margin-inline:auto}.container-wide{width:min(var(--wide),calc(100% - 2*var(--gutter)))}

/* Navigation */
.site-header{position:fixed;z-index:100;inset:0 0 auto;height:72px;border-bottom:1px solid transparent;transition:background .25s,border-color .25s,box-shadow .25s}
.site-header.is-scrolled,.site-header.is-menu-open{border-color:rgba(17,18,15,.1);background:rgba(251,250,248,.92);box-shadow:0 8px 30px rgba(24,25,21,.04);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.nav-shell{height:72px;display:flex;align-items:center;gap:36px}.wordmark{color:var(--ink);font-size:17px;font-weight:600;letter-spacing:-.025em;white-space:nowrap}
.desktop-nav{display:flex;gap:30px;margin:auto;color:var(--muted);font-size:14px}.desktop-nav a,.login-link{position:relative;transition:color .2s}.desktop-nav a::after{content:"";position:absolute;right:0;bottom:-7px;left:0;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}.desktop-nav a:hover,.login-link:hover{color:var(--ink)}.desktop-nav a:hover::after{transform:scaleX(1)}
.nav-actions{display:flex;align-items:center;gap:20px;font-size:14px}.mobile-nav{display:none}.menu-button{display:none;width:42px;height:42px;padding:0;border:1px solid var(--border);border-radius:50%;background:var(--white);align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-button span{width:16px;height:1px;background:var(--ink);transition:transform .2s}.site-header.is-menu-open .menu-button span:first-child{transform:translateY(3px) rotate(45deg)}.site-header.is-menu-open .menu-button span:last-child{transform:translateY(-3px) rotate(-45deg)}
.button{display:inline-flex;min-height:50px;padding:0 23px;border:1px solid transparent;border-radius:999px;align-items:center;justify-content:center;gap:10px;font-size:15px;font-weight:500;white-space:nowrap;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--accent);color:#fff;box-shadow:0 8px 22px rgba(6,6,208,.18)}.button-primary:hover{background:var(--accent-dark);box-shadow:0 12px 28px rgba(6,6,208,.24)}.button-secondary{border-color:#c6c7c1;background:rgba(255,255,255,.72);color:var(--ink)}.button-secondary:hover{background:#fff;border-color:#aeb0aa}.button-small{min-height:40px;padding:0 18px;font-size:14px}.button-row{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}

/* Type */
h1,h2,h3{color:var(--ink);font-weight:500;letter-spacing:-.045em;text-wrap:balance}h1{max-width:900px;margin-inline:auto;font-size:clamp(50px,5.8vw,82px);line-height:.99}h2{font-size:clamp(38px,4.1vw,58px);line-height:1.03}h3{font-size:clamp(23px,2.2vw,30px);line-height:1.08;letter-spacing:-.035em}
.section-question{max-width:480px;margin-top:24px;color:var(--ink);font-size:20px;line-height:1.45}.body-copy{max-width:570px}.body-copy p+p{margin-top:18px}.section{position:relative;padding:var(--section) 0}
.product-frame{overflow:hidden;border:1px solid var(--line);border-radius:var(--r-md);background:#fff;box-shadow:var(--shadow)}.product-frame img{width:100%}
.stage-caption{margin-top:13px;padding-top:9px;border-top:1px solid rgba(6,6,208,.25);color:var(--ink);font-size:12px;font-weight:500;line-height:1.35}

/* Hero */
.hero{position:relative;overflow:hidden;padding:clamp(150px,14.5vw,212px) 0 clamp(88px,8.5vw,124px);background:var(--lavender)}
.hero-copy{position:relative;z-index:2;max-width:960px;text-align:center}
.hero-intro{max-width:624px;margin:26px auto 32px;font-size:clamp(17px,1.4vw,19px);line-height:1.55}.hero-intro p+p{margin-top:6px}
.hero-product{position:relative;z-index:2;height:clamp(530px,46vw,662px);margin-top:clamp(56px,6vw,86px)}
.hero-panel,.hero-page{position:absolute;margin:0;will-change:transform;animation:hero-enter .9s var(--ease) both}
.hero-panel img,.hero-page img{width:100%;height:auto;background:#fff;border:1px solid var(--line)}
.hero-panel img{border-radius:var(--r-md);box-shadow:var(--shadow)}
.hero-page img{box-shadow:var(--shadow-page)}
.hero-panel figcaption,.hero-page figcaption{max-width:230px;margin-top:13px;padding-top:9px;border-top:1px solid rgba(6,6,208,.25);color:var(--ink);font-size:12px;font-weight:500;line-height:1.35}
.hero-page figcaption{color:var(--accent)}
.hero-realworks{z-index:2;left:0;top:6%;width:31%;animation-delay:.06s}
.hero-editor{z-index:1;right:0;top:20%;width:49%;animation-delay:.34s}
.hero-editor figcaption{margin-left:auto;text-align:right}
.hero-page{z-index:3;left:32%;top:0;width:32%;animation-delay:.2s}
@keyframes hero-enter{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}

/* Realworks */
.section-realworks{padding-block:clamp(76px,7.5vw,110px);background:#fff}
.realworks-layout{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);gap:clamp(48px,6vw,84px);align-items:center}
.realworks-intro h2{max-width:9ch;font-size:clamp(36px,3.4vw,48px)}.realworks-intro .body-copy{margin-top:26px}
.realworks-stage{justify-self:end;width:100%;max-width:660px}
.quiet-points{display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(46px,5vw,68px);padding:0;list-style:none;border-top:1px solid var(--border);counter-reset:flow}
.quiet-points li{padding:20px 30px 0 0;counter-increment:flow}.quiet-points li+li{padding-left:30px;border-left:1px solid var(--border)}
.quiet-points strong{display:block;color:var(--ink);font-size:15px;font-weight:500}
.quiet-points strong::before{content:"0" counter(flow);margin-right:11px;color:var(--accent);font-size:11px;font-weight:600;vertical-align:2px}
.quiet-points span{display:block;margin-top:6px;color:var(--muted);font-size:14px;line-height:1.45}

/* Brochure output */
.section-brochure{overflow:hidden;background:var(--lavender-2)}
.brochure-intro,.editor-intro,.brand-intro{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(340px,1fr);gap:clamp(52px,8vw,120px);align-items:start}
.brochure-intro{margin-bottom:clamp(54px,6vw,84px)}.brochure-intro h2{max-width:10ch}
.brochure-statement{max-width:420px;margin-top:26px;padding-top:18px;border-top:1px solid rgba(6,6,208,.25);color:var(--accent);font-size:20px;line-height:1.35}
.brochure-stage{width:min(1340px,calc(100% - var(--gutter)));margin-inline:auto}
.brochure-gallery{display:flex;align-items:flex-start;justify-content:center}
.gallery-page{border:1px solid var(--line);background:#fff}.gallery-page img{width:100%}
.page-primary{z-index:3;width:37%;box-shadow:var(--shadow-page)}
.page-support-a,.page-support-b{width:25%;box-shadow:0 20px 52px rgba(26,26,55,.13)}
.page-support-a{z-index:1;margin:9% -6.5% 0 0;transform:rotate(-.7deg);transform-origin:100% 0}
.page-support-b{z-index:2;margin:16% 0 0 -1.6%;transform:rotate(.9deg);transform-origin:0 0}
.brochure-caption{max-width:320px;margin:clamp(36px,3.8vw,54px) 0 0;margin-inline-start:max(0px,calc((100% - var(--container))/2));padding-top:12px;border-top:1px solid rgba(6,6,208,.3);color:var(--accent);font-size:13px;line-height:1.45}

/* Editor */
.section-editor{overflow:hidden;padding-block:clamp(96px,10vw,158px);background:var(--night);color:#b8b8c0}
.section-editor h2,.section-editor h3{color:#fff}
.editor-intro{margin-bottom:clamp(46px,5vw,72px);align-items:end}.editor-intro h2{max-width:11ch}.editor-intro .body-copy p:first-child{color:#fff;font-size:19px}
.editor-stage{width:min(1560px,calc(100% - var(--gutter)));margin-left:0;margin-right:auto}
.editor-actions{width:calc(min(1560px,100% - var(--gutter)) - var(--bleed));margin-left:var(--bleed);margin-right:0}
.editor-frame{padding:10px;border-color:var(--border-dark);border-radius:0 var(--r-lg) var(--r-lg) 0;background:#23232d;box-shadow:0 34px 100px rgba(0,0,0,.4)}
.editor-frame img{border-radius:0 var(--r-md) var(--r-md) 0}
.editor-actions{display:flex;margin-top:26px;padding-top:15px;border-top:1px solid rgba(255,255,255,.14);color:#9b9ba5;font-size:13px}
.editor-actions span{flex:1 1 0;padding-right:22px}

/* House style and reuse */
.section-brand{overflow:hidden;background:var(--sand)}
.brand-intro{margin-bottom:clamp(52px,5.5vw,78px)}.brand-intro h2{max-width:10ch}
.brand-composition{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 25%;gap:clamp(40px,4.5vw,66px);align-items:start;padding-bottom:7%}
.brand-frame{border-radius:var(--r-lg)}
.brand-page{position:absolute;z-index:3;left:62%;bottom:0;width:24%;margin:0;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-page);transform:rotate(1.4deg);transform-origin:0 100%}
.brand-page img{width:100%}
.reuse-note{padding:2px 0 0 24px;border-left:2px solid var(--accent)}.reuse-note h3{max-width:9ch}.reuse-note p{margin-top:14px;font-size:15px;line-height:1.55}

/* Sync, preflight and PDF */
.section-workflow{overflow:hidden;background:var(--sage)}
.workflow-intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(52px,8vw,120px);align-items:end;margin-bottom:clamp(48px,5vw,74px)}
.workflow-intro h2{max-width:9ch}.workflow-intro>p{max-width:540px;font-size:19px;line-height:1.5}
.workflow-board{display:grid;grid-template-columns:.62fr 1.38fr;gap:clamp(46px,6vw,88px);align-items:start;padding-top:clamp(40px,4vw,58px);border-top:1px solid rgba(17,18,15,.14)}
.workflow-copy{display:flex;flex-direction:column;gap:32px}
.sync-status>div{display:grid;grid-template-columns:10px 1fr;column-gap:10px;align-items:center}
.status-dot{width:8px;height:8px;border-radius:50%;background:#159447}
.sync-status strong{color:var(--ink);font-size:14px;font-weight:500}.sync-status small{grid-column:2;color:var(--muted);font-size:12px}
.sync-status h3,.preflight-copy h3{font-size:25px}.sync-status h3{margin-top:20px}
.sync-status>p,.preflight-copy p{margin-top:12px;font-size:15px;line-height:1.55}
.preflight-copy{padding-top:28px;border-top:1px solid rgba(17,18,15,.14)}
.pdf-proof{position:relative;overflow:hidden;margin-right:calc(-1*var(--bleed));padding:10px 0 34px 10px;border:1px solid var(--line);border-right:0;border-radius:var(--r-md) 0 0 var(--r-md);background:#fff;box-shadow:var(--shadow)}
.pdf-proof img{width:100%;border-radius:var(--r-sm) 0 0 var(--r-sm)}
.pdf-proof figcaption{position:absolute;left:16px;bottom:11px;color:var(--muted);font-size:12px}
.workflow-outcome{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:clamp(48px,5vw,74px);padding-top:32px;border-top:1px solid rgba(17,18,15,.14)}
.workflow-outcome h3{max-width:13ch;color:var(--accent);font-size:clamp(28px,3vw,38px)}.workflow-outcome p{max-width:530px;font-size:17px;line-height:1.55}

/* CTA and footer */
.final-cta{position:relative;padding:clamp(96px,10vw,152px) 0;background:#fff}.final-cta::before{content:"";position:absolute;top:0;left:50%;width:1px;height:44px;background:var(--accent)}.final-cta-inner{max-width:800px;text-align:center}.final-cta h2{max-width:16ch;margin:0 auto 26px}.final-cta p{max-width:620px;margin-inline:auto;font-size:17px}.final-cta p+p{margin-top:10px}.final-cta .button{margin-top:30px}
.site-footer{padding:68px 0 30px;border-top:1px solid var(--border);background:var(--paper)}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:50px}.footer-grid>div p{max-width:300px;margin-top:18px;color:var(--muted);font-size:14px}.footer-grid nav{display:flex;flex-direction:column;align-items:flex-start;gap:8px;color:var(--muted);font-size:14px}.footer-grid nav a{padding-block:2px}.footer-grid nav strong{margin-bottom:5px;color:var(--ink);font-weight:500}.footer-grid nav a:hover{color:var(--accent)}.footer-base{display:flex;justify-content:space-between;gap:30px;margin-top:60px;padding-top:22px;border-top:1px solid var(--border);color:var(--muted);font-size:13px}
.cookie-banner{position:fixed;z-index:120;right:20px;bottom:20px;left:20px;display:none;max-width:760px;margin:auto;padding:16px 18px 16px 22px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.96);box-shadow:var(--shadow);backdrop-filter:blur(12px);align-items:center;justify-content:space-between;gap:24px;font-size:14px}.cookie-banner.is-visible{display:flex}.cookie-banner p{max-width:480px}.cookie-banner p a{text-decoration:underline}.cookie-banner>div{display:flex;gap:8px}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s var(--ease),transform .75s var(--ease)}.reveal.is-visible{opacity:1;transform:none}

@media(max-width:1024px){
  :root{--section:clamp(80px,9vw,110px)}.desktop-nav{gap:20px}.nav-shell{gap:22px}
  .hero-realworks{width:36%}.hero-page{left:37%;width:36%}.hero-editor{width:47%}
  .realworks-layout{grid-template-columns:.78fr 1.22fr;gap:44px}.quiet-points li{padding-right:22px}.quiet-points li+li{padding-left:22px}
  .brochure-intro,.editor-intro,.brand-intro,.workflow-intro{gap:48px}
  .brand-composition{grid-template-columns:minmax(0,1fr) 28%;gap:40px;padding-bottom:9%}.brand-page{left:60%;width:27%}
  .workflow-board{grid-template-columns:.66fr 1.34fr;gap:44px}
  .footer-grid{grid-template-columns:1.3fr repeat(3,1fr);gap:28px}
}

@media(max-width:768px){
  :root{--gutter:24px}body{font-size:16px}.desktop-nav,.login-link{display:none}.menu-button{display:flex}.nav-actions{margin-left:auto;gap:10px}.site-header,.nav-shell{height:64px}.nav-actions>.button{min-height:38px;padding-inline:15px}.mobile-nav{position:absolute;top:64px;right:0;left:0;display:flex;padding:14px var(--gutter) 24px;border-bottom:1px solid var(--border);background:rgba(251,250,248,.98);flex-direction:column;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s,transform .2s,visibility .2s}.site-header.is-menu-open .mobile-nav{opacity:1;visibility:visible;transform:none}.mobile-nav a{padding:12px 0;border-bottom:1px solid var(--border);color:var(--ink)}
  .hero{padding-top:138px}.hero-product{height:684px}
  .hero-realworks{top:0;width:50%}.hero-page{left:2%;top:23%;width:42%}.hero-page figcaption{max-width:58%}.hero-editor{right:0;top:auto;bottom:0;width:62%}.hero-editor figcaption{margin-left:0;text-align:left}
  .realworks-layout{grid-template-columns:1fr;gap:36px}.realworks-intro{max-width:620px}.realworks-stage{justify-self:start;max-width:680px}
  .quiet-points{grid-template-columns:1fr}.quiet-points li{padding:18px 0}.quiet-points li+li{padding-left:0;border-top:1px solid var(--border);border-left:0}
  .brochure-intro,.editor-intro,.brand-intro,.workflow-intro{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px}
  .brochure-stage{width:calc(100% - var(--gutter))}.page-primary{width:42%}.page-support-a,.page-support-b{width:29%}
  .editor-intro{margin-bottom:40px}.editor-stage,.editor-actions{width:calc(100% - var(--gutter))}.editor-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px 0}.editor-actions span{padding-right:16px}
  .brand-composition{grid-template-columns:1fr;gap:30px;padding-bottom:0}.brand-frame{width:88%}.brand-page{position:relative;left:auto;bottom:auto;width:44%;margin:-14% 0 0 auto;transform:rotate(1.2deg)}.reuse-note{max-width:520px}
  .workflow-intro{align-items:start}.workflow-board{grid-template-columns:1fr;gap:34px}.workflow-copy{display:grid;grid-template-columns:1fr 1fr;gap:34px}.preflight-copy{padding-top:0;padding-left:28px;border-top:0;border-left:1px solid rgba(17,18,15,.14)}
  .workflow-outcome{grid-template-columns:1fr;gap:18px}
  .footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div{grid-column:1/-1}.footer-base{flex-direction:column;gap:8px}
}

@media(max-width:520px){
  /* ── Mobile composition (≤520px) ──────────────────────────────────────
     One lane: every element starts at --gutter. A product visual is either
     inside the lane or bleeds off the RIGHT edge — never off the left.
     Product screenshots are cropped, not shrunk. ─────────────────────── */
  :root{--gutter:18px;--section:74px}
  h1{font-size:clamp(40px,10.8vw,50px)}h2{font-size:clamp(33px,9vw,41px)}
  .nav-actions>.button{padding-inline:14px;font-size:13px}.wordmark{font-size:16px}.menu-button{width:38px;height:38px}

  /* Hero — copy left-aligned onto the same baseline as every section below */
  .hero{padding-top:124px;padding-bottom:60px}
  .hero-copy{max-width:none;text-align:left}
  .hero-intro{max-width:34ch;margin:20px 0 30px;font-size:17px}
  .button-row{justify-content:flex-start;align-items:stretch}.button-row .button{flex:1 1 100%}
  .hero-product{height:606px;margin-top:38px}
  .hero-panel figcaption,.hero-page figcaption{margin-top:9px;padding-top:7px;font-size:11px}
  .hero-realworks{left:0;top:0;width:calc(100% + var(--gutter))}
  .hero-realworks img{aspect-ratio:2.51;object-fit:cover;object-position:left top;border-radius:var(--r-sm) 0 0 var(--r-sm)}
  .hero-realworks figcaption{max-width:190px}
  .hero-page{left:0;top:30%;width:64%}
  .hero-page figcaption{max-width:124px}
  .hero-editor{right:0;top:auto;bottom:0;width:68%}
  .hero-editor img{aspect-ratio:.96;object-fit:cover;object-position:64% top;border-radius:var(--r-sm)}
  .hero-editor figcaption{margin-left:auto;text-align:right;max-width:96px}

  /* Realworks — cropped to the sync header and the first rows, bleeding right */
  .realworks-stage{width:calc(100% + var(--gutter))}
  .realworks-stage .product-frame{border-right:0;border-radius:var(--r-md) 0 0 var(--r-md)}
  .realworks-stage img{width:172%;max-width:none;margin-bottom:-22%}
  .quiet-points{margin-top:34px}.quiet-points li{padding:16px 0}

  /* Brochure — one fanned stack, dominant page first */
  .brochure-intro,.editor-intro,.brand-intro,.workflow-intro{grid-template-columns:1fr;gap:22px}
  .section-question,.brochure-statement{margin-top:18px;font-size:18px}
  .brochure-intro{margin-bottom:40px}
  .brochure-stage{width:100%}
  .brochure-gallery{justify-content:flex-start;gap:0;padding:10px var(--gutter) 26px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--gutter);scrollbar-width:none}
  .brochure-gallery::-webkit-scrollbar{display:none}
  .gallery-page{flex:0 0 auto;width:auto;scroll-snap-align:start}
  .page-primary{order:-1;flex-basis:68%;z-index:3;margin:0;transform:none;box-shadow:var(--shadow-page)}
  .page-support-a,.page-support-b{flex-basis:46%;box-shadow:0 16px 40px rgba(26,26,55,.14)}
  .page-support-a{order:0;z-index:2;margin:5% 0 0 -7%;transform:rotate(1deg);transform-origin:0 0}
  .page-support-b{order:1;z-index:1;margin:11% 0 0 -7%;transform:rotate(1.8deg);transform-origin:0 0}
  .brochure-caption{margin:6px 0 0;margin-inline-start:var(--gutter);max-width:none;width:calc(100% - 2*var(--gutter))}

  /* Editor — bleeds right; crop keeps canvas AND the properties panel */
  .editor-intro h2{max-width:none}
  .editor-intro{margin-bottom:32px}
  .editor-stage{width:calc(100% - var(--gutter));margin-left:var(--gutter);margin-right:0}
  .editor-frame{padding:5px 0 5px 5px;border-right:0;border-radius:var(--r-md) 0 0 var(--r-md)}
  .editor-frame img{width:135%;max-width:none;margin:-5% 0 -5% -35%;transform:none;border-radius:var(--r-sm) 0 0 var(--r-sm)}
  .editor-actions{width:calc(100% - 2*var(--gutter));margin-left:var(--gutter);margin-right:0;margin-top:24px;gap:10px 14px}
  .editor-actions span{padding-right:0;font-size:12.5px}

  /* Huisstijl — cropped to the brand tokens, so set → applied actually reads */
  .brand-intro{margin-bottom:34px}
  .brand-composition{padding-bottom:0}
  .brand-frame{width:calc(100% + var(--gutter));border-right:0;border-radius:var(--r-md) 0 0 var(--r-md)}
  .brand-frame img{width:161%;max-width:none;margin:-21% 0 -4% -35%}
  .brand-page{width:60%;margin:-20% 0 0 auto;transform:rotate(1.6deg);transform-origin:100% 100%}
  .reuse-note{margin-top:30px;max-width:none}

  /* Controle / PDF — the output is the climax, so it gets the scale */
  .workflow-intro h2{max-width:none}.workflow-intro>p{font-size:17px}
  .workflow-board{padding-top:30px}
  .workflow-copy{display:flex;gap:26px}
  .preflight-copy{padding-top:24px;padding-left:0;border-top:1px solid rgba(17,18,15,.14);border-left:0}
  .sync-status h3,.preflight-copy h3{font-size:23px}
  .pdf-proof{padding:6px 0 30px 6px}
  .pdf-proof img{width:176%;max-width:none;border-radius:var(--r-sm) 0 0 var(--r-sm)}
  .workflow-outcome{margin-top:38px;padding-top:26px}

  /* CTA — the tick moves onto the content lane */
  .final-cta,.final-cta-inner{text-align:left}
  .final-cta::before{left:var(--gutter)}
  .final-cta h2{max-width:none;margin-left:0}
  .final-cta p{max-width:34ch;margin-inline:0}
  .final-cta .button{width:100%}

  /* Footer — two lanes instead of one long stack */
  .site-footer{padding-top:56px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:30px 18px}
  .footer-grid>div{grid-column:1/-1}
  .footer-grid nav:last-of-type{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}
  .footer-grid nav:last-of-type strong{grid-column:1/-1;margin-bottom:0}
  .footer-base{margin-top:38px}

  .cookie-banner{right:10px;bottom:10px;left:10px;padding:16px;align-items:stretch;flex-direction:column;gap:14px}.cookie-banner>div{display:grid;grid-template-columns:1fr 1fr}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.hero-panel,.hero-page{transform:none!important}.page-support-a{transform:rotate(-.7deg)!important}.page-support-b{transform:rotate(.7deg)!important}.brand-page{transform:rotate(1.4deg)!important}}

@media(max-width:520px) and (prefers-reduced-motion:reduce){
  .page-support-a{transform:rotate(1deg)!important}.page-support-b{transform:rotate(1.8deg)!important}.brand-page{transform:rotate(1.6deg)!important}
}

@media(max-width:359px){
  h1{font-size:37px}
}