/* CaseMore V13 — ordered browser bundle. Generated by development/build-v13.mjs.
 * Original source modules and all third-party notices are retained.
 */

/* Source: style.css */
@font-face{font-family:Manrope;src:url('/world-v13/assets/manrope.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
:root{--paper:#fbf8f1;--ink:#141c20;--cyan:#00bed3;--pink:#f40f84;--teal:#007d8b;--muted:#626b6c;--line:#141c2024;--gutter:clamp(24px,5.3vw,96px);--header:82px;--ease:cubic-bezier(.22,1,.36,1)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:100px;scroll-behavior:auto;overflow-x:clip}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.55;overflow-x:clip;-webkit-font-smoothing:antialiased}
body.dialog-open{overflow:hidden}
button,input,textarea,select{font:inherit}
button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button{color:inherit;cursor:pointer}
button:disabled{cursor:wait;opacity:.55}
a{color:inherit;text-decoration:none}
button{border:0;background:none}
img{display:block;max-width:100%;height:auto}
svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-weight:750;letter-spacing:-.065em;line-height:1.02}
::selection{background:var(--cyan);color:var(--ink)}
:focus-visible{outline:3px solid var(--teal);outline-offset:5px}
[hidden]{display:none!important}
.symbol-defs{position:absolute;width:0;height:0;overflow:hidden}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:24px;top:-90px;z-index:300;padding:14px 20px;background:var(--ink);color:white;border-radius:6px}
.skip-link:focus{top:12px}
.pink{color:var(--pink)}
.teal{color:var(--teal)}
.eyebrow{font-size:10px;font-weight:750;letter-spacing:.13em;line-height:1.6;text-transform:uppercase;display:flex;align-items:center;gap:10px}
.eyebrow.light{color:#fff}
.small-note{font-size:12px;color:var(--muted);text-align:right;line-height:1.5}
.section-space{padding:clamp(84px,9vw,150px) var(--gutter)}
.section-top{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:65px}
.display-heading{font-size:clamp(48px,5.6vw,94px);line-height:1.04;letter-spacing:-.065em}
.section-lead{font-size:clamp(16px,1.4vw,21px);line-height:1.65;color:var(--muted);max-width:380px}
.wordmark{font-size:34px;line-height:1;font-weight:800;letter-spacing:-2.3px;display:inline-flex;align-items:flex-start;white-space:nowrap}
.wordmark>span:first-child,.brand-inline>span:first-child{color:var(--cyan)}
.wordmark>span:nth-child(2),.brand-inline>span:nth-child(2){color:var(--pink)}
.wordmark sup{font-size:9px;letter-spacing:0;margin:3px 0 0 3px;color:var(--ink)}
.wordmark.small{font-size:25px;letter-spacing:-1.8px}
.site-header{height:var(--header);padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:32px;position:fixed;inset:0 0 auto;z-index:100;background:#fbf8f1ed;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid #141c200c}
.site-header nav{display:flex;align-items:center;gap:30px;margin-left:auto}
.site-header nav a{font-size:12px;font-weight:650;position:relative;padding:20px 0}
.site-header nav a::after{content:'';position:absolute;bottom:14px;left:0;width:100%;height:1px;background:var(--pink);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.site-header nav a:hover::after{transform:scaleX(1)}
.nav-actions{display:flex;align-items:center;gap:24px}
.lang-button{font-size:11px;font-weight:800;padding:14px 3px;min-width:32px}
.nav-contact{display:flex;align-items:center;gap:22px;border:1px solid #141c2033;padding:12px 17px;border-radius:40px;font-size:11px;font-weight:700;transition:background .2s,color .2s}
.nav-contact:hover{background:var(--ink);color:var(--paper)}
.nav-contact svg{width:17px;height:17px}
.menu-button{display:none;width:38px;height:38px;padding:8px;align-items:center;justify-content:center;flex-direction:column;gap:6px}
.menu-button span{display:block;width:22px;height:1.5px;background:var(--ink);transition:transform .25s}
.menu-button[aria-expanded=true] span:first-child{transform:translateY(3.75px) rotate(45deg)}
.menu-button[aria-expanded=true] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}
.reading-progress{position:absolute;height:2px;background:var(--pink);bottom:-1px;left:0;right:0;transform:scaleX(0);transform-origin:left}
.pill-button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;border-radius:100px;min-height:58px;padding:8px 8px 8px 25px;font-size:13px;font-weight:700;line-height:1.4;transition:background .25s,color .25s,box-shadow .25s}
.pill-button.dark{background:var(--ink);color:var(--paper)}
.pill-button.dark:hover{background:#2b3a3f;box-shadow:0 10px 22px #141c2012}
.pill-button.light{background:var(--paper);color:var(--ink)}
.pill-button.light:hover{background:#fff}
.button-circle{width:41px;height:41px;display:grid;place-items:center;border-radius:50%;background:var(--paper);color:var(--ink);transition:transform .3s var(--ease)}
.light .button-circle{background:var(--ink);color:var(--paper)}
.pill-button:hover .button-circle{transform:rotate(-28deg)}
.button-circle svg{width:20px;height:20px}
.text-button{display:inline-flex;align-items:center;gap:24px;font-size:12px;font-weight:750;padding:0;min-height:44px;text-align:left}
.round-outline{width:44px;height:44px;border:1px solid #141c2040;border-radius:50%;display:grid;place-items:center;transition:background .2s}
.round-outline svg{width:16px;height:16px}
.text-button:hover .round-outline{background:var(--cyan)}
.status-dot{display:inline-block;width:5px;height:5px;background:var(--pink);border-radius:50%;flex:0 0 5px}

/* The opening product study. Real content is independent of the WebGL layer. */
.hero-scroll{height:170svh;position:relative}
.hero-sticky{position:sticky;top:0;height:100svh;min-height:700px;overflow:hidden;isolation:isolate;background:var(--paper)}
.hero-copy{position:absolute;z-index:5;left:var(--gutter);top:clamp(150px,23svh,245px);width:48%;max-width:780px}
.hero-copy .eyebrow{margin-bottom:24px}
.little-star{font-size:21px;color:var(--pink);line-height:1}
.hero-copy h1{font-size:clamp(64px,7.2vw,122px);line-height:1.02;letter-spacing:-.075em}
.hero-copy h1>span{display:block;white-space:nowrap}
.hero-description{font-size:clamp(15px,1.35vw,19px);line-height:1.7;max-width:370px;margin:26px 0 30px;color:#4c585b}
.launch-note{display:flex;align-items:center;gap:9px;font-size:10px;line-height:1.5;margin-top:24px;color:var(--muted)}
.product-visual{position:absolute;right:1%;top:11%;width:55%;height:76%;min-height:530px;z-index:3;isolation:isolate}
.product-halo{position:absolute;inset:13% 5%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,#dff6f1 0%,#e8f4ed88 43%,transparent 70%);transform:rotate(-15deg)}
.hero-orbit{position:absolute;right:-8%;top:16%;width:54%;aspect-ratio:1;border:1px solid #00bed313;border-radius:50%;transform:rotate(-20deg)}
.hero-orbit::after{content:'';position:absolute;inset:10%;border:1px solid #00bed30c;border-radius:50%}
#product-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;display:block;transition:opacity .35s}
.case-fallback{position:absolute;width:clamp(210px,min(23vw,31svh),350px);aspect-ratio:.475;left:50%;top:50%;transform:translate(-50%,-50%) perspective(950px) rotate(-9deg) rotateY(var(--case-turn,-14deg));border:9px solid #171c20;border-radius:38px;background:url('/world-v13/assets/hero-memory.webp') center/cover;box-shadow:10px 14px 0 #293036,18px 30px 38px #141c2021;transition:opacity .25s}
.case-camera{position:absolute;left:1.7%;top:1.5%;width:53%;height:auto;aspect-ratio:143/153;border-radius:17% / 16%;background:radial-gradient(ellipse 3.1% 2.9% at 88.8% 70.3%,var(--paper) 96%,transparent 100%),linear-gradient(125deg,#1a1e23,#0d1116 58%,#11151a);border:clamp(1px,.18vw,2px) solid #2a3036;display:block;padding:0;box-shadow:0 1px 2px #0008,inset 0 1px 1px #ffffff12}
.case-camera i{position:absolute;left:8%;top:8%;width:40%;height:auto;aspect-ratio:1;border-radius:50%;background:var(--paper);border:clamp(1px,.18vw,2px) solid #30373d;box-shadow:0 1px 1px #0007,inset 0 1px 1px #141c2020}
.case-camera i:nth-child(2){left:51.5%;top:31%;align-self:auto;grid-column:auto;grid-row:auto}
.case-camera i:nth-child(3){left:8%;top:55%;grid-column:auto}
.case-camera::before,.case-camera::after{content:'';position:absolute;left:54%;top:8%;width:18%;aspect-ratio:1;border-radius:50%;background:var(--paper);border:clamp(1px,.16vw,1.6px) solid #30373d;box-shadow:0 1px 1px #0007,inset 0 1px 1px #141c201c}
.case-camera::after{top:75%}
.is-3d-ready .case-fallback{opacity:0;pointer-events:none}
.product-caption{position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:flex;align-items:center;gap:15px;font-size:10px;white-space:nowrap;color:var(--muted);z-index:3}
.caption-line{width:40px;height:1px;background:#141c2040}
.hero-second-copy{display:none;position:absolute;z-index:4;left:var(--gutter);top:32%;max-width:48%}
.js-motion .hero-second-copy{display:block;opacity:0}
.hero-second-copy h2{font-size:clamp(60px,7vw,110px);margin:24px 0;line-height:1.02}
.hero-second-copy p{font-size:19px;line-height:1.6;color:var(--muted)}
.hero-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:26px;display:flex;align-items:center;justify-content:space-between;gap:30px;z-index:7}
.scroll-cue{display:flex;align-items:center;gap:12px;font-size:8px;font-weight:750;letter-spacing:.11em}
.scroll-stroke{width:1px;height:29px;position:relative;background:#141c2030}
.scroll-stroke::after{content:'';position:absolute;left:-2px;top:6px;width:5px;height:8px;border-radius:3px;background:var(--pink)}
.hero-controls{display:flex;align-items:center;gap:9px}
.hero-controls>span{font-size:9px;color:var(--muted);margin-right:8px}
.design-swatch{width:24px;height:24px;padding:0;border-radius:50%;border:3px solid var(--paper);outline:1px solid transparent;transition:outline-color .2s,transform .2s}
.design-swatch:hover{transform:scale(1.1)}
.design-swatch.selected{outline-color:var(--ink)}
.design-swatch.ocean{background:#169b9d url('/world-v13/assets/hero-memory.webp') center/cover}
.design-swatch.color{background:var(--pink) url('/world-v13/assets/color-art.svg') center/cover}
.design-swatch.brand{background:#05203a url('/world-v13/assets/studio-art.webp') center/cover}
.edition-label{font-size:8px;font-weight:700;letter-spacing:.09em;color:var(--muted)}

/* A photograph opens from the printed case into the next chapter. */
.memory-scroll{height:220svh;position:relative}
.memory-sticky{position:sticky;top:0;height:100svh;min-height:660px;overflow:hidden;background:#edf0e9;isolation:isolate}
.memory-intro{position:absolute;z-index:2;left:var(--gutter);top:19%;max-width:27%}
.memory-intro .eyebrow{font-size:9px;color:var(--teal)}
.memory-intro p{font-size:clamp(23px,2.4vw,38px);letter-spacing:-.04em;line-height:1.2;margin-top:18px;max-width:300px}
.memory-frame{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(270px,28vw,350px);height:75svh;max-height:680px;overflow:hidden;border:12px solid #161c20;border-radius:43px;box-shadow:4px 10px 0 #344347,12px 26px 35px #141c2024;z-index:1;transform-origin:50% 50%}
.memory-frame>img{width:100%;height:100%;object-fit:cover;object-position:center}
.memory-camera,.mini-camera{background:radial-gradient(ellipse 20% 18.69% at 28% 26.69%,var(--camera-hole,var(--paper)) 0 91%,#30373d 93% 98%,transparent 100%),radial-gradient(ellipse 20% 18.69% at 71.5% 49.69%,var(--camera-hole,var(--paper)) 0 91%,#30373d 93% 98%,transparent 100%),radial-gradient(ellipse 20% 18.69% at 28% 73.69%,var(--camera-hole,var(--paper)) 0 91%,#30373d 93% 98%,transparent 100%),radial-gradient(ellipse 9% 8.41% at 63% 16.41%,var(--camera-hole,var(--paper)) 0 87%,#30373d 90% 98%,transparent 100%),radial-gradient(ellipse 9% 8.41% at 63% 83.41%,var(--camera-hole,var(--paper)) 0 87%,#30373d 90% 98%,transparent 100%),radial-gradient(ellipse 3.1% 2.9% at 88.8% 70.3%,var(--camera-hole,var(--paper)) 0 82%,#30373d 86% 98%,transparent 100%),linear-gradient(125deg,#1a1e23,#0d1116 58%,#11151a)}
.memory-camera{--camera-hole:#edf0e9;position:absolute;top:1.5%;left:1.7%;width:53%;height:auto;aspect-ratio:143/153;border:clamp(1px,.18vw,2px) solid #2a3036;border-radius:17% / 16%;box-shadow:0 1px 2px #0008,inset 0 1px 1px #ffffff12}
.memory-gloss{position:absolute;inset:0;background:linear-gradient(110deg,#ffffff0d 10%,transparent 38%,#ffffff0c 70%,transparent 80%);pointer-events:none}
.memory-shade{position:absolute;inset:0;background:linear-gradient(90deg,#061f25b8 0%,#082c3430 62%,transparent);opacity:0;z-index:2;pointer-events:none}
.memory-copy{position:absolute;left:var(--gutter);top:50%;transform:translateY(-50%);z-index:4;color:#fff;max-width:740px}
.js-motion .memory-copy{opacity:0}
.memory-copy h2{font-size:clamp(64px,7.7vw,124px);line-height:1.03;margin:25px 0;letter-spacing:-.065em}
.memory-copy p{font-size:19px;line-height:1.65;color:#ffffffe6}
.memory-footer{position:absolute;left:var(--gutter);bottom:30px;font-size:8px;letter-spacing:.15em;font-weight:750;z-index:5}

/* Editorial inspiration: deliberately varied rhythm and proportions. */
.personal-section{background:var(--paper)}
.personal-heading,.partners-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:65px}
.personal-heading .section-lead{max-width:320px;padding-bottom:6px}
.editorial-grid{display:grid;grid-template-columns:42fr 28fr 30fr;gap:clamp(18px,2.4vw,38px);align-items:start}
.story-card-color{margin-top:145px}
.story-card-real{margin-top:62px}
.story-card-image{position:relative;overflow:hidden;border-radius:5px;isolation:isolate}
.story-card-main .story-card-image{aspect-ratio:.85}
.story-card-color .story-card-image{aspect-ratio:.72}
.story-card-real .story-card-image{aspect-ratio:.73}
.story-card-image>img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.story-card:hover .story-card-image>img{transform:scale(1.035)}
.travel-image>img{object-position:54% center}
.image-index{position:absolute;left:17px;top:15px;color:#fff;font-size:10px;font-weight:700;z-index:4}
.story-card-caption{padding-top:22px}
.story-card-caption h3{font-size:clamp(18px,1.55vw,25px);letter-spacing:-.045em;line-height:1.2}
.story-card-caption p{font-size:12px;line-height:1.6;color:var(--muted);margin-top:9px;max-width:260px}
.color-image{background:#f3bfd5;display:grid;place-items:center;min-height:250px}
.color-word{position:absolute;left:8%;top:9%;font-weight:800;font-size:clamp(30px,4.7vw,76px);letter-spacing:-.07em;line-height:.93;color:#cf0b6f;z-index:0}
.color-case{width:47%;aspect-ratio:.48;transform:translate(8%,13%) rotate(15deg);border:5px solid #172226;border-radius:23px;overflow:hidden;position:relative;z-index:2;box-shadow:5px 8px 0 #3d303b,8px 15px 20px #7f275926}
.color-case>img{width:100%;height:100%;object-fit:cover}
.mini-camera{position:absolute;top:1.5%;left:1.7%;width:53%;height:auto;aspect-ratio:143/153;border:1px solid #2a3036;border-radius:17% / 16%;box-shadow:0 1px 2px #0008,inset 0 1px 1px #ffffff12;z-index:3}
.real-label{position:absolute;left:15px;bottom:15px;padding:7px 10px;border-radius:3px;background:var(--paper);font-size:7px;font-weight:800;letter-spacing:.1em;z-index:4}
.print-image>img{object-position:center}

/* Four selectable stages, one consistent physical product. */
.process-section{padding-top:70px;background:#f6f3eb}
.process-layout{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:start}
.process-text .display-heading{font-size:clamp(44px,4.9vw,80px)}
.process-tabs{margin-top:40px;border-top:1px solid var(--line)}
.process-step{width:100%;display:grid;grid-template-columns:30px 1fr 18px;gap:18px;text-align:left;padding:22px 0;border-bottom:1px solid var(--line);align-items:start}
.step-num{font-size:10px;font-weight:750;padding-top:6px;color:var(--muted)}
.process-step strong{font-size:clamp(17px,1.6vw,24px);line-height:1.25;letter-spacing:-.035em;font-weight:700;display:block;transition:color .25s}
.process-step>svg{width:17px;height:17px;margin-top:5px;transition:transform .25s}
.process-step:hover strong{color:var(--teal)}
.process-step.active strong{color:var(--teal)}
.process-step.active>svg{transform:rotate(45deg)}
.step-description{font-size:13px;line-height:1.65;color:var(--muted);display:block;max-height:0;overflow:hidden;opacity:0;transition:max-height .4s var(--ease),opacity .25s,margin .4s}
.process-step.active .step-description{max-height:110px;opacity:1;margin-top:10px}
.time-note{display:flex;align-items:center;gap:24px;margin-top:35px}
.time-number{font-size:62px;line-height:1;letter-spacing:-.075em;color:var(--teal);font-weight:700;white-space:nowrap}
.time-number>span{font-size:20px;letter-spacing:-.03em;margin-left:8px}
.time-note p{font-size:11px;line-height:1.7;color:var(--muted)}
.time-note strong{color:var(--ink);font-weight:700}
.process-stage{min-height:700px;height:min(760px,91svh);display:flex;flex-direction:column;background:#dceee9;position:relative;overflow:hidden;border-radius:8px;isolation:isolate}
.process-stage-top,.process-stage-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px;position:relative;z-index:5}
.demo-label{font-size:7px;font-weight:800;letter-spacing:.1em;color:#3c696b;text-align:right;max-width:130px}
.process-visual{flex:1;min-height:470px;position:relative}
.process-aurora{position:absolute;left:10%;right:10%;top:7%;bottom:5%;background:radial-gradient(ellipse,#a9e8dc 0%,#cdebe160 50%,transparent 70%);border-radius:50%}
.process-case{position:absolute;left:50%;top:10%;height:355px;aspect-ratio:.48;transform:translateX(-50%) rotate(-9deg);background:#f5eee1;border:8px solid #172226;border-radius:30px;overflow:hidden;box-shadow:5px 8px 0 #3c4e51,14px 24px 24px #1b5d5725;z-index:3;transition:transform .65s var(--ease),top .65s var(--ease)}
.process-case>img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s}
.process-case .mini-camera{--camera-hole:#dceee9;top:1.5%;left:1.7%;width:53%;border-width:1px;border-radius:17% / 16%}
.process-case-mask{position:absolute;inset:0;background:#f5eee1;opacity:1;transition:opacity .5s}
.model-choices{position:absolute;bottom:4%;left:10%;right:10%;display:flex;justify-content:center;gap:8px;z-index:4;transition:opacity .3s,transform .4s}
.model-choices span{font-size:9px;font-weight:750;padding:9px 12px;border:1px solid #141c2026;border-radius:30px;background:#f6faf47a}
.model-choices span:first-child{color:#fff;background:var(--ink);border-color:var(--ink)}
.crop-lines{position:absolute;inset:15% 8% 7%;z-index:3;border:1px solid #fff;opacity:0;transition:opacity .3s;background:linear-gradient(to right,transparent 33%,#ffffff80 33%,#ffffff80 33.5%,transparent 33.5%,transparent 66%,#ffffff80 66%,#ffffff80 66.5%,transparent 66.5%),linear-gradient(to bottom,transparent 33%,#ffffff80 33%,#ffffff80 33.5%,transparent 33.5%,transparent 66%,#ffffff80 66%,#ffffff80 66.5%,transparent 66.5%)}
.process-confirmation{position:absolute;z-index:6;left:calc(50% + 49px);top:58%;width:61px;height:61px;border-radius:50%;display:grid;place-items:center;background:var(--paper);color:var(--teal);box-shadow:0 5px 20px #17474016;opacity:0;transform:scale(.65);transition:opacity .35s,transform .5s var(--ease)}
.process-confirmation svg{width:30px;height:30px;stroke-width:2.3}
.pickup-slot{position:absolute;bottom:4%;left:50%;transform:translateX(-50%) translateY(24px);width:76%;height:126px;background:#182e31;border:10px solid #f6f3e9;border-radius:26px;box-shadow:0 6px 0 #90aaa7,inset 0 5px 20px #0009;opacity:0;z-index:2;transition:opacity .4s,transform .6s var(--ease)}
.pickup-light{position:absolute;inset:-5px;border:3px solid #5ce9dc;border-radius:18px;box-shadow:0 0 12px #00bed3aa,inset 0 0 10px #00bed380}
.pickup-slot>span{position:absolute;left:0;right:0;bottom:8px;color:#fff;text-align:center;font-size:7px;font-weight:800;letter-spacing:.12em}
.print-beam{position:absolute;left:0;right:0;height:4px;top:0;background:#f7fffd;box-shadow:0 0 14px 4px #00d9e2;z-index:6;opacity:0}
.process-stage-bottom{padding-top:24px;font-size:11px;color:#466365;min-height:76px;align-items:flex-end}
.process-stage-bottom>span:first-child{max-width:70%;line-height:1.5}
.process-counter{font-size:10px;letter-spacing:.04em;white-space:nowrap}
.process-counter b{color:var(--ink);font-weight:800}
[data-current-step="1"] .process-case,[data-current-step="2"] .process-case{transform:translateX(-50%) rotate(0deg)}
[data-current-step="1"] .process-case>img,[data-current-step="2"] .process-case>img,[data-current-step="3"] .process-case>img{opacity:1}
[data-current-step="1"] .process-case-mask,[data-current-step="2"] .process-case-mask,[data-current-step="3"] .process-case-mask{opacity:0}
[data-current-step="1"] .model-choices,[data-current-step="2"] .model-choices,[data-current-step="3"] .model-choices{opacity:0;transform:translateY(12px)}
[data-current-step="1"] .crop-lines{opacity:1}
[data-current-step="2"] .process-confirmation{opacity:1;transform:scale(1)}
[data-current-step="3"] .process-case{transform:translateX(-50%) rotate(0deg) scale(.83);top:15%}
[data-current-step="3"] .pickup-slot{opacity:1;transform:translateX(-50%) translateY(0)}
[data-current-step="3"] .print-beam{animation:print-pass 1.8s ease-in-out both}
@keyframes print-pass{0%{opacity:0;top:2%}10%{opacity:1}90%{opacity:1;top:96%}100%{opacity:0;top:98%}}

/* A documentary sequence gives the designed experience a physical anchor. */
.machine-section{background:var(--paper)}
.machine-intro{padding-bottom:20px}
.machine-scroll{height:200svh}
.machine-sticky{position:sticky;top:0;height:100svh;min-height:680px;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:7%;padding:105px var(--gutter) 45px;overflow:hidden}
.machine-copy{max-width:610px;position:relative;z-index:3}
.machine-copy h3{font-size:clamp(56px,6.2vw,100px);line-height:1.02;margin:25px 0}
.machine-copy>p{max-width:350px;font-size:17px;line-height:1.7;color:var(--muted);margin-bottom:28px}
.machine-film-frame{position:relative;width:min(100%,365px);height:82svh;max-height:750px;min-height:460px;margin-left:auto;margin-right:7%;overflow:hidden;border-radius:7px;background:#e6e6de;box-shadow:0 18px 35px #141c2011;align-self:center}
.machine-film-frame canvas,.sequence-poster{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.machine-film-frame canvas{z-index:2;opacity:0}
.machine-film-frame canvas.is-ready{opacity:1}
#machine-sequence.is-ready+.sequence-poster{opacity:0}
.sequence-poster{z-index:1}
.machine-film-frame figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:7px;background:linear-gradient(transparent,#071215c4);color:#fff;padding:35px 16px 16px;z-index:4;font-size:6px;font-weight:750;letter-spacing:.07em}
.machine-film-frame figcaption .status-dot{width:4px;height:4px;flex-basis:4px;background:var(--cyan)}
#frame-count{margin-left:auto;white-space:nowrap;letter-spacing:0}
.machine-scroll-track{position:absolute;right:var(--gutter);top:27%;bottom:16%;width:1px;background:#141c201e}
.machine-scroll-track>span{position:absolute;left:-1px;width:3px;top:0;bottom:0;background:var(--pink);transform-origin:top;transform:scaleY(0)}
.film-strip{padding:52px var(--gutter);background:#cfece5;display:flex;align-items:center;justify-content:space-between;gap:35px}
.film-strip>span{font-size:clamp(30px,3.5vw,57px);font-weight:700;line-height:1.1;letter-spacing:-.06em}
.film-strip>.text-button{flex-shrink:0}
.film-strip svg{width:17px;height:17px}

/* Business choices retain an editorial structure rather than a grid of cards. */
.partners-section{background:#f3eee3}
.partners-heading{margin-bottom:65px}
.partners-heading .section-lead{max-width:330px}
.partner-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #141c202b;margin-bottom:30px}
.partner-tabs>button{display:grid;grid-template-columns:20px 1fr 22px;gap:16px;align-items:center;padding:24px 22px 24px 0;text-align:left;position:relative;transition:color .25s}
.partner-tabs>button+button{padding-left:24px}
.partner-tabs>button>span{font-size:9px;color:var(--muted)}
.partner-tabs b{font-size:clamp(17px,1.65vw,26px);line-height:1.2;font-weight:700;letter-spacing:-.045em}
.partner-tabs svg{width:20px;height:20px;transition:transform .3s}
.partner-tabs>button::after{content:'';height:2px;left:0;right:24px;position:absolute;bottom:-1px;background:var(--pink);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.partner-tabs>button[aria-selected=true]{color:var(--pink)}
.partner-tabs>button[aria-selected=true]::after{transform:scaleX(1)}
.partner-tabs>button:hover svg{transform:translate(2px,-2px)}
.partner-panel{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;min-height:570px}
.partner-scene{height:570px;position:relative;isolation:isolate;overflow:hidden}
.partner-floor{position:absolute;bottom:25px;left:3%;right:3%;height:55px;border-radius:50%;background:radial-gradient(ellipse,#b9c9c286 0%,#d0d8ce40 45%,transparent 70%);z-index:0}
.partner-machine{height:91%;width:auto;max-width:84%;object-fit:contain;position:absolute;bottom:35px;left:50%;transform:translateX(-50%);z-index:3;transition:transform .75s var(--ease)}
.fleet-machine{height:78%;width:auto;max-width:70%;object-fit:contain;position:absolute;bottom:55px;opacity:0;z-index:2;transition:opacity .4s,transform .7s var(--ease)}
.fleet-left{left:26%;transform:translateX(-50%) scale(.65)}
.fleet-right{right:26%;transform:translateX(50%) scale(.65)}
[data-partner=fleet] .partner-machine{transform:translateX(-50%) scale(.84)}
[data-partner=fleet] .fleet-left{opacity:1;transform:translateX(-50%) scale(.76)}
[data-partner=fleet] .fleet-right{opacity:1;transform:translateX(50%) scale(.76)}
.venue-arch{position:absolute;width:78%;height:83%;left:11%;bottom:35px;background:#e5c9d0;border-radius:240px 240px 8px 8px;opacity:0;transform:translateY(30px);transition:opacity .5s,transform .7s var(--ease);z-index:0}
[data-partner=location] .venue-arch{opacity:1;transform:translateY(0)}
[data-partner=location] .partner-machine{transform:translateX(-50%) scale(.83)}
.scene-small-label{position:absolute;left:0;right:0;bottom:0;text-align:center;font-size:8px;letter-spacing:.14em;font-weight:700;color:#596966;z-index:5}
.partner-details{padding:25px 0;max-width:580px}
.partner-details h3{font-size:clamp(33px,3.2vw,51px);line-height:1.1;margin:20px 0 22px;letter-spacing:-.05em}
#partner-description{font-size:16px;line-height:1.75;color:#5a6464;max-width:470px}
.partner-benefits{list-style:none;padding:0;margin:26px 0}
.partner-benefits li{position:relative;padding:11px 0 11px 20px;font-size:12px;line-height:1.55;border-bottom:1px solid #141c2010}
.partner-benefits li::before{content:'';width:5px;height:5px;background:var(--cyan);border-radius:50%;position:absolute;left:0;top:18px}
.partner-role{font-size:11px;line-height:1.7;color:#66706f;max-width:460px;margin-bottom:27px}
.commercial-note{font-size:10px;line-height:1.5;text-align:center;color:#767a74;margin-top:45px}

/* The media display is a real HTML composition aligned to the machine image. */
.advertising-scroll{height:230svh;position:relative}
.advertising-sticky{height:100svh;min-height:700px;position:sticky;top:0;background:#e5f0e9;overflow:hidden;isolation:isolate}
.ad-heading{position:absolute;left:var(--gutter);top:24%;width:43%;max-width:630px;z-index:4}
.ad-heading h2{font-size:clamp(48px,5.2vw,88px);line-height:1.06;margin:25px 0;letter-spacing:-.065em}
.ad-heading>p:last-child{font-size:17px;line-height:1.7;max-width:340px;color:#536766}
.ad-machine-wrap{aspect-ratio:1000 / 1333;position:absolute;right:3.5%;bottom:-10%;width:min(48vw,610px);transform-origin:33.2% 35.35%;z-index:3}
.ad-machine{display:block;width:100%;height:auto}
.ad-screen{position:absolute;left:14.5%;top:10.8%;width:37.4%;height:49.1%;background:var(--pink);color:white;overflow:hidden;border-radius:2px;isolation:isolate;display:flex;align-items:center;justify-content:center}
.campaign-top{position:absolute;left:8%;top:5%;font-size:5px;font-weight:750;letter-spacing:.06em;z-index:3}
.campaign-bottom{position:absolute;left:8%;bottom:5%;font-size:5px;letter-spacing:.06em;font-weight:700;z-index:3}
.campaign-copy{position:relative;z-index:2;width:85%;transform:rotate(-6deg)}
.campaign-copy>span{display:block;font-size:clamp(27px,3.1vw,49px);font-weight:800;letter-spacing:-.07em;line-height:.95}
.campaign-copy i{font-style:normal;display:block;font-size:clamp(11px,1.1vw,18px);margin-top:15px;letter-spacing:-.035em;font-weight:600}
.campaign-orb{position:absolute;border-radius:50%;z-index:0}
.orb-one{width:120%;aspect-ratio:1;background:var(--cyan);left:-45%;top:-30%}
.orb-two{width:100%;aspect-ratio:1;border:1px solid #ffffff7a;right:-50%;bottom:-12%}
.ad-resolution{position:absolute;left:var(--gutter);top:24%;z-index:7;color:white;max-width:700px;width:70%}
.js-motion .ad-resolution{opacity:0}
.ad-resolution h3{font-size:clamp(64px,8vw,135px);line-height:1.02;margin:24px 0;letter-spacing:-.07em}
.ad-resolution>p{font-size:18px;line-height:1.6;max-width:400px;margin:0 0 30px}
.ad-screen-cover{position:absolute;inset:0;z-index:6;background:var(--pink);opacity:0;pointer-events:none}

/* Quiet functional sections balance the cinematic chapters. */
.faq-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:9%;background:var(--paper)}
.faq-heading>.eyebrow{margin-bottom:25px}
.faq-heading .display-heading{font-size:clamp(37px,4.2vw,66px);line-height:1.09}
.faq-list details{border-top:1px solid var(--line)}
.faq-list details:last-child{border-bottom:1px solid var(--line)}
.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:25px;cursor:pointer;padding:24px 0;font-size:16px;font-weight:650;line-height:1.5;letter-spacing:-.015em}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary svg{width:17px;height:17px;transition:transform .25s}
.faq-list details[open] summary svg{transform:rotate(45deg)}
.faq-list details[open] summary{color:var(--teal)}
.faq-list details>p{font-size:13px;line-height:1.8;color:var(--muted);padding:0 35px 28px 0}
.contact-section{background:#f0e7d3;border-top:1px solid #141c200b;overflow:hidden}
.contact-inner{position:relative;padding:100px var(--gutter) 115px;min-height:640px;isolation:isolate}
.contact-inner>.eyebrow{max-width:60%;position:relative;z-index:2}
.contact-inner h2{font-size:clamp(65px,9.5vw,154px);line-height:1.02;letter-spacing:-.075em;margin:25px 0 38px;position:relative;z-index:2}
.contact-inner>.pill-button{position:relative;z-index:3}
.contact-mimi{position:absolute;right:-7%;bottom:-3%;width:60%;max-width:950px;height:auto;z-index:1;pointer-events:none;transform:rotate(-5deg)}
.site-footer{display:flex;align-items:center;gap:30px;padding:34px var(--gutter);border-top:1px solid var(--line);font-size:10px;line-height:1.5;background:var(--paper)}
.site-footer .wordmark{font-size:27px;letter-spacing:-1.8px;margin-right:auto}
.site-footer .wordmark sup{font-size:7px}
.site-footer>a:not(.wordmark),.site-footer>button{font-size:10px;padding:10px 0}
.site-footer>a:not(.wordmark):hover,.site-footer>button:hover{color:var(--pink)}
.private-label{font-size:8px;color:#7d8480;border:1px solid #141c201b;border-radius:20px;padding:6px 10px;white-space:nowrap}
.noscript-note{padding:20px var(--gutter);font-size:12px;background:#def3ed}

/* Dialogs are ordinary keyboard-accessible native dialogs. */
dialog{border:0;color:var(--ink);background:var(--paper);border-radius:15px;box-shadow:0 30px 100px #0714174d;max-height:calc(100svh - 40px);overflow:auto;padding:0}
dialog::backdrop{background:#0c1a206b;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.dialog-close{position:absolute;right:15px;top:15px;width:40px;height:40px;background:var(--paper);border:1px solid #141c201a;border-radius:50%;display:grid;place-items:center;z-index:5;box-shadow:0 3px 12px #141c2011}
.dialog-close svg{width:18px;height:18px}
.film-dialog{width:fit-content;max-width:calc(100vw - 48px);background:#101a1e;padding:12px;overflow:hidden}
.film-dialog video{display:block;width:auto;max-width:100%;height:auto;max-height:82svh;margin:auto;border-radius:7px}
.film-language-note{color:#fff9;text-align:center;font-size:10px;padding:12px 20px 3px}
.enquiry-dialog{width:min(620px,calc(100vw - 40px));padding:48px}
.enquiry-dialog>.eyebrow{font-size:8px;margin-bottom:24px}
.enquiry-dialog h2{font-size:49px;line-height:1.05;margin-bottom:32px}
.enquiry-dialog form{display:grid;gap:20px}
.enquiry-dialog label{display:grid;gap:8px;font-size:11px;font-weight:700}
.enquiry-dialog input,.enquiry-dialog select,.enquiry-dialog textarea{border:1px solid #141c2027;border-radius:6px;background:#fff9;color:var(--ink);padding:12px 13px;width:100%;min-width:0;outline-offset:3px;font-size:14px;font-weight:400}
.enquiry-dialog input,.enquiry-dialog select{min-height:47px}
.enquiry-dialog textarea{resize:vertical;min-height:100px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.enquiry-dialog form>.pill-button{justify-self:start;margin-top:4px}
.form-note{font-size:10px;line-height:1.7;color:var(--muted);font-weight:400}
#enquiry-status{font-size:11px;color:var(--teal)}
#enquiry-status:empty{display:none}
#enquiry-result{display:flex;flex-wrap:wrap;align-items:center;gap:20px}
#enquiry-result>p:first-child{width:100%;font-size:18px;margin-bottom:5px}
#enquiry-result .form-note{width:100%}

@media(min-width:1700px){.hero-copy{top:25%}.product-visual{right:4%;width:51%}.personal-section,.process-section,.partners-section,.faq-section{padding-left:max(var(--gutter),calc((100vw - 1600px)/2));padding-right:max(var(--gutter),calc((100vw - 1600px)/2))}}
@media(max-height:760px) and (min-width:901px){.hero-copy{top:145px}.hero-copy h1{font-size:clamp(64px,6.5vw,100px)}.hero-description{margin:20px 0 22px;font-size:15px}.hero-copy .eyebrow{margin-bottom:17px}.launch-note{margin-top:16px}.product-visual{top:15%;height:72%;min-height:480px}.hero-sticky{min-height:660px}.machine-copy h3{font-size:64px}.machine-film-frame{height:76svh;min-height:450px}.memory-copy h2{font-size:86px}}
@media(max-width:1100px){.site-header{gap:25px}.site-header nav{gap:20px}.nav-actions{gap:16px}.nav-contact{gap:12px}.section-top{margin-bottom:50px}.hero-description{max-width:320px}.edition-label{display:none}.hero-controls{margin-right:5%}.personal-heading .section-lead{max-width:270px}.process-layout{gap:5%}.process-stage-top,.process-stage-bottom{padding:24px}.process-step{gap:12px;grid-template-columns:25px 1fr 17px}.partner-tabs>button{gap:10px}.partner-tabs>button+button{padding-left:14px}.partner-tabs b{font-size:18px}.partner-panel{gap:5%}.partner-scene{height:520px}.partner-details h3{font-size:36px}.ad-heading{width:45%}.ad-heading h2{font-size:54px}.ad-machine-wrap{right:0;width:52vw}.site-footer{gap:22px}}
@media(max-width:900px){
  :root{--gutter:32px}
  .site-header nav{position:absolute;top:81px;left:0;right:0;background:var(--paper);padding:24px var(--gutter) 32px;display:none;border-bottom:1px solid var(--line);box-shadow:0 15px 20px #141c2006;margin:0;gap:6px;flex-direction:column;align-items:flex-start}
  .site-header nav.open,.site-header nav.is-open,.site-header.menu-open nav,body.menu-open .site-header nav{display:flex}
  .site-header nav a{font-size:20px;letter-spacing:-.035em;padding:12px 0;width:100%}
  .menu-button{display:flex}
  .nav-actions{margin-left:auto;gap:18px}
  .hero-copy{width:52%;top:23%}
  .hero-copy h1{font-size:clamp(57px,8vw,75px)}
  .hero-description{font-size:15px;max-width:290px}
  .product-visual{right:-8%;width:64%;height:69%;top:20%;min-height:480px}
  .hero-orbit{right:-18%;top:26%;width:75%}
  .hero-second-copy h2{font-size:68px}
  .hero-second-copy p{font-size:16px}
  .product-caption{font-size:8px}
  .hero-controls{margin-right:0}
  .memory-intro{top:15%;max-width:29%}
  .memory-frame{width:285px;height:67svh}
  .memory-copy h2{font-size:78px}
  .personal-heading,.partners-heading{align-items:flex-start;gap:30px}
  .display-heading{font-size:58px}
  .personal-heading .section-lead,.partners-heading .section-lead{font-size:15px;max-width:240px}
  .editorial-grid{gap:18px;grid-template-columns:40fr 29fr 31fr}
  .story-card-color{margin-top:90px}
  .story-card-real{margin-top:35px}
  .story-card-caption h3{font-size:18px}
  .story-card-caption p{font-size:11px}
  .color-case{border-width:4px;border-radius:18px}
  .color-case .mini-camera{border-width:1px;border-radius:17% / 16%;top:1.5%;left:1.7%}
  .process-layout{grid-template-columns:1fr;gap:48px}
  .process-text .display-heading{font-size:64px}
  .process-tabs{margin-top:36px}
  .process-step{padding:23px 0;grid-template-columns:30px 1fr 20px;gap:20px}
  .process-step strong{font-size:24px}
  .step-description{font-size:14px;max-width:530px}
  .process-stage{height:720px;min-height:680px;width:100%;max-width:650px;justify-self:center}
  .process-stage-top,.process-stage-bottom{padding:28px 32px}
  .process-case{height:390px}
  .process-confirmation{left:calc(50% + 55px);top:63%}
  .pickup-slot{width:64%}
  .machine-sticky{gap:5%;padding-top:110px;grid-template-columns:1.08fr .92fr}
  .machine-copy h3{font-size:63px}
  .machine-copy>p{font-size:14px}
  .machine-film-frame{margin-right:0;height:71svh;min-height:470px}
  .machine-scroll-track{right:14px}
  .machine-film-frame figcaption{font-size:5px;padding:30px 10px 14px}
  .film-strip{padding-top:40px;padding-bottom:40px}
  .film-strip>span{font-size:37px}
  .partner-tabs>button{grid-template-columns:1fr 18px;padding:22px 16px 22px 0}
  .partner-tabs>button>span{display:none}
  .partner-tabs b{font-size:18px;line-height:1.3}
  .partner-panel{grid-template-columns:.95fr 1.05fr;gap:6%;min-height:560px}
  .partner-scene{height:470px}
  .partner-details h3{font-size:31px}
  #partner-description{font-size:14px}
  .partner-benefits li{font-size:11px}
  .partner-role{font-size:10px}
  .partner-details .pill-button{font-size:11px;gap:12px;padding-left:19px}
  .ad-heading{width:48%;top:23%}
  .ad-heading h2{font-size:50px}
  .ad-heading>p:last-child{font-size:15px;max-width:275px}
  .ad-machine-wrap{width:58vw;right:-5%;bottom:0}
  .campaign-copy>span{font-size:3.4vw}
  .ad-resolution h3{font-size:84px}
  .faq-section{grid-template-columns:1fr;gap:45px}
  .faq-heading .display-heading{font-size:58px}
  .faq-list summary{font-size:17px}
  .contact-inner{min-height:600px;padding-top:85px;padding-bottom:100px}
  .contact-inner h2{font-size:92px}
  .contact-mimi{width:65%;right:-14%;bottom:0}
  .site-footer{flex-wrap:wrap;gap:20px;font-size:9px}
  .site-footer .wordmark{margin-right:25%}
}
@media(max-width:640px){
  :root{--gutter:22px}
  .site-header{padding:0 22px;gap:14px}
  .site-header>.wordmark{font-size:29px;letter-spacing:-2px}
  .nav-actions{gap:15px}
  .nav-contact{display:none}
  .lang-button{font-size:10px}
  .section-space{padding-top:80px;padding-bottom:80px}
  .section-top{align-items:flex-start;gap:20px;margin-bottom:35px}
  .section-top .eyebrow{font-size:8px;max-width:76%;letter-spacing:.09em}
  .section-top .small-note{display:none}
  .eyebrow{font-size:8px;letter-spacing:.11em}
  .display-heading{font-size:clamp(42px,11.5vw,64px);line-height:1.06}
  .pill-button{min-height:54px;font-size:12px;gap:25px;padding-left:22px}
  .button-circle{width:37px;height:37px}
  .hero-scroll{height:155svh}
  .hero-sticky{min-height:820px;height:100svh}
  .hero-copy{top:120px;left:22px;width:calc(100% - 44px);max-width:none}
  .hero-copy .eyebrow{margin-bottom:20px;font-size:8px}
  .little-star{font-size:17px}
  .hero-copy h1{font-size:clamp(54px,15.5vw,85px);line-height:.99;letter-spacing:-.07em}
  .hero-description{font-size:14px;line-height:1.6;max-width:295px;margin:22px 0 23px}
  .launch-note{font-size:8px;gap:8px;margin-top:17px}
  .product-visual{left:12%;right:auto;top:auto;bottom:8%;width:85%;height:47%;min-height:0}
  .product-halo{inset:10% 0}
  .case-fallback{width:155px;border-width:6px;border-radius:25px}
  .case-camera{border-radius:17% / 16%;padding:0;top:1.5%;left:1.7%;border-width:1px}
  .case-camera i{border-width:1px}
  .product-caption{bottom:-1%;font-size:8px}
  .caption-line{width:25px}
  .hero-orbit{width:100%;right:-32%;top:auto;bottom:4%}
  .hero-bottom{left:22px;right:22px;bottom:20px;justify-content:space-between;gap:10px}
  .hero-bottom .scroll-cue{font-size:6px;letter-spacing:.06em;gap:8px}
  .scroll-stroke{height:23px}
  .hero-controls{gap:7px}
  .hero-controls>span{font-size:7px;margin-right:3px}
  .design-swatch{width:21px;height:21px}
  .hero-second-copy{left:22px;top:17%;max-width:calc(100% - 44px)}
  .hero-second-copy h2{font-size:65px;line-height:1.02}
  .hero-second-copy p{font-size:16px}
  .memory-scroll{height:185svh}
  .memory-sticky{min-height:700px}
  .memory-intro{left:22px;right:22px;top:113px;max-width:none}
  .memory-intro p{font-size:25px;margin-top:10px;max-width:none}
  .memory-intro .eyebrow{font-size:7px}
  .memory-frame{top:57%;width:clamp(230px,62vw,290px);height:62svh;max-height:535px;border-width:9px;border-radius:32px}
  .memory-camera{top:1.5%;left:1.7%;border-width:1px;border-radius:17% / 16%}
  .memory-copy{left:22px;right:22px;max-width:none}
  .memory-copy h2{font-size:clamp(48px,13vw,70px);margin:21px 0;line-height:1.04}
  .memory-copy p{font-size:15px;line-height:1.7}
  .memory-copy .eyebrow{font-size:7px}
  .memory-footer{left:22px;font-size:6px;bottom:26px}
  .personal-heading,.partners-heading{display:block;margin-bottom:37px}
  .personal-heading .section-lead,.partners-heading .section-lead{font-size:14px;max-width:300px;margin-top:24px}
  .editorial-grid{display:grid;grid-template-columns:1fr;gap:46px}
  .story-card-main{width:88%}
  .story-card-main .story-card-image{aspect-ratio:.94}
  .story-card-color{width:76%;margin:0 0 0 auto}
  .story-card-color .story-card-image{aspect-ratio:.85}
  .story-card-real{width:88%;margin:0}
  .story-card-real .story-card-image{aspect-ratio:.85}
  .story-card-caption{padding-top:18px}
  .story-card-caption h3{font-size:21px}
  .story-card-caption p{font-size:12px;max-width:280px}
  .color-word{font-size:55px}
  .color-case{width:44%;border-width:5px;border-radius:22px;transform:translate(8%,14%) rotate(15deg)}
  .color-case .mini-camera{border-width:1px;border-radius:17% / 16%;top:1.5%;left:1.7%}
  .image-index{font-size:8px}
  .process-section{padding-top:72px}
  .process-text .display-heading{font-size:clamp(43px,12vw,65px)}
  .process-tabs{margin-top:33px}
  .process-step{grid-template-columns:22px 1fr 16px;gap:12px;padding:20px 0}
  .process-step strong{font-size:20px}
  .step-num{font-size:9px;padding-top:5px}
  .step-description{font-size:12px;line-height:1.7}
  .time-note{gap:20px;margin-top:29px}
  .time-number{font-size:58px}
  .time-number>span{font-size:18px}
  .time-note p{font-size:10px}
  .process-layout{gap:33px}
  .process-stage{height:575px;min-height:575px}
  .process-stage-top,.process-stage-bottom{padding:24px}
  .process-stage-top .wordmark{font-size:23px}
  .demo-label{font-size:6px;max-width:110px}
  .process-visual{min-height:380px}
  .process-case{height:295px;top:8%;border-width:7px;border-radius:27px}
  .process-case .mini-camera{border-width:1px;border-radius:17% / 16%;top:1.5%;left:1.7%}
  .model-choices{bottom:0;left:5%;right:5%;gap:6px}
  .model-choices span{font-size:8px;padding:8px 11px}
  .process-stage-bottom{min-height:73px;font-size:10px;align-items:center}
  .process-counter{font-size:9px}
  .process-confirmation{left:calc(50% + 40px);top:62%;width:49px;height:49px}
  .process-confirmation svg{width:24px;height:24px}
  .pickup-slot{width:79%;height:98px;bottom:2%;border-width:8px;border-radius:20px}
  .pickup-light{border-radius:15px}
  .pickup-slot>span{font-size:6px}
  [data-current-step="3"] .process-case{top:10%;transform:translateX(-50%) rotate(0deg) scale(.79)}
  .machine-intro{padding-bottom:20px}
  .machine-intro .display-heading{font-size:clamp(39px,10.2vw,58px)}
  .machine-scroll{height:165svh}
  .machine-sticky{min-height:785px;height:100svh;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:25px;padding:105px 22px 30px}
  .machine-copy{display:grid;grid-template-columns:1.1fr .9fr;column-gap:20px;row-gap:14px;max-width:none}
  .machine-copy .eyebrow{grid-column:1/-1;font-size:7px}
  .machine-copy h3{font-size:clamp(33px,9.3vw,44px);line-height:1.03;margin:0;letter-spacing:-.06em}
  .machine-copy>p{font-size:11px;line-height:1.7;margin:0;align-self:center;max-width:none}
  .machine-copy>.text-button{grid-column:1/-1;margin-top:0;font-size:10px;gap:15px;min-height:36px}
  .machine-copy .round-outline{width:32px;height:32px}
  .machine-copy .round-outline svg{width:13px;height:13px}
  .machine-film-frame{flex:1;width:auto;aspect-ratio:640/1138;height:auto;min-height:360px;max-height:51svh;margin:0 auto;max-width:76%;align-self:center}
  .machine-film-frame figcaption{font-size:5px}
  .machine-scroll-track{right:13px;top:48%;bottom:9%}
  .film-strip{padding:35px 22px;align-items:flex-start;flex-direction:column;gap:18px}
  .film-strip>span{font-size:34px;line-height:1.12;max-width:330px}
  .film-strip>.text-button{font-size:10px;min-height:32px}
  .partners-heading{margin-bottom:35px}
  .partner-tabs{gap:0;margin-bottom:20px}
  .partner-tabs>button,.partner-tabs>button+button{display:block;padding:17px 10px 17px 0}
  .partner-tabs>button+button{padding-left:12px}
  .partner-tabs b{font-size:13px;line-height:1.35;letter-spacing:-.02em;display:block}
  .partner-tabs svg{display:none}
  .partner-tabs>button::after{right:10px}
  .partner-panel{grid-template-columns:1fr;gap:20px;min-height:0}
  .partner-scene{height:440px;order:0}
  .partner-machine{max-width:90%;height:92%;bottom:30px}
  .fleet-machine{max-width:80%}
  .partner-details{padding:14px 0 0;max-width:none}
  .partner-details h3{font-size:35px;margin:17px 0 20px}
  #partner-description{font-size:14px;line-height:1.75;max-width:none}
  .partner-benefits{margin:23px 0}
  .partner-benefits li{font-size:12px;padding-top:12px;padding-bottom:12px}
  .partner-benefits li::before{top:19px}
  .partner-role{font-size:11px;max-width:none;margin-bottom:26px}
  .partner-details .pill-button{font-size:12px;gap:25px;padding-left:22px}
  .commercial-note{font-size:9px;line-height:1.7;text-align:left;margin-top:34px}
  .advertising-scroll{height:190svh}
  .advertising-sticky{min-height:760px}
  .ad-heading{left:22px;right:22px;top:110px;max-width:none;width:auto}
  .ad-heading h2{font-size:clamp(43px,11.7vw,61px);margin:20px 0;line-height:1.04}
  .ad-heading>p:last-child{font-size:13px;max-width:280px;line-height:1.7}
  .ad-machine-wrap{width:85vw;right:-2%;bottom:-9%;max-width:450px}
  .campaign-copy>span{font-size:min(5.25vw,28px)}
  .campaign-copy i{font-size:11px;margin-top:10px}
  .campaign-top,.campaign-bottom{font-size:3px}
  .ad-resolution{left:22px;right:22px;top:25%;max-width:none;width:auto}
  .ad-resolution h3{font-size:clamp(58px,16vw,82px);margin:22px 0;line-height:1.03}
  .ad-resolution>p{font-size:15px;max-width:290px;line-height:1.7;margin-bottom:29px}
  .ad-resolution .eyebrow{font-size:7px}
  .faq-section{gap:38px}
  .faq-heading>.eyebrow{margin-bottom:22px}
  .faq-heading .display-heading{font-size:clamp(39px,10.6vw,58px)}
  .faq-list summary{font-size:15px;padding:22px 0;gap:18px;line-height:1.5}
  .faq-list details>p{font-size:12px;line-height:1.8;padding-right:15px;padding-bottom:25px}
  .faq-list summary svg{width:15px;height:15px}
  .contact-inner{min-height:775px;padding:75px 22px 60px}
  .contact-inner>.eyebrow{max-width:90%;font-size:7px;line-height:1.8}
  .contact-inner h2{font-size:clamp(59px,16vw,86px);margin:25px 0 30px;line-height:1.02}
  .contact-mimi{right:-16%;bottom:0;width:124%;max-width:none;transform:rotate(-5deg)}
  .site-footer{padding:29px 22px;display:grid;grid-template-columns:1fr 1fr;column-gap:25px;row-gap:15px;align-items:center}
  .site-footer .wordmark{grid-column:1/-1;margin:0 0 12px;font-size:30px}
  .site-footer>span:not(.private-label){font-size:9px}
  .site-footer>a:not(.wordmark),.site-footer>button{font-size:9px;text-align:left;padding:5px 0}
  .private-label{font-size:7px;justify-self:start;padding:5px 8px}
  .enquiry-dialog{width:calc(100vw - 24px);padding:45px 24px 28px;border-radius:12px;max-height:calc(100svh - 24px)}
  .enquiry-dialog h2{font-size:39px;margin-bottom:27px}
  .enquiry-dialog>.eyebrow{font-size:7px;max-width:80%}
  .enquiry-dialog form{gap:18px}
  .form-row{grid-template-columns:1fr;gap:18px}
  .enquiry-dialog input,.enquiry-dialog select,.enquiry-dialog textarea{font-size:16px}
  .film-dialog{max-width:calc(100vw - 20px);padding:6px;border-radius:10px}
  .film-dialog video{max-height:80svh}
  .film-language-note{font-size:8px;padding:10px}
  .dialog-close{right:11px;top:11px;width:35px;height:35px}
}

/* Meaningful static layouts for disabled motion, failed scripts, or no JavaScript. */
body:not(.js-motion) .hero-scroll,body:not(.js-motion) .memory-scroll,body:not(.js-motion) .machine-scroll,body:not(.js-motion) .advertising-scroll,
body.reduced-motion .hero-scroll,body.reduced-motion .memory-scroll,body.reduced-motion .machine-scroll,body.reduced-motion .advertising-scroll{height:auto!important}
body:not(.js-motion) .hero-sticky,body:not(.js-motion) .memory-sticky,body:not(.js-motion) .machine-sticky,body:not(.js-motion) .advertising-sticky,
body.reduced-motion .hero-sticky,body.reduced-motion .memory-sticky,body.reduced-motion .machine-sticky,body.reduced-motion .advertising-sticky{position:relative!important}
body.reduced-motion .reveal,body:not(.js-motion) .reveal{opacity:1!important;visibility:visible!important;transform:none!important}
body.reduced-motion .hero-copy,body.reduced-motion .hero-bottom,body.reduced-motion .product-visual{opacity:1!important;visibility:visible!important}
body.reduced-motion .hero-copy{transform:none!important}
body.reduced-motion .hero-second-copy{display:none!important}
body:not(.js-motion) .memory-sticky,body.reduced-motion .memory-sticky{height:auto;min-height:740px}
body:not(.js-motion) .memory-intro,body.reduced-motion .memory-intro{display:none}
body:not(.js-motion) .memory-frame,body.reduced-motion .memory-frame{left:76%;width:300px;height:570px;transform:translate(-50%,-50%)!important}
body:not(.js-motion) .memory-copy,body.reduced-motion .memory-copy{opacity:1!important;visibility:visible!important;color:var(--ink);max-width:52%;transform:translateY(-50%)!important}
body:not(.js-motion) .memory-copy h2,body.reduced-motion .memory-copy h2{font-size:clamp(52px,6vw,93px)}
body:not(.js-motion) .memory-copy p,body.reduced-motion .memory-copy p{color:var(--muted)}
body:not(.js-motion) .memory-copy .eyebrow,body.reduced-motion .memory-copy .eyebrow{color:var(--teal)}
body:not(.js-motion) .memory-shade,body.reduced-motion .memory-shade{opacity:0!important}
body:not(.js-motion) .step-description{max-height:none;opacity:1;margin-top:10px}
body:not(.js-motion) .machine-scroll-track,body.reduced-motion .machine-scroll-track{display:none}
body:not(.js-motion) .advertising-sticky,body.reduced-motion .advertising-sticky{height:auto;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:100px var(--gutter)}
body:not(.js-motion) .ad-heading,body.reduced-motion .ad-heading{position:relative;left:auto;top:auto;width:100%;opacity:1!important;transform:none!important;grid-column:1;grid-row:1}
body:not(.js-motion) .ad-heading h2,body.reduced-motion .ad-heading h2{font-size:clamp(40px,4.5vw,70px)}
body:not(.js-motion) .ad-machine-wrap,body.reduced-motion .ad-machine-wrap{position:relative;right:auto;bottom:auto;width:100%;max-width:470px;align-self:center;grid-column:2;grid-row:1/3;transform:none!important}
body:not(.js-motion) .ad-resolution,body.reduced-motion .ad-resolution{position:relative;left:auto;top:auto;width:100%;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;color:var(--ink);grid-column:1;grid-row:2}
body:not(.js-motion) .ad-resolution h3,body.reduced-motion .ad-resolution h3{font-size:clamp(42px,4vw,64px)}
body:not(.js-motion) .ad-resolution .eyebrow,body.reduced-motion .ad-resolution .eyebrow{color:var(--teal)}
body:not(.js-motion) .ad-resolution>p,body.reduced-motion .ad-resolution>p{font-size:14px;color:var(--muted)}
body:not(.js-motion) .ad-screen-cover,body.reduced-motion .ad-screen-cover{opacity:0!important}
body.reduced-motion *,body.reduced-motion *::before,body.reduced-motion *::after{animation:none!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
@media(max-width:640px){
  body:not(.js-motion) .memory-sticky,body.reduced-motion .memory-sticky{padding:75px 22px 90px;min-height:0;display:flex;flex-direction:column;gap:38px}
  body:not(.js-motion) .memory-frame,body.reduced-motion .memory-frame{position:relative;left:auto;top:auto;transform:none!important;width:240px;height:475px;margin:0 auto;flex:none}
  body:not(.js-motion) .memory-copy,body.reduced-motion .memory-copy{position:relative;left:auto;right:auto;top:auto;max-width:none;width:100%;transform:none!important}
  body:not(.js-motion) .memory-copy h2,body.reduced-motion .memory-copy h2{font-size:48px}
  body:not(.js-motion) .advertising-sticky,body.reduced-motion .advertising-sticky{display:block;padding:80px 22px}
  body:not(.js-motion) .ad-machine-wrap,body.reduced-motion .ad-machine-wrap{width:88%;margin:35px auto 45px}
  body:not(.js-motion) .ad-resolution,body.reduced-motion .ad-resolution{right:auto}
}
@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!important;visibility:visible!important}}

/* Compact phones use a natural opening flow, with clear space between copy and product. */
@media(max-width:640px){
 .hero-scroll{height:auto}
 .hero-sticky{position:relative;height:940px;min-height:940px}
 .hero-copy{top:110px}
 .hero-description{margin:20px 0 22px}
 .product-visual{left:8%;width:88%;bottom:76px;height:400px}
 .case-fallback{width:166px}
 .hero-second-copy{display:none!important}
 .hero-bottom{bottom:22px}
 .hero-controls>span{font-size:9px}
 .hero-bottom .scroll-cue{font-size:8px}
 .launch-note{font-size:9px;max-width:290px}
 .machine-sticky{min-height:0;height:100svh;padding-top:95px;gap:20px}
 .machine-film-frame{min-height:240px;max-height:50svh}
 .machine-film-frame figcaption{font-size:7px}
}
@media(max-width:390px){.hero-copy h1{font-size:clamp(41px,14vw,54px)}.hero-description{font-size:13px}.ad-resolution h3{font-size:clamp(48px,15vw,58px)}}
/* Short landscape viewports keep every message in ordinary scroll flow. */
@media(max-height:600px) and (orientation:landscape){
 :root{--header:64px}
 .hero-sticky{height:650px;min-height:650px}
 .hero-copy{top:130px}
 .product-visual{top:110px;height:450px;min-height:0}
 .case-fallback{width:220px}
 .hero-bottom{bottom:22px}
 .memory-sticky{min-height:650px!important}
 body.reduced-motion .memory-frame{width:240px;height:480px}
 .machine-sticky{height:auto;min-height:650px;padding-top:90px;padding-bottom:60px}
 .machine-film-frame{height:480px;min-height:480px}
 .ad-resolution h3{font-size:46px!important}
 .film-dialog video{max-height:70svh}
}


/* Source: v2.css */
/* CaseMore world, preview 2: original product photography, responsive story. */
.world-preview .hero-scroll{height:100svh;min-height:760px}
.world-preview .hero-sticky{position:relative;height:100%;min-height:760px}
.world-preview .hero-copy{top:clamp(170px,24svh,260px);max-width:760px}
.world-preview .hero-copy .eyebrow{font-size:9px;letter-spacing:.12em;gap:10px}
.world-preview .hero-description{max-width:365px}
.world-preview .product-visual{top:88px;bottom:0;height:auto;min-height:0;right:0;width:55%;overflow:hidden}
.world-preview .product-halo{inset:12% 8% 8%;background:radial-gradient(ellipse,#d5f4ef 0%,#e7f3ed80 48%,transparent 72%)}
.real-product{position:absolute;left:5%;bottom:22px;width:90%;height:90%;margin:0;transform-origin:50% 60%;z-index:2;filter:drop-shadow(7px 12px 16px #1a302a18)}
.real-product img{width:100%;height:100%;object-fit:contain;object-position:center bottom}
.world-preview .product-caption{bottom:75px;left:58%;font-size:9px;white-space:normal;max-width:230px;background:#fbf8f1ee;border:1px solid #141c2012;padding:11px 15px;border-radius:24px}
.world-preview .product-caption .caption-line{width:17px;flex:0 0 17px}
.product-orbit-label{position:absolute;left:4%;top:22%;z-index:1;writing-mode:vertical-rl;display:flex;align-items:center;gap:20px;font-size:8px;letter-spacing:.19em;color:var(--teal);font-weight:700;transform:rotate(180deg)}
.product-orbit-label i{height:45px;width:1px;background:#007d8b35}
.world-preview .hero-orbit{width:61%;right:-15%;top:8%;border-color:#00bed319}
.world-preview .hero-bottom{bottom:24px;gap:25px;pointer-events:none}
.world-preview .hero-bottom>*{pointer-events:auto}
.hero-story-link{display:flex;align-items:center;gap:18px;font-size:10px;color:var(--muted);margin-left:4%;background:var(--paper);padding:10px 14px;border-radius:24px;border:1px solid var(--line)}
.hero-story-link svg{width:17px;height:17px;stroke:var(--teal);stroke-width:1.5;fill:none}
.world-preview .machine-intro{padding-top:110px}
.joy-bridge{position:relative;background:#edf6ef;padding:clamp(75px,10vw,150px) var(--gutter);overflow:hidden}
.joy-bridge-inner{max-width:1600px;margin:auto;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:9%}
.joy-bridge-visual{position:relative;aspect-ratio:1.14;overflow:hidden;border-radius:12px 100px 12px 12px}
.joy-bridge-visual img{width:100%;height:100%;object-fit:cover;object-position:52% 50%}
.joy-bridge-copy .eyebrow{margin-bottom:28px;color:var(--teal)}
.joy-bridge-copy h2{font-size:clamp(46px,5.2vw,86px);line-height:1.02;letter-spacing:-.07em;font-weight:700}
.joy-bridge-copy>p:not(.eyebrow){font-size:16px;line-height:1.75;color:var(--muted);max-width:450px;margin:28px 0 30px}
.joy-bridge-mark{position:absolute;left:25px;bottom:25px;color:white;font-size:9px;letter-spacing:.13em;font-weight:700;text-shadow:0 1px 8px #0008}
.world-preview .partners-section{padding-top:110px}
.business-promise{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.business-promise span{padding:9px 12px;border:1px solid #141c2015;border-radius:25px;font-size:10px;line-height:1.5;background:#fff8}
@media(min-width:1700px){
 .world-preview .hero-copy{top:27%;left:max(var(--gutter),calc((100vw - 1680px)/2))}
 .world-preview .product-visual{right:max(0px,calc((100vw - 1850px)/2));width:52%;max-width:1000px}
 .real-product{bottom:22px;height:92%}
}
@media(min-width:901px) and (max-height:760px){
 .world-preview .hero-scroll,.world-preview .hero-sticky{height:760px;min-height:760px}
 .world-preview .hero-copy{top:175px}
 .world-preview .product-visual{top:70px}
 .real-product{height:91%;bottom:16px}
}
@media(max-width:1100px){
 .world-preview .hero-copy{width:51%}
 .world-preview .hero-copy h1{font-size:clamp(58px,7.2vw,80px)}
 .world-preview .product-visual{width:56%;right:-3%}
 .world-preview .product-caption{left:60%;font-size:8px;max-width:210px}
 .product-orbit-label{display:none}
 .hero-story-link{margin-left:0;font-size:9px}
 .joy-bridge-inner{gap:6%}
}
@media(max-width:900px){
 .world-preview .hero-scroll,.world-preview .hero-sticky{height:94svh;min-height:810px}
 .world-preview .hero-copy{top:190px;width:53%}
 .world-preview .hero-copy h1{font-size:clamp(52px,7.3vw,65px)}
 .world-preview .hero-description{max-width:280px}
 .world-preview .product-visual{right:-9%;width:65%;top:130px}
 .real-product{height:90%;bottom:16px}
 .world-preview .product-caption{bottom:60px;left:58%;max-width:190px}
 .world-preview .hero-orbit{right:-30%;width:90%;top:24%}
 .hero-story-link{display:none}
 .joy-bridge-copy h2{font-size:48px}
 .joy-bridge-copy>p:not(.eyebrow){font-size:14px}
 .joy-bridge-visual{aspect-ratio:.8;border-top-right-radius:65px}
 .joy-bridge-visual img{object-position:50% center}
}
@media(max-width:640px){
 .world-preview .hero-scroll,.world-preview .hero-sticky{height:980px;min-height:0}
 .world-preview .hero-copy{top:124px;width:auto;left:var(--gutter);right:var(--gutter);max-width:450px}
 .world-preview .hero-copy h1{font-size:clamp(46px,13.2vw,72px);line-height:1.02}
 .world-preview .hero-copy .eyebrow{font-size:8px;letter-spacing:.08em;margin-bottom:22px}
 .world-preview .hero-description{font-size:14px;line-height:1.65;max-width:325px;margin:20px 0 22px}
 .world-preview .hero-copy .pill-button{font-size:11px;gap:20px;padding-left:20px}
 .world-preview .launch-note{font-size:8px;max-width:300px;margin-top:18px}
 .world-preview .product-visual{top:450px;bottom:0;right:0;left:0;width:100%;height:auto}
 .real-product{left:0;right:0;width:min(96%,420px);height:104%;bottom:-35px;margin:0 auto}
 .world-preview .product-halo{inset:7% 4% 8%}
 .world-preview .product-caption{left:50%;bottom:50px;max-width:240px;font-size:8px;white-space:nowrap;z-index:4}
 .world-preview .hero-bottom{bottom:20px;left:22px;right:22px}
 .world-preview .scroll-cue{font-size:7px;background:var(--paper);padding:6px 8px;border-radius:12px}
 .world-preview .scroll-stroke{height:17px}
 .world-preview .hero-orbit{top:51%;right:-18%;width:116%}
 .world-preview .machine-intro{padding-top:72px}
 .joy-bridge{padding:75px var(--gutter)}
 .joy-bridge-inner{grid-template-columns:1fr;gap:42px}
 .joy-bridge-visual{aspect-ratio:1.12;max-width:550px;width:100%;border-top-right-radius:65px}
 .joy-bridge-copy h2{font-size:clamp(43px,12vw,62px)}
 .joy-bridge-copy .eyebrow{font-size:9px;margin-bottom:23px}
 .joy-bridge-copy>p:not(.eyebrow){font-size:15px;margin:24px 0 27px;max-width:460px}
 .world-preview .partners-section{padding-top:75px}
}
@media(max-width:360px){
 .world-preview .hero-scroll,.world-preview .hero-sticky{height:940px}
 .world-preview .hero-copy h1{font-size:43px}
 .world-preview .hero-copy .eyebrow{font-size:7px}
 .world-preview .product-visual{top:460px}
 .world-preview .product-caption{font-size:7px;padding:10px 12px}
}
@media(max-height:600px) and (min-width:641px){
 .world-preview .hero-scroll,.world-preview .hero-sticky{height:680px;min-height:680px}
 .world-preview .hero-copy{top:145px}
 .world-preview .product-visual{top:90px}
 .world-preview .hero-copy h1{font-size:56px}
 .real-product{bottom:12px;height:90%}
}
@media(prefers-reduced-motion:reduce){.real-product{transform:none!important}}
.world-preview.reduced-motion .real-product{transform:none!important}

.world-preview .contact-mimi{width:min(45%,560px);right:1%;bottom:-2%}
@media(max-width:640px){.world-preview .contact-mimi{width:min(88%,380px);right:-2%;bottom:-2%}}


/* Source: business-v3.css */
/*
 * CaseMore v3 — the product story resolves into a clear business invitation.
 * This layer retains the existing accessible tabs, native details, and motion hooks.
 * The scroll stages use a bounded viewport composition; business copy stays in flow.
 */

#machine,
#partners,
#questions,
#contact,
.site-footer {
  --business-paper: #f7f7f3;
  --business-ink: #181b1d;
  --business-muted: #62676a;
  --business-rule: #181b1d20;
  color: var(--business-ink);
}

#machine,
#partners,
#questions {
  background: var(--business-paper);
}

#machine .machine-intro,
#partners,
#questions,
#contact .contact-inner,
.site-footer,
#machine .film-strip {
  padding-left: max(var(--gutter), calc((100vw - 1440px) / 2));
  padding-right: max(var(--gutter), calc((100vw - 1440px) / 2));
}

#machine .eyebrow,
#partners .eyebrow,
#questions .eyebrow,
#contact .eyebrow {
  font-size: 10px;
  letter-spacing: .13em;
  line-height: 1.7;
}

#machine .section-top,
#partners .section-top {
  align-items: baseline;
  margin-bottom: clamp(34px, 5vw, 76px);
}

#machine .small-note,
#partners .small-note {
  font-size: 12px;
  color: var(--business-muted);
}

/* The real machine is the quiet, physical proof after the imagined workshop. */
.world-preview #machine .machine-intro {
  padding-top: clamp(88px, 10vw, 164px);
  padding-bottom: 28px;
}

#machine .machine-intro .display-heading {
  max-width: 1130px;
  font-size: clamp(44px, 6.2vw, 96px);
  font-weight: 650;
  line-height: 1.06;
  letter-spacing: -.065em;
  text-wrap: balance;
}

#machine .machine-intro .teal {
  color: #777b7c;
}

#machine .machine-scroll {
  height: 185svh;
}

#machine .machine-sticky {
  height: 100svh;
  min-height: 0;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  gap: clamp(28px, 8vw, 140px);
  padding: calc(var(--header) + 38px) max(var(--gutter), calc((100vw - 1320px) / 2)) 48px;
}

#machine .machine-copy {
  min-width: 0;
  max-width: 580px;
}

#machine .machine-copy h3 {
  margin: 23px 0;
  font-size: clamp(44px, 5.5vw, 86px);
  font-weight: 650;
  line-height: 1.04;
  letter-spacing: -.06em;
}

#machine .machine-copy > p {
  max-width: 360px;
  margin-bottom: 27px;
  color: var(--business-muted);
  font-size: clamp(15px, 1.35vw, 18px);
  line-height: 1.7;
}

#machine .machine-copy > .text-button {
  min-height: 48px;
  font-size: 12px;
}

#machine .machine-copy .round-outline {
  width: 48px;
  height: 48px;
}

#machine .machine-film-frame {
  width: auto;
  height: min(72svh, 710px);
  min-height: 0;
  max-height: 100%;
  max-width: 100%;
  aspect-ratio: 640 / 1138;
  margin: 0 auto;
  border-radius: 18px;
  background: #e7e7e3;
  box-shadow: 0 24px 65px #181b1d0c;
}

#machine .machine-film-frame figcaption {
  gap: 8px;
  padding: 42px 18px 19px;
  font-size: 8px;
  line-height: 1.5;
  letter-spacing: .05em;
}

#machine .machine-scroll-track {
  right: max(26px, calc((100vw - 1520px) / 2));
  top: 30%;
  bottom: 22%;
  background: #181b1d12;
}

#machine .machine-scroll-track > span {
  width: 2px;
  background: #181b1d99;
}

#machine .film-strip {
  margin: 0;
  padding-top: 38px;
  padding-bottom: 38px;
  border-top: 1px solid var(--business-rule);
  border-bottom: 1px solid var(--business-rule);
  background: transparent;
}

#machine .film-strip > span {
  font-size: clamp(27px, 3vw, 45px);
  font-weight: 650;
  letter-spacing: -.05em;
}

#machine .film-strip > .text-button {
  min-height: 48px;
  gap: 20px;
  font-size: 12px;
}

/* Three clear ways to bring the experience to more people. */
.world-preview #partners {
  padding-top: clamp(92px, 10vw, 165px);
  padding-bottom: clamp(84px, 8vw, 136px);
}

#partners .partners-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr);
  align-items: end;
  gap: clamp(34px, 6vw, 100px);
  margin-bottom: clamp(42px, 6vw, 90px);
}

#partners .display-heading {
  font-size: clamp(43px, 5.8vw, 88px);
  font-weight: 650;
  line-height: 1.07;
  letter-spacing: -.065em;
  overflow-wrap: normal;
  text-wrap: balance;
}

#partners .section-lead {
  max-width: 510px;
  padding-bottom: 4px;
  font-size: clamp(15px, 1.3vw, 18px);
  line-height: 1.75;
  color: var(--business-muted);
}

#partners .partner-tabs {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
  margin-bottom: 42px;
  border-bottom: 1px solid var(--business-rule);
}

#partners .partner-tabs > button,
#partners .partner-tabs > button + button {
  display: grid;
  grid-template-columns: 19px minmax(0, 1fr) 22px;
  gap: 14px;
  min-height: 84px;
  padding: 20px 0;
  color: var(--business-muted);
}

#partners .partner-tabs > button > span {
  display: block;
  font-size: 10px;
  color: inherit;
}

#partners .partner-tabs b {
  font-size: clamp(17px, 1.6vw, 24px);
  font-weight: 650;
  letter-spacing: -.035em;
  line-height: 1.3;
}

#partners .partner-tabs svg {
  width: 19px;
  height: 19px;
  opacity: .6;
}

#partners .partner-tabs > button::after {
  right: 0;
  height: 2px;
  background: var(--business-ink);
}

#partners .partner-tabs > button[aria-selected="true"] {
  color: var(--business-ink);
}

#partners .partner-tabs > button[aria-selected="true"] svg {
  opacity: 1;
  color: #007d8b;
}

#partners .partner-panel {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(36px, 7vw, 112px);
  min-height: 0;
  align-items: center;
}

#partners .partner-scene {
  height: clamp(380px, 43vw, 580px);
  background: radial-gradient(ellipse at 50% 48%, #fff 0%, #fff0 67%);
}

#partners .partner-machine {
  bottom: 40px;
  height: 88%;
  max-width: 88%;
  filter: drop-shadow(8px 14px 12px #181b1d0b);
}

#partners .fleet-machine {
  bottom: 54px;
  height: 76%;
}

#partners .partner-floor {
  bottom: 25px;
  left: 8%;
  right: 8%;
  height: 52px;
  background: radial-gradient(ellipse, #181b1d14, #181b1d04 50%, transparent 72%);
}

#partners .venue-arch {
  bottom: 40px;
  width: 88%;
  left: 6%;
  height: 89%;
  border-radius: 220px 220px 4px 4px;
  background: linear-gradient(140deg, #e8eee9, #e5e6df);
}

#partners .scene-small-label {
  bottom: 5px;
  font-size: 9px;
  letter-spacing: .13em;
  color: var(--business-muted);
}

#partners .partner-details {
  min-width: 0;
  max-width: 570px;
  padding: 24px 0;
}

#partners .partner-details > .eyebrow {
  color: #007d8b;
}

#partners .partner-details h3 {
  margin: 19px 0 24px;
  font-size: clamp(31px, 3.15vw, 48px);
  font-weight: 650;
  line-height: 1.12;
  letter-spacing: -.05em;
  text-wrap: balance;
}

#partners #partner-description {
  max-width: 510px;
  font-size: 16px;
  line-height: 1.75;
  color: var(--business-muted);
}

#partners .partner-benefits {
  margin: 27px 0;
}

#partners .partner-benefits li {
  padding: 13px 0 13px 22px;
  border-color: #181b1d12;
  font-size: 14px;
  line-height: 1.6;
}

#partners .partner-benefits li::before {
  width: 5px;
  height: 5px;
  top: 21px;
  background: #007d8b;
}

#partners .partner-role {
  max-width: 510px;
  margin-bottom: 28px;
  font-size: 13px;
  line-height: 1.75;
  color: var(--business-muted);
}

#partners .partner-details .pill-button {
  max-width: 100%;
  min-height: 58px;
  padding-left: 23px;
  gap: 24px;
  font-size: 13px;
}

#partners .commercial-note {
  max-width: 850px;
  margin: 48px auto 0;
  padding-top: 24px;
  border-top: 1px solid var(--business-rule);
  font-size: 12px;
  line-height: 1.75;
  color: var(--business-muted);
}

/* The existing screen takeover remains a single strong colour transition. */
#advertising {
  height: 220svh;
  background: #181b1d;
}

#advertising .advertising-sticky {
  min-height: 0;
  height: 100svh;
  background: #181b1d;
}

#advertising .ad-heading {
  left: max(var(--gutter), calc((100vw - 1440px) / 2));
  top: 26%;
  width: 44%;
  max-width: 660px;
  color: #f7f7f3;
}

#advertising .ad-heading .eyebrow {
  font-size: 10px;
  color: #b3b8ba;
  letter-spacing: .13em;
}

#advertising .ad-heading h2 {
  margin: 25px 0;
  font-size: clamp(43px, 5.6vw, 88px);
  font-weight: 650;
  line-height: 1.06;
  letter-spacing: -.065em;
}

#advertising .ad-heading > p:last-child {
  max-width: 390px;
  font-size: clamp(15px, 1.3vw, 18px);
  line-height: 1.75;
  color: #bfc3c5;
}

#advertising .ad-machine-wrap {
  right: max(2%, calc((100vw - 1550px) / 2));
  bottom: -6%;
  width: min(47vw, 620px);
}

#advertising .ad-screen {
  background: #e40b79;
}

#advertising .campaign-copy {
  transform: none;
  width: 84%;
}

#advertising .campaign-copy > span {
  font-size: clamp(27px, 3.3vw, 50px);
  font-weight: 700;
  line-height: 1;
}

#advertising .campaign-copy i {
  font-weight: 500;
}

#advertising .orb-one {
  top: -47%;
  left: -55%;
  opacity: .85;
}

#advertising .orb-two {
  width: 120%;
  right: -64%;
  bottom: -25%;
  border-color: #fff6;
}

#advertising .ad-screen-cover {
  background: #e40b79;
}

#advertising .ad-resolution {
  left: max(var(--gutter), calc((100vw - 1440px) / 2));
  top: 25%;
  max-width: 880px;
}

#advertising .ad-resolution .eyebrow {
  font-size: 10px;
  letter-spacing: .13em;
}

#advertising .ad-resolution h3 {
  font-size: clamp(64px, 8.4vw, 132px);
  font-weight: 650;
  line-height: 1.02;
  letter-spacing: -.065em;
}

#advertising .ad-resolution > p {
  max-width: 440px;
  font-size: 17px;
  line-height: 1.7;
}

/* Useful answers and a warm final invitation, with comfortable reading sizes. */
#questions {
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  gap: clamp(42px, 9vw, 150px);
  padding-top: clamp(88px, 10vw, 155px);
  padding-bottom: clamp(88px, 10vw, 155px);
}

#questions .faq-heading .display-heading {
  max-width: 590px;
  font-size: clamp(40px, 4.4vw, 68px);
  font-weight: 650;
  letter-spacing: -.06em;
  line-height: 1.09;
}

#questions .faq-list details {
  border-color: var(--business-rule);
}

#questions .faq-list summary {
  min-height: 76px;
  padding: 24px 0;
  gap: 24px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
}

#questions .faq-list summary svg {
  width: 19px;
  height: 19px;
  flex: 0 0 19px;
}

#questions .faq-list details > p {
  max-width: 620px;
  padding: 0 36px 28px 0;
  font-size: 14px;
  line-height: 1.8;
  color: var(--business-muted);
}

#contact {
  border-top: 0;
  background: #eceee9;
}

#contact .contact-inner {
  min-height: 660px;
  padding-top: clamp(88px, 8vw, 140px);
  padding-bottom: clamp(88px, 8vw, 140px);
}

#contact .contact-inner > .eyebrow {
  max-width: 55%;
}

#contact .contact-inner h2 {
  max-width: 74%;
  margin: 29px 0 39px;
  font-size: clamp(58px, 8.5vw, 132px);
  font-weight: 650;
  letter-spacing: -.07em;
  line-height: 1.03;
}

.world-preview #contact .contact-mimi {
  right: max(1%, calc((100vw - 1640px) / 2));
  bottom: -9%;
  width: min(43%, 550px);
  max-width: 550px;
}

.site-footer {
  min-height: 112px;
  gap: 30px;
  padding-top: 24px;
  padding-bottom: 24px;
  border-top: 1px solid #181b1d14;
  background: #f7f7f3;
  color: #62676a;
  font-size: 11px;
}

.site-footer .wordmark {
  margin-right: auto;
  font-size: 29px;
}

.site-footer > a:not(.wordmark),
.site-footer > button {
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  padding: 10px 0;
  font-size: 11px;
}

.site-footer .private-label {
  border: 0;
  padding: 0;
  font-size: 10px;
  color: #62676a;
}

@media (max-width: 1100px) {
  #partners .partners-heading { grid-template-columns: 1.2fr 1fr; gap: 40px; }
  #partners .display-heading { font-size: clamp(44px, 5.6vw, 65px); }
  #partners .partner-tabs { gap: 22px; }
  #partners .partner-tabs > button,
  #partners .partner-tabs > button + button { grid-template-columns: minmax(0, 1fr) 18px; gap: 10px; }
  #partners .partner-tabs > button > span { display: none; }
  #partners .partner-panel { gap: 42px; }
  #partners .partner-details h3 { font-size: 36px; }
  #partners .partner-scene { height: 470px; }
  #partners #partner-description { font-size: 15px; }
  #partners .partner-benefits li { font-size: 13px; }
  #advertising .ad-machine-wrap { right: -2%; width: 52vw; }
  #questions { gap: 7%; }
  #contact .contact-inner { min-height: 590px; }
}

@media (max-width: 900px) {
  #machine .machine-sticky { gap: 35px; padding-top: calc(var(--header) + 30px); }
  #machine .machine-copy h3 { font-size: clamp(42px, 6vw, 60px); }
  #machine .machine-copy > p { font-size: 15px; }
  #machine .machine-film-frame { height: min(68svh, 630px); }
  #machine .machine-film-frame figcaption { font-size: 7px; padding: 36px 12px 15px; }
  #machine .film-strip > span { font-size: 34px; }
  #partners .partners-heading { grid-template-columns: 1fr; gap: 28px; }
  #partners .display-heading { max-width: 760px; font-size: clamp(47px, 7vw, 66px); }
  #partners .section-lead { max-width: 640px; font-size: 16px; }
  #partners .partner-tabs b { font-size: 18px; }
  #partners .partner-panel { gap: 32px; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); }
  #partners .partner-scene { height: 420px; }
  #partners .partner-details h3 { font-size: 31px; }
  #partners .partner-role { font-size: 12px; }
  #partners .partner-details .pill-button { font-size: 12px; gap: 15px; padding-left: 19px; }
  #advertising .ad-heading { top: 27%; width: 47%; }
  #advertising .ad-heading h2 { font-size: 49px; }
  #advertising .ad-heading > p:last-child { font-size: 15px; max-width: 310px; }
  #advertising .ad-machine-wrap { width: 57vw; right: -5%; bottom: 0; }
  #advertising .ad-resolution h3 { font-size: 85px; }
  #questions { grid-template-columns: 1fr; gap: 44px; }
  #questions .faq-heading .display-heading { font-size: 54px; }
  #questions .faq-list summary { font-size: 17px; }
  #questions .faq-list details > p { max-width: 720px; font-size: 15px; }
  #contact .contact-inner { min-height: 540px; }
  #contact .contact-inner h2 { font-size: 80px; }
  .world-preview #contact .contact-mimi { width: 46%; right: 0; bottom: -5%; }
  .site-footer { flex-wrap: wrap; gap: 16px 28px; }
  .site-footer .wordmark { margin-right: auto; }
}

@media (max-width: 640px) {
  #machine .eyebrow,
  #partners .eyebrow,
  #questions .eyebrow,
  #contact .eyebrow { font-size: 9px; letter-spacing: .1em; }
  #machine .section-top,
  #partners .section-top { align-items: flex-start; flex-direction: column; gap: 14px; margin-bottom: 34px; }
  #machine .small-note,
  #partners .small-note { font-size: 11px; text-align: left; }
  .world-preview #machine .machine-intro { padding-top: 80px; padding-bottom: 24px; }
  #machine .machine-intro .display-heading { font-size: clamp(37px, 10.4vw, 58px); line-height: 1.09; }
  #machine .machine-scroll { height: 180svh; }
  #machine .machine-sticky {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr);
    align-items: start;
    justify-content: normal;
    height: 100svh;
    min-height: 0;
    gap: 22px;
    padding: calc(var(--header) + 20px) var(--gutter) 28px;
  }
  #machine .machine-copy { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 13px 20px; max-width: none; }
  #machine .machine-copy .eyebrow { grid-column: 1 / -1; font-size: 8px; }
  #machine .machine-copy h3 { margin: 0; font-size: clamp(29px, 8.6vw, 43px); line-height: 1.05; }
  #machine .machine-copy > p { margin: 0; font-size: 12px; line-height: 1.65; align-self: center; }
  #machine .machine-copy > .text-button { grid-column: 1 / -1; min-height: 48px; font-size: 11px; gap: 16px; }
  #machine .machine-copy .round-outline { width: 40px; height: 40px; }
  #machine .machine-copy .round-outline svg { width: 15px; height: 15px; }
  #machine .machine-film-frame { height: 100%; min-height: 0; max-height: min(50svh, 490px); width: auto; max-width: 80%; margin: 0 auto; border-radius: 13px; }
  #machine .machine-film-frame figcaption { font-size: 7px; line-height: 1.35; gap: 6px; padding: 30px 10px 12px; }
  #machine #frame-count { display: none; }
  #machine .machine-scroll-track { right: 11px; top: 49%; bottom: 13%; }
  #machine .film-strip { padding-top: 29px; padding-bottom: 26px; flex-direction: column; align-items: flex-start; gap: 12px; }
  #machine .film-strip > span { font-size: 31px; max-width: 380px; }
  #machine .film-strip > .text-button { min-height: 48px; font-size: 12px; }
  .world-preview #partners { padding-top: 84px; padding-bottom: 78px; }
  #partners .partners-heading { gap: 27px; margin-bottom: 33px; }
  #partners .display-heading { font-size: clamp(39px, 10.9vw, 58px); line-height: 1.08; }
  #partners .section-lead { font-size: 15px; line-height: 1.75; }
  #partners .partner-tabs { gap: 12px; margin-bottom: 28px; }
  #partners .partner-tabs > button,
  #partners .partner-tabs > button + button { display: block; min-height: 78px; padding: 16px 0; }
  #partners .partner-tabs b { font-size: 13px; line-height: 1.45; letter-spacing: -.025em; }
  #partners .partner-tabs svg { display: none; }
  #partners .partner-panel { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  #partners .partner-scene { order: 0; height: clamp(310px, 91vw, 440px); }
  #partners .partner-machine { bottom: 30px; height: 90%; max-width: 90%; }
  #partners .fleet-machine { bottom: 45px; }
  #partners .partner-floor { bottom: 20px; }
  #partners .venue-arch { bottom: 30px; height: 90%; }
  #partners .scene-small-label { font-size: 8px; letter-spacing: .11em; }
  #partners .partner-details { max-width: none; padding: 15px 0 0; }
  #partners .partner-details h3 { margin: 16px 0 21px; font-size: clamp(29px, 8.5vw, 40px); line-height: 1.14; }
  #partners #partner-description { max-width: none; font-size: 15px; }
  #partners .partner-benefits { margin: 25px 0; }
  #partners .partner-benefits li { font-size: 14px; padding-top: 13px; padding-bottom: 13px; }
  #partners .partner-role { max-width: none; font-size: 13px; margin-bottom: 28px; }
  #partners .partner-details .pill-button { min-height: 58px; font-size: 13px; gap: 21px; padding-left: 22px; }
  #partners .commercial-note { margin-top: 36px; padding-top: 23px; text-align: left; font-size: 11px; line-height: 1.75; }
  #advertising { height: 205svh; }
  #advertising .advertising-sticky { min-height: 0; height: 100svh; }
  #advertising .ad-heading { top: calc(var(--header) + 27px); left: var(--gutter); right: var(--gutter); width: auto; max-width: 470px; }
  #advertising .ad-heading .eyebrow { font-size: 8px; }
  #advertising .ad-heading h2 { margin: 18px 0; font-size: clamp(36px, 10.3vw, 57px); line-height: 1.08; }
  #advertising .ad-heading > p:last-child { font-size: 13px; line-height: 1.65; max-width: 320px; }
  #advertising .ad-machine-wrap { width: min(80vw, 370px); max-width: none; right: -2%; bottom: -9%; }
  #advertising .campaign-copy > span { font-size: clamp(22px, 5.4vw, 31px); }
  #advertising .campaign-copy i { font-size: 11px; }
  #advertising .ad-resolution { left: var(--gutter); right: var(--gutter); top: 26%; width: auto; max-width: 470px; }
  #advertising .ad-resolution .eyebrow { font-size: 8px; }
  #advertising .ad-resolution h3 { font-size: clamp(51px, 14.4vw, 77px); }
  #advertising .ad-resolution > p { max-width: 330px; font-size: 15px; }
  #questions { gap: 36px; padding-top: 82px; padding-bottom: 82px; }
  #questions .faq-heading > .eyebrow { margin-bottom: 23px; }
  #questions .faq-heading .display-heading { font-size: clamp(38px, 10.6vw, 57px); }
  #questions .faq-list summary { min-height: 78px; padding: 23px 0; font-size: 15px; gap: 20px; }
  #questions .faq-list summary svg { width: 18px; height: 18px; flex-basis: 18px; }
  #questions .faq-list details > p { font-size: 14px; padding-right: 10px; padding-bottom: 25px; }
  #contact .contact-inner { min-height: 730px; padding-top: 76px; padding-bottom: 370px; }
  #contact .contact-inner > .eyebrow { max-width: 100%; font-size: 8px; line-height: 1.85; }
  #contact .contact-inner h2 { max-width: 100%; margin: 24px 0 31px; font-size: clamp(51px, 14.5vw, 77px); }
  .world-preview #contact .contact-mimi { width: min(83%, 365px); max-width: none; right: -1%; bottom: -6%; }
  .site-footer { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 6px 20px; padding-top: 32px; padding-bottom: 27px; }
  .site-footer .wordmark { grid-column: 1 / -1; margin: 0 0 16px; font-size: 30px; }
  .site-footer > span:not(.private-label) { font-size: 10px; }
  .site-footer > a:not(.wordmark),
  .site-footer > button { min-height: 48px; font-size: 10px; text-align: left; }
  .site-footer .private-label { font-size: 9px; white-space: normal; }
}

/* Short portrait phones: the complete composition fits below the fixed header. */
@media (max-width: 640px) and (max-height: 700px) {
  #machine .machine-sticky { padding-top: calc(var(--header) + 14px); padding-bottom: 20px; gap: 12px; }
  #machine .machine-copy { gap: 9px 15px; }
  #machine .machine-copy h3 { font-size: 29px; }
  #machine .machine-copy > p { font-size: 11px; line-height: 1.55; }
  #machine .machine-copy > .text-button { min-height: 44px; }
  #advertising .ad-heading { top: calc(var(--header) + 15px); }
  #advertising .ad-heading h2 { font-size: clamp(34px, 9.7vw, 42px); margin: 14px 0; }
  #advertising .ad-heading > p:last-child { font-size: 12px; max-width: 280px; }
  #advertising .ad-machine-wrap { width: min(68vw, 300px); bottom: -13%; right: -3%; }
  #advertising .ad-resolution { top: 25%; }
  #advertising .ad-resolution h3 { font-size: clamp(47px, 13.6vw, 62px); margin: 20px 0; }
  #advertising .ad-resolution > p { font-size: 14px; margin-bottom: 24px; }
}

/* Landscape is a deliberate compact layout, not an implicit motion preference. */
@media (min-width: 641px) and (max-height: 600px) {
  #machine .machine-sticky {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
    height: 100svh;
    min-height: 0;
    padding-top: calc(var(--header) + 20px);
    padding-bottom: 20px;
    gap: 35px;
  }
  #machine .machine-copy h3 { font-size: clamp(30px, 4.1vw, 46px); margin: 13px 0; }
  #machine .machine-copy .eyebrow { font-size: 8px; }
  #machine .machine-copy > p { max-width: 390px; font-size: 12px; line-height: 1.55; margin-bottom: 12px; }
  #machine .machine-copy > .text-button { min-height: 44px; font-size: 11px; }
  #machine .machine-copy .round-outline { width: 36px; height: 36px; }
  #machine .machine-film-frame { height: calc(100svh - var(--header) - 44px); min-height: 0; max-height: 100%; }
  #machine .machine-film-frame figcaption { font-size: 6px; padding: 25px 9px 12px; }
  #machine #frame-count { display: none; }
  #advertising .advertising-sticky { min-height: 0; height: 100svh; }
  #advertising .ad-heading { top: calc(var(--header) + 28px); width: 48%; }
  #advertising .ad-heading .eyebrow { font-size: 8px; }
  #advertising .ad-heading h2 { font-size: clamp(35px, 4.3vw, 52px); margin: 17px 0; }
  #advertising .ad-heading > p:last-child { font-size: 12px; line-height: 1.6; max-width: 330px; }
  #advertising .ad-machine-wrap { width: min(42vw, 390px); right: 0; bottom: -17%; }
  #advertising .ad-resolution { top: calc(var(--header) + 20px); width: 75%; }
  #advertising .ad-resolution .eyebrow { font-size: 8px; }
  #advertising .ad-resolution h3 { font-size: clamp(39px, 5.6vw, 58px) !important; margin: 15px 0; }
  #advertising .ad-resolution > p { max-width: 480px; font-size: 13px; margin-bottom: 17px; }
  #advertising .ad-resolution .pill-button { min-height: 48px; font-size: 12px; }
  #advertising .ad-resolution .button-circle { width: 34px; height: 34px; }
}

/* The same information remains complete without animation or JavaScript. */
body:not(.js-motion) #machine .machine-sticky,
body.reduced-motion #machine .machine-sticky {
  height: auto;
  min-height: 0;
  padding-top: 56px;
  padding-bottom: 76px;
}

body:not(.js-motion) #machine .machine-film-frame,
body.reduced-motion #machine .machine-film-frame {
  height: clamp(340px, 52vw, 650px);
  max-height: none;
}

body:not(.js-motion) #advertising .advertising-sticky,
body.reduced-motion #advertising .advertising-sticky {
  height: auto;
  min-height: 0;
  padding-top: 86px;
  padding-bottom: 86px;
}

body:not(.js-motion) #advertising .ad-heading,
body.reduced-motion #advertising .ad-heading,
body:not(.js-motion) #advertising .ad-resolution,
body.reduced-motion #advertising .ad-resolution {
  left: auto;
  right: auto;
  top: auto;
  width: 100%;
  color: #f7f7f3;
}

body:not(.js-motion) #advertising .ad-resolution > p,
body.reduced-motion #advertising .ad-resolution > p {
  color: #bfc3c5;
}

body:not(.js-motion) #advertising .ad-resolution .eyebrow,
body.reduced-motion #advertising .ad-resolution .eyebrow {
  color: #73dbe7;
}

body:not(.js-motion) #advertising .ad-machine-wrap,
body.reduced-motion #advertising .ad-machine-wrap {
  right: auto;
  bottom: auto;
  width: 100%;
  max-width: 470px;
}

@media (max-width: 640px) {
  body:not(.js-motion) #machine .machine-sticky,
  body.reduced-motion #machine .machine-sticky { grid-template-rows: auto auto; gap: 32px; padding-top: 38px; padding-bottom: 52px; }
  body:not(.js-motion) #machine .machine-film-frame,
  body.reduced-motion #machine .machine-film-frame { height: min(118vw, 510px); max-height: none; }
  body:not(.js-motion) #advertising .advertising-sticky,
  body.reduced-motion #advertising .advertising-sticky { padding-top: 74px; padding-bottom: 74px; }
  body:not(.js-motion) #advertising .ad-machine-wrap,
  body.reduced-motion #advertising .ad-machine-wrap { width: 88%; max-width: 370px; margin: 35px auto 42px; }
  body:not(.js-motion) #advertising .ad-resolution h3,
  body.reduced-motion #advertising .ad-resolution h3 { font-size: clamp(44px, 12vw, 62px); }
}


/* Source: experience-v3.css */
/* One case. One continuous, native-scroll story. */
:root{--paper:#f7f7f3;--header:74px;--film-paper:#f7f7f3}
.site-header{background:#f7f7f3e8;border-bottom-color:#181b1d0b}
.site-header .wordmark{font-size:30px}
.site-header nav a{font-size:12px}
.world-preview .private-label{display:none}
.cm-film-track{position:relative;background:var(--film-paper);isolation:isolate}
.cm-film-stage{position:relative;min-height:850px;overflow:hidden;background:var(--film-paper)}
.film-kicker{font-size:10px;font-weight:750;letter-spacing:.14em;line-height:1.6;text-transform:uppercase;display:flex;align-items:center;gap:12px}
.film-spark{font-size:24px;line-height:1;color:var(--teal)}
.film-soft{color:#777c7e}
.film-lead{font-size:clamp(16px,1.35vw,21px);line-height:1.6;max-width:380px;color:#62696b}
.film-intro{position:relative;padding:190px var(--gutter) 120px;width:54%;z-index:5}
.film-intro .film-opening-title{font-size:clamp(74px,7.6vw,130px);font-weight:650;line-height:1.01;letter-spacing:-.075em;margin:26px 0}
.film-explore{display:inline-flex;align-items:center;gap:26px;font-size:13px;font-weight:750;margin-top:27px;min-height:48px}
.film-explore>span:last-child{display:grid;place-items:center;width:43px;height:43px;border-radius:100%;background:#fff;border:1px solid #17212615;font-size:21px;transition:background .2s,transform .2s}
.film-explore:hover>span:last-child{background:#e3f4f3;transform:translateY(2px)}
.film-product,.film-hand{position:absolute;left:72%;top:53%;width:min(43vw,630px);height:82%;margin:0;transform:translate(-50%,-50%) rotate(-8deg);z-index:4;pointer-events:none;transform-origin:center}
.film-product img,.film-hand img{width:100%;height:100%;object-fit:contain}
.film-product-light{position:absolute;inset:8% 15%;border-radius:13%;background:linear-gradient(112deg,transparent 15%,#fff7 48%,transparent 65%);mix-blend-mode:soft-light;opacity:0;pointer-events:none}
.film-ambient{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 52%,#e8f1f0 0,transparent 56%)}
.film-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:27px;display:flex;align-items:center;justify-content:space-between;gap:24px;z-index:12;font-size:9px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
.film-bottom a{min-height:44px;display:flex;align-items:center;letter-spacing:0;text-transform:none;font-size:12px}
.film-scroll-label{display:flex;align-items:center;gap:12px}
.film-scroll-label i{width:1px;height:30px;background:#17212650;position:relative;overflow:hidden}
.film-scroll-label i::after{content:'';position:absolute;top:-100%;left:0;width:1px;height:100%;background:var(--teal);animation:film-scroll 2.5s ease-in-out infinite}
@keyframes film-scroll{to{transform:translateY(300%)}}
.film-progress{position:absolute;bottom:0;left:0;right:0;height:2px;z-index:15;background:#1721260a}
.film-progress i{display:block;height:100%;background:var(--teal);transform:scaleX(0);transform-origin:left}
.film-memory,.film-world,.film-design,.film-machine-scene,.film-making,.film-workshop,.film-hand,.film-finish{display:none}
.film-create-anchor{position:absolute;top:920px;pointer-events:none}
.film-still-story{padding-top:70px}
.film-still-story article{max-width:1400px;margin:0 auto;padding:60px var(--gutter);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7vw}
.film-still-story article>img{width:100%;max-height:640px;object-fit:contain;border-radius:20px}
.film-still-story h2{font-size:clamp(40px,5vw,76px);margin:25px 0;font-weight:650;line-height:1.07}
.film-still-story p:not(.film-kicker){color:#62696b;font-size:17px;line-height:1.7;max-width:420px}
.film-bridge{padding:clamp(90px,12vw,180px) var(--gutter);text-align:center;background:#f7f7f3;position:relative}
.film-bridge .film-kicker{justify-content:center;margin-bottom:32px}
.film-bridge h2{font-size:clamp(46px,6.8vw,112px);font-weight:650;line-height:1.04}
.film-bridge>p:not(.film-kicker){font-size:clamp(16px,1.6vw,23px);line-height:1.65;margin:30px auto 0;color:#62696b}
.film-bridge .film-explore{margin-top:22px}

/* The enhanced story uses a stable small viewport, including mobile browser chrome. */
.cm-film-track[data-motion=true]{height:760svh}
[data-motion=true] .cm-film-stage{position:sticky;top:0;height:100svh;min-height:0}
[data-motion=true] .film-create-anchor{top:300svh}
[data-motion=true] .film-still-story{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[data-motion=true] .film-product>img{animation:film-arrive 1.2s cubic-bezier(.22,1,.36,1) both}
@keyframes film-arrive{from{transform:translateY(28px) rotate(4deg);opacity:.3}to{transform:none;opacity:1}}
[data-motion=true] .film-memory,[data-motion=true] .film-world,[data-motion=true] .film-design,[data-motion=true] .film-machine-scene,[data-motion=true] .film-making,[data-motion=true] .film-workshop,[data-motion=true] .film-hand,[data-motion=true] .film-finish{display:block;position:absolute;opacity:0;visibility:hidden}
[data-motion=true] .film-intro{position:absolute;left:var(--gutter);top:calc(var(--header) + 28px);padding:0;width:49%;transform:none}
[data-motion=true] .film-scene{will-change:transform,opacity}
.film-memory{inset:0;z-index:1;overflow:hidden;clip-path:inset(20% 28% 20% 42% round 32px);background:#c7e7f4}
.film-memory>img{height:100%;width:100%;object-fit:cover;object-position:55% 46%;transform-origin:55% 50%}
.film-memory-shade{position:absolute;inset:0;background:linear-gradient(90deg,#11191960,transparent 62%),linear-gradient(0deg,#11191965,transparent 75%)}
.film-world{z-index:6;left:var(--gutter);top:49%;color:#fff;transform:translateY(-20%)}
.film-world h2{font-size:clamp(72px,8.5vw,142px);font-weight:600;letter-spacing:-.07em;margin-top:24px;line-height:.98}
.film-world .film-kicker{color:#fff}
.film-design{z-index:5;left:var(--gutter);top:22%;width:43%;max-width:610px}
.film-design h2{font-size:clamp(45px,4.8vw,80px);font-weight:650;line-height:1.04;margin:20px 0 26px}
.film-ui{max-width:405px;padding:22px 24px 19px;border-radius:19px;background:#fff;border:1px solid #18282e12;box-shadow:0 20px 70px #26383a08}
.film-ui-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:15px;border-bottom:1px solid #1b242c0d;margin-bottom:4px}
.film-ui-top>span:last-child{font-size:7px;letter-spacing:.09em;color:#778086;text-align:right;max-width:120px}
.film-ui-mark{font-size:18px;font-weight:800;letter-spacing:-1px;color:var(--teal)}
.film-ui-mark>span{color:var(--pink)}
.film-ui-row{display:flex;align-items:center;gap:14px;min-height:74px;opacity:.32;transition:opacity .22s}
.film-ui-row.is-done{opacity:1}
.film-ui-row>div{flex:1}
.film-ui-row b{display:block;font-size:12px;font-weight:750}
.film-ui-row small{display:block;font-size:10px;margin-top:3px;color:#737b7d}
.film-step-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#ecf7f5;color:#107c77}
.film-step-icon svg{width:17px;height:17px;stroke-width:2}
.film-step-num{font-size:9px;color:#828a8c}
.film-ui-photo{width:38px;height:42px;overflow:hidden;border-radius:7px}
.film-ui-photo img{width:100%;height:100%;object-fit:cover}
.film-ui-progress{height:3px;background:#eff0ec;border-radius:3px;overflow:hidden;margin-top:7px}
.film-ui-progress i{height:100%;display:block;background:var(--teal);transform:scaleX(0);transform-origin:left}
.film-machine-scene{left:50%;top:55%;height:76%;width:42%;max-width:590px;z-index:3;transform:translate(-50%,-50%)}
.film-machine-img{height:100%;width:100%;object-fit:contain}
.film-machine-light{position:absolute;left:20%;top:71%;width:27%;height:4%;background:#f4fffc;box-shadow:0 0 60px 25px #b9fff3;opacity:0;border-radius:20px}
.film-making{left:var(--gutter);top:calc(var(--header) + 22px);z-index:7;max-width:90%}
.film-making h2{font-size:clamp(40px,4.5vw,74px);font-weight:650;line-height:1.04;margin-top:18px}
.film-workshop{inset:0;z-index:5;background:#faf7f3}
.film-workshop-visual{position:absolute;left:0;right:0;bottom:0;height:65%;overflow:hidden}
.film-workshop canvas,.film-workshop-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.film-workshop-poster.is-ready{opacity:0}
.film-imagination-note{position:absolute;right:var(--gutter);bottom:90px;z-index:2;font-size:10px;color:#50585b;background:#ffffffbf;padding:8px 13px;border-radius:30px}
.film-hand{z-index:5;left:73%;top:57%;height:91%;width:50%;max-width:760px;transform:translate(-50%,-50%) rotate(3deg)}
.film-finish{z-index:6;left:var(--gutter);top:29%;width:49%}
.film-finish h2{font-size:clamp(50px,6vw,100px);font-weight:650;line-height:1.04;margin:24px 0}
.film-print-time{margin-top:26px;display:flex;align-items:center;gap:17px;color:#62696b}
.film-print-time b{font-size:41px;letter-spacing:-.06em;font-weight:650;white-space:nowrap;color:#20262a}
.film-print-time span{font-size:11px;line-height:1.7}
.cm-film-stage.is-world .film-bottom{color:white}
.cm-film-stage.is-world .film-scroll-label i{background:#ffffff60}
.cm-film-stage.is-world .film-progress{background:#ffffff20}
.cm-film-stage.is-world .film-progress i{background:#fff}

@media(min-width:1800px){[data-motion=true] .film-intro,.film-design,.film-making,.film-finish,.film-world{left:max(var(--gutter),calc((100vw - 1650px)/2))}.film-intro .film-opening-title{font-size:clamp(130px,6.5vw,175px)}.film-product{height:85%;width:39%}.film-design{top:25%}.film-ui{max-width:470px}.film-ui-row{min-height:83px}.film-ui-row b{font-size:14px}.film-ui-row small{font-size:12px}.film-ui-top>span:last-child{font-size:9px;max-width:160px}}
@media(max-width:1000px) and (min-width:701px) and (min-height:700px){.film-intro .film-opening-title{font-size:clamp(65px,8.8vw,95px)}.film-product{width:52%;height:73%;left:74%}.film-intro .film-lead{max-width:290px}.film-design{top:25%;width:43%}.film-design h2{font-size:47px}.film-ui{padding:18px}.film-ui-row{gap:9px}.film-finish{top:32%;width:50%}.film-finish h2{font-size:clamp(46px,6.3vw,65px)}.film-hand{left:77%;width:60%;height:82%}.film-making{top:17%}.film-workshop-visual{height:70%}}
@media(max-width:700px) and (min-height:501px){
 :root{--gutter:24px;--header:64px}
 .site-header .wordmark{font-size:27px}
 .cm-film-track[data-motion=true]{height:720svh}
 .cm-film-stage{min-height:840px}
 [data-motion=true] .film-intro{left:var(--gutter);top:calc(var(--header) + 22px);width:calc(100% - var(--gutter)*2);transform:none}
 .film-intro{padding:110px 24px 490px;width:100%}
 .film-kicker{font-size:8px;letter-spacing:.12em;gap:8px}
 .film-spark{font-size:19px}
 .film-intro .film-opening-title{font-size:clamp(51px,13.1vw,78px);line-height:1.01;margin:18px 0 15px;font-weight:650}
 .film-intro .film-lead{max-width:270px;font-size:13px;line-height:1.65}
 .film-intro .film-explore{margin-top:9px;font-size:11px;min-height:36px;gap:12px}
 .film-intro .film-explore>span:last-child{height:29px;width:29px;font-size:16px}
 .film-product{left:55%;top:70%;width:95%;height:52%;max-width:none}
 .film-bottom{left:24px;right:24px;bottom:13px;gap:12px;font-size:7px;letter-spacing:.08em}
 .film-bottom a{font-size:10px;min-height:36px}
 .film-chapter-name{display:none}
 .film-scroll-label{gap:8px}
 .film-scroll-label i{height:23px}
 .film-world{top:auto;left:24px;bottom:105px;right:20px;transform:none}
 .film-world h2{font-size:clamp(65px,18vw,96px);margin-top:18px}
 .film-memory>img{object-position:58% 50%}
 .film-design{left:24px;top:calc(var(--header) + 32px);width:calc(100% - 48px);max-width:none}
 .film-design h2{font-size:clamp(37px,10vw,56px);margin:15px 0 21px}
 .film-ui{width:57%;min-width:170px;padding:14px 12px;border-radius:14px}
 .film-ui-top{display:block;padding-bottom:11px}
 .film-ui-mark{font-size:15px}
 .film-ui-top>span:last-child{display:block;font-size:6px;text-align:left;margin-top:4px;max-width:130px}
 .film-ui-row{min-height:71px;gap:7px}
 .film-ui-row b{font-size:10px;line-height:1.5}
 .film-ui-row small{font-size:9px;line-height:1.5}
 .film-step-icon{width:23px;height:23px;flex:none}
 .film-step-icon svg{width:13px;height:13px}
 .film-ui-photo{width:26px;height:32px;flex:none}
 .film-step-num{display:none}
 .film-machine-scene{width:87%;height:66%;left:50%;top:60%}
 .film-making{left:24px;top:calc(var(--header) + 35px);max-width:90%}
 .film-making h2{font-size:clamp(43px,11vw,67px);margin-top:16px}
 .film-workshop-visual{height:auto;aspect-ratio:16/9;top:39%;bottom:auto;width:130%;left:-15%;right:auto}
 .film-workshop canvas,.film-workshop-poster{object-fit:contain}
 .film-imagination-note{bottom:13%;right:50%;transform:translateX(50%);white-space:nowrap;font-size:9px}
 .film-finish{left:24px;top:calc(var(--header) + 36px);width:calc(100% - 48px)}
 .film-finish h2{font-size:clamp(42px,11vw,66px);margin:16px 0}
 .film-finish .film-lead{font-size:13px;max-width:280px}
 .film-hand{left:61%;top:70%;width:108%;height:56%}
 .film-print-time{position:static;margin-top:18px;gap:12px;z-index:10;flex-direction:row;align-items:center;max-width:none}
 .film-print-time b{font-size:31px}.film-print-time span{font-size:9px;line-height:1.7}
 .film-still-story article{display:flex;flex-direction:column;padding:35px 24px;gap:25px;align-items:stretch}
 .film-still-story article>img{max-height:480px}
 .film-still-story article:nth-child(even)>img{order:-1}
 .film-still-story h2{font-size:43px;margin:17px 0}
 .film-still-story p:not(.film-kicker){font-size:15px}
 .film-bridge{padding:100px 24px 65px}.film-bridge h2{font-size:clamp(40px,11vw,67px)}.film-bridge .film-kicker{font-size:7px;letter-spacing:.08em}.film-bridge>p:not(.film-kicker){font-size:15px;margin-top:25px}
}
@media(max-width:700px) and (min-height:501px) and (max-height:700px){
 [data-motion=true] .film-intro{top:calc(var(--header) + 18px)}
 .film-intro .film-opening-title{font-size:clamp(48px,12vw,64px);margin:13px 0 12px}
 .film-intro .film-lead{font-size:12px;max-width:245px}
 .film-intro .film-explore{display:none}
 .film-product{top:71%;height:46%;width:84%}
 .film-design,.film-making,.film-finish{top:calc(var(--header) + 20px)}
 .film-design h2{font-size:35px;margin:12px 0 15px}.film-ui-row{min-height:58px}.film-ui{padding:11px}.film-ui-row small{font-size:8.5px}.film-ui-top{padding-bottom:7px}
 .film-finish h2{font-size:37px;margin:13px 0}.film-finish .film-lead{font-size:12px;max-width:260px}.film-hand{top:74%;height:50%}.film-print-time{margin-top:12px}.film-print-time b{font-size:25px}.film-print-time span{font-size:8px}
 .film-making h2{font-size:43px}.film-workshop-visual{top:46%;width:116%;left:-8%}.film-imagination-note{bottom:12%}
}
@media(max-height:600px) and (min-width:600px){
 :root{--header:56px;--gutter:30px}
 .cm-film-track[data-motion=true]{height:940svh}
 [data-motion=true] .film-intro{top:calc(var(--header) + 18px);width:47%;transform:none}
 .film-intro .film-opening-title{font-size:clamp(44px,7vw,70px);margin:16px 0}
 .film-kicker{font-size:7px;letter-spacing:.1em}.film-spark{font-size:17px}
 .film-lead{font-size:12px;max-width:260px}
 .film-explore{font-size:10px;margin-top:9px;min-height:33px;gap:14px}.film-explore>span:last-child{width:30px;height:30px;font-size:16px}
 .film-product{width:44%;height:89%;top:55%;left:75%}
 .film-bottom{bottom:8px;font-size:7px}.film-bottom a{font-size:10px;min-height:26px}.film-scroll-label i{height:19px}
 .film-world{top:44%;}.film-world h2{font-size:61px;margin-top:14px}
 .film-design{top:21%;width:47%}.film-design h2{font-size:33px;margin:10px 0 14px}
 .film-ui{padding:10px 14px;max-width:340px}.film-ui-top{padding-bottom:7px;margin:0}.film-ui-mark{font-size:14px}.film-ui-row{min-height:43px;gap:10px}.film-ui-row b{font-size:9px}.film-ui-row small{font-size:8px;margin:0}.film-step-icon{width:23px;height:23px}.film-ui-photo{width:25px;height:30px}.film-ui-progress{margin-top:4px;height:2px}
 .film-machine-scene{height:84%;top:56%}.film-making{top:23%;max-width:29%}.film-making h2{font-size:34px;line-height:1.1}
 .film-workshop-visual{width:68%;left:32%;height:calc(100% - 56px);bottom:0}.film-workshop canvas,.film-workshop-poster{object-fit:contain}
 .film-imagination-note{bottom:40px;font-size:8px}
 .film-finish{top:25%;width:49%}.film-finish h2{font-size:42px;margin:15px 0}.film-finish .film-lead{font-size:12px}.film-print-time{margin-top:14px;gap:13px}.film-print-time b{font-size:29px}.film-print-time span{font-size:9px}
 .film-hand{height:96%;width:45%;top:58%;left:76%}.film-chapter-name{display:none}
}
@media(prefers-reduced-motion:reduce){.film-scroll-label i::after{animation:none}}
.reduced-motion .film-scroll-label i::after{animation:none}
.film-bottom{left:max(var(--gutter),env(safe-area-inset-left));right:max(var(--gutter),env(safe-area-inset-right));bottom:max(13px,env(safe-area-inset-bottom))}
.site-header{padding-left:max(var(--gutter),env(safe-area-inset-left));padding-right:max(var(--gutter),env(safe-area-inset-right))}
@media(max-width:360px) and (min-height:501px){.film-intro .film-opening-title{font-size:40px;letter-spacing:-.07em}.film-intro .film-lead{font-size:11px;max-width:250px}.film-finish h2{font-size:33px}.film-finish .film-lead{font-size:11px}.film-design h2{font-size:33px}}
@media(orientation:landscape){[data-motion=true] .film-intro,.film-design,.film-making,.film-finish,.film-world{left:max(var(--gutter),env(safe-area-inset-left))}}

/* V18: the linear/no-JS opening follows the welcome without an empty stage.
   Keep the approved case in normal flow so shorter spacing cannot overlap copy. */
.cm-film-track:not([data-motion="true"]) .cm-film-stage{
 display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;
 gap:clamp(24px,4vw,64px);min-height:0;height:auto;
 padding:36px var(--gutter) 36px;
}
.cm-film-track:not([data-motion="true"]) .film-intro{
 position:relative;inset:auto;padding:0;width:auto;max-width:none;min-width:0;
 transform:none;grid-column:1;
}
.cm-film-track:not([data-motion="true"]) .film-product{
 position:relative;inset:auto;width:min(100%,480px);height:auto;max-width:none;
 aspect-ratio:2/3;margin:0 auto;transform:none;grid-column:2;
}
.cm-film-track:not([data-motion="true"]) .film-product img{display:block;width:100%;height:auto}
.cm-film-track:not([data-motion="true"]) .film-bottom,
.cm-film-track:not([data-motion="true"]) .film-progress{display:none}
.cm-film-track:not([data-motion="true"]) .film-still-story{padding-top:0}
.cm-film-track:not([data-motion="true"]) .film-still-story article:first-child{padding-top:24px}
@media(max-width:700px){
 .cm-film-track:not([data-motion="true"]) .cm-film-stage{grid-template-columns:minmax(0,1fr);gap:20px;padding:28px var(--gutter) 28px}
 .cm-film-track:not([data-motion="true"]) .film-product{grid-column:1;width:min(100%,310px)}
}


/* Source: experience-v4.css */
/* A continuous camera journey. The approved V3 opening/finale remain the anchors.
   V19 adds two independent gift cases around the unchanged shared case camera;
   the decorations leave before the woman/phone scene takes over. */
.cm-film-track[data-motion=true]{height:860svh}
[data-motion=true] .film-create-anchor{top:285svh}
[data-motion=true] .film-product>img{animation:none}
[data-motion=true] .film-product{height:auto;aspect-ratio:2/3;will-change:transform,width}
.v4-cinema,.v4-caption{display:none}
[data-motion=true] .v4-cinema{display:block;position:absolute;inset:0;overflow:hidden;opacity:0;visibility:hidden;z-index:2;pointer-events:none}
.v4-plane{position:absolute;left:0;top:0;width:1448px;height:1086px;transform-origin:0 0;will-change:transform}
.v4-plane>canvas,.v4-front-poster,.v4-station-img{position:absolute;inset:0;width:1448px;height:1086px;object-fit:fill;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,transparent,#000 4%,#000 94%,transparent),linear-gradient(90deg,transparent,#000 3%,#000 98%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,transparent,#000 4%,#000 94%,transparent),linear-gradient(90deg,transparent,#000 3%,#000 98%,transparent);mask-composite:intersect}
.v4-front-poster.is-ready{opacity:0}
.v4-station-img{opacity:0}
.v4-left-display,.v4-right-display,.v4-lab,.v4-transfer-photo,.v4-pickup-glow,.v4-pickup-case{position:absolute;opacity:0;visibility:hidden}
.v4-left-display,.v4-lab{left:736px;top:121px;width:242px;height:481px;overflow:hidden;clip-path:polygon(.5% 1.5%,100% 0,100% 100%,0 98.7%);background:#f7f7f3}
.v4-left-display{z-index:3}
.v4-ad{position:absolute;inset:0;padding:26px 21px 20px;overflow:hidden;color:#16383a;background:linear-gradient(145deg,#edf8f5,#fcf6ec 70%,#fff1f4)}
.v4-screen-brand{display:block;font-size:24px;line-height:1;font-weight:800;letter-spacing:-1.4px;color:#15aab7}
.v4-screen-brand>span{color:#d7167a}
.v4-ad-title{font-size:36px;line-height:1.06;letter-spacing:-1.6px;font-weight:700;margin-top:23px}
.v4-ad-photo{position:absolute;right:5px;top:138px;width:150px;height:217px;transform:rotate(9deg)}
.v4-ad-photo>img{width:100%;height:100%;object-fit:contain}
.v4-ad-steps{position:absolute;left:22px;right:20px;bottom:24px;margin:0;padding:0;list-style:none;display:grid;gap:12px}
.v4-ad-steps li{display:flex;gap:12px;align-items:center;font-size:15px;opacity:.45}
.v4-ad-steps li.is-current{opacity:1}
.v4-ad-steps span{font-size:10px;font-weight:700;display:grid;place-items:center;width:21px;height:21px;border:1px solid #18686d45;border-radius:50%}
.v4-left-preview{position:absolute;inset:0;background:#f5f5f0;display:flex;flex-direction:column;justify-content:center;padding:24px;gap:20px;opacity:0}
.v4-left-preview img{width:100%;height:250px;object-fit:cover;border-radius:9px}
.v4-left-preview span{font-size:23px;font-weight:650;line-height:1.2;letter-spacing:-.7px}
.v4-lab{z-index:5;background:#f8f3ed}
.v4-lab canvas,.v4-lab-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.v4-lab-poster.is-ready{opacity:0}
.v4-right-display{left:1071px;top:177px;width:164px;height:281px;z-index:4;overflow:hidden;clip-path:polygon(.5% 1.1%,100% 0,100% 100%,0 98.7%);background:#f9faf8}
.v4-right-ui{position:absolute;inset:0;padding:15px 13px;color:#253134}
.v4-right-ui-head{margin-bottom:14px}
.v4-right-ui .v4-screen-brand{font-size:19px;letter-spacing:-1px}
.v4-right-ui-head>small{display:block;font-size:6px;letter-spacing:1.1px;margin-top:8px;color:#5a6d70}
.v4-ui-model{display:flex;align-items:center;gap:9px;position:absolute;left:13px;right:13px;top:65px;transition:opacity .15s}
.v4-ui-device{width:29px;height:38px;color:#198982;flex:none}
.v4-ui-model b,.v4-ui-photo b{font-size:10px;line-height:1.25;display:block;font-weight:750}
.v4-ui-model small,.v4-ui-photo small{font-size:7px;display:block;line-height:1.4;color:#778383;margin-top:4px}
.v4-ui-photo{position:absolute;left:13px;right:13px;top:112px;display:flex;gap:9px;align-items:center;opacity:0}
.v4-ui-photo>img{width:42px;height:56px;object-fit:cover;border-radius:5px}
.v4-ui-preview{position:absolute;left:13px;right:13px;top:63px;display:flex;align-items:center;flex-direction:column;opacity:0}
.v4-ui-preview>img{height:146px;width:98px;object-fit:contain}
.v4-ui-preview b{font-size:10px;line-height:1.4;margin-top:5px}
.v4-ui-preview small{font-size:7px;text-align:center;line-height:1.5;margin-top:2px;color:#6e7d7b}
.v4-right-progress{position:absolute;bottom:17px;left:13px;right:13px;height:3px;background:#dce7e3;overflow:hidden;border-radius:4px}
.v4-right-progress i{display:block;height:100%;background:#16a899;transform-origin:left;transform:scaleX(0)}
.v4-transfer-photo{z-index:8;left:0;top:0;width:117px;height:164px;border:4px solid white;border-radius:12px;overflow:hidden;box-shadow:0 10px 25px #143f3730;transform-origin:center}
.v4-transfer-photo img{width:100%;height:100%;object-fit:cover}
.v4-pickup-glow{z-index:7;left:869px;top:633px;width:151px;height:122px;border:4px solid #b9fff3;border-radius:21px;box-shadow:0 0 22px 8px #5ef2e866,inset 0 0 18px #5ef2e866}
.v4-pickup-case{z-index:8;left:944px;top:703px;width:160px;height:240px;transform-origin:50% 50%}
.v4-pickup-case>img{height:100%;width:100%;object-fit:contain}
[data-motion=true] .v4-caption{display:block;position:absolute;left:var(--gutter);top:31%;width:25%;max-width:380px;z-index:7;opacity:0;visibility:hidden}
.v4-caption h2{font-size:clamp(35px,3.6vw,60px);font-weight:650;line-height:1.06;letter-spacing:-.06em;margin:22px 0}
.v4-caption .film-lead{font-size:clamp(13px,1.12vw,17px);max-width:315px}
.v4-caption .film-kicker{font-size:9px;line-height:1.7}
[data-motion=true] .film-making{top:32%;left:var(--gutter);width:34%;max-width:500px}
.film-making h2{font-size:clamp(42px,5vw,82px);line-height:1.03}
.film-making .film-imagination-note{position:static;display:inline-block;transform:none;margin-top:27px;background:none;padding:0;white-space:normal;font-size:11px;line-height:1.6;color:#737d7d}
.cm-film-stage.is-workshop{background:#f7f7f3}
.v4-cinema canvas{touch-action:pan-y}
.v19-gift-opening,.v19-gift-opening *{transition-property:none!important;pointer-events:none;user-select:none;}
.v19-gift-opening{position:relative;z-index:3;grid-column:2;grid-row:1;align-self:start;width:min(100%,480px);aspect-ratio:2/3;margin:0 auto;isolation:isolate;}
.v19-gift-props{position:absolute;z-index:0;display:block;width:166%;max-width:none;height:auto;aspect-ratio:3/2;left:50%;top:58%;transform:translate(-50%,-50%);object-fit:contain;}
.v19-side-case{position:absolute;z-index:1;display:block;left:19%;top:52%;width:32%;aspect-ratio:565/1116;margin:0;transform:translate(-50%,-50%) rotate(-17deg);}
.v19-side-case--right{left:81%;transform:translate(-50%,-50%) rotate(17deg);}
.v19-case-model{position:relative;display:block;width:100%;height:100%;border-radius:13%/7%;}
.v19-case-model::before{content:"";position:absolute;inset:2% 4%;background:#e9ece5;border-radius:12%/7%;}
.v19-case-shell{position:absolute;display:block!important;max-width:none!important;width:150.442478%!important;height:101.523297%!important;left:-25.486726%;top:-.716846%;object-fit:fill;}
.v19-case-art{position:absolute;display:block!important;max-width:none!important;left:5.132743%;top:2.508961%;width:89.380531%!important;height:94.982079%!important;object-fit:cover;object-position:50% 50%;background:#eceee9;-webkit-mask-image:url('/world-v13/assets/v13/designs/print-mask.svg');mask-image:url('/world-v13/assets/v13/designs/print-mask.svg');-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;}
[data-motion=true] .v19-gift-opening{position:absolute;inset:0;width:auto;height:auto;margin:0;aspect-ratio:auto;}
[data-motion=true] .v19-gift-props{left:0;top:0;width:1536px;height:1024px;transform-origin:0 0;will-change:transform;}
[data-motion=true] .v19-side-case{left:0;top:0;width:565px;height:1116px;transform-origin:0 0;will-change:transform;}
.cm-film-track:not([data-motion="true"]) .film-product{grid-row:1;z-index:4;}
@media(max-width:700px){.v19-gift-opening{grid-column:1;grid-row:2;width:min(100%,310px)}.cm-film-track:not([data-motion="true"]) .film-product{grid-row:2;}}
.v4-scene-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.film-still-story article:nth-child(3)>img{max-height:650px;border-radius:28px}
@media(min-width:1800px){[data-motion=true] .v4-caption{left:max(var(--gutter),calc((100vw - 1900px)/2));width:30%;max-width:530px}.v4-caption h2{font-size:74px}.v4-caption .film-lead{font-size:21px;max-width:400px}[data-motion=true] .film-making{max-width:630px;left:max(var(--gutter),calc((100vw - 1900px)/2))}}
@media(max-width:1050px) and (min-width:701px) and (min-height:601px){[data-motion=true] .v4-caption{width:29%;top:25%}.v4-caption h2{font-size:36px}.v4-caption .film-kicker{font-size:7px}.v4-caption .film-lead{font-size:13px}[data-motion=true] .film-making{top:27%;width:34%}.film-making h2{font-size:47px}}
@media(max-width:700px) and (min-height:501px){
 .cm-film-track[data-motion=true]{height:880svh}
 [data-motion=true] .film-create-anchor{top:300svh}
 [data-motion=true] .v4-caption{left:24px;top:calc(var(--header) + 31px);width:calc(100% - 48px);max-width:none}
 .v4-caption h2{font-size:clamp(34px,9.4vw,48px);margin:14px 0 13px;line-height:1.04}
 .v4-caption .film-kicker{font-size:8px}
 .v4-caption .film-lead{font-size:12px;max-width:300px;line-height:1.65}
 [data-motion=true] .film-making{left:24px;top:calc(var(--header) + 25px);width:calc(100% - 48px);max-width:none}
 .film-making h2{font-size:clamp(38px,10.5vw,57px);margin-top:13px;line-height:1.04}
 .film-making .film-imagination-note{font-size:9px;margin-top:11px}
 .film-still-story article:nth-child(3)>img{max-height:600px;width:auto;max-width:100%;align-self:center}
}
@media(max-width:700px) and (min-height:501px) and (max-height:700px){
 [data-motion=true] .v4-caption{top:calc(var(--header) + 20px)}
 .v4-caption h2{font-size:32px;margin:11px 0 9px}
 .v4-caption .film-lead{font-size:11px;max-width:290px;line-height:1.55}
 .v4-caption .film-kicker{font-size:7px}
 [data-motion=true] .film-making{top:calc(var(--header) + 20px)}
 .film-making h2{font-size:35px;margin-top:10px}.film-making .film-imagination-note{margin-top:8px;font-size:8px}
}
@media(max-height:600px) and (min-width:500px){
 :root{--header:56px;--gutter:30px}
 [data-motion=true] .film-intro{top:calc(var(--header) + 18px);width:47%;transform:none}
 .film-intro .film-opening-title{font-size:clamp(40px,7vw,70px);margin:16px 0}
 .film-kicker{font-size:7px;letter-spacing:.1em}.film-spark{font-size:17px}
 .film-lead{font-size:12px;max-width:260px}
 .film-explore{font-size:10px;margin-top:9px;min-height:33px;gap:14px}.film-explore>span:last-child{width:30px;height:30px;font-size:16px}
 .film-bottom{bottom:8px;font-size:7px}.film-bottom a{font-size:10px;min-height:26px}.film-scroll-label i{height:19px}.film-chapter-name{display:none}
 .film-finish{top:25%;width:49%}.film-finish h2{font-size:clamp(33px,5vw,42px);margin:15px 0}.film-finish .film-lead{font-size:12px}.film-print-time{margin-top:14px;gap:13px}.film-print-time b{font-size:29px}.film-print-time span{font-size:9px}
 .cm-film-track[data-motion=true]{height:980svh}
 [data-motion=true] .v4-caption{top:28%;width:28%;left:max(var(--gutter),env(safe-area-inset-left))}
 .v4-caption h2{font-size:31px;margin:12px 0}.v4-caption .film-lead{font-size:11px;line-height:1.55}.v4-caption .film-kicker{font-size:6px;letter-spacing:.1em}
 [data-motion=true] .film-making{top:28%;width:36%;left:max(var(--gutter),env(safe-area-inset-left))}.film-making h2{font-size:34px}.film-making .film-imagination-note{font-size:8px;margin-top:12px}
}
@media(max-width:360px) and (min-height:501px){.v4-caption h2{font-size:29px}.v4-caption .film-lead{font-size:10px}.film-making h2{font-size:33px}}


/* Source: experience-v5.css */
/* Focused refinements: readable story progress, compact transitions, original films. */
.film-explore{gap:18px;min-height:48px;margin-top:22px;font-size:13px}
.film-explore>.film-explore-icon:last-child{width:40px;height:40px;background:#163d3d;color:#fff;border:0;flex:none}
.film-explore-icon svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none}
.film-explore:hover>.film-explore-icon:last-child{background:#087d80;transform:translateY(2px)}
.film-explore:focus-visible,.cm-film-card:focus-visible{outline:3px solid #009da7;outline-offset:6px}
.film-bridge{padding-top:clamp(64px,7vw,104px);padding-bottom:clamp(40px,5vw,72px)}
.film-bridge .film-kicker{margin-bottom:24px}
.film-bridge>p:not(.film-kicker){margin-top:24px}
.world-preview #machine .machine-intro{padding-top:clamp(48px,6vw,88px)}

/* Above the bottom edge and safe area so the line stays visible on a phone. */
.film-bottom{left:var(--gutter);right:var(--gutter);bottom:calc(28px + env(safe-area-inset-bottom));gap:20px;min-height:30px;font-size:9px;color:#364e50}
.film-scroll-label{gap:9px;font-size:8px;letter-spacing:.08em}
.film-scroll-label svg{width:17px;height:17px;stroke:#087f87;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.film-progress-info{display:flex;align-items:center;justify-content:center;gap:18px;min-width:0}
.film-chapter-name{display:block;font-size:9px;letter-spacing:.08em;line-height:1.4;color:#22383a}
[data-film-percent]{font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:0;min-width:3ch;text-align:right;color:#087f87}
.film-bottom>a{font-size:11px;min-height:40px}
.film-progress{left:var(--gutter);right:var(--gutter);bottom:calc(15px + env(safe-area-inset-bottom));height:6px;background:#cbd9d6;border-radius:10px;overflow:visible;box-shadow:0 0 0 5px #f7f7f3b3}
.film-progress i{position:relative;border-radius:inherit;background:linear-gradient(90deg,#009fad,#d7197b);min-width:0}
.film-progress i::after{content:'';position:absolute;right:-5px;top:50%;width:10px;height:10px;background:#d7197b;border:2px solid #f7f7f3;border-radius:50%;transform:translateY(-50%)}
[data-motion=false] .film-progress,[data-motion=false] .film-bottom{display:none}

/* Film cards keep the original portrait compositions inside a compact spread. */
.cm-films{background:#f7f7f3;padding:clamp(52px,6vw,96px) max(var(--gutter),calc((100vw - 1440px)/2));scroll-margin-top:calc(var(--header) + 20px)}
.cm-films-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:34px}
.cm-films-heading h2{font-size:clamp(37px,4.4vw,66px);line-height:1.06;font-weight:650;letter-spacing:-.06em;margin-top:18px;text-wrap:balance}
.cm-films-heading>p{font-size:15px;line-height:1.65;color:#62696b;max-width:320px;padding-bottom:4px}
.cm-films-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.cm-film-card{display:grid;grid-template-columns:42% minmax(0,1fr);min-height:330px;overflow:hidden;border:1px solid #22383a0d;border-radius:24px;padding:0;background:#e8eeeb;text-align:left;cursor:pointer;color:#1b2528;box-shadow:0 12px 32px #20383905;transition:transform .25s,box-shadow .25s}
.cm-film-card-factory{background:#eee9e2}
.cm-film-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px #20383912}
.cm-film-poster{display:block;position:relative;min-height:100%;overflow:hidden;background:#dbe5e0}
.cm-film-poster>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;transition:transform .5s}
.cm-film-card:hover .cm-film-poster>img{transform:scale(1.035)}
.cm-film-play{position:absolute;left:18px;bottom:18px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#1a3739;box-shadow:0 8px 22px #0002}
.cm-film-play svg{height:22px;width:22px;fill:currentColor;stroke:none;margin-left:2px}
.cm-film-card-copy{padding:28px 26px;display:flex;flex-direction:column;min-width:0}
.cm-film-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:8px;line-height:1.45;font-weight:750;letter-spacing:.08em;color:#4a6262}
.cm-film-meta>span:last-child{font-size:11px;letter-spacing:0;font-variant-numeric:tabular-nums;white-space:nowrap}
.cm-film-card-title{display:block;margin-top:25px;font-size:clamp(25px,2.6vw,39px);font-weight:650;line-height:1.07;letter-spacing:-.055em;text-wrap:balance}
.cm-film-card-description{display:block;font-size:12px;line-height:1.7;color:#5b6768;margin-top:17px;max-width:245px}
.cm-film-card-action{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:28px;font-size:11px;font-weight:750}
.cm-film-card-action svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

.film-dialog{width:min(600px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100svh - 24px);padding:18px 20px 12px;border-radius:20px;overflow:auto;background:#f7f7f3;color:#1b2528}
.film-dialog-heading{padding:0 45px 13px 0}
.film-dialog-heading>span{font-size:9px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;color:#617173}
.film-dialog-heading h2{font-size:18px;line-height:1.3;font-weight:650;letter-spacing:-.03em;margin-top:5px}
.film-dialog video{width:auto;max-width:100%;max-height:calc(100svh - 166px);border-radius:10px;background:#17272a;object-fit:contain}
.film-dialog .dialog-close{position:absolute;right:13px;top:13px;width:38px;height:38px;background:#e6ece8;color:#213638}
.film-language-note{color:#5c6a6c;font-size:10px;line-height:1.4;padding:10px 0 0}

@media(max-width:1050px){
 .cm-films-heading{align-items:flex-start;gap:25px}.cm-films-heading>p{max-width:250px;font-size:13px}
 .cm-films-grid{gap:18px}.cm-film-card{grid-template-columns:40% minmax(0,1fr);min-height:300px;border-radius:20px}
 .cm-film-card-copy{padding:24px 20px}.cm-film-card-title{font-size:29px}.cm-film-card-description{font-size:11px}
 .cm-film-meta{font-size:7px}.cm-film-play{width:46px;height:46px;left:14px;bottom:14px}
}
@media(max-width:700px) and (min-height:501px){
 .film-intro .film-explore{gap:12px;min-height:40px;margin-top:10px;font-size:11px}
 .film-intro .film-explore>.film-explore-icon:last-child{height:34px;width:34px}.film-explore-icon svg{width:18px;height:18px}
 .film-bottom{bottom:calc(27px + env(safe-area-inset-bottom));gap:12px;min-height:30px}
 .film-scroll-label{display:none}.film-progress-info{justify-content:flex-start;gap:10px;flex:1}
 .film-chapter-name{display:block;font-size:7px;letter-spacing:.035em;max-width:150px}
 [data-film-percent]{font-size:10px}.film-bottom>a{font-size:9px;min-height:36px;flex:none}
 .film-progress{bottom:calc(14px + env(safe-area-inset-bottom));height:6px}
 .film-bridge{padding:62px 24px 32px}.film-bridge h2{font-size:clamp(39px,10.4vw,62px)}
 .film-bridge .film-kicker{margin-bottom:22px}.film-bridge>p:not(.film-kicker){margin-top:21px;font-size:14px}
 .world-preview #machine .machine-intro{padding-top:52px}
}
@media(max-width:760px){
 .cm-films{padding:48px 24px}.cm-films-heading{display:block;margin-bottom:26px}.cm-films-heading h2{font-size:42px;margin-top:16px}
 .cm-films-heading>p{max-width:330px;margin-top:19px;font-size:13px;line-height:1.65}
 .cm-films-grid{grid-template-columns:1fr;gap:16px}.cm-film-card{min-height:265px;grid-template-columns:39% minmax(0,1fr)}
 .cm-film-card-copy{padding:22px 21px}.cm-film-card-title{font-size:30px;margin-top:21px}.cm-film-card-description{font-size:11px;line-height:1.6;margin-top:14px}
 .cm-film-card-action{padding-top:22px;font-size:10px}.cm-film-play{width:42px;height:42px;left:12px;bottom:12px}.cm-film-play svg{width:18px;height:18px}
}
@media(max-width:380px){
 .film-progress-info{gap:7px}.film-chapter-name{font-size:6.5px;max-width:120px}.film-bottom>a{font-size:8px}
 .cm-films-heading h2{font-size:35px}.cm-film-card{min-height:248px;grid-template-columns:37% minmax(0,1fr)}
 .cm-film-card-copy{padding:20px 16px}.cm-film-card-title{font-size:26px;margin-top:19px}.cm-film-meta{font-size:6px}.cm-film-meta>span:last-child{font-size:10px}
 .cm-film-card-description{font-size:10px}.cm-film-card-action{font-size:9px;gap:8px}
}
@media(max-height:600px) and (min-width:500px){
 .film-bottom{bottom:calc(17px + env(safe-area-inset-bottom));min-height:25px;gap:14px}
 .film-scroll-label{display:none}.film-progress-info{justify-content:flex-start;gap:14px}.film-chapter-name{display:block;font-size:7px;max-width:none}
 [data-film-percent]{font-size:9px}.film-bottom>a{min-height:28px;font-size:9px}.film-progress{height:5px;bottom:calc(8px + env(safe-area-inset-bottom))}
 .film-explore{min-height:36px;margin-top:8px;gap:11px}.film-explore>.film-explore-icon:last-child{width:30px;height:30px}.film-explore-icon svg{width:17px;height:17px}
 .film-bridge{padding-top:52px;padding-bottom:30px}.world-preview #machine .machine-intro{padding-top:40px}
 .cm-films{padding-top:45px;padding-bottom:45px}.cm-films-heading h2{font-size:40px}.cm-film-card{min-height:270px}
 .film-dialog{padding:10px 14px 8px;max-height:calc(100svh - 16px);border-radius:12px}
 .film-dialog-heading{padding-bottom:8px}.film-dialog-heading>span{display:none}.film-dialog-heading h2{font-size:14px;margin-top:0}
 .film-dialog video{width:100%;height:calc(100svh - 106px);max-height:calc(100svh - 106px);object-fit:contain;border-radius:6px}.film-dialog .dialog-close{width:32px;height:32px;top:6px;right:7px}
 .film-language-note{font-size:8px;padding-top:7px}
}
@media(prefers-reduced-motion:reduce){.cm-film-card,.cm-film-poster>img{transition:none}}
.reduced-motion .cm-film-card,.reduced-motion .cm-film-poster>img{transition:none}


/* Source: experience-v6.css */
/* V6: a quieter header, one story film, and bright, living machine screens. */
.site-header .nav-actions{margin-left:auto;gap:18px}
.site-header .lang-button{position:relative;min-width:46px;min-height:44px;padding:10px 12px;border:1px solid #173b3d25;border-radius:999px;background:#fff8;cursor:pointer;font-size:11px}
.site-header .lang-button:hover{background:#e3eeea;border-color:#087f8780}
.site-header .lang-button:focus-visible{outline:3px solid #009da7;outline-offset:4px}
.site-header .nav-contact span{white-space:nowrap}
.film-bottom{justify-content:space-between}
.film-progress-info{justify-content:flex-end;margin-left:auto}
.film-bottom .film-chapter-name{max-width:none}

.cm-films-single{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:center;gap:clamp(35px,7vw,110px);padding-top:clamp(62px,7vw,110px);padding-bottom:clamp(62px,7vw,110px)}
.cm-films-single .cm-films-heading{display:block;margin:0}
.cm-films-single .cm-films-heading h2{max-width:570px;font-size:clamp(42px,5vw,76px)}
.cm-films-single .cm-films-heading>p{max-width:360px;margin-top:24px;font-size:15px}
.cm-films-single .cm-films-grid{display:block;min-width:0}
.cm-films-single .cm-film-card{width:100%;min-height:clamp(330px,30vw,440px);grid-template-columns:41% minmax(0,1fr)}
.cm-films-single .cm-film-card-copy{padding:clamp(24px,3vw,42px)}
.cm-films-single .cm-film-card-title{font-size:clamp(30px,3.2vw,47px)}
.cm-films-single .cm-film-card-description{font-size:13px}

.cm-factory-feature{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:center;gap:clamp(35px,7vw,110px);padding:clamp(64px,7vw,110px) max(var(--gutter),calc((100vw - 1440px)/2));background:#f0f1ec;color:#181b1d;border-top:1px solid #173b3d12}
.cm-factory-heading{max-width:570px}
.cm-factory-heading h2{font-size:clamp(42px,5vw,76px);line-height:1.05;font-weight:650;letter-spacing:-.06em;margin-top:22px;text-wrap:balance}
.cm-factory-heading>p:last-child{max-width:360px;color:#62696b;font-size:15px;line-height:1.7;margin-top:24px}
.cm-factory-feature .cm-film-card{min-height:clamp(320px,28vw,410px);grid-template-columns:40% minmax(0,1fr);background:#e5e8e0}
.cm-factory-feature .cm-film-card-copy{padding:clamp(24px,3vw,40px)}
.cm-factory-feature .cm-film-card-title{font-size:clamp(30px,3.2vw,45px)}
.cm-factory-feature .cm-film-card-description{font-size:13px}

/* The right screen is an independent live UI, aligned to the actual wide cabinet. */
.ad-touchscreen{position:absolute;left:64.2%;top:16.804%;width:21.1%;height:27.607%;z-index:4;overflow:hidden;background:linear-gradient(160deg,#f8fffb,#d5eeeb);color:#193d3f;display:flex;flex-direction:column;align-items:center;padding:3% 1.6% 1.8%;border-radius:1px;clip-path:polygon(1.42% 0,100% 0,98.58% 100%,0 99.73%);box-shadow:inset 0 0 0 1px #ffffff70;font-size:clamp(4px,.68vw,9px)}
.ad-touch-brand{font-size:1.1em;letter-spacing:-.07em;font-weight:750;line-height:1}.ad-touch-brand b{color:#cb267b}
.ad-touch-heading{font-size:1.4em;line-height:1.15;font-weight:750;letter-spacing:-.06em;margin-top:9%}
.ad-touch-preview{height:61%;min-height:0;width:100%;display:flex;justify-content:center;margin:8% 0 2%}
.ad-touch-preview img{height:100%;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 3px 4px #163b3d15)}
.ad-touch-steps{display:flex;justify-content:center;gap:3px;margin-top:auto;padding:4% 0 7%}.ad-touch-steps i{width:3px;height:3px;border-radius:50%;background:#b2ceca}.ad-touch-steps i:last-child{background:#d01b77}
.ad-touch-confirm{width:90%;background:#0c828a;color:white;border-radius:20px;text-align:center;padding:5% 3%;font-size:.8em;font-weight:750;line-height:1.15}

/* Static / reduced-motion story keeps the same bright displays as the animated scene. */
.v6-still-station{position:relative;min-width:0;width:100%;align-self:center}
.v6-still-station>img{display:block;width:100%;height:auto}
.v6-still-screen{display:flex;position:absolute;overflow:hidden;pointer-events:none}
.v6-still-screen-left{left:50.829%;top:11.142%;width:16.713%;height:44.291%;clip-path:polygon(.5% 1.5%,100% 0,100% 100%,0 98.7%);background:#f2b8cf}
.v6-still-screen-left img{width:100%;height:100%;object-fit:cover;object-position:45% 50%}
.v6-still-screen-left b{position:absolute;left:8%;top:6%;color:white;font-size:clamp(5px,.9vw,13px);letter-spacing:-.06em;text-shadow:0 1px 6px #0005}
.v6-still-screen-right{left:73.964%;top:16.298%;width:11.326%;height:25.875%;clip-path:polygon(.5% 1.1%,100% 0,100% 100%,0 98.7%);background:#effaf7;flex-direction:column;align-items:center;padding:1% .5%;gap:5%}
.v6-still-screen-right b{font-size:clamp(4px,.62vw,9px);line-height:1;letter-spacing:-.06em;color:#16808a}
.v6-still-screen-right img{height:76%;width:100%;object-fit:contain}
.v6-still-screen-right i{height:6%;width:80%;background:#d32780;border-radius:10px}

@media(max-width:1000px){
 .cm-films-single,.cm-factory-feature{gap:32px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
 .cm-films-single .cm-film-card-copy,.cm-factory-feature .cm-film-card-copy{padding:25px 22px}
 .cm-films-single .cm-film-card-title,.cm-factory-feature .cm-film-card-title{font-size:31px}
 .cm-films-single .cm-film-card-description,.cm-factory-feature .cm-film-card-description{font-size:12px}
}
@media(max-width:760px){
 .site-header .nav-actions{gap:12px}.site-header .nav-contact{display:flex;padding:10px 13px;font-size:10px;gap:8px;min-height:40px}.site-header .nav-contact svg{width:14px;height:14px}
 .site-header .lang-button{min-width:42px;min-height:40px;padding:10px;font-size:10px}
 .film-progress-info{justify-content:space-between;flex:1;margin-left:0}
 .film-bottom .film-chapter-name{font-size:9px;letter-spacing:.04em}
 .cm-films-single,.cm-factory-feature{display:block;padding:54px 24px}
 .cm-films-single .cm-films-heading,.cm-factory-heading{margin-bottom:28px}
 .cm-films-single .cm-films-heading h2,.cm-factory-heading h2{font-size:clamp(40px,10.3vw,62px);max-width:520px}
 .cm-films-single .cm-films-heading>p,.cm-factory-heading>p:last-child{margin-top:19px;font-size:13px;max-width:420px}
 .cm-films-single .cm-film-card,.cm-factory-feature .cm-film-card{min-height:285px;grid-template-columns:39% minmax(0,1fr)}
 .cm-films-single .cm-film-card-copy,.cm-factory-feature .cm-film-card-copy{padding:25px 22px}
 .cm-films-single .cm-film-card-title,.cm-factory-feature .cm-film-card-title{font-size:clamp(29px,7.3vw,40px)}
 .ad-touchscreen{font-size:5px}
}
@media(max-width:380px){
 .site-header{padding-left:18px;padding-right:18px;gap:10px}.site-header>.wordmark{font-size:27px}.site-header .nav-actions{flex:none}
 .site-header .nav-actions{gap:8px}.site-header .nav-contact{font-size:9px;padding:9px 11px}.site-header .nav-contact svg{display:none}
 .cm-films-single,.cm-factory-feature{padding:48px 20px}
 .cm-films-single .cm-film-card,.cm-factory-feature .cm-film-card{min-height:268px;grid-template-columns:38% minmax(0,1fr)}
 .cm-films-single .cm-film-card-copy,.cm-factory-feature .cm-film-card-copy{padding:21px 17px}
 .cm-films-single .cm-film-card-title,.cm-factory-feature .cm-film-card-title{font-size:27px}
 .cm-films-single .cm-film-card-description,.cm-factory-feature .cm-film-card-description{font-size:11px}
}
@media(max-height:600px) and (min-width:600px){
 .film-progress-info{justify-content:space-between;flex:1}.film-bottom .film-chapter-name{font-size:8px}
 .cm-films-single,.cm-factory-feature{display:grid;grid-template-columns:.85fr 1.15fr;padding:45px 32px;gap:30px}
 .cm-films-single .cm-films-heading,.cm-factory-heading{margin:0}
 .cm-films-single .cm-films-heading h2,.cm-factory-heading h2{font-size:39px}
 .cm-films-single .cm-film-card-title,.cm-factory-feature .cm-film-card-title{font-size:28px}
 .cm-films-single .cm-film-card,.cm-factory-feature .cm-film-card{min-height:280px}
}

#advertising .ad-screen{left:14.6%;top:10.953%;width:37.2%;height:49.062%}


/* Source: refinements-v7.css */
/* V7: Bulgarian words fit their cards; portrait scenes follow their content. */
.cm-films-single .cm-film-card,
.cm-factory-feature .cm-film-card{width:100%;max-width:100%;min-width:0}
.cm-film-card-copy{container-type:inline-size;min-width:0}
.cm-films-single .cm-film-card-title,
.cm-factory-feature .cm-film-card-title{font-size:clamp(22px,14cqw,40px);line-height:1.1;word-break:normal;overflow-wrap:normal;hyphens:none;text-wrap:balance}
.cm-film-card-description,.cm-film-card-action{min-width:0;overflow-wrap:break-word}

/* A text-only button avoids platform-dependent emoji rendering. */
.business-v6 .business-v6-cta{justify-content:center;gap:0;padding:15px 23px;min-height:50px;max-width:100%;text-align:center;line-height:1.4}
.business-v6 .business-v6-close{gap:24px;padding-bottom:48px}
.business-v6[data-business-mode="motion"] .business-v6-close{padding-top:22px}

@media(max-width:1000px){
 .cm-films-single .cm-film-card-title,.cm-factory-feature .cm-film-card-title{font-size:clamp(21px,14cqw,34px)}
}
@media(max-width:760px){
 .cm-films-single .cm-film-card,.cm-factory-feature .cm-film-card{grid-template-columns:34% minmax(0,1fr);min-height:260px}
 .cm-films-single .cm-film-card-copy,.cm-factory-feature .cm-film-card-copy{padding:23px 18px}
 .cm-films-single .cm-film-card-title,.cm-factory-feature .cm-film-card-title{font-size:clamp(22px,14cqw,30px);margin-top:20px}
 .cm-films-single .cm-film-card-description,.cm-factory-feature .cm-film-card-description{font-size:12px;line-height:1.6;margin-top:15px}
 .cm-film-card-action{padding-top:21px}
 .business-v6 .business-v6-close{gap:14px;padding-bottom:30px}
 .business-v6[data-business-mode="motion"] .business-v6-close{padding-top:18px}
 .business-v6 .business-v6-close>p{font-size:11px;line-height:1.6}
 .cm-factory-feature{padding-top:38px;padding-bottom:40px}
}
@media(max-width:380px){
 .cm-films-single .cm-film-card,.cm-factory-feature .cm-film-card{grid-template-columns:33% minmax(0,1fr);min-height:248px}
 .cm-films-single .cm-film-card-copy,.cm-factory-feature .cm-film-card-copy{padding:21px 16px}
 .cm-films-single .cm-film-card-title,.cm-factory-feature .cm-film-card-title{font-size:clamp(21px,14cqw,26px);margin-top:17px}
 .cm-films-single .cm-film-card-description,.cm-factory-feature .cm-film-card-description{font-size:11px}
 .business-v6 .business-v6-cta{font-size:11px;padding:14px 20px}
}

/* The controller measures the untransformed heading and maintains this gap.
   One width defines the machine's complete aspect ratio and all screen layers. */
@media(max-width:850px) and (orientation:portrait){
 body.js-motion:not(.reduced-motion) #advertising .ad-heading{top:calc(var(--header) + 22px);left:var(--gutter);right:var(--gutter);width:auto;max-width:none}
 body.js-motion:not(.reduced-motion) #advertising .ad-heading h2{font-size:clamp(34px,9.7vw,52px);line-height:1.07;margin:16px 0}
 body.js-motion:not(.reduced-motion) #advertising .ad-heading>p:last-child{max-width:38em;font-size:clamp(12px,3.25vw,15px);line-height:1.55}
 body.js-motion:not(.reduced-motion) #advertising .ad-machine-wrap{width:var(--ad-v7-width,70vw);height:auto;max-width:none;left:calc((100% - var(--ad-v7-width,70vw))/2);top:var(--ad-v7-top,45%);right:auto;bottom:auto}
}
@media(max-width:430px) and (max-height:700px) and (orientation:portrait){
 body.js-motion:not(.reduced-motion) #advertising .ad-heading{top:calc(var(--header) + 15px)}
 body.js-motion:not(.reduced-motion) #advertising .ad-heading h2{font-size:clamp(29px,8.5vw,36px);margin:12px 0}
 body.js-motion:not(.reduced-motion) #advertising .ad-heading>p:last-child{font-size:12px;line-height:1.5}
}
@media(max-height:600px) and (min-width:600px){
 .cm-films-single .cm-film-card,.cm-factory-feature .cm-film-card{grid-template-columns:32% minmax(0,1fr);min-height:260px}
 .cm-films-single .cm-film-card-copy,.cm-factory-feature .cm-film-card-copy{padding:22px 16px}
 .cm-films-single .cm-film-card-title,.cm-factory-feature .cm-film-card-title{font-size:clamp(20px,13cqw,29px)}
}


/* Source: business-v8.css */
/* V8: shorter machine story, comfortable copy and useful partnership detail. */
.business-v6[data-business-mode="motion"] .business-v6-track { height: 310svh; }
.business-v6[data-business-mode="motion"] .business-v6-chapter { transition: none; }
.business-v6 .business-v6-eyebrow { font-size: 11px; letter-spacing: .09em; }
.business-v6 .business-v6-chapters > button { font-size: 12px; min-height: 44px; }
.business-v6 .business-v6-model figcaption { font-size: 11px; letter-spacing: .01em; }
.business-v6 .business-v6-close { align-items: center; gap: 26px; padding-bottom: 30px; }
.business-v6 .business-v6-cta { border: 0; font-family: inherit; font-size: 14px; min-height: 52px; cursor: pointer; }
.business-v6 .business-v6-close > p { max-width: 42em; font-size: 13px; line-height: 1.65; }

.business-v8-practical {
  padding: 20px max(var(--gutter, 24px), calc((100vw - 1440px) / 2)) 68px;
}
.business-v8-practical-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 24px;
  padding: 22px 0 30px;
}
.business-v8-practical-heading h3 {
  max-width: 18em;
  font-size: clamp(25px, 2.5vw, 36px);
  font-weight: 650;
  line-height: 1.2;
  letter-spacing: -.045em;
  text-wrap: balance;
}
.business-v8-practical-heading > p {
  max-width: 27em;
  color: #626869;
  font-size: 14px;
  line-height: 1.6;
}
.business-v8-detail { border-top: 1px solid #d7dcd7; }
.business-v8-detail:last-child { border-bottom: 1px solid #d7dcd7; }
.business-v8-detail > summary {
  display: grid;
  grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr) 28px;
  align-items: center;
  gap: 24px;
  min-height: 88px;
  padding: 21px 0;
  list-style: none;
  cursor: pointer;
}
.business-v8-detail > summary::-webkit-details-marker { display: none; }
.business-v8-detail > summary:focus-visible { outline: 2px solid #007e8a; outline-offset: 5px; border-radius: 2px; }
.business-v8-summary-title { font-size: clamp(19px, 1.8vw, 25px); font-weight: 600; line-height: 1.25; letter-spacing: -.03em; }
.business-v8-summary-note { color: #626869; font-size: 14px; line-height: 1.5; }
.business-v8-plus { position: relative; width: 24px; height: 24px; color: #007e8a; }
.business-v8-plus::before, .business-v8-plus::after { content: ""; position: absolute; top: 11px; left: 4px; width: 16px; height: 2px; background: currentColor; border-radius: 1px; }
.business-v8-plus::after { transform: rotate(90deg); }
.business-v8-detail[open] .business-v8-plus::after { transform: rotate(0); }
.business-v8-detail[open] .business-v8-summary-title { color: #007885; }
.business-v8-detail-body { padding: 7px 0 29px; }
.business-v8-detail-body dl { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px; margin: 0; }
.business-v8-detail-body dl > div { min-width: 0; }
.business-v8-detail-body dt, .business-v8-next-label {
  margin: 0 0 9px !important;
  color: #007885;
  font-size: 11px;
  font-weight: 650;
  line-height: 1.4;
  letter-spacing: .075em;
  text-transform: uppercase;
}
.business-v8-detail-body dd { margin: 0; max-width: 40em; color: #4f5759; font-size: 15px; line-height: 1.7; text-wrap: pretty; }
.business-v8-next { display: flex; align-items: center; justify-content: space-between; gap: 38px; margin-top: 25px; padding-top: 23px; border-top: 1px solid #e4e7e2; }
.business-v8-next > div { max-width: 47em; }
.business-v8-next > div > p:last-child { color: #4f5759; font-size: 15px; line-height: 1.7; text-wrap: pretty; }
.business-v8-detail-cta {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 46px;
  max-width: 100%;
  padding: 10px 0;
  border: 0;
  color: #1b2326;
  background: transparent;
  font: inherit;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 650;
  text-align: left;
  cursor: pointer;
}
.business-v8-detail-cta:hover { color: #007885; }
.business-v8-detail-cta svg { flex: 0 0 22px; width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }

@media (max-width: 850px) and (orientation: portrait) {
  .business-v6[data-business-mode="motion"] .business-v6-copy-stack { padding-top: 22px; padding-bottom: 6px; }
  .business-v6[data-business-mode="motion"] .business-v6-description { font-size: 15px; line-height: 1.55; margin-top: 15px !important; }
  .business-v6[data-business-mode="motion"] .business-v6-eyebrow { font-size: 10px; margin-bottom: 11px !important; }
  .business-v6 .business-v6-context > p { font-size: 11px; }
  .business-v6 .business-v6-counter { font-size: 10px; }
}

@media (max-width: 700px) {
  .business-v6 .business-v6-close { align-items: flex-start; flex-direction: column; gap: 15px; padding-top: 23px; padding-bottom: 18px; }
  .business-v6 .business-v6-close > p { font-size: 13px; }
  .business-v8-practical { padding-top: 10px; padding-bottom: 42px; }
  .business-v8-practical-heading { display: block; padding-bottom: 25px; }
  .business-v8-practical-heading > p { margin-top: 12px; font-size: 14px; }
  .business-v8-detail > summary { grid-template-columns: minmax(0, 1fr) 24px; gap: 7px 15px; padding: 20px 0; }
  .business-v8-summary-title { grid-column: 1; grid-row: 1; font-size: 21px; }
  .business-v8-summary-note { grid-column: 1; grid-row: 2; font-size: 13px; }
  .business-v8-plus { grid-column: 2; grid-row: 1 / 3; }
  .business-v8-detail-body { padding-top: 5px; padding-bottom: 24px; }
  .business-v8-detail-body dl { grid-template-columns: 1fr; gap: 22px; }
  .business-v8-detail-body dd, .business-v8-next > div > p:last-child { font-size: 14px; line-height: 1.65; }
  .business-v8-next { flex-direction: column; align-items: flex-start; gap: 13px; margin-top: 22px; padding-top: 20px; }
  .business-v8-detail-cta { padding: 8px 0; }
}

@media (max-width: 430px) and (orientation: portrait) {
  .business-v6[data-business-mode="motion"] .business-v6-chapter h2,
  .business-v6[data-business-mode="motion"] .business-v6-chapter h3 { font-size: clamp(29px, 8vw, 35px); line-height: 1.09; }
  .business-v6[data-business-mode="motion"] .business-v6-description { font-size: 14px; line-height: 1.55; }
  .business-v6 .business-v6-chapters > button { font-size: 11px; }
  .business-v6 .business-v6-model figcaption { font-size: 10px; }
}

/* Short screens use the normal-flow presentation selected by the controller. */
.business-v6[data-business-mode="static"] .business-v6-description { font-size: 15px; }
.business-v6[data-business-mode="static"] .business-v6-detail { font-size: 13px; }
@media (max-height: 430px) and (orientation: landscape) {
  .business-v6[data-business-mode="static"] .business-v6-stage { padding-top: 45px; }
  .business-v6[data-business-mode="static"] .business-v6-layout { grid-template-columns: 1fr; gap: 26px; }
  .business-v6[data-business-mode="static"] .business-v6-chapter:not([data-business-chapter="0"]) { grid-row: auto; }
  .business-v6[data-business-mode="static"] .business-v6-chapter h3 { font-size: 30px; }
  .business-v6[data-business-mode="static"] .business-v6-visual { width: min(90%, 650px); height: 460px; }
}

@media print {
  .business-v6-chapter { visibility: visible !important; }
  .business-v8-detail-body { display: block !important; }
  .business-v8-detail-cta, .business-v6-close { display: none !important; }
}


/* Source: experience-v8.css */
/* V8: a shorter, lighter camera journey with an immersive phone portal.
 * Load after the previous scene styles. The static story keeps natural height.
 */
.cm-film-track[data-motion="true"]{height:660svh}
[data-motion="true"] .film-create-anchor{top:216svh}
[data-motion="true"] .film-product{will-change:transform;contain:layout style}
.v4-lab{isolation:isolate;backface-visibility:hidden}
.v4-lab canvas,.v4-lab-poster{backface-visibility:hidden}
.film-product>img,.film-hand>img{backface-visibility:hidden}

@media(max-width:700px) and (min-height:501px){
  .cm-film-track[data-motion="true"]{height:680svh}
  [data-motion="true"] .film-create-anchor{top:223svh}
  .v4-caption .film-lead{font-size:14px;line-height:1.55;max-width:340px}
  .v4-caption .film-kicker,.film-making .film-kicker{font-size:10px;letter-spacing:.055em;line-height:1.5}
  .film-making .film-imagination-note{font-size:12px;line-height:1.5;max-width:330px}
  .film-bottom .film-chapter-name{font-size:10px;letter-spacing:.025em}
  [data-film-percent]{font-size:11px}
  [data-motion="true"] .film-making{pointer-events:none}
}
@media(max-width:700px) and (min-height:501px) and (max-height:700px){
  .v4-caption .film-lead{font-size:12px;line-height:1.45;max-width:290px}
  .v4-caption .film-kicker,.film-making .film-kicker{font-size:9px}
  .film-making .film-imagination-note{font-size:11px}
}
@media(max-height:600px) and (min-width:500px){
  .cm-film-track[data-motion="true"]{height:720svh}
  [data-motion="true"] .film-create-anchor{top:239svh}
  .v4-caption .film-lead{font-size:12px;line-height:1.45}
  .v4-caption .film-kicker,.film-making .film-kicker{font-size:8px}
  .film-making .film-imagination-note{font-size:10px;line-height:1.45}
}


/* Source: enquiry-v8.css */
/* Real delivery states share the site's quiet, readable visual language. */
.enquiry-dialog{width:min(660px,calc(100vw - 32px));max-height:calc(100svh - 32px);overflow-y:auto;overscroll-behavior:contain;padding:clamp(28px,5vw,48px)}
.enquiry-dialog>.eyebrow{font-size:10px;letter-spacing:.12em;line-height:1.5;padding-right:28px}
.enquiry-dialog h2{font-size:clamp(32px,5vw,48px);letter-spacing:-.05em;margin-bottom:28px}
.enquiry-dialog label{font-size:13px;line-height:1.45}
.enquiry-dialog input,.enquiry-dialog select,.enquiry-dialog textarea{font-size:16px;border-radius:12px;min-height:48px}
.enquiry-dialog .form-note{font-size:12px;line-height:1.65;margin:0}
.enquiry-dialog [hidden],#enquiry-result[hidden],#enquiry-form[hidden]{display:none!important}
.enquiry-dialog button:disabled{opacity:.6;cursor:wait}
.enquiry-consent{grid-template-columns:20px 1fr!important;gap:10px!important;align-items:start;font-weight:400!important}
.enquiry-consent input{width:18px!important;height:18px;min-height:0!important;margin:2px 0 0;accent-color:var(--pink)}
.enquiry-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
#enquiry-status{font-size:13px;line-height:1.6;color:#8d2249;margin:0;min-height:0}
#enquiry-status:empty{display:none}
#enquiry-fallback{display:flex;flex-wrap:wrap;gap:16px;border-top:1px solid #17212620;padding-top:16px}
#enquiry-fallback .text-button,.enquiry-direct-email,#edit-enquiry{font-size:13px;line-height:1.5;text-underline-offset:4px}
.enquiry-direct-email{color:var(--muted);justify-self:start}
#enquiry-result{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding-bottom:12px}
.enquiry-success-mark{width:56px;height:56px;display:grid;place-items:center;background:#04b5d01c;color:#087b88;border-radius:50%}
.enquiry-success-mark svg{width:28px;height:28px}
#enquiry-result h3{font-size:clamp(28px,5vw,40px);line-height:1.1;letter-spacing:-.04em;margin:0}
#enquiry-result p{font-size:15px;line-height:1.7;margin:0}
#enquiry-result .enquiry-reference{font-size:11px;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px}
#enquiry-result .enquiry-reference strong{font-weight:600;color:var(--ink)}
@media(max-width:520px){.enquiry-dialog{padding:42px 22px 26px}.enquiry-dialog .form-row{gap:16px}.enquiry-dialog form{gap:16px}.enquiry-dialog .pill-button{min-height:54px}.enquiry-dialog>.eyebrow{font-size:9px;margin-bottom:20px}}


/* Source: refinements-v8.css */
/* CaseMore V8 — product detail, film invitations and a light native-scroll finale. */
:root{--v8-paper:#f5f6f1;--v8-ink:#172326;--v8-cyan:#00b8c9;--v8-pink:#ec008c}
.v8-motion-choice{display:inline-flex;align-items:center;gap:8px;border:0;border-bottom:1px solid #a8b5b5;background:transparent;color:#4f6365;font:inherit;font-size:12px;line-height:1.5;padding:8px 0;cursor:pointer;min-height:36px}
.v8-motion-choice svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.4}
.film-intro .v8-motion-choice{margin-top:15px;position:relative;z-index:20;pointer-events:auto}
.v8-detail-section{padding:clamp(48px,7vw,100px) var(--gutter);background:#f1f3ee;border-top:1px solid #e0e5df;position:relative}
.v8-detail-layout{max-width:1380px;margin:auto;display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:7vw}
.v8-detail-copy{min-width:0}
.v8-detail-copy .eyebrow{color:#477174;font-size:11px;letter-spacing:.11em}
.v8-detail-copy h2{font-size:clamp(40px,5.1vw,78px);line-height:1.05;letter-spacing:-.065em;margin:23px 0 24px;text-wrap:balance}
.v8-detail-copy>p:not(.eyebrow){max-width:34em;color:#536264;font-size:16px;line-height:1.7}
.v8-detail-tabs{display:flex;flex-wrap:wrap;gap:9px;margin-top:32px}
.v8-detail-tabs button{border:1px solid #cbd4cf;border-radius:24px;background:transparent;color:#344a4d;min-height:44px;padding:10px 18px;font:inherit;font-size:13px;cursor:pointer}
.v8-detail-tabs button[aria-pressed="true"]{background:#1b3337;color:white;border-color:#1b3337}
.v8-detail-tabs button:focus-visible{outline:3px solid #00a5b6;outline-offset:3px}
.v8-detail-caption{font-size:13px!important;line-height:1.65!important;min-height:4.8em;margin-top:18px!important;color:#637274!important}
.v8-product-frame{position:relative;height:clamp(380px,44vw,640px);background:radial-gradient(ellipse at 45% 46%,#ffffff 0%,#e8ede6 72%);border-radius:30px;overflow:hidden;isolation:isolate;margin:0}
.v8-product-frame::after{content:"";position:absolute;inset:0;border:1px solid #1734350b;border-radius:inherit;pointer-events:none}
.v8-real-case{width:100%;height:106%;object-fit:contain;object-position:50% 0;transform:translateY(4%) scale(1);transform-origin:50% 45%;transition:transform .7s cubic-bezier(.2,.65,.25,1),transform-origin .7s;display:block;filter:drop-shadow(0 18px 20px #1d332415)}
.v8-product-frame[data-detail="rim"] .v8-real-case{transform-origin:34% 26%;transform:translateY(4%) scale(1.55)}
.v8-product-frame[data-detail="camera"] .v8-real-case{transform-origin:28% 13%;transform:translateY(4%) scale(2.15)}
.v8-product-frame figcaption{position:absolute;left:20px;bottom:18px;right:20px;z-index:2;text-align:center;color:#31484a;font-size:11px;letter-spacing:.035em;background:#f7f8f0e8;border:1px solid #ffffffc0;border-radius:22px;padding:10px 14px;backdrop-filter:blur(12px)}
.v8-launch{max-width:1380px;margin:44px auto 0;padding:25px 0 0;border-top:1px solid #d8e0d8;display:flex;align-items:center;justify-content:space-between;gap:28px}
.v8-launch-copy{display:flex;gap:12px;align-items:flex-start;max-width:42em}
.v8-launch-dot{flex:0 0 7px;height:7px;background:#00a6b4;border-radius:50%;margin-top:9px;box-shadow:0 0 0 5px #00a6b40d}
.v8-launch p{font-size:14px;line-height:1.65;color:#52686a}
.v8-launch p strong{display:block;font-weight:650;color:#213c40;margin-bottom:2px}
.v8-launch button{flex:0 0 auto;border:0;background:transparent;border-bottom:1px solid #1f6e74;font:inherit;font-size:14px;color:#165e66;padding:11px 0;min-height:44px;cursor:pointer;font-weight:650;text-align:left}
.v8-ad-practical{padding:44px var(--gutter) 48px;background:#eef2ed;display:grid;grid-template-columns:1fr 1fr;gap:5vw}
.v8-ad-practical article{max-width:38em}
.v8-ad-practical h3{font-size:clamp(24px,2.1vw,31px);line-height:1.15;letter-spacing:-.04em;margin-bottom:13px}
.v8-ad-practical p{font-size:15px;line-height:1.7;color:#526366}
.v8-ad-practical button{border:0;background:transparent;font:inherit;font-size:14px;color:#175d67;font-weight:650;padding:16px 0 5px;min-height:44px;cursor:pointer}
.cm-films-heading>p,.cm-factory-heading>p{font-size:15px;line-height:1.7}
.cm-film-card-description{font-size:14px!important;line-height:1.65!important;max-width:30em}
.cm-film-card-action{font-size:13px!important}
.cm-film-meta{font-size:10px!important;letter-spacing:.06em}
.cm-film-meta>span:last-child{font-size:12px!important}
.cm-films-single .cm-film-card-title,.cm-factory-feature .cm-film-card-title{font-size:clamp(25px,12cqw,39px);line-height:1.12}
#questions .faq-list details>p{font-size:15px;line-height:1.75}
.brand-finale{position:relative;overflow:clip!important;background:#f3f5ef!important;border-top:1px solid #dbe3dc;height:auto;isolation:isolate}
.brand-finale[data-finale-motion="true"]{height:200svh}
.brand-finale-stage{position:relative;min-height:700px;height:100svh;max-height:1120px;overflow:hidden;padding:calc(var(--header,80px) + 32px) var(--gutter) 32px;isolation:isolate}
[data-finale-motion="true"] .brand-finale-stage{position:sticky;top:0}
.brand-finale-copy{position:relative;z-index:5;max-width:62%}
.brand-finale-copy .eyebrow{font-size:11px;color:#577276;letter-spacing:.08em;max-width:39em;line-height:1.5}
.brand-finale-copy h2{font-size:clamp(48px,6.5vw,98px);line-height:1.02;letter-spacing:-.065em;margin:19px 0 23px;text-wrap:balance}
.brand-finale-copy h2 .pink{white-space:nowrap}
.brand-finale-copy .pill-button{font-size:15px;min-height:58px;padding-left:24px}
.brand-finale-art{position:absolute;inset:0;z-index:1;pointer-events:none;--finale-p:1}
.brand-finale-orbit{position:absolute;left:11%;top:39%;width:75%;height:52%;opacity:.9;overflow:visible}
.brand-finale-orbit .v8-trace-base{fill:none;stroke:#dbe7dc;stroke-width:1}
.brand-finale-orbit .v8-trace-colour{fill:none;stroke:url(#finale-colours);stroke-width:3.3;stroke-linecap:round;stroke-dasharray:1000;stroke-dashoffset:0}
.brand-finale-word{position:absolute;left:var(--gutter);top:57%;font-size:clamp(76px,11.7vw,180px);line-height:.95;font-weight:800;letter-spacing:-.075em;white-space:nowrap;display:flex;align-items:baseline;transform-origin:left center;z-index:3}
.brand-finale-word span{display:inline-block;color:var(--v8-cyan);will-change:transform}
.brand-finale-word span:nth-child(n+5){color:var(--v8-pink)}
.brand-finale-mimi{position:absolute;width:min(37vw,515px);height:auto;right:4%;bottom:3%;transform-origin:50% 92%;filter:drop-shadow(0 20px 20px #163a3212);z-index:2}
.brand-finale-shadow{position:absolute;right:7%;bottom:3%;width:30%;height:3%;border-radius:50%;background:radial-gradient(ellipse,#23453924,transparent 68%);transform-origin:center;z-index:0}
.brand-finale-note{position:absolute;left:var(--gutter);bottom:8%;font-size:15px;color:#4d6668;z-index:3;max-width:31em;line-height:1.6}
.brand-finale-particle{position:absolute;display:block;width:8px;height:8px;background:#ec008c;border-radius:50%;right:20%;top:47%;opacity:0}
.brand-finale-particle:nth-of-type(2){background:#00bbcc;right:33%;top:56%;width:6px;height:6px}
.brand-finale-particle:nth-of-type(3){background:#e9bd46;right:10%;top:63%;width:5px;height:5px}
.brand-finale-particle:nth-of-type(4){background:#00bbcc;right:44%;top:44%;width:5px;height:5px}
.brand-finale-copy .pill-button{transition:box-shadow .3s,transform .3s}
.brand-finale[data-complete="true"] .brand-finale-copy .pill-button{box-shadow:0 0 0 5px #00b8c910}
.site-footer{gap:22px}

@media(min-width:1700px){.brand-finale-stage{padding-left:max(var(--gutter),calc((100vw - 1600px)/2));padding-right:max(var(--gutter),calc((100vw - 1600px)/2))}.brand-finale-word,.brand-finale-note{left:max(var(--gutter),calc((100vw - 1600px)/2))}}
@media(max-width:1000px){.v8-detail-layout{gap:5vw}.v8-detail-copy h2{font-size:52px}.brand-finale-copy{max-width:70%}.brand-finale-mimi{width:42vw;right:0}.brand-finale-word{font-size:12vw;top:59%}.brand-finale-note{max-width:45%}}
@media(max-width:760px){
 .v8-detail-section{padding:48px var(--gutter) 32px}.v8-detail-layout{grid-template-columns:1fr;gap:23px}.v8-detail-copy h2{font-size:clamp(39px,10.5vw,56px);margin:17px 0 19px}.v8-detail-copy>p:not(.eyebrow){font-size:15px;line-height:1.65}.v8-detail-copy .eyebrow{font-size:10px}.v8-detail-tabs{margin-top:22px;gap:8px}.v8-detail-tabs button{font-size:13px;padding:10px 15px}.v8-detail-caption{min-height:3.3em}.v8-product-frame{height:430px;border-radius:22px}.v8-product-frame figcaption{font-size:10px;bottom:14px;left:14px;right:14px}
 .v8-launch{margin-top:28px;display:block;padding-top:23px}.v8-launch p{font-size:14px}.v8-launch button{margin-top:12px;font-size:14px}
 .cm-films-single .cm-film-card,.cm-factory-feature .cm-film-card{grid-template-columns:1fr;min-height:0}.cm-film-poster{min-height:0;aspect-ratio:1.5;height:auto;max-height:290px}.cm-film-poster>img{object-position:50% 48%}.cm-film-card-factory .cm-film-poster>img{object-position:50% 50%}.cm-films-single .cm-film-card-copy,.cm-factory-feature .cm-film-card-copy{padding:23px 23px 25px}.cm-films-single .cm-film-card-title,.cm-factory-feature .cm-film-card-title{font-size:clamp(25px,8vw,34px);max-width:17em;margin-top:17px}.cm-film-card-description{font-size:14px!important;margin-top:12px}.cm-film-card-action{padding-top:21px;font-size:13px!important}.cm-film-play{width:52px;height:52px;left:18px;bottom:18px}.cm-film-play svg{width:20px;height:20px}.cm-films-heading>p,.cm-factory-heading>p{font-size:15px}
 .v8-ad-practical{grid-template-columns:1fr;gap:27px;padding-top:32px;padding-bottom:35px}.v8-ad-practical article+article{padding-top:26px;border-top:1px solid #d7dfd8}.v8-ad-practical h3{font-size:26px}.v8-ad-practical p{font-size:14px}
 .brand-finale[data-finale-motion="true"]{height:185svh}.brand-finale-stage{min-height:650px;height:100svh;max-height:1000px;padding:calc(var(--header,70px) + 25px) var(--gutter) 25px}.brand-finale-copy{max-width:100%}.brand-finale-copy .eyebrow{font-size:9px;line-height:1.6;max-width:30em}.brand-finale-copy h2{font-size:clamp(39px,11vw,60px);line-height:1.05;margin:16px 0 19px}.brand-finale-copy .pill-button{font-size:13px;min-height:51px;padding-left:20px}.brand-finale-copy .button-circle{width:38px;height:38px}.brand-finale-word{left:50%;top:48%;font-size:17vw;letter-spacing:-.08em;transform:translateX(-50%);transform-origin:center center}.brand-finale-mimi{width:clamp(220px,63vw,360px);right:calc(50% - 33vw);bottom:6%;max-height:39%;object-fit:contain}.brand-finale-orbit{left:3%;top:43%;width:93%;height:48%;opacity:.9}.brand-finale-shadow{right:21%;bottom:6%;width:58%;height:2%}.brand-finale-note{left:var(--gutter);right:var(--gutter);max-width:none;bottom:2%;font-size:12px;text-align:center}.brand-finale-particle{top:53%;right:25%}.brand-finale-particle:nth-of-type(2){right:78%;top:65%}.brand-finale-particle:nth-of-type(3){right:14%;top:79%}.brand-finale-particle:nth-of-type(4){right:66%;top:54%}
}
@media(max-width:380px){.v8-product-frame{height:380px}.v8-detail-copy h2{font-size:39px}.brand-finale-copy h2{font-size:40px}.brand-finale-copy .eyebrow{font-size:9px}.brand-finale-word{top:49%}.brand-finale-mimi{bottom:7%}.film-intro .v8-motion-choice{font-size:11px;margin-top:8px;padding:4px 0}}
@media(max-height:650px) and (orientation:portrait){.brand-finale-stage{height:auto;min-height:690px}.brand-finale[data-finale-motion="true"]{height:auto}.brand-finale[data-finale-motion="true"] .brand-finale-stage{position:relative}.brand-finale-word{top:49%}.brand-finale-mimi{max-height:36%}}
@media(max-height:500px) and (orientation:landscape){.brand-finale-stage{min-height:560px;height:auto;padding-top:80px}.brand-finale[data-finale-motion="true"]{height:auto}.brand-finale[data-finale-motion="true"] .brand-finale-stage{position:relative}.brand-finale-copy{max-width:65%}.brand-finale-copy h2{font-size:51px}.brand-finale-word{font-size:12vw;top:67%;left:var(--gutter);transform:none}.brand-finale-mimi{width:37vw;right:1%;bottom:4%;max-height:65%}.brand-finale-note{bottom:4%;max-width:50%;text-align:left;font-size:12px}.brand-finale-orbit{top:40%}}
.reduced-motion .brand-finale{height:auto!important}.reduced-motion .brand-finale-stage{position:relative!important}.reduced-motion .v8-real-case{transition:none}.reduced-motion .brand-finale-copy .pill-button{transition:none}
@media(prefers-reduced-motion:reduce){.v8-real-case,.brand-finale-copy .pill-button{transition:none}}
@media print{.brand-finale{height:auto!important}.brand-finale-stage{position:relative!important;height:620px}.v8-motion-choice,.v8-detail-tabs{display:none}.brand-finale-word span{opacity:1!important;transform:none!important}}

@media(max-width:760px) and (min-height:651px) and (orientation:portrait){.brand-finale-word{top:43%}.brand-finale-mimi{top:51%;bottom:auto;width:67vw;right:16.5%;max-height:39%}.brand-finale-shadow{bottom:9%}.brand-finale-orbit{top:39%;height:46%}}

.film-product>picture{display:contents}.film-product picture>img{animation:none;display:block;backface-visibility:hidden}
@media(max-width:760px){.v8-detail-copy{display:contents}.v8-detail-layout{gap:16px}.v8-detail-copy>.eyebrow{order:0;margin:0}.v8-detail-copy>h2{order:1;margin:0 0 5px}.v8-product-frame{order:2;height:400px}.v8-detail-copy>p:not(.eyebrow):not(.v8-detail-caption){order:3;margin-top:4px}.v8-detail-tabs{order:4;margin-top:0}.v8-detail-caption{order:5;margin-top:0!important;min-height:0}}


/* Source: refinements-v10.css */
/* CaseMore V10 — short browsers use a flowing finale, not reduced motion.
   Keep this after refinements-v8.css; data-finale-layout follows the usable
   visual viewport, including in-app browser chrome. No new media is loaded. */
.brand-finale .brand-finale-mimi,
.brand-finale .brand-finale-word,
.brand-finale .brand-finale-word span{opacity:1}

.brand-finale[data-finale-layout="flow"]{height:auto}
.brand-finale[data-finale-layout="flow"] .brand-finale-stage{
  position:relative;top:auto;height:auto;min-height:0;max-height:none;
  overflow:visible;padding:44px var(--gutter) 28px;
  display:flex;flex-direction:column;align-items:stretch;
}
.brand-finale[data-finale-layout="flow"] .brand-finale-copy{max-width:44rem}
.brand-finale[data-finale-layout="flow"] .brand-finale-copy h2{
  font-size:clamp(36px,10.5vw,64px);line-height:1.06;margin:15px 0 20px;
}
.brand-finale[data-finale-layout="flow"] .brand-finale-copy .pill-button{
  min-height:51px;max-width:100%;position:relative;z-index:5;
}
.brand-finale[data-finale-layout="flow"] .brand-finale-art{
  position:relative;inset:auto;width:100%;height:clamp(330px,105vw,490px);
  flex:none;margin-top:26px;overflow:visible;
}
.brand-finale[data-finale-layout="flow"] .brand-finale-word{
  left:50%;right:auto;top:8px;bottom:auto;
  font-size:clamp(50px,16.5vw,86px);line-height:1;letter-spacing:-.08em;
  transform:translateX(-50%);transform-origin:center center;
}
.brand-finale[data-finale-layout="flow"] .brand-finale-mimi{
  width:min(64vw,300px);height:auto;max-height:none;max-width:none;
  top:auto;bottom:32px;right:calc(50% - min(32vw,150px));left:auto;
  object-fit:contain;transform-origin:50% 92%;
}
.brand-finale[data-finale-layout="flow"] .brand-finale-orbit{
  left:3%;top:1%;width:94%;height:94%;opacity:1;
}
.brand-finale[data-finale-layout="flow"] .brand-finale-shadow{
  right:21%;bottom:24px;width:58%;height:12px;
}
.brand-finale[data-finale-layout="flow"] .brand-finale-note{
  position:relative;inset:auto;max-width:none;margin:0;
  font-size:13px;line-height:1.6;text-align:center;
}
.brand-finale[data-finale-layout="flow"] .brand-finale-particle{top:36%;right:21%}
.brand-finale[data-finale-layout="flow"] .brand-finale-particle:nth-of-type(2){top:42%;right:78%}
.brand-finale[data-finale-layout="flow"] .brand-finale-particle:nth-of-type(3){top:65%;right:14%}
.brand-finale[data-finale-layout="flow"] .brand-finale-particle:nth-of-type(4){top:22%;right:65%}

@media(orientation:landscape){
  .brand-finale[data-finale-layout="flow"] .brand-finale-stage{padding-top:28px;padding-bottom:24px}
  .brand-finale[data-finale-layout="flow"] .brand-finale-copy h2{font-size:clamp(34px,5.5vw,58px)}
  .brand-finale[data-finale-layout="flow"] .brand-finale-art{height:clamp(265px,82svh,340px);margin-top:18px}
  .brand-finale[data-finale-layout="flow"] .brand-finale-word{font-size:clamp(44px,8vw,64px);top:8px}
  .brand-finale[data-finale-layout="flow"] .brand-finale-mimi{
    width:clamp(140px,44svh,180px);bottom:24px;
    right:calc(50% - clamp(70px,22svh,90px));
  }
  .brand-finale[data-finale-layout="flow"] .brand-finale-shadow{bottom:16px}
}
@media(min-width:720px) and (orientation:landscape){
  .brand-finale[data-finale-layout="flow"] .brand-finale-stage{
    display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.9fr);
    column-gap:28px;row-gap:20px;align-items:center;
  }
  .brand-finale[data-finale-layout="flow"] .brand-finale-copy{grid-column:1;grid-row:1;align-self:end}
  .brand-finale[data-finale-layout="flow"] .brand-finale-art{grid-column:2;grid-row:1/3;margin-top:0}
  .brand-finale[data-finale-layout="flow"] .brand-finale-note{grid-column:1;grid-row:2;align-self:start;text-align:left}
}
@media print{
  .brand-finale .brand-finale-mimi,.brand-finale .brand-finale-word span{transform:none!important}
}


/* Source: refinements-v11.css */
/* V11: targeted accessibility corrections from the responsive audit. */
.film-making .film-imagination-note{color:#62696b}
/* Keep the live status region present while empty, without adding a form gap. */
#enquiry-status:empty{display:block;height:0;overflow:hidden}


/* Source: refinements-v12.css */
/* Official V12: readable business estimates and resilient contact actions. */
.business-v8-detail { scroll-margin-top: 96px; }
.business-v6-detail {
  font-size: 12px;
  line-height: 1.5;
}
.business-v6[data-business-mode="motion"] .business-v6-detail {
  font-size: 12px;
  line-height: 1.45;
}
.business-v6-cta,
.business-v8-detail-cta {
  max-width: 100%;
  min-height: 48px;
  white-space: normal;
}
.business-v6-cta>span,
.business-v8-detail-cta>span {
  min-width: 0;
  overflow-wrap: break-word;
}
@media (max-width: 420px) {
  .business-v6-cta { padding-inline: 24px; font-size: 15px; }
  .business-v8-detail-cta { font-size: 14px; }
}


/* Source: business-v13.css */
/* CaseMore V13 — compact showroom, natural scroll, clear partner choices. */
.world-preview #partners.business-v13 {
  --business-ink: #182024;
  --business-muted: #5b6668;
  --business-accent: #087f8e;
  position: relative;
  padding: clamp(52px, 6vw, 96px) var(--gutter, 24px) clamp(38px, 4vw, 64px);
  background: #f7f7f3;
  color: var(--business-ink);
  scroll-margin-top: calc(var(--header, 74px) + 20px);
  overflow: clip;
}
.business-v13 *, .business-v13 *::before, .business-v13 *::after { box-sizing: border-box; }
.business-v13 :is(p, h2, h3, figure) { margin: 0; }
.business-v13-inner { max-width: 1400px; margin: 0 auto; }
.business-v13-layout { display: grid; grid-template-columns: minmax(0, .87fr) minmax(0, 1.13fr); align-items: center; gap: clamp(24px, 3.4vw, 58px); }
.business-v13-copy { position: relative; min-width: 0; z-index: 2; padding: 12px 0; }
.business-v13-eyebrow { margin-bottom: 18px !important; color: var(--business-accent); font-size: 12px; font-weight: 650; line-height: 1.5; letter-spacing: .11em; text-transform: uppercase; }
.business-v13-copy h2 { max-width: 11em; font-size: clamp(40px, 4.8vw, 74px); font-weight: 650; letter-spacing: -.06em; line-height: 1.07; text-wrap: balance; overflow-wrap: normal; }
.business-v13-description { max-width: 32em; margin-top: 24px !important; color: var(--business-muted); font-size: clamp(16px, 1.35vw, 19px); line-height: 1.58; text-wrap: pretty; }
.business-v13-cta { display: inline-flex; align-items: center; justify-content: center; gap: 18px; max-width: 100%; min-height: 54px; margin-top: 28px; padding: 15px 24px; border: 0; border-radius: 99px; background: #182024; color: #fff; font: inherit; font-size: 15px; font-weight: 600; line-height: 1.35; text-decoration: none; text-align: left; cursor: pointer; transition: background .18s ease; }
.business-v13-cta:hover { background: #087f8e; }
.business-v13-cta svg { width: 22px; height: 22px; flex: 0 0 22px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.business-v13-stage { position: relative; min-width: 0; width: 100%; aspect-ratio: 1.17; isolation: isolate; perspective: 1100px; --studio-arrival: 1; }
.business-v13-models { position: absolute; inset: 0; }
.business-v13-halo { position: absolute; z-index: -3; inset: 3% 0 13%; border-radius: 50% 50% 17% 17%; border: 1px solid #d7e0de; background: radial-gradient(ellipse at 20% 45%, #e2f6f4, transparent 58%), radial-gradient(ellipse at 80% 40%, #fceaf1, transparent 58%), linear-gradient(180deg, #fff9 0%, #f2f4ef88 100%); transform: scale(calc(.88 + var(--studio-arrival) * .12)); transform-origin: center bottom; }
.business-v13-halo::after { content: ''; position: absolute; inset: 10px; border: 1px solid #fff; border-bottom-color: transparent; border-radius: inherit; }
.business-v13-floor { position: absolute; z-index: -1; left: 4%; right: 4%; bottom: 11%; height: 15%; border-radius: 50%; background: radial-gradient(ellipse, #7b8b8425 0%, #b8c5bd18 45%, transparent 72%); transform: scaleX(calc(.84 + var(--studio-arrival) * .16)); }
.business-v13-machine { position: absolute; bottom: 17%; height: 78%; width: auto; aspect-ratio: 3 / 4; transform-origin: center bottom; }
.business-v13-machine--compact { right: 49%; z-index: 1; }
.business-v13-machine--wide { left: 49%; z-index: 2; }
.business-v13-machine figcaption { position: absolute; top: calc(100% + 14px); left: -9%; right: -9%; color: #596568; font-size: clamp(12px, 1.15vw, 15px); font-weight: 550; line-height: 1.35; text-align: center; text-wrap: balance; }
.business-v13 .business-model-device { position: relative; display: block; width: 100%; height: 100%; }
.business-v13 .business-model-device > img { display: block; width: 100%; height: 100%; object-fit: fill; }
/* Brochure p3: compact 1800 mm, wide 2030 mm. Correct for the transparent
   photo margins as well as height, then align both caster baselines. */
.business-v13-machine--compact .business-model-device { transform: translateY(-1.952500%) scale(.86052070); transform-origin: 50% 100%; }
.business-v13 .business-model-device[data-machine-model="wide"] { --ad-left: 14.6%; --ad-top: 10.953%; --ad-width: 37.2%; --ad-height: 49.062%; --touch-left: 64.2%; --touch-top: 16.804%; --touch-width: 21.1%; --touch-height: 27.607%; }
.business-v13 .business-model-device[data-machine-model="compact"] { --ad-left: 21.455%; --ad-top: 10.981%; --ad-width: 23.665%; --ad-height: 31.492%; --touch-left: 53.039%; --touch-top: 11.05%; --touch-width: 27.256%; --touch-height: 36.602%; }
.business-v13 .business-screen { position: absolute; display: flex; flex-direction: column; align-items: center; overflow: hidden; container-type: inline-size; border-radius: 1px; pointer-events: none; color: #202629; }
.business-v13 .business-screen--ad { left: var(--ad-left); top: var(--ad-top); width: var(--ad-width); height: var(--ad-height); justify-content: space-between; padding: calc(var(--ad-width) * .07) calc(var(--ad-width) * .06) calc(var(--ad-width) * .05); background: radial-gradient(ellipse at 17% 17%, #f8e7ee, transparent 48%), linear-gradient(155deg, #fff8f6 10%, #e4f8f7 92%); }
.business-v13 .business-screen-brand { align-self: flex-start; flex: 0 0 auto; font-size: clamp(3px, 9cqw, 12px); font-weight: 750; line-height: 1.1; letter-spacing: -.07em; }
.business-v13 .business-screen-brand > span { color: #0099a9; }
.business-v13 .business-screen-message { position: relative; z-index: 2; align-self: flex-start; margin-top: 10%; font-size: clamp(5px, 16cqw, 21px); font-weight: 700; line-height: 1.03; letter-spacing: -.055em; max-width: 95%; }
.business-v13 .business-screen-case { display: block; min-height: 0; width: 69%; height: 60%; margin: 2% auto 0; object-fit: contain; transform: rotate(-8deg); }
.business-v13 .business-screen-bottom { flex: 0 0 auto; align-self: flex-start; padding-top: 4%; font-size: clamp(2px, 5cqw, 7px); line-height: 1.3; letter-spacing: -.01em; }
.business-v13 .business-screen--touch { left: var(--touch-left); top: var(--touch-top); width: var(--touch-width); height: var(--touch-height); justify-content: space-between; padding: calc(var(--touch-width) * .08) calc(var(--touch-width) * .05) calc(var(--touch-width) * .06); background: #f7faf9; }
.business-v13 .business-model-device[data-machine-model="wide"] .business-screen--touch { clip-path: polygon(1.42% 0, 100% 0, 98.58% 100%, 0 99.73%); }
.business-v13 .business-screen--touch .business-screen-brand { font-size: clamp(3px, 10cqw, 10px); }
.business-v13 .business-screen-choice { align-self: flex-start; margin: 10% 0 7%; font-size: clamp(3px, 10cqw, 10px); line-height: 1.2; font-weight: 650; }
.business-v13 .business-screen-photo { width: 100%; flex: 1 1 auto; min-height: 0; border-radius: 4%; overflow: hidden; background: #e4e8df; }
.business-v13 .business-screen-photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 49% 40%; }
.business-v13 .business-screen-action { display: block; flex: 0 0 auto; width: 100%; margin-top: 10%; padding: 7% 2%; border-radius: 99px; background: #008da0; color: white; text-align: center; font-size: clamp(2px, 7cqw, 7px); font-weight: 650; line-height: 1.3; white-space: nowrap; }
.business-v13 .business-screen-dots { display: flex; flex: 0 0 auto; gap: 3px; justify-content: center; margin-top: 8%; }
.business-v13 .business-screen-dots > i { width: 2px; height: 2px; border-radius: 50%; background: #b9c6c5; }
.business-v13 .business-screen-dots > i:first-child { background: #008da0; }
.business-v13-options-title { margin: clamp(26px, 3vw, 44px) 0 22px !important; font-size: clamp(27px, 2.8vw, 42px); line-height: 1.15; font-weight: 650; letter-spacing: -.045em; text-wrap: balance; }
.business-v13-options { border-top: 1px solid #cfd8d4; }
.business-v13-option { min-width: 0; margin: 0; border-bottom: 1px solid #cfd8d4; scroll-margin-top: calc(var(--header, 74px) + 20px); }
.business-v13-option > summary { position: relative; display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr) 26px; align-items: center; gap: 26px; min-height: 94px; padding: 23px 0; cursor: pointer; list-style: none; }
.business-v13-option > summary::-webkit-details-marker { display: none; }
.business-v13-option-title { color: #182024; font-size: clamp(23px, 2.15vw, 31px); font-weight: 600; line-height: 1.2; letter-spacing: -.04em; }
.business-v13-option-note { color: var(--business-muted); font-size: clamp(15px, 1.3vw, 18px); line-height: 1.5; }
.business-v13-plus { position: relative; display: block; width: 24px; height: 24px; color: var(--business-accent); }
.business-v13-plus::before, .business-v13-plus::after { content: ''; position: absolute; left: 2px; right: 2px; top: 11px; height: 2px; background: currentColor; }
.business-v13-plus::after { transform: rotate(90deg); }
.business-v13-option[open] .business-v13-plus::after { transform: none; }
.business-v13-option[open] .business-v13-option-title { color: var(--business-accent); }
.business-v13-option-body { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); align-items: start; gap: 28px; padding: 0 50px 26px 0; }
.business-v13-option-body > p { max-width: 48em; color: var(--business-muted); font-size: 16px; line-height: 1.65; text-wrap: pretty; }
.business-v13-option-cta, .business-v13-link { display: inline-flex; justify-self: end; align-items: center; gap: 18px; min-height: 48px; max-width: 100%; border: 0; padding: 7px 0; background: transparent; color: var(--business-accent); font: inherit; font-size: 16px; font-weight: 600; line-height: 1.4; text-decoration: none; text-align: left; cursor: pointer; }
.business-v13-option-cta svg, .business-v13-link svg { width: 24px; height: 24px; flex: 0 0 24px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.business-v13-option-cta:hover, .business-v13-link:hover { color: #182024; }
.business-v13-note { max-width: 60em; margin-top: 22px !important; color: var(--business-muted); font-size: 13px; line-height: 1.6; }
.business-v13 :is(a, button, summary):focus-visible { outline: 2px solid var(--business-accent); outline-offset: 5px; }
.business-v13[data-business-motion="static"] .business-v13-machine { transform: none !important; }
.business-v13[data-business-motion="static"] .business-v13-stage { --studio-arrival: 1 !important; }

@media (max-width: 950px) {
  .business-v13-layout { grid-template-columns: 1fr; gap: 22px; }
  .business-v13-copy { max-width: 680px; padding: 0; }
  .business-v13-copy h2 { max-width: 13em; font-size: clamp(38px, 6.5vw, 61px); }
  .business-v13-description { max-width: 40em; margin-top: 18px !important; }
  .business-v13-stage { max-width: 680px; justify-self: center; aspect-ratio: 1.25; }
  .business-v13-options-title { margin-top: 12px !important; }
}
@media (max-width: 600px) {
  .world-preview #partners.business-v13 { padding-top: 44px; padding-bottom: 30px; }
  .business-v13-layout { gap: 26px; }
  .business-v13-eyebrow { margin-bottom: 13px !important; font-size: 11px; }
  .business-v13-copy h2 { font-size: clamp(35px, 9.6vw, 51px); }
  .business-v13-description { font-size: 16px; line-height: 1.58; }
  .business-v13-cta { margin-top: 22px; min-height: 52px; padding: 13px 22px; font-size: 14px; }
  .business-v13-stage { width: calc(100% + 10px); margin-inline: -5px; aspect-ratio: 1.13; }
  .business-v13-machine { bottom: 17%; height: 76%; }
  .business-v13-machine figcaption { top: calc(100% + 11px); left: -5%; right: -5%; font-size: 12px; }
  .business-v13-halo { inset: 3% 1% 15%; }
  .business-v13-options-title { margin-bottom: 19px !important; font-size: 28px; }
  .business-v13-option > summary { grid-template-columns: minmax(0, 1fr) 25px; gap: 8px 18px; min-height: 100px; padding: 21px 0; }
  .business-v13-option-title { grid-column: 1; font-size: clamp(22px, 5.5vw, 27px); }
  .business-v13-option-note { grid-column: 1; font-size: 15px; }
  .business-v13-plus { grid-column: 2; grid-row: 1 / span 2; }
  .business-v13-option-body { grid-template-columns: 1fr; gap: 10px; padding: 0 0 22px; }
  .business-v13-option-body > p { font-size: 15px; line-height: 1.65; }
  .business-v13-option-cta, .business-v13-link { justify-self: start; font-size: 15px; }
  .business-v13-note { font-size: 13px; margin-top: 19px !important; }
}
@media (max-width: 359px) {
  .business-v13-copy h2 { font-size: 33px; }
  .business-v13-stage { aspect-ratio: 1.07; }
  .business-v13-machine figcaption { font-size: 11px; }
  .business-v13-description { font-size: 15px; }
}
@media print {
  .business-v13-machine { transform: none !important; }
  .business-v13-stage { --studio-arrival: 1 !important; }
  .business-v13-option { break-inside: avoid; }
}


/* Source: designs-v13.css */
/* Nine designs on the approved physical CaseMore Studio case.
   The ring is CSS transformed: no WebGL context or video/frame downloads. */
.designs-v13{--gallery-paper:#f5f6f1;--gallery-ink:#172125;--gallery-top:92px;position:relative;background:var(--gallery-paper);color:var(--gallery-ink);padding:64px 0 28px;isolation:isolate;overflow-anchor:none;}
/* JS owns the complete pose and measures the gallery immediately on resize.
   The global reduced-motion duration must not create transitions on default
   "all" properties: even .01ms can expose an old height or z-index for a frame. */
.designs-v13,.designs-v13 *,.designs-v13 *::before,.designs-v13 *::after{transition-property:none!important;}
.designs-v13-intro{max-width:1320px;margin:0 auto 24px;padding:0 clamp(22px,6vw,88px);}
.designs-v13-intro .eyebrow{color:#43727a;margin:0 0 20px;font-size:12px;line-height:1.45;letter-spacing:.14em;}
.designs-v13-intro h2{font-size:clamp(42px,6.2vw,88px);line-height:1.02;letter-spacing:-.065em;max-width:12ch;margin:0 0 20px;font-weight:600;}
.designs-v13-lead{font-size:clamp(17px,1.8vw,23px);line-height:1.5;color:#5c6668;max-width:42ch;margin:0;}
.designs-v13-sticky{max-width:1500px;margin:0 auto;padding:14px clamp(16px,4vw,64px) 20px;}
.designs-v13-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,.85fr);align-items:center;gap:32px;min-width:0;}
.designs-v13-stage{position:relative;min-width:0;height:560px;perspective:none;transform-style:flat;touch-action:pan-y;overflow:clip;isolation:isolate;}
.designs-v13-stage::before{content:"";position:absolute;z-index:-2;inset:16% 3% 7%;border-radius:50%;background:radial-gradient(ellipse at 40% 40%,#c3e4e02b,transparent 65%);transform:translateZ(-600px);pointer-events:none;}
.designs-v13-stage::after{content:"";position:absolute;z-index:-1;width:86%;height:56%;left:7%;bottom:5%;border:1px solid #9eaaa42e;border-radius:50%;pointer-events:none;}
.design-v13-item{position:relative;margin:16px auto;width:220px;aspect-ratio:565/1116;}
.design-v13-model{position:relative;width:100%;height:100%;border-radius:13%/7%;backface-visibility:hidden;-webkit-backface-visibility:hidden;}
.design-v13-model::before{content:"";position:absolute;inset:2% 4%;background:#e9ece5;border-radius:12%/7%;}
.design-v13-shell{position:absolute;max-width:none!important;width:150.442478%;height:101.523297%;left:-25.486726%;top:-.716846%;object-fit:fill;pointer-events:none;user-select:none;}
.design-v13-art{position:absolute;max-width:none!important;left:5.132743%;top:2.508961%;width:89.380531%;height:94.982079%;object-fit:cover;object-position:50% 50%;background:#eceee9;-webkit-mask-image:url('/world-v13/assets/v13/designs/print-mask.svg');mask-image:url('/world-v13/assets/v13/designs/print-mask.svg');-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;pointer-events:none;user-select:none;}
.design-v13-item::after{content:"";position:absolute;left:10%;right:10%;height:6%;bottom:-5%;border-radius:50%;background:radial-gradient(ellipse,#14323626,transparent 70%);pointer-events:none;}
.designs-v13[data-ready="true"] .design-v13-item{position:absolute;left:50%;top:var(--case-center-y,54%);margin:0;width:var(--case-width,228px);transform-origin:50% 50%;will-change:transform;}
.designs-v13[data-ready="true"] .designs-v13-layout{flex:1;min-height:0;}
.designs-v13[data-ready="true"] .designs-v13-stage{height:100%;min-height:0;}
.designs-v13[data-ready="true"] .designs-v13-sticky{height:var(--gallery-height,620px);display:flex;flex-direction:column;}
.designs-v13[data-gallery-mode="scroll"]{padding-bottom:0;}
.designs-v13[data-gallery-mode="scroll"] .designs-v13-sticky{position:sticky;top:var(--gallery-top);}
.designs-v13[data-gallery-mode="scroll"] .designs-v13-note{position:absolute;bottom:6px;width:100%;}
.designs-v13-captions{position:relative;min-width:0;align-self:center;padding-right:24px;}
.design-v13-caption{margin:0 0 24px;}
.design-v13-caption[hidden]{display:none!important;}
.design-v13-category{color:#397a83;font-size:12px;line-height:1.4;letter-spacing:.13em;text-transform:uppercase;font-weight:600;margin:0 0 16px;}
.design-v13-caption h3{font-size:clamp(32px,3.8vw,55px);font-weight:600;letter-spacing:-.055em;line-height:1.08;text-wrap:balance;margin:0 0 18px;overflow-wrap:normal;}
.design-v13-description{font-size:clamp(17px,1.65vw,22px);line-height:1.5;max-width:30ch;color:#626b6c;margin:0;}
.designs-v13-controls{display:flex;align-items:center;justify-content:center;gap:12px;flex:none;margin:12px auto 0;width:min(430px,100%);}
.designs-v13-controls[hidden]{display:none;}
.designs-v13-controls button{display:grid;place-items:center;width:48px;height:48px;flex:none;border:1px solid #c9d3ce;border-radius:50%;background:#ffffffbd;color:#172125;cursor:pointer;padding:0;}
.designs-v13-controls button:hover{background:#e2efeb;}
.designs-v13-controls button:disabled{opacity:.4;cursor:default;}
.designs-v13-controls button svg{height:22px;width:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.designs-v13-select{display:flex;align-items:center;position:relative;min-width:0;flex:1;max-width:270px;background:#fff9;border:1px solid #c9d3ce;border-radius:30px;}
.designs-v13-select select{appearance:none;-webkit-appearance:none;min-width:0;width:100%;height:48px;background:transparent;border:0;border-radius:30px;padding:0 76px 0 19px;font:inherit;font-size:15px;font-weight:600;line-height:1.2;color:var(--gallery-ink);cursor:pointer;}
.designs-v13-count{position:absolute;right:16px;font-size:11px;color:#647271;font-variant-numeric:tabular-nums;pointer-events:none;}
.designs-v13-controls :focus-visible{outline:2px solid #168995;outline-offset:4px;}
.designs-v13-progress{height:2px;background:#d9dfd9;width:min(290px,65%);margin:14px auto 0;overflow:hidden;flex:none;}
.designs-v13-progress i{display:block;height:100%;width:100%;background:#188894;transform:scaleX(.1111);transform-origin:left;}
.designs-v13-hint{text-align:center;font-size:12px;color:#5f6a69;margin:9px 0 0;line-height:1.5;flex:none;}
.designs-v13-note{text-align:center;font-size:12px;line-height:1.5;max-width:none;margin:14px 0 0;padding:0 24px;color:#667170;}
.designs-v13:not([data-ready="true"]) .designs-v13-stage{display:flex;overflow-x:auto;height:auto;gap:30px;}
.designs-v13:not([data-ready="true"]) .design-v13-item{flex:0 0 190px;}
.designs-v13:not([data-ready="true"]) .designs-v13-layout{display:block;}
.designs-v13:not([data-ready="true"]) .designs-v13-captions{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;}
.designs-v13:not([data-ready="true"]) .designs-v13-progress,.designs-v13:not([data-ready="true"]) .designs-v13-hint{display:none;}
/* The stationary cabinet separates the rear and front arcs. The controller
   reserves z=10 for it, keeps rear cases below it and near cases above it.
   Roof and screen layers stay inside this one isolated stacking context. */
.designs-v17-machine{display:none;position:absolute;left:50%;top:var(--gallery-machine-top,7.4%);width:var(--gallery-machine-width,150px);aspect-ratio:1000/1333;transform:translateX(-50%);z-index:10;isolation:isolate;pointer-events:none;}
.designs-v13[data-ready="true"] .designs-v17-machine{display:block;}
.designs-v17-machine .machine-roof-sign>img{filter:drop-shadow(0 -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(1px 2px 0 #64787d);}
.designs-v17-cabinet{display:block;width:100%;height:100%;object-fit:fill;user-select:none;}
.designs-v17-machine::after{content:"";position:absolute;z-index:-1;left:2%;right:2%;bottom:1%;height:6%;border-radius:50%;background:radial-gradient(ellipse,#24403b24,transparent 70%);}
.designs-v17-screen{position:absolute;z-index:1;display:flex;flex-direction:column;align-items:center;container-type:inline-size;overflow:hidden;border-radius:1px;color:#173036;line-height:1.15;}
.designs-v17-screen--display{left:14.6%;top:10.953%;width:37.2%;height:49.062%;padding:5% 3% 3%;background:radial-gradient(ellipse at 12% 10%,#fbe7ef,transparent 65%),linear-gradient(150deg,#fff9f6,#e5f6f2);}
.designs-v17-screen--touch{left:64.2%;top:16.804%;width:21.1%;height:27.607%;padding:2% 1%;gap:3%;background:linear-gradient(150deg,#fffaf7,#e7f5f1);}
.designs-v17-screen-brand{display:block;align-self:flex-start;flex:none;font-size:clamp(3px,10cqw,10px);font-weight:800;letter-spacing:-.065em;white-space:nowrap;}
.designs-v17-screen-brand b{color:#f40f84;font-weight:inherit;}
.designs-v17-screen-category{display:block;align-self:flex-start;flex:none;max-width:100%;margin-top:7%;font-size:clamp(3px,10cqw,11px);font-weight:700;line-height:1.15;overflow-wrap:anywhere;}
.designs-v17-case-preview{display:block;position:relative;flex:none;width:57%;aspect-ratio:565/1116;margin:8% auto 3%;transform:rotate(-7deg);}
.designs-v17-case-preview>.design-v13-model{display:block;}
.designs-v17-screen-foot{display:block;flex:none;margin-top:auto;padding-top:3%;font-size:clamp(2px,6.8cqw,8px);line-height:1.15;}
.designs-v17-touch-title{display:block;align-self:flex-start;flex:none;max-width:100%;font-size:clamp(2px,10cqw,7px);font-weight:700;line-height:1.2;}
.designs-v17-touch-photo{display:block;min-height:0;flex:1;width:89%;border-radius:3%;object-fit:cover;object-position:50% 50%;background:#e4efeb;}
.designs-v17-touch-action{display:block;flex:none;width:100%;padding:4% 2%;border-radius:99px;background:#008e9a;color:#fff;text-align:center;font-size:clamp(2px,7.7cqw,6px);font-weight:600;line-height:1.1;}
.designs-v17-touch-dots{display:flex;justify-content:center;gap:7%;width:100%;height:3%;flex:none;}
.designs-v17-touch-dots i{display:block;width:5%;aspect-ratio:1;border-radius:50%;background:#bad1cd;}
.designs-v17-touch-dots i:first-child{background:#00a8b7;}
@media(min-width:1600px){.designs-v13-layout{grid-template-columns:minmax(0,1.65fr) minmax(320px,.8fr);gap:64px;}}
@media(max-width:850px){
 .designs-v13{padding-top:42px;}
 .designs-v13-intro{padding:0 24px;margin-bottom:14px;}
 .designs-v13-intro .eyebrow{font-size:10px;margin-bottom:16px;}
 .designs-v13-intro h2{font-size:clamp(40px,9.5vw,64px);margin-bottom:16px;}
 .designs-v13-lead{font-size:17px;max-width:31ch;}
 .designs-v13-sticky{padding:8px 12px 32px;}
 .designs-v13-layout{display:flex;flex-direction:column;gap:6px;}
 .designs-v13[data-ready="true"] .designs-v13-stage{width:100%;flex:1;min-height:210px;}
 .designs-v13-captions{flex:none;align-self:stretch;text-align:center;padding:0 24px;min-height:104px;}
 .design-v13-caption{margin:0;}
 .design-v13-category{font-size:10px;margin:0 0 5px;}
 .design-v13-caption h3{font-size:clamp(25px,6.8vw,36px);line-height:1.08;margin:0 0 8px;max-width:22ch;margin-inline:auto;}
 .design-v13-description{font-size:15px;line-height:1.4;max-width:34ch;margin-inline:auto;}
 .designs-v13-controls{gap:10px;margin-top:10px;width:min(350px,calc(100% - 20px));}
 .designs-v13-select select{font-size:14px;padding-left:16px;}
 .designs-v13-progress{margin-top:10px;}
 .designs-v13-hint{font-size:11px;margin-top:6px;}
 .designs-v13-note{font-size:11px;}
}
@media(max-width:359px){.designs-v13-intro{padding-inline:20px;}.designs-v13-captions{padding-inline:16px;}.design-v13-caption h3{font-size:24px;}.design-v13-description{font-size:14px;}.designs-v13-controls{gap:6px;width:100%;}.designs-v13-select select{font-size:13px;padding-right:69px;padding-left:13px;}.designs-v13-count{right:12px;}}
@media(max-height:550px) and (min-width:600px){
 .designs-v13-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;}
 .designs-v13[data-ready="true"] .designs-v13-stage{min-height:230px;}
 .designs-v13-captions{text-align:left;padding-right:16px;}
 .design-v13-caption h3{font-size:28px;}
 .design-v13-description{font-size:16px;}
}
@media(prefers-reduced-motion:reduce){.designs-v13 *{scroll-behavior:auto!important;}}


/* Source: refinements-v13.css */
/* V13 — a continuous customer → advertising → business story.
   These are flow-layout corrections; the opening and finale keep their timing. */
:root {
  --v13-content-gutter: max(var(--gutter, 24px), calc((100vw - 1400px) / 2));
  --v13-section-space: clamp(40px, 5vw, 76px);
}

.site-header { gap: 14px; }
.site-header > .wordmark { flex-shrink: 0; }
.site-header .nav-actions { flex-shrink: 0; gap: 12px; }
.site-header .lang-button,
.site-header .nav-contact { min-height: 44px; }
.site-header .lang-button { min-width: 44px; font-size: 12px; }
.site-header .nav-contact { font-size: 12px; }

#films.cm-films-single,
#behind-the-scenes.cm-factory-feature {
  padding: var(--v13-section-space) var(--v13-content-gutter);
  column-gap: clamp(28px, 4.5vw, 72px);
  row-gap: 26px;
  scroll-margin-top: calc(var(--header, 74px) + 16px);
}
#films.cm-films-single { padding-bottom: clamp(24px, 3vw, 40px); }
#behind-the-scenes.cm-factory-feature {
  padding-top: clamp(32px, 4vw, 56px);
  padding-bottom: clamp(36px, 4vw, 60px);
}
.cm-films-heading,
.cm-factory-heading,
.cm-film-card-copy { min-width: 0; }
.cm-films-single .cm-films-heading h2,
.cm-factory-heading h2 {
  font-size: clamp(36px, 4.7vw, 68px);
  line-height: 1.08;
  overflow-wrap: normal;
  word-break: normal;
  text-wrap: balance;
}
.cm-films-single .cm-films-heading > p,
.cm-factory-heading > p:last-child { margin-top: 18px; }
.cm-films-single .cm-film-card-title,
.cm-factory-feature .cm-film-card-title { overflow-wrap: normal; word-break: normal; }
.cm-film-card-description,
.cm-film-card-action > span { overflow-wrap: break-word; }

#questions.v13-customer-faq {
  padding: clamp(36px, 4vw, 64px) var(--v13-content-gutter) clamp(36px, 4.5vw, 72px);
  column-gap: clamp(32px, 6vw, 96px);
  row-gap: 30px;
  align-items: start;
  scroll-margin-top: calc(var(--header, 74px) + 16px);
}
#questions .faq-heading,
#questions .faq-list { min-width: 0; }
#questions .faq-heading .display-heading {
  max-width: 12em;
  font-size: clamp(35px, 4.1vw, 62px);
  line-height: 1.1;
  text-wrap: balance;
  overflow-wrap: normal;
  word-break: normal;
}
#questions .faq-heading > .eyebrow { margin-bottom: 18px; }
#questions .faq-list summary {
  min-height: 72px;
  padding: 20px 6px 20px 0;
  gap: 18px;
  font-size: 16px;
  line-height: 1.45;
}
#questions .faq-list summary > span { min-width: 0; overflow-wrap: break-word; }
#questions .faq-list details > p {
  max-width: 42em;
  padding: 0 28px 24px 0;
  font-size: 15px;
  line-height: 1.65;
}
#questions .v13-customer-launch {
  grid-column: 1 / -1;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 24px 0 0;
  gap: 20px;
}
.v13-customer-launch .v8-launch-copy { min-width: 0; }
.v13-customer-launch p { max-width: 44em; font-size: 15px; line-height: 1.6; }
.v13-customer-launch p strong { font-size: 18px; margin-bottom: 4px; }
.v13-customer-launch button {
  min-height: 48px;
  max-width: 100%;
  font-size: 15px;
  white-space: normal;
}

/* The advertising invitation is the single CTA for this audience. Keep its
   entire label, SVG and touch target visible even on short phone screens. */
#advertising .ad-resolution {
  max-width: min(880px, calc(100% - var(--gutter) * 2));
}
#advertising .ad-resolution h3 { overflow-wrap: normal; word-break: normal; }
#advertising .ad-resolution > p { text-wrap: pretty; }
#advertising .ad-resolution .pill-button {
  max-width: 100%;
  min-height: 52px;
  gap: 18px;
  padding: 8px 8px 8px 22px;
  white-space: normal;
  text-align: left;
}
#advertising .ad-resolution .pill-button > span:first-child {
  min-width: 0;
  overflow-wrap: break-word;
}
#advertising .ad-resolution .button-circle { flex: 0 0 38px; width: 38px; height: 38px; }
.world-preview #partners.business-v13 { padding-bottom: clamp(24px, 3vw, 40px); }
.business-v13-copy h2,
.business-v13-options-title,
.business-v13-option-title { word-break: normal; }
.business-v13-cta > span,
.business-v13-link > span { min-width: 0; overflow-wrap: break-word; }

/* Static motion mode remains a complete, naturally scrolling presentation. */
body:not(.js-motion) #advertising .advertising-sticky,
body.reduced-motion #advertising .advertising-sticky {
  height: auto;
  min-height: 0;
  overflow: visible;
  gap: 28px 44px;
  padding: var(--v13-section-space) var(--v13-content-gutter);
}
body:not(.js-motion) #advertising .ad-resolution,
body.reduced-motion #advertising .ad-resolution {
  max-width: none;
  margin: 0;
}
body:not(.js-motion) #advertising .ad-resolution h3,
body.reduced-motion #advertising .ad-resolution h3 {
  margin: 14px 0 18px;
  font-size: clamp(30px, 3.6vw, 50px);
  line-height: 1.08;
}
body:not(.js-motion) #advertising .ad-resolution > p,
body.reduced-motion #advertising .ad-resolution > p { margin-bottom: 20px; }

@media (max-width: 760px) {
  .site-header .nav-actions { gap: 9px; }
  .site-header .nav-contact { font-size: 11px; padding: 10px 13px; }
  .cm-films-single .cm-films-heading h2,
  .cm-factory-heading h2 { font-size: clamp(35px, 9.1vw, 52px); }
  .cm-films-single .cm-films-heading,
  .cm-factory-heading { margin-bottom: 24px; }
  #questions.v13-customer-faq { grid-template-columns: minmax(0, 1fr); row-gap: 24px; }
  #questions .faq-heading .display-heading { font-size: clamp(34px, 9vw, 50px); }
  #questions .faq-list summary { font-size: 15px; min-height: 68px; padding: 18px 6px 18px 0; }
  #questions .faq-list details > p { padding-right: 0; padding-bottom: 22px; }
  #questions .v13-customer-launch { display: block; padding-top: 22px; }
  .v13-customer-launch button { margin-top: 12px; }
  #advertising .ad-resolution .pill-button { font-size: 14px; }
  body:not(.js-motion) #advertising .advertising-sticky,
  body.reduced-motion #advertising .advertising-sticky { display: flex; flex-direction: column; gap: 24px; }
  body:not(.js-motion) #advertising .ad-machine-wrap,
  body.reduced-motion #advertising .ad-machine-wrap { width: min(82%, 360px); margin: 0 auto; }
  body:not(.js-motion) #advertising .ad-resolution,
  body.reduced-motion #advertising .ad-resolution { width: 100%; }
}

@media (max-width: 380px) {
  .site-header { gap: 10px; }
  .site-header .nav-actions { gap: 7px; }
  .site-header .nav-contact { padding-inline: 10px; }
  .site-header .nav-contact svg { display: none; }
  .cm-films-single .cm-film-card-copy,
  .cm-factory-feature .cm-film-card-copy { padding: 22px 20px 24px; }
  .cm-films-single .cm-film-card-title,
  .cm-factory-feature .cm-film-card-title { font-size: 28px; }
}

@media (max-height: 600px) {
  body.js-motion:not(.reduced-motion) #advertising .ad-resolution {
    top: calc(var(--header, 56px) + 14px);
    left: var(--gutter);
    right: var(--gutter);
    width: auto;
    max-width: 760px;
  }
  body.js-motion:not(.reduced-motion) #advertising .ad-resolution .eyebrow { font-size: 9px; line-height: 1.4; }
  body.js-motion:not(.reduced-motion) #advertising .ad-resolution h3 {
    margin: 10px 0;
    font-size: clamp(28px, 5vw, 38px) !important;
    line-height: 1.06;
  }
  body.js-motion:not(.reduced-motion) #advertising .ad-resolution > p {
    max-width: 42em;
    margin-bottom: 12px;
    font-size: 13px;
    line-height: 1.5;
  }
  body.js-motion:not(.reduced-motion) #advertising .ad-resolution .pill-button { min-height: 48px; font-size: 13px; }
}
@media (max-height: 600px) and (orientation: landscape) {
  body.js-motion:not(.reduced-motion) #advertising .ad-heading {
    top: calc(var(--header, 56px) + 14px);
    left: var(--gutter);
    right: auto;
    width: 47%;
  }
  body.js-motion:not(.reduced-motion) #advertising .ad-heading h2 { font-size: clamp(26px, 4.1vw, 36px); margin: 12px 0; }
  body.js-motion:not(.reduced-motion) #advertising .ad-heading > p:last-child { font-size: 12px; line-height: 1.5; }
  body.js-motion:not(.reduced-motion) #advertising .ad-machine-wrap { width: min(42vw, 390px); right: 0; bottom: -12%; top: auto; }
}


/* Source: machine-signs-v16.css */
/* V16 — exact approved rooftop lockup, attached to the original cabinet boxes. */
.machine-roof-sign {
  position: absolute;
  display: block;
  aspect-ratio: 1269.77 / 316.486;
  pointer-events: none;
  overflow: visible;
  z-index: 4;
  isolation: isolate;
}
.machine-roof-sign > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  /* A white illuminated edge and a shallow casing; approved paths stay intact. */
  filter: drop-shadow(0 -1px 0 #ffffff) drop-shadow(1px 1px 0 #ffffff) drop-shadow(1px 2px 0 #526368) drop-shadow(0 1px 3px #b1eff23d);
}
.machine-roof-sign::before,
.machine-roof-sign::after {
  content: '';
  position: absolute;
  z-index: -1;
  bottom: -1%;
  width: 1.5%;
  height: 18%;
  background: linear-gradient(90deg, #66777b, #d6e1e1 52%, #819397);
  border-radius: 1px;
}
.machine-roof-sign::before { left: 44%; }
.machine-roof-sign::after { right: 10%; }
.machine-roof-sign--wide { left: 13%; width: 76%; bottom: 96.099%; }
.machine-roof-sign--compact { left: 20%; width: 62%; bottom: 97.2376%; }

/* Preserve the calibrated cabinet size ratio and wheel baseline. */
.business-v13-machine { height: 72%; }

/* The camera controller supplies a transform from the measured roof line. */
.v4-roof-sign {
  left: 0;
  top: 0;
  width: 1000px;
  opacity: 0;
  visibility: hidden;
  transform-origin: 0 0;
}

/* Headroom is outside the unchanged image/screen coordinate group. */
.v6-still-station { padding-top: 8%; }
.v16-still-machine { position: relative; width: 100%; }
.v16-still-machine > img,
.v16-still-machine > noscript > img { display: block; width: 100%; height: auto; }
.machine-roof-sign--station-still {
  left: 49.793%;
  width: 37.293%;
  bottom: 94.291%;
  transform: rotate(-1.909deg);
  transform-origin: left bottom;
}

/* The original film poster already has its sign: show it instead of cropping it. */
.cm-film-card-experience .cm-film-poster > img { object-position: 50% 0; }

@media (min-width: 851px), (orientation: landscape) {
  body.js-motion:not(.reduced-motion) #advertising .ad-machine-wrap {
    width: min(48vw, 610px, calc((100svh - var(--header, 74px) - 44px) / 1.47));
    height: auto;
    top: auto;
    bottom: 22px;
    left: auto;
    right: 3.5%;
  }
}

@media (max-width: 760px) {
  body:not(.js-motion) #advertising .ad-machine-wrap,
  body.reduced-motion #advertising .ad-machine-wrap { margin-top: min(11.24vw, 49.4px); }
}


/* Source: welcome-v17.css */
/* A readable first screen, in normal flow. No timer, overlay or scroll lock.
   The existing story starts just below and warms while this introduction is read. */
.brand-intro-v17 {
  position: relative;
  isolation: isolate;
  display: grid;
  place-items: center;
  min-height: 100svh;
  padding: calc(var(--header, 74px) + 56px) var(--gutter, 24px) 82px;
  overflow: clip;
  background: var(--film-paper, #f7f7f3);
}
.brand-intro-v17-glow {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(ellipse at 13% 40%, #00b8ce0b, transparent 45%),
    radial-gradient(ellipse at 86% 58%, #ed008c09, transparent 43%);
}
.brand-intro-v17-content {
  width: 100%;
  max-width: 1100px;
  text-align: center;
}
.brand-intro-v17-eyebrow {
  color: #52777c;
  font-size: 11px;
  line-height: 1.5;
  font-weight: 750;
  letter-spacing: .16em;
}
.brand-intro-v17 h1 {
  margin: 28px 0 38px;
  font-size: clamp(78px, 8.8vw, 136px);
  line-height: 1.04;
  letter-spacing: -.07em;
  word-spacing: .07em;
  font-weight: 650;
}
.brand-intro-v17 h1 > span { display: block; }
.brand-intro-v17-accent {
  position: relative;
  width: fit-content;
  max-width: 100%;
  margin-inline: auto;
  color: #ed008c;
}
.brand-intro-v17-accent > svg {
  position: absolute;
  width: 104%;
  height: .22em;
  left: -2%;
  bottom: -.12em;
  overflow: visible;
  pointer-events: none;
}
.brand-intro-v17-lead {
  max-width: 590px;
  margin-inline: auto;
  color: #626b6d;
  font-size: 18px;
  line-height: 1.65;
  text-wrap: pretty;
}
.brand-intro-v17-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  margin-top: 28px;
}
.b2b-v17-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  min-height: 54px;
  max-width: 100%;
  padding: 14px 23px;
  background: #192226;
  color: #fff;
  border: 1px solid #192226;
  border-radius: 100px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  transition: background .2s, border-color .2s;
}
.b2b-v17-primary svg, .brand-intro-v17-link svg { width: 18px; height: 18px; flex: none; stroke: currentColor; stroke-width: 1.6; }
.b2b-v17-primary:hover { background: #254a51; border-color: #254a51; }
.brand-intro-v17-link { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 44px; padding: 5px 10px; color: #42676d; font-size: 14px; line-height: 1.4; font-weight: 650; }
.brand-intro-v17-link:hover { color: #182024; }
.brand-intro-v17 :is(a, button):focus-visible { outline: 2px solid #087f8e; outline-offset: 5px; }
.brand-intro-v17 .v8-motion-choice { font-size: 11px; min-height: 44px; border: 0; padding: 8px 6px; }
.brand-intro-v17-tail {
  position: absolute;
  left: 50%;
  bottom: 0;
  height: 44px;
  width: 1px;
  background: #1b363815;
  pointer-events: none;
}
.brand-intro-v17-tail span { display: block; width: 100%; height: 25px; background: linear-gradient(#00b8ce, #ed008c); }
@keyframes welcome-line-v17 { from { transform: scaleX(.06); } to { transform: scaleX(1); } }
@media (prefers-reduced-motion: no-preference) {
  body:not(.reduced-motion) .brand-intro-v17-accent > svg {
    transform-origin: left center;
    animation: welcome-line-v17 1.15s cubic-bezier(.22,1,.36,1) .15s both;
  }
}
@media (min-width: 1600px) {
  .brand-intro-v17 { min-height: min(100svh, 1100px); }
}
@media (max-width: 700px) {
  .brand-intro-v17 { padding: calc(var(--header, 64px) + 40px) max(24px, env(safe-area-inset-left)) 68px; }
  .brand-intro-v17 h1 { font-size: clamp(40px, 10.4vw, 74px); margin: 24px 0 32px; }
  .brand-intro-v17-eyebrow { font-size: 9px; letter-spacing: .12em; }
  .brand-intro-v17-lead { max-width: 320px; font-size: 15px; line-height: 1.65; }
  .brand-intro-v17-actions { margin-top: 24px; gap: 8px; }
  .b2b-v17-primary { min-height: 52px; font-size: 13px; }
  .brand-intro-v17-link { font-size: 13px; }
  .brand-intro-v17-tail { height: 32px; }
}
@media (max-height: 650px) {
  .brand-intro-v17 { padding-top: calc(var(--header, 64px) + 28px); padding-bottom: 40px; }
  .brand-intro-v17 h1 { font-size: clamp(34px, min(10.4vw, 8.8svh), 76px); margin: 16px 0 25px; }
  .brand-intro-v17-lead { font-size: 14px; line-height: 1.55; }
  .brand-intro-v17-actions { margin-top: 18px; gap: 4px; }
  .brand-intro-v17-tail { height: 20px; }
}
@media (max-height: 500px) and (orientation: landscape) {
  .brand-intro-v17 { min-height: 100svh; padding-top: calc(var(--header, 56px) + 24px); padding-bottom: 26px; }
  .brand-intro-v17-content { display: grid; grid-template-columns: 1.15fr 1fr; align-items: center; column-gap: 40px; text-align: left; }
  .brand-intro-v17-eyebrow { grid-column: 1; font-size: 8px; }
  .brand-intro-v17 h1 { grid-column: 1; grid-row: 2 / 4; font-size: clamp(32px, 4.9vw, 56px); margin: 12px 0 18px; }
  .brand-intro-v17-accent { margin-left: 0; }
  .brand-intro-v17-lead { grid-column: 2; grid-row: 1 / 3; font-size: 13px; margin: 0; }
  .brand-intro-v17-actions { grid-column: 2; align-items: flex-start; margin-top: 10px; }
  .b2b-v17-primary { min-height: 46px; padding: 10px 17px; font-size: 12px; }
  .brand-intro-v17-link { min-height: 38px; padding: 5px 0; font-size: 12px; }
  .brand-intro-v17-tail { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .brand-intro-v17-link { transition: none; }
}
.reduced-motion .brand-intro-v17-link { transition: none; }

/* The business offer stays readable without opening an accordion. */
.business-v13 .b2b-v17-benefits { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 26px; list-style: none; margin: 30px 0 54px; padding: 30px 0 0; border-top: 1px solid #d5ddda; }
.b2b-v17-benefit { min-width: 0; }
.b2b-v17-number { display: block; margin-bottom: 20px; color: #008da0; font-size: 12px; letter-spacing: .1em; font-weight: 700; }
.business-v13 .b2b-v17-benefit h3 { max-width: 15em; margin-bottom: 14px; color: #182024; font-size: clamp(21px,1.7vw,27px); font-weight: 650; line-height: 1.2; letter-spacing: -.035em; text-wrap: balance; }
.business-v13 .b2b-v17-benefit p { color: #5b6668; font-size: 15px; line-height: 1.65; text-wrap: pretty; }
.business-v13 .b2b-v17-faq { margin-top: 44px; padding: 34px clamp(22px,3vw,42px); border-radius: 24px; background: #edf1eb; }
.business-v13 .b2b-v17-faq > h3 { margin: 0 0 28px; font-size: clamp(27px,2.8vw,40px); line-height: 1.15; letter-spacing: -.045em; font-weight: 650; }
.b2b-v17-answers { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 30px; }
.b2b-v17-answers article { min-width: 0; }
.b2b-v17-answers h4 { margin: 0 0 14px; color: #233c41; font-size: 18px; line-height: 1.4; font-weight: 650; letter-spacing: -.02em; }
.business-v13 .b2b-v17-answers p { color: #5b6668; font-size: 15px; line-height: 1.65; }
.business-v13 .b2b-v17-faq-cta { margin-top: 25px; justify-self: start; }
.business-v13 .b2b-v17-returns { margin: 0 0 54px; padding: clamp(28px,4vw,54px); border: 1px solid #d9e2de; border-radius: 28px; background: linear-gradient(145deg,#edf5f2,#f8f6f0 62%,#fbf0f5); }
.business-v13 .b2b-v17-returns > h3 { font-size: clamp(36px,4.2vw,62px); line-height: 1.06; letter-spacing: -.055em; font-weight: 650; }
.business-v13 .b2b-v17-returns-lead { max-width: 43em; margin-top: 20px; color: #5b6668; font-size: 17px; line-height: 1.6; }
.b2b-v17-return-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; margin-top: 30px; }
.b2b-v17-return-card { min-width: 0; border: 1px solid #d7e3de; background: #ffffffa6; padding: clamp(23px,2.6vw,36px); border-radius: 20px; }
.b2b-v17-return-card--strong { background: #fffdfde6; border-color: #e9dce3; }
.business-v13 .b2b-v17-scenario { margin-bottom: 14px; font-size: 11px; font-weight: 700; color: #42676d; line-height: 1.5; letter-spacing: .05em; }
.b2b-v17-return-card h4 { margin: 0; font-size: clamp(22px,2.2vw,30px); letter-spacing: -.035em; line-height: 1.2; font-weight: 600; }
.business-v13 .b2b-v17-return-number { margin: 26px 0 7px; font-size: clamp(54px,6.2vw,90px); line-height: 1; font-weight: 650; letter-spacing: -.065em; color: #087f8e; font-variant-numeric: tabular-nums; }
.business-v13 .b2b-v17-return-card--strong .b2b-v17-return-number { color: #d40079; }
.b2b-v17-return-number > span { font-size: .46em; letter-spacing: -.025em; padding-left: .08em; }
.business-v13 .b2b-v17-return-label { color: #354c50; max-width: 20em; font-size: 14px; line-height: 1.5; }
.b2b-v17-return-secondary { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 18px; margin-top: 27px; padding-top: 20px; border-top: 1px solid #dce4e0; }
.b2b-v17-return-secondary strong { font-size: 26px; line-height: 1.2; font-weight: 650; letter-spacing: -.04em; }
.b2b-v17-return-secondary > span { max-width: 20em; color: #626b6d; font-size: 12px; line-height: 1.5; }
.business-v13 .b2b-v17-model-note { margin-top: 24px; max-width: 76em; color: #576568; font-size: 12px; line-height: 1.65; }
.b2b-v17-assumptions { margin-top: 18px; border-top: 1px solid #d2ded8; border-bottom: 1px solid #d2ded8; }
.b2b-v17-assumptions summary { padding: 17px 0; font-size: 14px; font-weight: 650; color: #236b75; cursor: pointer; }
.business-v13 .b2b-v17-assumptions p { margin: 0 0 16px; max-width: 74em; font-size: 13px; line-height: 1.7; color: #576568; }
@media (max-width: 1024px) {
  .business-v13 .b2b-v17-benefits { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px; }
  .b2b-v17-answers { grid-template-columns: 1fr; gap: 24px; }
  .b2b-v17-answers article + article { border-top: 1px solid #d5ddda; padding-top: 22px; }
  .b2b-v17-answers h4 { margin-bottom: 8px; }
}
@media (max-width: 550px) {
  .business-v13 .b2b-v17-benefits { grid-template-columns: 1fr; gap: 22px; margin: 22px 0 36px; padding-top: 26px; }
  .b2b-v17-benefit { display: grid; grid-template-columns: 26px minmax(0,1fr); column-gap: 16px; }
  .b2b-v17-number { grid-row: 1 / 3; margin: 4px 0 0; }
  .business-v13 .b2b-v17-benefit h3 { margin: 0 0 8px; font-size: 23px; text-wrap: pretty; }
  .business-v13 .b2b-v17-benefit p { grid-column: 2; font-size: 14px; }
  .business-v13 .b2b-v17-faq { margin-top: 30px; border-radius: 20px; padding: 26px 20px; }
  .business-v13 .b2b-v17-faq > h3 { margin-bottom: 24px; }
  .business-v13 .b2b-v17-answers p { font-size: 14px; }
  .business-v13 .b2b-v17-faq-cta { font-size: 15px; }
  .business-v13 .b2b-v17-returns { padding: 24px 18px; border-radius: 22px; margin-bottom: 36px; }
  .business-v13 .b2b-v17-returns-lead { font-size: 14px; }
  .b2b-v17-return-grid { grid-template-columns: 1fr; gap: 16px; margin-top: 24px; }
  .b2b-v17-return-card { padding: 22px; }
  .business-v13 .b2b-v17-return-number { font-size: clamp(54px,17.4vw,68px); margin-top: 22px; }
  .b2b-v17-return-secondary { gap: 15px; margin-top: 22px; padding-top: 17px; }
  .business-v13 .b2b-v17-returns > .business-v13-cta { width: 100%; font-size: 14px; justify-content: space-between; margin-top: 24px; }
}


/* Source: welcome-v18.css */
/* V18 — the machines explain the business on the very first screen.
   Original cabinet photographs, calibrated proportions and approved roof signs. */
.brand-intro-v17.welcome-v18 {
  min-height: min(100svh, 1000px);
  padding: calc(var(--header, 74px) + 34px) var(--gutter, 24px) 38px;
}
.welcome-v18 .welcome-v18-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr);
  grid-template-rows: auto auto;
  column-gap: clamp(26px, 4vw, 70px);
  max-width: 1440px;
  text-align: left;
  align-items: center;
}
.welcome-v18-copy { grid-column: 1; align-self: end; min-width: 0; }
.welcome-v18 .brand-intro-v17-eyebrow { font-size: 10px; letter-spacing: .12em; }
.welcome-v18 h1 { font-size: clamp(49px, 5.8vw, 90px); margin: 23px 0 28px; line-height: 1.06; letter-spacing: -.062em; }
:lang(bg) .welcome-v18 h1 { font-size: clamp(45px, 4.7vw, 77px); }
.welcome-v18 .brand-intro-v17-accent { margin-left: 0; }
.welcome-v18 .brand-intro-v17-lead { max-width: 31em; margin: 0; font-size: clamp(15px, 1.28vw, 18px); line-height: 1.65; }
.welcome-v18 .brand-intro-v17-actions { grid-column: 1; grid-row: 2; align-self: start; align-items: flex-start; gap: 9px; margin-top: 25px; }
.welcome-v18 .brand-intro-v17-link { padding-left: 0; }
.welcome-v18-secondary { display: flex; flex-wrap: wrap; align-items: center; column-gap: 22px; }
.welcome-v18 .v8-motion-choice { color: #607275; font-size: 10px; }
.welcome-v18-art { grid-column: 2; grid-row: 1 / 3; min-width: 0; width: 100%; }
.welcome-v18-art .business-v13-stage { width: 100%; max-width: 680px; aspect-ratio: 1.16; margin: 0 auto; }
.welcome-v18-art .business-v13-halo { inset: 4% -3% 13%; border: 0; background: radial-gradient(ellipse at 24% 44%, #cdf3ef85, transparent 59%), radial-gradient(ellipse at 80% 46%, #f8dfe9a6, transparent 63%); }
.welcome-v18-art .business-v13-halo::after { display: none; }
.welcome-v18-art .business-v13-floor { bottom: 10%; }
.welcome-v18-art .business-v13-machine { height: 74%; bottom: 14%; }
.welcome-v18-art .business-v13-machine--compact { right: 49.5%; }
.welcome-v18-art .business-v13-machine--wide { left: 48%; }
.welcome-v18-art .business-v13-machine figcaption { top: calc(100% + 12px); color: #657579; font-size: 12px; font-weight: 500; }
.welcome-v18 .brand-intro-v17-tail { display: none; }
.welcome-v18-support { display: flex; align-items: center; gap: 8px; margin: 18px 0 0; color: #49757b; font-size: 11px; font-weight: 600; line-height: 1.5; }
.welcome-v18-support::before { content: ''; width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; background: #08a7b8; }
@media (min-width: 1600px) {
  .welcome-v18-art .business-v13-stage { max-width: 720px; }
}
@media (min-width: 951px) and (min-height: 501px) {
  :lang(en) .welcome-v18 h1 { font-size: clamp(46px, 5.05vw, 82px); }
}
@media (max-width: 950px) and (min-height: 501px) {
  .brand-intro-v17.welcome-v18 { min-height: auto; padding-top: calc(var(--header, 74px) + 30px); padding-bottom: 26px; }
  .welcome-v18 .welcome-v18-grid { grid-template-columns: 1fr; grid-template-rows: auto auto auto; max-width: 700px; text-align: center; }
  .welcome-v18-copy { grid-column: 1; grid-row: 1; align-self: auto; }
  .welcome-v18 h1, :lang(bg) .welcome-v18 h1 { font-size: clamp(42px, 8vw, 68px); margin: 17px 0 23px; }
  .welcome-v18 .brand-intro-v17-accent { margin-inline: auto; }
  .welcome-v18 .brand-intro-v17-lead { max-width: 32em; margin-inline: auto; font-size: 15px; line-height: 1.55; }
  .welcome-v18-support { justify-content: center; margin-top: 12px; font-size: 10px; }
  .welcome-v18-art { grid-column: 1; grid-row: 2; }
  .welcome-v18-art .business-v13-stage { width: min(100%, 570px); max-width: none; margin: 3px auto 0; aspect-ratio: 1.5; }
  .welcome-v18-art .business-v13-machine { height: 71%; bottom: 13%; }
  .welcome-v18-art .business-v13-machine--compact { right: 50%; }
  .welcome-v18-art .business-v13-machine--wide { left: 50%; }
  .welcome-v18 .brand-intro-v17-actions { grid-column: 1; grid-row: 3; align-items: center; margin-top: 8px; gap: 5px; }
  .welcome-v18-secondary { justify-content: center; }
}
@media (max-width: 600px) and (min-height: 501px) {
  .brand-intro-v17.welcome-v18 { padding: calc(var(--header, 64px) + 22px) max(22px, env(safe-area-inset-left)) 21px; }
  .welcome-v18 .brand-intro-v17-eyebrow { font-size: 8px; letter-spacing: .1em; }
  .welcome-v18 h1 { font-size: clamp(36px, 10.8vw, 54px); margin: 14px 0 22px; }
  :lang(bg) .welcome-v18 h1 { font-size: clamp(32px, 9.7vw, 49px); }
  .welcome-v18 .brand-intro-v17-lead { max-width: 29em; font-size: 14px; line-height: 1.55; }
  .welcome-v18-support { margin-top: 11px; font-size: 9px; }
  .welcome-v18-art .business-v13-stage { width: 100%; aspect-ratio: 1.39; margin-top: 5px; }
  .welcome-v18-art .business-v13-machine { height: 72%; bottom: 13%; }
  .welcome-v18-art .business-v13-machine figcaption { top: calc(100% + 9px); font-size: 10px; }
  .welcome-v18 .brand-intro-v17-actions { margin-top: 9px; }
  .welcome-v18 .b2b-v17-primary { min-height: 50px; padding: 12px 21px; font-size: 13px; }
  .welcome-v18 .brand-intro-v17-link { font-size: 12px; min-height: 41px; }
  .welcome-v18 .v8-motion-choice { font-size: 9px; padding: 6px 0; }
  .welcome-v18-secondary { column-gap: 18px; }
}
@media (max-width: 600px) and (min-height: 501px) and (max-height: 680px) {
  .brand-intro-v17.welcome-v18 { padding-top: calc(var(--header, 64px) + 17px); padding-bottom: 14px; }
  .welcome-v18 h1, :lang(bg) .welcome-v18 h1 { font-size: clamp(31px, 8.8vw, 40px); margin: 11px 0 17px; }
  .welcome-v18 .brand-intro-v17-lead { font-size: 13px; line-height: 1.5; }
  .welcome-v18-support { margin-top: 8px; }
  .welcome-v18-art .business-v13-stage { width: min(100%, 340px); aspect-ratio: 1.58; }
}
@media (max-height: 500px) and (orientation: landscape) {
  .brand-intro-v17.welcome-v18 { min-height: 100svh; padding: calc(var(--header, 56px) + 18px) var(--gutter, 24px) 20px; }
  .welcome-v18 .welcome-v18-grid { grid-template-columns: minmax(0,1.18fr) minmax(0,1fr); column-gap: 22px; }
  .welcome-v18 .brand-intro-v17-eyebrow { font-size: 7px; }
  .welcome-v18 h1, :lang(bg) .welcome-v18 h1 { font-size: clamp(27px, 3.9vw, 49px); margin: 11px 0 18px; }
  .welcome-v18 .brand-intro-v17-lead { font-size: 12px; line-height: 1.45; }
  .welcome-v18-support { font-size: 8px; margin-top: 9px; }
  .welcome-v18 .brand-intro-v17-actions { margin-top: 14px; gap: 3px; }
  .welcome-v18 .b2b-v17-primary { min-height: 43px; font-size: 11px; padding: 9px 16px; }
  .welcome-v18 .brand-intro-v17-link { font-size: 10px; min-height: 35px; }
  .welcome-v18 .v8-motion-choice { font-size: 8px; min-height: 35px; }
  .welcome-v18-art .business-v13-stage { width: min(100%, 420px); }
  .welcome-v18-art .business-v13-machine figcaption { font-size: 9px; }
}


/* Source: content-v18.css */
/* V18 — clear consumer prices, partner steps and comparable business examples. */
.case-prices-v18 { padding: clamp(40px, 5vw, 76px) var(--gutter, 24px) clamp(34px, 4vw, 60px); background: #eef3ef; color: #182024; scroll-margin-top: calc(var(--header, 74px) + 18px); }
.case-prices-v18-inner { max-width: 1400px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 34px clamp(36px, 7vw, 108px); }
.case-prices-v18-copy h2 { margin: 0; font-size: clamp(36px, 4.3vw, 64px); line-height: 1.08; letter-spacing: -.055em; font-weight: 650; }
.case-prices-v18-copy .eyebrow { margin: 0 0 18px; color: #3d777f; font-size: 10px; font-weight: 700; letter-spacing: .12em; line-height: 1.6; }
.case-prices-v18-note { max-width: 32em; margin: 24px 0 0; color: #5b696a; font-size: 16px; line-height: 1.65; text-wrap: pretty; }
.case-prices-v18-offer { align-self: center; min-width: 0; }
.case-prices-v18-range { display: flex; flex-wrap: nowrap; align-items: baseline; gap: .1em; margin: 0; color: #087f8e; font-size: clamp(35px, 4.1vw, 62px); letter-spacing: -.06em; font-weight: 650; line-height: 1.1; font-variant-numeric: tabular-nums; }
.case-prices-v18-range i { font-style: normal; font-size: .6em; color: #6a8c8f; padding: 0 .07em; }
.case-prices-v18-basis { margin: 14px 0 24px; color: #627174; font-size: 12px; line-height: 1.6; }
.case-prices-v18-types { border-top: 1px solid #cbd8d3; border-bottom: 1px solid #cbd8d3; padding: 13px 0; }
.case-prices-v18-types p { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 18px; margin: 0; color: #4e6063; font-size: 14px; line-height: 1.7; }
.case-prices-v18-types p + p { margin-top: 7px; }
.case-prices-v18-types strong { color: #203a3f; font-weight: 650; white-space: nowrap; }
.case-prices-v18-offer .business-v13-link { margin-top: 14px; font-size: 14px; }
.customer-steps-v18 { grid-column: 1 / -1; margin-top: 12px; border-top: 1px solid #cbd8d3; padding-top: 26px; }
.customer-steps-v18 h3 { margin: 0 0 24px; font-size: 20px; line-height: 1.3; font-weight: 600; letter-spacing: -.025em; }
.customer-steps-v18 ol { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 25px; list-style: none; padding: 0; margin: 0; }
.customer-steps-v18 li { min-width: 0; }
.customer-steps-v18 li > span { display: block; margin-bottom: 12px; color: #168794; font-size: 10px; font-weight: 700; letter-spacing: .12em; }
.customer-steps-v18 h4 { margin: 0 0 8px; font-size: 15px; font-weight: 650; line-height: 1.4; letter-spacing: -.02em; }
.customer-steps-v18 li p { margin: 0; color: #617174; font-size: 13px; line-height: 1.6; }

.business-v13 .partner-journey-v18 { margin: 20px 0 50px; padding-top: 32px; border-top: 1px solid #d5ddda; }
.partner-journey-v18, .partner-plans-v18, .partner-plan-v18, .partner-location-v18 { scroll-margin-top: calc(var(--header, 74px) + 20px); }
.business-v13 .partner-journey-v18 > h3, .business-v13 .partner-plans-v18 > h3 { margin: 0; font-size: clamp(32px, 3.8vw, 54px); font-weight: 650; line-height: 1.1; letter-spacing: -.05em; }
.partner-journey-v18 ol { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 36px; padding: 0; margin: 30px 0 0; }
.partner-journey-v18 li { min-width: 0; }
.partner-step-v18-number { display: block; margin-bottom: 18px; color: #087f8e; font-size: 12px; font-weight: 650; letter-spacing: .1em; }
.partner-journey-v18 h4 { margin: 0 0 14px; font-size: clamp(21px, 1.85vw, 27px); font-weight: 600; line-height: 1.25; letter-spacing: -.04em; text-wrap: balance; }
.business-v13 .partner-journey-v18 li > p { color: #5b6668; font-size: 15px; line-height: 1.65; text-wrap: pretty; }
.business-v13 .partner-plans-v18 { margin: 0 0 50px; }
.partner-plans-v18-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 30px; }
.partner-plan-v18 { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; padding: clamp(24px, 3vw, 42px); border: 1px solid #d5dfd9; border-radius: 23px; background: #f1f5f0; }
.partner-plan-v18--fleet { background: linear-gradient(130deg, #e9f5f3, #f2f5f0); border-color: #bbd6d2; }
.partner-plan-v18 h4 { margin: 0; font-size: clamp(29px, 3.3vw, 45px); font-weight: 650; line-height: 1.1; letter-spacing: -.045em; }
.business-v13 .partner-plan-v18-subtitle { margin-top: 11px; color: #587074; font-size: 14px; line-height: 1.5; }
.business-v13 .partner-plan-v18-amount { margin-top: 26px; color: #213d42; font-size: clamp(43px, 4.5vw, 64px); line-height: 1.1; font-weight: 650; letter-spacing: -.055em; font-variant-numeric: tabular-nums; white-space: nowrap; }
.partner-plan-v18--fleet .partner-plan-v18-amount { color: #087f8e; }
.business-v13 .partner-plan-v18-label { margin-top: 9px; color: #536a6e; font-size: 12px; line-height: 1.6; }
.business-v13 .partner-plan-v18-stock { margin-top: 23px; padding-top: 19px; width: 100%; border-top: 1px solid #cddbd4; color: #4f6367; font-size: 14px; line-height: 1.7; }
.business-v13 .partner-plan-v18-saving { margin-top: 14px; padding: 6px 11px; color: #155c64; background: #d5ede7; border-radius: 20px; font-size: 11px; line-height: 1.5; font-weight: 650; }
.partner-plan-v18 .business-v13-link { margin-top: auto; padding-top: 22px; justify-self: auto; align-self: flex-start; font-size: 14px; }
.business-v13 .partner-plans-v18-note { max-width: 75em; margin-top: 20px; color: #607074; font-size: 13px; line-height: 1.65; }
.business-v13 .b2b-v18-returns { background: #f0f4ef; }
.b2b-v18-returns .b2b-v17-return-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.b2b-v18-returns .b2b-v17-return-card { padding: clamp(20px, 2vw, 29px); }
.b2b-v18-return-card--base { background: #f7fffc; border-color: #bedbd3; }
.b2b-v18-returns .b2b-v17-return-card h4 { font-size: clamp(21px, 1.9vw, 27px); }
.business-v13 .b2b-v18-returns .b2b-v17-scenario { margin-bottom: 12px; font-size: 10px; min-height: 15px; }
.business-v13 .roi-v18-ads { margin-top: 12px; min-height: 3em; color: #607174; font-size: 12px; line-height: 1.5; }
.business-v13 .b2b-v18-returns .b2b-v17-return-number { font-size: clamp(48px, 5.1vw, 76px); margin-top: 23px; }
.business-v13 .b2b-v18-returns .b2b-v17-return-label { min-height: 4.5em; font-size: 12px; }
.business-v13 .roi-v18-annual { margin-top: 15px; color: #263f43; font-size: 13px; font-weight: 650; line-height: 1.5; }
.b2b-v18-returns .b2b-v17-return-secondary { grid-template-columns: 1fr; gap: 7px; margin-top: 19px; padding-top: 16px; }
.b2b-v18-returns .b2b-v17-return-secondary strong { font-size: 25px; }
.b2b-v18-returns .b2b-v17-return-secondary > span { font-size: 11px; }
.roi-capital-v18 { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-top: 27px; padding: 19px 0; border-top: 1px solid #d2ddd5; border-bottom: 1px solid #d2ddd5; }
.roi-capital-v18 > div { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 28px; }
.roi-capital-v18 span { color: #536c70; font-size: 13px; line-height: 1.5; }
.roi-capital-v18 strong { color: #1c3d43; font-size: 34px; line-height: 1.2; font-weight: 650; letter-spacing: -.04em; white-space: nowrap; }
.business-v13 .roi-capital-v18 > p { max-width: 21em; color: #607174; font-size: 12px; line-height: 1.6; }
.business-v13 .roi-v18-why { margin-top: 25px; color: #3a575c; font-size: 14px; line-height: 1.65; text-wrap: pretty; }
.business-v13 .b2b-v18-returns .b2b-v17-model-note { margin-top: 14px; font-size: 11px; }
.business-v13 .partner-location-v18 { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 35px; margin: 0 0 38px; padding: 28px 0; border-top: 1px solid #d5ddda; border-bottom: 1px solid #d5ddda; }
.partner-location-v18 h3 { font-size: clamp(25px, 2.6vw, 38px); font-weight: 650; line-height: 1.2; letter-spacing: -.035em; }
.business-v13 .partner-location-v18 p { max-width: 44em; margin-top: 14px; color: #5b6668; font-size: 15px; line-height: 1.65; }
.business-v13 .b2b-v17-faq { margin-top: 0; }
@media (max-width: 1000px) {
  .case-prices-v18-inner { column-gap: 34px; }
  .case-prices-v18-range { font-size: clamp(34px, 4.7vw, 48px); }
  .customer-steps-v18 ol { gap: 18px; }
  .customer-steps-v18 h4 { font-size: 14px; }
  .customer-steps-v18 li p { font-size: 12px; }
  .partner-journey-v18 ol { gap: 24px; }
  .partner-journey-v18 h4 { font-size: 22px; }
  .business-v13 .partner-journey-v18 li > p { font-size: 14px; }
  .b2b-v18-returns .b2b-v17-return-grid { grid-template-columns: 1fr; gap: 14px; }
  .b2b-v18-returns .b2b-v17-return-card { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .95fr); gap: 0 30px; padding: 24px; }
  .b2b-v18-returns .b2b-v17-scenario { grid-column: 1; grid-row: 1; }
  .b2b-v18-returns .b2b-v17-return-card h4 { grid-column: 1; grid-row: 2; align-self: start; }
  .b2b-v18-returns .roi-v18-ads { grid-column: 1; grid-row: 3; min-height: 0; }
  .business-v13 .b2b-v18-returns .b2b-v17-return-number { grid-column: 2; grid-row: 1 / 3; margin: 0 0 8px; font-size: 59px; }
  .business-v13 .b2b-v18-returns .b2b-v17-return-label { grid-column: 2; grid-row: 3; min-height: 0; }
  .business-v13 .b2b-v18-returns .roi-v18-annual { grid-column: 2; grid-row: 4; }
  .b2b-v18-returns .b2b-v17-return-secondary { grid-column: 1; grid-row: 4; margin: 15px 0 0; padding-top: 12px; }
  .partner-location-v18 .business-v13-link { max-width: 13em; }
}
@media (max-width: 680px) {
  .case-prices-v18-inner { grid-template-columns: 1fr; gap: 26px; }
  .case-prices-v18-copy h2 { font-size: clamp(34px, 8.7vw, 48px); }
  .case-prices-v18-note { font-size: 14px; margin-top: 18px; }
  .case-prices-v18-range { font-size: clamp(38px, 10.3vw, 54px); }
  .case-prices-v18-basis { margin-bottom: 18px; font-size: 11px; }
  .case-prices-v18-types p { font-size: 13px; }
  .customer-steps-v18 { margin-top: 0; padding-top: 24px; }
  .customer-steps-v18 h3 { max-width: 18em; font-size: 21px; }
  .customer-steps-v18 ol { grid-template-columns: 1fr; gap: 16px; }
  .customer-steps-v18 li { display: grid; grid-template-columns: 24px minmax(0,1fr); gap: 2px 14px; }
  .customer-steps-v18 li > span { grid-row: 1 / 3; margin: 3px 0 0; }
  .customer-steps-v18 h4 { margin: 0; font-size: 15px; }
  .customer-steps-v18 li p { grid-column: 2; font-size: 13px; }
  .business-v13 .partner-journey-v18 { margin-bottom: 36px; padding-top: 25px; }
  .business-v13 .partner-journey-v18 > h3, .business-v13 .partner-plans-v18 > h3 { font-size: clamp(31px, 8.4vw, 43px); }
  .partner-journey-v18 ol { grid-template-columns: 1fr; gap: 25px; margin-top: 25px; }
  .partner-journey-v18 li { display: grid; grid-template-columns: 24px minmax(0,1fr); gap: 0 16px; }
  .partner-step-v18-number { grid-row: 1 / 3; margin-top: 3px; font-size: 10px; }
  .partner-journey-v18 h4 { margin-bottom: 8px; font-size: 22px; text-wrap: pretty; }
  .business-v13 .partner-journey-v18 li > p { grid-column: 2; font-size: 14px; }
  .business-v13 .partner-plans-v18 { margin-bottom: 36px; }
  .partner-plans-v18-grid { grid-template-columns: 1fr; gap: 16px; margin-top: 24px; }
  .partner-plan-v18 { padding: 24px; border-radius: 20px; }
  .partner-plan-v18 h4 { font-size: 32px; }
  .business-v13 .partner-plan-v18-amount { margin-top: 22px; font-size: 48px; }
  .business-v13 .partner-plan-v18-stock { font-size: 13px; margin-top: 19px; padding-top: 16px; }
  .partner-plan-v18 .business-v13-link { font-size: 13px; gap: 14px; padding-top: 20px; }
  .business-v13 .partner-plans-v18-note { font-size: 12px; margin-top: 17px; }
  .roi-capital-v18 { display: block; margin-top: 20px; padding: 15px 0; }
  .roi-capital-v18 > div { justify-content: space-between; gap: 10px; }
  .roi-capital-v18 span { font-size: 11px; max-width: 12em; }
  .roi-capital-v18 strong { font-size: 29px; }
  .business-v13 .roi-capital-v18 > p { margin-top: 9px; max-width: none; font-size: 11px; }
  .business-v13 .b2b-v18-returns { padding: 24px 18px; }
  .b2b-v18-returns .b2b-v17-return-card { gap: 0 15px; padding: 20px 18px; }
  .b2b-v18-returns .b2b-v17-return-card h4 { font-size: 19px; }
  .business-v13 .b2b-v18-returns .b2b-v17-scenario { font-size: 9px; }
  .business-v13 .b2b-v18-returns .b2b-v17-return-number { font-size: 43px; }
  .business-v13 .b2b-v18-returns .b2b-v17-return-label { font-size: 10px; }
  .business-v13 .roi-v18-ads { font-size: 10px; margin-top: 9px; }
  .business-v13 .roi-v18-annual { font-size: 11px; }
  .b2b-v18-returns .b2b-v17-return-secondary strong { font-size: 22px; }
  .b2b-v18-returns .b2b-v17-return-secondary > span { font-size: 9px; }
  .business-v13 .roi-v18-why { font-size: 13px; margin-top: 21px; }
  .business-v13 .partner-location-v18 { grid-template-columns: 1fr; gap: 12px; margin-bottom: 28px; padding-block: 25px; }
  .business-v13 .partner-location-v18 p { font-size: 14px; }
  .partner-location-v18 .business-v13-link { max-width: none; justify-self: start; }
}
@media (max-width: 359px) {
  .b2b-v18-returns .b2b-v17-return-card { grid-template-columns: 1fr; padding: 20px; }
  .b2b-v18-returns .b2b-v17-return-card > * { grid-column: auto !important; grid-row: auto !important; }
  .business-v13 .b2b-v18-returns .b2b-v17-return-number { margin: 21px 0 8px; font-size: 54px; }
  .business-v13 .b2b-v18-returns .b2b-v17-return-label { max-width: 20em; font-size: 12px; }
  .business-v13 .roi-v18-ads { font-size: 12px; }
  .b2b-v18-returns .b2b-v17-return-secondary { display: flex; align-items: center; gap: 15px; }
  .case-prices-v18-range { font-size: 36px; }
}
/* Financial figures need room at phone widths; never squeeze them into two
   narrow columns or reduce the qualification to unreadable tiny type. */
@media (max-width: 680px) {
  .b2b-v18-returns .b2b-v17-return-card { grid-template-columns: 1fr; padding: 22px; }
  .b2b-v18-returns .b2b-v17-return-card > * { grid-column: auto !important; grid-row: auto !important; }
  .b2b-v18-returns .b2b-v17-return-card h4 { font-size: 23px; }
  .business-v13 .b2b-v18-returns .b2b-v17-scenario { font-size: 10px; }
  .business-v13 .b2b-v18-returns .b2b-v17-return-number { margin: 21px 0 9px; font-size: clamp(52px, 14.5vw, 68px); }
  .business-v13 .b2b-v18-returns .b2b-v17-return-label { max-width: 24em; font-size: 12px; }
  .business-v13 .roi-v18-ads { font-size: 12px; margin-top: 9px; }
  .business-v13 .roi-v18-annual { font-size: 13px; margin-top: 13px; }
  .b2b-v18-returns .b2b-v17-return-secondary { display: flex; align-items: center; gap: 15px; margin-top: 18px; padding-top: 15px; }
  .b2b-v18-returns .b2b-v17-return-secondary strong { flex: 0 0 auto; font-size: 24px; }
  .b2b-v18-returns .b2b-v17-return-secondary > span { font-size: 11px; }
}


/* Source: content-v19.css */
/* V19: clearer transitions, cinematic film invitations, compact branded returns. */
@media (min-width: 900px) and (min-height: 620px) {
 #story[data-motion=true] .v19-side-case .v19-case-model { transform: scale(.74); transform-origin: 50% 100%; }
}
.ad-intro-v19 { padding: clamp(38px, 5.2vw, 80px) var(--gutter); max-width: 1536px; margin: 0 auto; color: #192225; }
.ad-intro-v19 > .eyebrow { color: #307d87; font-size: 11px; line-height: 1.6; margin: 0 0 22px; }
.ad-intro-v19 > div { display: grid; grid-template-columns: 1.1fr 1fr; gap: clamp(30px, 7vw, 110px); align-items: end; }
.ad-intro-v19 h2 { font-size: clamp(36px, 4.9vw, 68px); line-height: 1.07; letter-spacing: -.055em; font-weight: 650; margin: 0; }
.ad-intro-v19 > div > p { margin: 0; max-width: 34em; color: #5e6d70; font-size: clamp(15px, 1.4vw, 19px); line-height: 1.65; text-wrap: pretty; }
.ad-intro-v19-link { display: inline-flex; align-items: center; gap: 20px; margin-top: 28px; padding: 8px 0; color: #237d88; font-size: 14px; font-weight: 650; text-decoration: none; }
.ad-intro-v19-link svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.6; }
#advertising.ad-v19-centered .ad-screen { container-type: inline-size; }
#advertising.ad-v19-centered .campaign-copy > span { font-size: 20cqw; }
#advertising.ad-v19-centered .campaign-copy i { font-size: 10.5cqw; }
@media (min-height: 620px) {
 body.js-motion:not(.reduced-motion) #advertising.ad-v19-centered .ad-heading { top: calc(var(--header) + 24px); left: var(--gutter); right: var(--gutter); width: auto; max-width: none; text-align: center; }
 body.js-motion:not(.reduced-motion) #advertising.ad-v19-centered .ad-heading h2 { font-size: clamp(34px, 4.4vw, 62px); margin: 14px 0 16px; }
 body.js-motion:not(.reduced-motion) #advertising.ad-v19-centered .ad-heading > p:last-child { max-width: 38em; margin-inline: auto; font-size: 15px; line-height: 1.55; }
 body.js-motion:not(.reduced-motion) #advertising.ad-v19-centered .ad-machine-wrap { width: var(--ad-v7-width, 30vw); height: auto; max-width: none; left: calc((100% - var(--ad-v7-width, 30vw)) / 2); top: var(--ad-v7-top, 45%); bottom: auto; right: auto; }
}

/* A film feels like an invitation to watch, not a document attachment. */
#films.cm-films, #behind-the-scenes.cm-factory-feature { display: block; padding: clamp(42px, 6vw, 84px) var(--gutter); }
#films .cm-films-heading, #behind-the-scenes .cm-factory-heading { display: grid; grid-template-columns: 1.1fr 1fr; gap: 22px 8%; align-items: end; max-width: 1400px; margin: 0 auto 30px; }
#behind-the-scenes .cm-factory-heading > .film-kicker { grid-column: 1 / -1; margin: 0; }
#films .cm-films-heading h2, #behind-the-scenes .cm-factory-heading h2 { margin: 15px 0 0; font-size: clamp(37px, 4.4vw, 66px); line-height: 1.08; letter-spacing: -.055em; }
#behind-the-scenes .cm-factory-heading h2 { margin: 0; }
#films .cm-films-heading > p, #behind-the-scenes .cm-factory-heading > p:last-child { max-width: 30em; margin: 0; font-size: 17px; line-height: 1.65; color: #5d6b6c; }
#films .cm-films-grid { display: block; max-width: 1400px; margin: 0 auto; }
.cm-film-card.cm-film-card-v19 { display: block; width: 100%; max-width: 1400px; margin: 0 auto; overflow: hidden; border: 0; border-radius: 24px; background: #e9eee9; box-shadow: none; text-align: left; }
.cm-film-card-v19 .cm-film-poster { display: block; position: relative; width: 100%; height: auto; min-height: 0; aspect-ratio: 16 / 8; overflow: hidden; background: #e8efeb; }
.cm-film-card-v19 .cm-film-poster > img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: 50% 50%; }
.cm-film-card-v19 .cm-film-poster::after { content: ''; position: absolute; inset: 45% 0 0; background: linear-gradient(transparent, #15202055); pointer-events: none; }
.cm-film-card-v19 .cm-film-play { position: absolute; z-index: 2; left: 28px; bottom: 24px; top: auto; width: 68px; height: 68px; border: 1px solid #ffffff88; background: #ffffffed; backdrop-filter: blur(8px); box-shadow: 0 8px 25px #15202418; }
.cm-film-card-v19 .cm-film-card-copy { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px 24px; padding: 26px 30px 29px; min-height: 0; }
.cm-film-card-v19 .cm-film-meta { grid-column: 1 / -1; margin: 0 0 2px; display: flex; justify-content: space-between; gap: 15px; font-size: 10px; letter-spacing: .08em; }
.cm-film-card-v19 .cm-film-card-title { margin: 0; font-size: clamp(26px, 2.8vw, 40px); line-height: 1.15; letter-spacing: -.04em; overflow-wrap: normal; word-break: normal; }
.cm-film-card-v19 .cm-film-card-description { grid-column: 1; margin: 0; font-size: 15px; line-height: 1.55; color: #596d71; }
.cm-film-card-v19 .cm-film-card-action { grid-column: 2; grid-row: 2 / 4; align-self: center; margin: 0; white-space: nowrap; font-size: 14px; gap: 16px; }
.cm-film-card-v19:focus-visible { outline: 3px solid #007e8d; outline-offset: 5px; }

/* No component-price ledger on the main invitation. */
.partner-plan-v18 { position: relative; overflow: hidden; }
.partner-plan-v18::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 4px; background: linear-gradient(90deg, #00bad0 0 45%, #f0008b 100%); }
.business-v13 .partner-plan-v18-stock { color: #465f65; font-size: 15px; }
.business-v13 .partner-plans-v18-note { max-width: 78em; font-size: 12px; }

.roi-v19 { margin: 18px 0 48px; padding: 38px 0 0; border-top: 1px solid #d5ddda; scroll-margin-top: calc(var(--header) + 24px); }
.business-v13 .roi-v19 > h3 { margin: 0; font-size: clamp(36px, 4.3vw, 64px); letter-spacing: -.055em; line-height: 1.08; font-weight: 650; }
.business-v13 .roi-v19-lead { max-width: 46em; margin: 22px 0 28px; font-size: 17px; line-height: 1.65; color: #5d6c6f; text-wrap: pretty; }
.roi-v19-stage { position: relative; padding: clamp(24px, 3vw, 42px); border-radius: 24px; border: 1px solid #c7dad6; background: radial-gradient(ellipse at 90% 0, #00b8d017, transparent 65%), #eef5f0; overflow: hidden; }
.roi-v19-brand { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-bottom: 20px; border-bottom: 1px solid #c4d8d2; }
.roi-v19-brand > span { color: #00aebe; font-size: 27px; line-height: 1; font-weight: 750; letter-spacing: -.06em; white-space: nowrap; }
.roi-v19-brand > span b { color: #ec008c; }
.business-v13 .roi-v19-brand > p { max-width: 28em; margin: 0; color: #527278; font-size: 12px; line-height: 1.5; text-align: right; }
.roi-v19-choices { display: none; }
.roi-v19-body { display: grid; grid-template-columns: minmax(180px,.6fr) minmax(0,1.4fr); gap: 40px; align-items: center; padding-top: 26px; }
.roi-v19-chart { height: 220px; display: flex; align-items: flex-end; justify-content: center; gap: 16px; --chart-reveal: 1; }
.roi-v19-chart > div { display: flex; flex-direction: column; justify-content: flex-end; align-items: center; flex: 1; height: 100%; max-width: 67px; color: #40757c; font-size: 15px; font-weight: 650; gap: 10px; }
.roi-v19-chart i { display: block; width: 100%; height: calc(var(--bar-size) * 82% + 8%); border-radius: 12px 12px 5px 5px; background: linear-gradient(0deg, #0d8c99, #1ac5d5); transform-origin: bottom; transform: scaleY(var(--chart-reveal)); }
.roi-v19-chart > div:last-child i { background: linear-gradient(0deg, #d3007e, #f83ca2); }
.roi-v19-panel { padding: 23px 0; }
.roi-v19-panel + .roi-v19-panel { border-top: 1px solid #cadaD5; }
.roi-v19-panel[hidden] { display: none !important; }
.roi-v19-panel h4 { margin: 0; font-size: clamp(26px, 2.7vw, 39px); letter-spacing: -.045em; line-height: 1.13; font-weight: 650; }
.business-v13 .roi-v19-pace { margin: 16px 0 0; color: #536b70; font-size: 15px; line-height: 1.65; max-width: 40em; }
.roi-v19-result { display: flex; align-items: center; gap: 24px; margin-top: 21px; }
.business-v13 .roi-v19-percent { color: #007f8d; margin: 0; font-size: clamp(61px, 6vw, 86px); line-height: 1; font-weight: 650; letter-spacing: -.065em; white-space: nowrap; font-variant-numeric: tabular-nums; }
.roi-v19-percent span { font-size: .47em; margin-left: .06em; }
.business-v13 .roi-v19-label { margin: 0; color: #436269; font-size: 12px; line-height: 1.5; max-width: 14em; }
.business-v13 .roi-v19-annual { margin: 8px 0 0; color: #24434a; font-size: 13px; line-height: 1.5; font-weight: 650; }
.roi-v19-track { display: none; margin-top: 27px; height: 3px; border-radius: 3px; background: #cbdad5; overflow: hidden; }
.roi-v19-track i { display: block; height: 100%; width: 100%; background: linear-gradient(90deg, #00b5c6, #ec008c); transform-origin: left; }
.roi-v19-footnote { margin: 21px 0 0; max-width: 86em; }
.business-v13 .roi-v19-footnote p { font-size: 12px; line-height: 1.65; color: #617276; margin: 0; }
.business-v13 .roi-v19-footnote p + p { margin-top: 8px; }
.roi-v19 > .business-v13-link { margin-top: 13px; font-size: 15px; }
.roi-v19-enhanced .roi-v19-scroll { height: 170svh; position: relative; }
.roi-v19-enhanced .roi-v19-stage { position: sticky; top: calc(var(--header) + 12px); }
.roi-v19-enhanced .roi-v19-choices { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 10px; margin-top: 21px; }
.roi-v19-choices button { display: grid; grid-template-columns: auto auto; justify-content: center; align-items: baseline; gap: 2px 8px; padding: 12px; min-height: 74px; border: 1px solid #bbd2cf; border-radius: 13px; background: transparent; color: #4b6e74; text-align: left; cursor: pointer; }
.roi-v19-choices button > span { grid-column: 1 / -1; font-size: 11px; font-weight: 600; }
.roi-v19-choices button strong { font-size: 23px; font-weight: 650; line-height: 1.25; letter-spacing: -.04em; }
.roi-v19-choices button small { font-size: 10px; }
.roi-v19-choices button[aria-pressed="true"] { background: #fff; border-color: #008a98; color: #087781; box-shadow: 0 5px 18px #06404a08; }
.roi-v19-choices button:last-child[aria-pressed="true"] { border-color: #df007f; color: #bd006f; }
.roi-v19-choices button:focus-visible { outline: 2px solid #087f8d; outline-offset: 3px; }
.roi-v19-enhanced .roi-v19-panel { min-height: 250px; padding: 10px 0 0; border: 0; }
.roi-v19-enhanced .roi-v19-track { display: block; }
.roi-v19[data-roi-active="2"] .roi-v19-panel:not([hidden]) .roi-v19-percent { color: #d8007b; }
.roi-v19, .roi-v19 *, .roi-v19 *::before, .roi-v19 *::after { transition-property: none !important; }

@media (max-width: 760px) {
 .ad-intro-v19 { padding-block: 38px; }
 .ad-intro-v19 > div { grid-template-columns: 1fr; gap: 20px; }
 .ad-intro-v19 h2 { font-size: clamp(33px, 8.8vw, 46px); }
 .ad-intro-v19 > div > p { font-size: 15px; }
 .ad-intro-v19 > .eyebrow { font-size: 9px; margin-bottom: 18px; }
 #films .cm-films-heading, #behind-the-scenes .cm-factory-heading { display: block; margin-bottom: 25px; }
 #films .cm-films-heading h2, #behind-the-scenes .cm-factory-heading h2 { font-size: clamp(34px, 9.5vw, 48px); }
 #films .cm-films-heading > p, #behind-the-scenes .cm-factory-heading > p:last-child { margin-top: 19px; font-size: 15px; }
 #behind-the-scenes .cm-factory-heading > .film-kicker { margin-bottom: 18px; }
 .cm-film-card.cm-film-card-v19 { border-radius: 20px; }
 .cm-film-card-v19 .cm-film-poster { aspect-ratio: 4 / 3; }
 .cm-film-card-v19 .cm-film-play { width: 58px; height: 58px; left: 19px; bottom: 19px; }
 .cm-film-card-v19 .cm-film-card-copy { grid-template-columns: 1fr; padding: 23px; gap: 11px; }
 .cm-film-card-v19 .cm-film-card-title { font-size: 29px; }
 .cm-film-card-v19 .cm-film-card-description { font-size: 14px; }
 .cm-film-card-v19 .cm-film-card-action { grid-row: auto; grid-column: 1; justify-self: start; font-size: 13px; margin-top: 4px; }
 .business-v13 .partner-plan-v18-stock { font-size: 14px; }
 .roi-v19 { padding-top: 30px; margin-bottom: 34px; }
 .business-v13 .roi-v19 > h3 { font-size: clamp(34px, 9vw, 46px); }
 .business-v13 .roi-v19-lead { font-size: 15px; margin: 19px 0 23px; }
 .roi-v19-stage { padding: 21px; border-radius: 20px; }
 .roi-v19-brand { display: block; padding-bottom: 16px; }
 .roi-v19-brand > span { font-size: 25px; }
 .business-v13 .roi-v19-brand > p { margin-top: 10px; max-width: 26em; font-size: 11px; text-align: left; }
 .roi-v19-body { display: block; padding-top: 18px; }
 .roi-v19-chart { height: 110px; gap: 13px; justify-content: flex-end; padding-right: 5px; }
 .roi-v19-chart > div { max-width: none; font-size: 11px; gap: 6px; }
 .roi-v19-chart i { border-radius: 7px 7px 3px 3px; }
 .roi-v19-panel h4 { font-size: clamp(24px, 6.5vw, 31px); }
 .business-v13 .roi-v19-pace { font-size: 13px; line-height: 1.55; margin-top: 12px; }
 .roi-v19-result { gap: 16px; margin-top: 16px; }
 .business-v13 .roi-v19-percent { font-size: clamp(52px, 14vw, 67px); }
 .business-v13 .roi-v19-label { font-size: 10px; }
 .business-v13 .roi-v19-annual { font-size: 11px; margin-top: 6px; }
 .roi-v19-enhanced .roi-v19-choices { gap: 7px; margin-top: 16px; }
 .roi-v19-choices button { min-height: 69px; padding: 9px 5px; gap: 2px 5px; }
 .roi-v19-choices button > span { font-size: 10px; }
 .roi-v19-choices button strong { font-size: 23px; }
 .roi-v19-choices button small { font-size: 8px; }
 .roi-v19-enhanced .roi-v19-panel { min-height: 218px; padding-top: 19px; }
 .roi-v19-enhanced .roi-v19-scroll { height: 165svh; }
 .roi-v19-track { margin-top: 18px; }
 .business-v13 .roi-v19-footnote p { font-size: 11px; line-height: 1.65; }
 .roi-v19 > .business-v13-link { font-size: 14px; }
}
@media (max-width: 760px) and (min-height: 620px) {
 body.js-motion:not(.reduced-motion) #advertising.ad-v19-centered .ad-heading h2 { font-size: clamp(31px, 8.4vw, 44px); }
 body.js-motion:not(.reduced-motion) #advertising.ad-v19-centered .ad-heading > p:last-child { font-size: 13px; }
}
@media (max-height: 760px) and (min-height: 620px) {
 .roi-v19-enhanced .roi-v19-stage { padding-block: 17px; }
 .roi-v19-enhanced .roi-v19-chart { height: 75px; }
 .roi-v19-enhanced .roi-v19-panel { min-height: 205px; padding-top: 14px; }
 .roi-v19-enhanced .roi-v19-brand { padding-bottom: 12px; }
 .roi-v19-enhanced .roi-v19-track { margin-top: 10px; }
}

.roi-v19-chart [data-roi-bar="0"] { --bar-size: .42857143; }
.roi-v19-chart [data-roi-bar="1"] { --bar-size: .71428571; }
.roi-v19-chart [data-roi-bar="2"] { --bar-size: 1; }

/* A separate, deliberate invitation; an enquiry never opts someone in. */
.newsletter-v19 { display: grid; grid-template-columns: 1.05fr 1fr; gap: clamp(30px,7vw,110px); padding: clamp(40px,6vw,80px) max(var(--gutter), calc((100vw - 1400px) / 2)); background: #e6efea; color: #1a292b; }
.newsletter-v19-copy .eyebrow { margin: 0 0 20px; color: #317c87; font-size: 10px; letter-spacing: .12em; line-height: 1.6; }
.newsletter-v19-copy h2 { margin: 0; font-size: clamp(35px,4vw,60px); line-height: 1.08; font-weight: 650; letter-spacing: -.055em; }
.newsletter-v19-copy > p:last-child { margin: 22px 0 0; max-width: 30em; color: #577075; font-size: 16px; line-height: 1.65; }
.newsletter-v19-form { align-self: center; min-width: 0; }
.newsletter-v19-form[hidden] { display: none !important; }
.newsletter-v19-form > label:first-child { display: grid; gap: 10px; font-size: 13px; font-weight: 600; color: #254a50; }
.newsletter-v19-form input[type="email"] { display: block; width: 100%; min-height: 53px; padding: 12px 16px; border: 1px solid #b4cbc5; border-radius: 10px; background: #fbfdf9; font: inherit; font-size: 16px; font-weight: 400; color: #162b2f; }
.newsletter-v19-form input[type="email"]:focus-visible { outline: 2px solid #008797; outline-offset: 3px; }
.newsletter-v19-consent { display: grid; grid-template-columns: 18px minmax(0,1fr); gap: 12px; margin-top: 19px; color: #4c656b; font-size: 12px; line-height: 1.6; cursor: pointer; }
.newsletter-v19-consent input { width: 18px; height: 18px; margin: 3px 0 0; accent-color: #087d8c; }
.newsletter-v19-form .pill-button { margin-top: 22px; min-height: 55px; padding-left: 25px; font-size: 14px; }
.newsletter-v19-form .button-circle { width: 38px; height: 38px; }
.newsletter-v19-form .form-note { color: #5a7175; font-size: 12px; line-height: 1.6; margin: 14px 0 0; }
.newsletter-v19-form #newsletter-status:empty { display: none; }
.newsletter-v19-form #newsletter-status { color: #145e68; font-weight: 600; }
.newsletter-v19-form > a { display: inline-block; color: #3e676d; font-size: 12px; margin-top: 12px; text-underline-offset: 4px; }
#enquiry-newsletter-status:not([hidden]) { margin-top: 18px; padding-top: 16px; border-top: 1px solid #ccd9d4; color: #326e78; font-size: 13px; line-height: 1.6; }
#enquiry-newsletter-field { margin-top: 17px; }
@media (max-width:760px) {
 .newsletter-v19 { grid-template-columns: 1fr; gap: 27px; padding: 39px var(--gutter); }
 .newsletter-v19-copy h2 { font-size: clamp(34px,9vw,45px); }
 .newsletter-v19-copy > p:last-child { margin-top: 18px; font-size: 14px; }
 .newsletter-v19-consent { font-size: 12px; }
}

.roi-v19-chart > div { position: relative; }
.roi-v19-chart > div i { position: absolute; bottom: 0; height: calc(var(--bar-size) * 82%); flex: none; }
.roi-v19-chart > div > span { position: absolute; bottom: calc(var(--bar-size) * 82% + 8px); }


/* Source: process-v19.css */
/* A readable native-scroll explanation, built around the approved cabinet. */
.process-v19{--process-paper:#f4f6f1;--process-ink:#182225;position:relative;isolation:isolate;background:var(--process-paper);color:var(--process-ink);padding:48px 0 32px;scroll-margin-top:100px;overflow-anchor:none;}
.process-v19,.process-v19 *,.process-v19 *::before,.process-v19 *::after{transition-property:none!important;}
.process-v19-intro{max-width:1340px;margin:0 auto 20px;padding:0 clamp(22px,6vw,88px);}
.process-v19-intro .eyebrow{color:#46787f;font-size:11px;letter-spacing:.13em;line-height:1.5;margin:0 0 18px;}
.process-v19-intro h2{font-size:clamp(40px,5.6vw,78px);font-weight:600;line-height:1.04;letter-spacing:-.06em;max-width:14ch;margin:0 0 18px;}
.process-v19-intro>p:last-child{max-width:43ch;font-size:clamp(17px,1.7vw,22px);line-height:1.5;color:#62706f;margin:0;}
.process-v19-track{position:relative;max-width:1440px;margin:auto;}
.process-v19-sticky{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:32px;align-items:center;padding:12px clamp(22px,5vw,76px) 18px;min-width:0;}
.process-v19-visual{position:relative;min-width:0;height:500px;overflow:clip;isolation:isolate;pointer-events:none;}
.process-v19-visual::before{content:"";position:absolute;inset:8% 2% 4%;border-radius:50%;background:radial-gradient(ellipse at 45% 50%,#cce9e338,transparent 70%);}
.process-v19-visual::after{content:"";position:absolute;z-index:-1;width:75%;height:12%;left:12%;bottom:3%;border-radius:50%;background:radial-gradient(ellipse,#79948c20,transparent 70%);}
.process-v19-machine{position:absolute;left:24%;top:12%;width:52%;aspect-ratio:1000/1333;isolation:isolate;}
.process-v19-cabinet{display:block;width:100%;height:100%;object-fit:fill;max-width:none;}
.process-v19-display,.process-v19-touch{position:absolute;z-index:2;overflow:hidden;container-type:inline-size;background:#eff8f3;color:#15373a;border-radius:1px;}
.process-v19-display{left:14.6%;top:10.953%;width:37.2%;height:49.062%;}
.process-v19-touch{left:64.2%;top:16.804%;width:21.1%;height:27.607%;}
.process-v19-display-copy{position:absolute;inset:0;padding:11% 8%;display:flex;flex-direction:column;background:radial-gradient(ellipse at 90% 20%,#ffdaea,transparent 70%),linear-gradient(155deg,#f9fffa,#def2ef);}
.process-v19-mark{display:block;font-size:12cqw;font-weight:800;letter-spacing:-.07em;line-height:1;white-space:nowrap;color:#00aebe;}
.process-v19-mark b{color:#ed008c;font-weight:inherit;}
.process-v19-display-title{font-size:19cqw;font-weight:650;letter-spacing:-.06em;line-height:1.06;display:block;margin:14% 0 6%;}
.process-v19-display-copy>img{display:block;width:78%;height:56%;min-height:0;margin:auto;object-fit:contain;transform:rotate(-8deg);}
.process-v19-display-foot{font-size:8cqw;line-height:1.25;margin-top:auto;}
.process-v19-panel{position:absolute;inset:0;padding:10% 7% 7%;display:flex;flex-direction:column;gap:8%;background:linear-gradient(155deg,#fcfffb,#e5f4f0);opacity:0;visibility:hidden;}
.process-v19-panel:first-child{opacity:1;visibility:visible;}
.process-v19-panel .process-v19-mark{font-size:15cqw;}
.process-v19-panel-title{font-size:13cqw;font-weight:650;letter-spacing:-.045em;line-height:1.12;}
.process-v19-panel>img{display:block;min-height:0;flex:1;width:100%;object-fit:contain;}
.process-v19-panel .process-v19-screen-photo{object-fit:cover;border-radius:5%;margin-top:5%;}
.process-v19-screen-action{display:block;font-size:8.4cqw;font-weight:600;line-height:1.2;padding:6% 4%;border-radius:99px;background:#008b98;color:white;text-align:center;margin-top:auto;}
.process-v19-models{display:flex;justify-content:center;gap:7%;height:47%;margin:8% 0;}
.process-v19-models i{display:block;position:relative;width:24%;height:85%;border:1px solid #98aaa7;border-radius:18%;}
.process-v19-models i::after{content:"";position:absolute;top:5%;left:20%;width:60%;height:6%;border-radius:4px;background:#98aaa7;}
.process-v19-models i:nth-child(2){height:100%;border-color:#008f9c;background:#d1efed;}
.process-v19-check{width:37%;height:auto;display:block;flex:none;margin:9% auto;color:#008f9c;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.process-v19-print{position:absolute;inset:0;background:linear-gradient(135deg,#e9f7f1,#faecf3);opacity:0;visibility:hidden;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.process-v19-print>img{width:88%;height:87%;object-fit:contain;}
.process-v19-print-cover{position:absolute;inset:0;background:linear-gradient(135deg,#e9f7f1,#faecf3);}
.process-v19-scan{position:absolute;left:6%;right:6%;top:0;height:2px;background:#07b4c1;box-shadow:0 0 8px #00c7d1b0;}
.process-v19-photo{position:absolute;z-index:6;left:0;top:0;width:90px;height:120px;border:3px solid #fff;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #24413b28;transform-origin:0 0;opacity:0;visibility:hidden;}
.process-v19-photo>img{width:100%;height:100%;object-fit:cover;}
.process-v19-pickup-glow{position:absolute;z-index:3;left:35.8%;top:64.2%;width:20.4%;height:10.1%;border:2px solid #a9f5ea;border-radius:7%;box-shadow:0 0 8px #5ee3d56b,inset 0 0 8px #5ee3d56b;opacity:0;visibility:hidden;}
.process-v19-output{position:absolute;z-index:5;left:45.6%;top:68.4%;width:48%;aspect-ratio:2/3;transform:translate(-50%,-50%) scale(.24);opacity:0;visibility:hidden;}
.process-v19-output>img{display:block;width:100%;height:100%;object-fit:contain;max-width:none;}
.process-v19-copy{min-width:0;padding:0 0 10px;}
.process-v19-steps{list-style:none;margin:0;padding:0;}
.process-v19-step{padding:20px 0;border-top:1px solid #cdd8d2;margin:0 0 14px;min-width:0;}
.process-v19-step-number{display:block;font-size:12px;font-weight:600;line-height:1.4;letter-spacing:.13em;color:#198592;margin-bottom:20px;font-variant-numeric:tabular-nums;}
.process-v19-step h3{font-size:clamp(30px,3.4vw,50px);font-weight:600;line-height:1.08;letter-spacing:-.055em;text-wrap:balance;max-width:16ch;margin:0 0 18px;}
.process-v19-step p{font-size:clamp(17px,1.6vw,22px);line-height:1.5;color:#5b6869;margin:0;max-width:31ch;}
.process-v19-controls{display:none;gap:8px;margin-top:32px;}
.process-v19-controls button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #bfcfca;border-radius:50%;background:#fff8;color:#5c6e6b;font-family:inherit;font-size:12px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums;cursor:pointer;}
.process-v19-controls button[aria-current=step]{background:#008e9c;border-color:#008e9c;color:#fff;}
.process-v19-controls button:focus-visible{outline:2px solid #006f7b;outline-offset:4px;}
.process-v19-progress{display:none;height:2px;width:252px;max-width:100%;margin-top:14px;background:#d4dfd9;overflow:hidden;}
.process-v19-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#05aebc,#e50085);transform:scaleX(.2);transform-origin:left;}
.process-v19-footer{max-width:1340px;margin:12px auto 0;padding:0 clamp(22px,6vw,88px);display:flex;justify-content:flex-end;}
.process-v19-footer .business-v13-link{min-height:48px;}
.process-v19[data-process-mode=scroll] .process-v19-sticky{position:sticky;top:var(--process-top,86px);height:min(740px,calc(100vh - var(--process-top,86px) - 20px));height:min(740px,calc(100svh - var(--process-top,86px) - 20px));}
.process-v19[data-process-mode=scroll] .process-v19-visual{height:100%;min-height:0;}
.process-v19[data-process-mode=scroll] .process-v19-steps{display:grid;}
.process-v19[data-process-mode=scroll] .process-v19-step{grid-area:1/1;padding:0;margin:0;border:0;opacity:0;visibility:hidden;}
.process-v19[data-process-mode=scroll] .process-v19-step[data-active=true]{opacity:1;visibility:visible;}
.process-v19[data-process-mode=scroll] .process-v19-controls{display:flex;}
.process-v19[data-process-mode=scroll] .process-v19-progress{display:block;}
.process-v19[data-process-mode=scroll] .process-v19-photo,.process-v19[data-process-mode=scroll] .process-v19-output{will-change:transform,opacity;}
@media(max-width:700px) and (min-height:501px){
 .process-v19{padding-top:34px;padding-bottom:28px;}
 .process-v19-intro{padding-inline:24px;margin-bottom:12px;}
 .process-v19-intro .eyebrow{font-size:10px;margin-bottom:14px;}
 .process-v19-intro h2{font-size:clamp(38px,10vw,54px);margin-bottom:14px;}
 .process-v19-intro>p:last-child{font-size:17px;}
 .process-v19-sticky{display:flex;flex-direction:column;gap:10px;padding:6px 20px 10px;}
 .process-v19-visual{width:100%;height:360px;flex:none;}
 .process-v19-copy{width:100%;padding:0 4px;}
 .process-v19-step-number{font-size:10px;margin-bottom:9px;}
 .process-v19-step h3{font-size:clamp(28px,7.6vw,38px);margin-bottom:10px;max-width:none;}
 .process-v19-step p{font-size:16px;line-height:1.45;max-width:none;}
 .process-v19-controls{margin-top:18px;justify-content:center;gap:10px;}
 .process-v19-progress{width:260px;margin:10px auto 0;}
 .process-v19-footer{padding-inline:24px;justify-content:flex-start;}
 .process-v19[data-process-mode=scroll] .process-v19-visual{flex:1;min-height:170px;}
 .process-v19[data-process-mode=scroll] .process-v19-copy{flex:none;}
}
@media(max-width:360px) and (min-height:501px){.process-v19-sticky{padding-inline:16px;gap:6px;}.process-v19-step h3{font-size:27px;}.process-v19-step p{font-size:15px;}.process-v19-step-number{margin-bottom:6px;}.process-v19-controls{margin-top:14px;gap:8px;}}
@media(max-height:600px) and (min-width:600px){
 .process-v19-sticky{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:20px;padding:4px 24px 10px;}
 .process-v19-visual{height:300px;}
 .process-v19-step-number{font-size:10px;margin-bottom:10px;}
 .process-v19-step h3{font-size:30px;line-height:1.06;margin-bottom:12px;}
 .process-v19-step p{font-size:16px;line-height:1.4;}
 .process-v19-controls{margin-top:18px;}
 .process-v19-progress{margin-top:10px;}
}


/* Source: refinements-v20.css */
/* V20 — a shorter, coherent closing section and comfortable touch targets.
   Keep the existing form identifiers, consent and live feedback intact. */

.case-prices-v18-offer .business-v13-link { margin-top: 0; }
.case-prices-v18-basis { margin-bottom: 18px; }

.newsletter-v19.newsletter-v20 {
  display: block;
  padding: clamp(32px, 4.5vw, 60px) max(var(--gutter), calc((100vw - 1400px) / 2));
  background: #e6efea;
  scroll-margin-top: calc(var(--header, 74px) + 18px);
}
.newsletter-v20-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr);
  align-items: center;
  gap: clamp(28px, 5vw, 76px);
  max-width: 1400px;
  margin: 0 auto;
}
.newsletter-v20 .newsletter-v19-copy { min-width: 0; }
.newsletter-v20 .newsletter-v19-copy .eyebrow { margin-bottom: 14px; color: #3d727a; }
.newsletter-v20 .newsletter-v19-copy h2 {
  font-size: clamp(32px, 3.3vw, 49px);
  line-height: 1.1;
  text-wrap: balance;
}
.newsletter-v20 .newsletter-v19-copy > p:last-child {
  margin-top: 16px;
  font-size: 15px;
  line-height: 1.6;
  color: #4c6368;
  max-width: 30em;
}
.newsletter-v20 .newsletter-v19-form { width: 100%; }
.newsletter-v20-entry {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: end;
}
.newsletter-v20-email {
  display: grid;
  gap: 8px;
  min-width: 0;
  font-size: 13px;
  line-height: 1.5;
  font-weight: 600;
  color: #254a50;
}
.newsletter-v20 .newsletter-v20-email input {
  min-height: 52px;
  padding: 12px 14px;
  border-radius: 12px;
  font-size: 16px;
  line-height: 1.5;
}
.newsletter-v20 .newsletter-v20-entry .pill-button {
  align-self: end;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  max-width: 180px;
  margin: 0;
  padding: 13px 17px;
  border-radius: 28px;
  font-size: 13px;
  line-height: 1.5;
  text-align: center;
}
.newsletter-v20-entry .pill-button > span { min-width: 0; }
.newsletter-v20-entry .pill-button > svg { width: 20px; height: 20px; }
.newsletter-v20 .newsletter-v19-consent {
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 10px;
  margin-top: 16px;
  min-height: 44px;
  font-size: 13px;
  line-height: 1.6;
  color: #4c6368;
}
.newsletter-v20 .newsletter-v19-consent input { width: 20px; height: 20px; margin-top: 1px; }
.newsletter-v20-help {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px 18px;
  margin-top: 10px;
}
.newsletter-v20 .newsletter-v20-help .form-note {
  min-width: 0;
  margin: 0;
  font-size: 12px;
  line-height: 1.6;
  color: #4c6368;
}
.newsletter-v20-help > a {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  min-height: 44px;
  padding: 8px 0;
  font-size: 12px;
  line-height: 1.5;
  color: #315f66;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.newsletter-v20 .newsletter-v19-form #newsletter-status {
  margin-top: 12px;
  font-size: 13px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
.newsletter-v20-panel > noscript { color: #4c6368; font-size: 14px; line-height: 1.6; }

.site-footer.footer-v20 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-height: 0;
  gap: 14px;
  padding: 24px max(var(--gutter), calc((100vw - 1400px) / 2)) 20px;
  color: #566467;
  background: #f7f7f3;
}
.footer-v20-top, .footer-v20-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px 24px;
  min-width: 0;
}
.site-footer.footer-v20 .wordmark {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin: 0;
  font-size: 29px;
  letter-spacing: -1.8px;
  grid-column: auto;
}
.footer-v20 #motion-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 9px 14px;
  border: 1px solid #cbd6d1;
  border-radius: 25px;
  color: #435d62;
  font-size: 12px;
  line-height: 1.5;
  text-align: center;
  transition: color .2s, background-color .2s;
}
.footer-v20 #motion-toggle:hover { background: #e6efea; color: #203f45; }
.footer-v20-bottom { border-top: 1px solid #dce3df; padding-top: 8px; }
.footer-v20-bottom a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 8px 0;
  font-size: 12px;
  line-height: 1.5;
  color: #435d62;
  text-underline-offset: 4px;
}
.footer-v20-bottom a:hover { color: var(--teal); text-decoration: underline; }
.footer-v20-email { overflow-wrap: anywhere; }
.footer-v20-legal { display: flex; align-items: center; gap: 8px 26px; font-size: 11px; line-height: 1.5; }
.footer-v20-legal > span { white-space: nowrap; }

.dialog-close { width: 44px; height: 44px; min-width: 44px; min-height: 44px; }
.film-dialog-heading { padding-right: 45px; }
.enquiry-dialog [data-privacy-link] {
  display: inline-flex;
  align-items: center;
  justify-self: start;
  min-height: 44px;
  padding: 6px 0;
  color: #315f66;
  font-size: 12px;
  line-height: 1.5;
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media (max-width: 900px) {
  .newsletter-v20-panel { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .newsletter-v20 .newsletter-v19-copy > p:last-child { max-width: 42em; }
}
@media (max-width: 640px) {
  .newsletter-v19.newsletter-v20 { padding-top: 32px; padding-bottom: 28px; }
  .newsletter-v20 .newsletter-v19-copy h2 { font-size: clamp(30px, 8.2vw, 38px); }
  .newsletter-v20 .newsletter-v19-copy > p:last-child { margin-top: 12px; font-size: 14px; }
  .newsletter-v20-panel { gap: 22px; }
  .newsletter-v20 .newsletter-v20-entry .pill-button { padding-right: 14px; padding-left: 14px; max-width: 170px; }
  .newsletter-v20-help { gap: 8px 14px; }
  .site-footer.footer-v20 { gap: 12px; padding-top: 18px; padding-bottom: 16px; }
  .footer-v20-top, .footer-v20-bottom { gap: 12px 16px; }
  .footer-v20-legal { flex-direction: column; align-items: flex-end; gap: 0; }
  .footer-v20-legal a { padding-bottom: 0; min-height: 44px; }
  .footer-v20-bottom { padding-top: 12px; }
}
@media (max-width: 350px) {
  .newsletter-v20-entry { grid-template-columns: minmax(0, 1fr); }
  .newsletter-v20 .newsletter-v20-entry .pill-button { width: 100%; max-width: none; justify-content: space-between; }
  .site-footer.footer-v20 .wordmark { font-size: 26px; letter-spacing: -1.6px; }
  .footer-v20 #motion-toggle { padding-right: 10px; padding-left: 10px; font-size: 11px; }
  .footer-v20-top, .footer-v20-bottom { column-gap: 12px; }
  .footer-v20-bottom a, .footer-v20-legal { font-size: 11px; }
}
@media (max-height: 520px) and (min-width: 700px) {
  .newsletter-v20-panel { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: 30px; }
  .newsletter-v20 .newsletter-v19-copy h2 { font-size: 32px; }
}
@media (prefers-reduced-motion: reduce) {
  .footer-v20 #motion-toggle { transition: none; }
}
.reduced-motion .footer-v20 #motion-toggle { transition: none; }


/* Source: header-v21.css */
/* V21 — explicit BG/EN choices, stable touch targets and a compact header.
   The language choices are native links; their selected state is aria-current. */

.site-header {
  isolation: isolate;
}
.site-header > .wordmark,
.site-header .nav-actions {
  position: relative;
  z-index: 1;
}
.site-header .nav-actions {
  align-items: center;
  flex: 0 0 auto;
}
.site-header .reading-progress {
  z-index: 0;
  pointer-events: none;
}

.language-switcher {
  display: inline-grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  flex: 0 0 104px;
  width: 104px;
  min-width: 104px;
  height: 52px;
  padding: 0;
  border: 1px solid #badadd;
  border-radius: 28px;
  background: #fcfefa;
  overflow: hidden;
  isolation: isolate;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
.language-switcher .language-option {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  padding: 0;
  /* The links meet at a straight edge. The group clips only the outside
     capsule corners, so its visible middle has no noninteractive gaps. */
  border-radius: 0;
  color: #425d62;
  font-size: 12px;
  font-weight: 750;
  line-height: 1;
  letter-spacing: .025em;
  text-align: center;
  text-decoration: none;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  transition: background-color .16s, color .16s;
}
.language-switcher .language-option[aria-current="page"] {
  background: #dff7f7;
  color: #075f6c;
  box-shadow: inset 0 0 0 1px #00a7b82b;
  font-weight: 800;
}
@media (hover: hover) and (pointer: fine) {
  .language-switcher .language-option:not([aria-current="page"]):hover {
    background: #fcebf3;
    color: #9b205d;
  }
}
.language-switcher .language-option:focus-visible {
  z-index: 2;
  outline: none;
}
.language-switcher .language-option:focus-visible::after {
  content: "";
  position: absolute;
  inset: 4px;
  border: 3px solid #007d8b;
  border-radius: 22px;
  pointer-events: none;
}
.language-switcher .language-option:active {
  background: #c8eff0;
  color: #075f6c;
  transition: none;
}
.language-switcher .language-option > * { pointer-events: none; }

.site-header .nav-contact {
  position: relative;
  flex: 0 0 auto;
  min-height: 48px;
}
.site-header .nav-contact-short { display: none; }

/* The dialog keeps language and close controls together, above its heading.
   Moving close into normal flow prevents it from covering either language. */
.enquiry-dialog { padding-top: 22px; }
.enquiry-tools-v21 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-width: 0;
  margin: 0 0 18px;
}
.enquiry-dialog .enquiry-tools-v21 .dialog-close {
  position: static;
  inset: auto;
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
  margin: 0;
}
.enquiry-tools-v21 + .eyebrow {
  max-width: none;
  margin-bottom: 16px;
  padding-right: 0;
}

@media (max-width: 760px) {
  .site-header .nav-actions { gap: 10px; }
}
@media (max-width: 480px) {
  .site-header {
    gap: 10px;
    padding-left: max(16px, env(safe-area-inset-left));
    padding-right: max(16px, env(safe-area-inset-right));
  }
  .site-header > .wordmark { font-size: 27px; letter-spacing: -1.8px; }
  .site-header .nav-actions { gap: 8px; }
  .language-switcher {
    flex-basis: 96px;
    width: 96px;
    min-width: 96px;
    height: 50px;
  }
  .site-header .nav-contact {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 76px;
    min-width: 76px;
    min-height: 48px;
    gap: 0;
    padding: 10px 8px;
    font-size: 12px;
    line-height: 1.4;
  }
  .site-header .nav-contact .nav-contact-full {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
  }
  .site-header .nav-contact .nav-contact-short { display: inline; }
  .site-header .nav-contact > svg { display: none; }
  .enquiry-dialog { padding-top: 18px; }
  .enquiry-tools-v21 { margin-bottom: 16px; }
}
@media (max-width: 360px) {
  .site-header {
    gap: 8px;
    padding-left: max(12px, env(safe-area-inset-left));
    padding-right: max(12px, env(safe-area-inset-right));
  }
  .site-header > .wordmark { font-size: 21px; letter-spacing: -1.4px; }
}
@media (max-height: 600px) and (min-width: 600px) {
  .language-switcher { height: 50px; }
  .site-header .nav-contact { min-height: 48px; }
}
/* A solid surface avoids adding a blurred compositing layer over touch UI. */
@media (any-pointer: coarse) {
  .site-header {
    background: #f7f7f3;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .language-switcher .language-option { transition: none; }
}
.reduced-motion .language-switcher .language-option { transition: none; }


/* Source: navigation-v22.css */
/* V22 — native anchor navigation with a small-screen disclosure.
   The controller owns hidden/aria-expanded; without it the links stay in flow. */

html { scroll-padding-top: calc(var(--header, 74px) + 18px); }

/* One anchor offset, supplied by the document above, rather than two offsets. */
#visitor-routes,
#how-it-works,
#designs,
#case-prices,
#case-locations,
#partners,
.world-preview #partners.business-v13,
#partner-journey,
#partner-responsibilities,
#partner-plans,
#partner-machine,
#partner-fleet,
#business-returns,
#business-assumptions,
#venues,
#partner-location,
#contact { scroll-margin-top: 0; }

.site-header { gap: clamp(16px, 1.8vw, 28px); }
.site-header > .wordmark { min-height: 44px; align-items: center; }
.site-header .nav-actions { margin-left: 0; }
.site-header .cm-nav-v22 {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  min-width: 0;
  gap: clamp(4px, .85vw, 16px);
}
.cm-nav-link-v22 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 10px 6px;
  border-radius: 7px;
  color: #33494d;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.4;
  text-decoration: none;
  white-space: nowrap;
}
.cm-menu-toggle-v22,
.cm-nav-proposal-v22 { display: none; }
.cm-menu-toggle-v22 {
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-width: 48px;
  min-height: 48px;
  padding: 10px 13px;
  gap: 10px;
  border: 1px solid #c7d4d0;
  border-radius: 26px;
  background: #fcfefa;
  color: #243b40;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  touch-action: manipulation;
}
.cm-menu-toggle-v22 > svg { width: 21px; height: 21px; }
.cm-menu-toggle-v22 > * { pointer-events: none; }
.cm-menu-toggle-v22[aria-expanded="true"] {
  background: #e4f3ef;
  border-color: #8cb7b5;
  color: #075f6c;
}
.cm-nav-link-v22:focus-visible,
.cm-nav-proposal-v22:focus-visible,
.cm-menu-toggle-v22:focus-visible {
  outline: 3px solid #007d8b;
  outline-offset: 3px;
}
@media (hover: hover) and (pointer: fine) {
  .cm-nav-link-v22:hover { color: #007d8b; background: #e8f1ed; }
  .cm-menu-toggle-v22:hover { border-color: #79adb1; background: #e8f1ed; }
  .cm-nav-proposal-v22:hover { background: #087f8e; }
}

@media (max-width: 1100px) {
  .site-header .nav-actions { margin-left: auto; }
  .site-header .nav-contact { display: none; }
  .site-header .cm-nav-v22 {
    justify-content: stretch;
    align-items: stretch;
    gap: 0;
  }
  .cm-nav-link-v22 {
    justify-content: flex-start;
    min-height: 50px;
    padding: 12px 4px;
    border-radius: 0;
    border-bottom: 1px solid #dae2dc;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: -.025em;
    white-space: normal;
  }
  .cm-nav-proposal-v22 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 50px;
    width: 100%;
    gap: 18px;
    margin-top: 16px;
    padding: 13px 18px;
    border: 0;
    border-radius: 28px;
    background: #182024;
    color: #fff;
    font-size: 14px;
    font-weight: 650;
    line-height: 1.45;
    text-align: left;
  }
  .cm-nav-proposal-v22 > svg { width: 22px; height: 22px; }

  /* A usable normal-flow fallback if the navigation controller is unavailable. */
  html:not(.cm-nav-enhanced-v22) .site-header {
    position: relative;
    height: auto;
    min-height: var(--header, 64px);
    flex-wrap: wrap;
    padding-top: 8px;
    padding-bottom: 14px;
    row-gap: 5px;
  }
  html:not(.cm-nav-enhanced-v22) .site-header .cm-nav-v22 {
    position: static;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    order: 3;
    flex: 1 0 100%;
    column-gap: 18px;
    width: 100%;
    margin-top: 4px;
  }
  html:not(.cm-nav-enhanced-v22) .cm-nav-proposal-v22 { grid-column: 1 / -1; }

  html.cm-nav-enhanced-v22 .cm-menu-toggle-v22 { display: inline-flex; }
  html.cm-nav-enhanced-v22 .site-header .cm-nav-v22 {
    position: absolute;
    z-index: 2;
    top: 100%;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    width: auto;
    max-height: calc(100svh - var(--header, 64px));
    max-height: calc(100dvh - var(--header, 64px));
    margin: 0;
    padding: 10px max(var(--gutter, 24px), env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(var(--gutter, 24px), env(safe-area-inset-left));
    overflow-y: auto;
    overscroll-behavior: contain;
    background: #f7f7f3;
    border-bottom: 1px solid #cfd9d3;
    box-shadow: 0 12px 24px #1d383b12;
  }
  html.cm-nav-enhanced-v22 #site-header:not([data-menu-open="true"]) .cm-nav-v22 { display: none; }
}

@media (max-width: 480px) {
  .site-header { gap: 10px; }
  .cm-menu-toggle-v22 { width: 48px; padding: 11px; gap: 0; }
  .cm-menu-toggle-v22 > span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
  }
  html.cm-nav-enhanced-v22 .site-header .cm-nav-v22 {
    padding-left: max(20px, env(safe-area-inset-left));
    padding-right: max(20px, env(safe-area-inset-right));
  }
}
@media (max-width: 360px) {
  .site-header { gap: 8px; }
  .site-header > .wordmark { font-size: 24px; letter-spacing: -1.5px; }
}
@media (max-height: 500px) and (min-width: 600px) and (max-width: 1100px) {
  html.cm-nav-enhanced-v22 .site-header .cm-nav-v22 { padding-top: 4px; padding-bottom: 12px; }
  .cm-nav-link-v22 { min-height: 46px; padding-top: 10px; padding-bottom: 10px; }
  .cm-nav-proposal-v22 { margin-top: 10px; min-height: 48px; }
}


/* Source: business-clarity-v22.css */
/* V22 — compact audience routes and a readable partner explanation.
   These ordinary-flow sections do not alter the existing pinned scenes. */

/* The narrow portrait art has absolutely positioned captions. Reserve the
   second Bulgarian line in normal flow before the following action row. */
@media (max-width: 360px) and (min-height: 501px) {
  .welcome-v18-art { padding-bottom: 18px; }
  .welcome-v18-art .business-v13-machine figcaption {
    min-height: 2.7em;
    line-height: 1.35;
    white-space: normal;
    text-wrap: balance;
  }
}

#visitor-routes {
  padding: clamp(18px, 2.6vw, 36px) var(--gutter, 24px) clamp(26px, 3vw, 46px);
  background: #f7f7f3;
  color: #182024;
}
.visitor-routes-v22 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  max-width: 1400px;
  margin: 0 auto;
}
.visitor-route-v22 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
  gap: 16px;
  padding: clamp(20px, 2vw, 28px);
  border: 1px solid #cddbd4;
  border-radius: 18px;
  background: #f2f6f1;
  text-decoration: none;
}
.visitor-route-v22:nth-child(2) { background: #edf5f1; }
.visitor-route-v22:nth-child(3) { background: #faf2f5; border-color: #e1d6db; }
.visitor-route-v22 > div { min-width: 0; }
.visitor-route-v22 .visitor-route-kicker-v22 {
  margin: 0 0 10px;
  color: #39737a;
  font-size: 10px;
  font-weight: 750;
  line-height: 1.5;
  letter-spacing: .1em;
}
.visitor-route-v22:nth-child(3) .visitor-route-kicker-v22 { color: #a0346d; }
.visitor-route-v22 :is(h2, h3) {
  margin: 0;
  color: #1c3035;
  font-size: clamp(20px, 1.7vw, 25px);
  font-weight: 650;
  line-height: 1.2;
  letter-spacing: -.04em;
  text-wrap: balance;
}
.visitor-route-v22 p:not(.visitor-route-kicker-v22) {
  max-width: 33em;
  margin: 11px 0 0;
  color: #586b6e;
  font-size: 13px;
  line-height: 1.6;
}
.visitor-route-v22 > svg { width: 22px; height: 22px; color: #217982; }
.visitor-route-v22:focus-visible { outline: 3px solid #007d8b; outline-offset: 4px; }
@media (hover: hover) and (pointer: fine) {
  .visitor-route-v22:hover { border-color: #6caaa9; background: #e8f2ed; }
  .visitor-route-v22:nth-child(3):hover { border-color: #cc86ab; background: #f8e9f1; }
}

/* The lead keeps its typography when shortcuts become the final intro child. */
.process-v19-intro > [data-i18n="processLead"] {
  max-width: 43ch;
  margin: 0;
  color: #62706f;
  font-size: clamp(17px, 1.7vw, 22px);
  line-height: 1.5;
}
.consumer-shortcuts-v22,
.business-shortcuts-v22 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 22px;
  margin-top: 12px;
}
.consumer-shortcuts-v22 > a,
.business-shortcuts-v22 > a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 8px 0;
  color: #087581;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.5;
  text-decoration: underline;
  text-decoration-color: #88b2b1;
  text-underline-offset: 4px;
}
.consumer-shortcuts-v22 > a:focus-visible,
.business-shortcuts-v22 > a:focus-visible { outline-offset: 3px; }
@media (hover: hover) and (pointer: fine) {
  .consumer-shortcuts-v22 > a:hover,
  .business-shortcuts-v22 > a:hover { color: #a02c68; text-decoration-color: currentColor; }
}

.business-v13 .responsibilities-v22 { margin: 0 0 48px; }
.business-v13 .responsibilities-v22 > h3,
.business-v13 .venues-v22 > h3 {
  max-width: 28ch;
  margin: 0;
  font-size: clamp(29px, 3vw, 43px);
  font-weight: 650;
  line-height: 1.13;
  letter-spacing: -.045em;
  text-wrap: balance;
}
.business-v13 .responsibilities-v22 > p:not(.business-v13-eyebrow),
.business-v13 .venues-v22 > p:not(.business-v13-eyebrow) {
  max-width: 72ch;
  margin: 18px 0 0;
  color: #58696d;
  font-size: 15px;
  line-height: 1.65;
  text-wrap: pretty;
}
.responsibilities-list-v22 { margin-top: 25px; border-bottom: 1px solid #cfdad3; }
.responsibility-v22 {
  display: grid;
  grid-template-columns: minmax(150px, .56fr) minmax(0, 2fr);
  gap: clamp(20px, 3vw, 44px);
  padding: 23px 0;
  border-top: 1px solid #cfdad3;
}
.responsibility-v22 h4 {
  margin: 0;
  color: #243d42;
  font-size: 17px;
  font-weight: 650;
  line-height: 1.4;
  letter-spacing: -.025em;
}
.responsibility-v22 dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(22px, 3vw, 44px);
  min-width: 0;
  margin: 0;
}
.responsibility-v22 dl > div { min-width: 0; }
.responsibility-v22 dt {
  margin: 0 0 7px;
  color: #36757d;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.5;
}
.responsibility-v22 dd {
  margin: 0;
  color: #58696d;
  font-size: 14px;
  line-height: 1.65;
  text-wrap: pretty;
}
.business-v13 .responsibilities-v22 > .responsibilities-note-v22 { font-size: 13px; }

.plan-payments-v22 {
  align-self: stretch;
  width: 100%;
  margin: 24px 0 0;
  border-top: 1px solid #c7d8cf;
}
.plan-payments-v22 > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
  align-items: baseline;
  gap: 12px 18px;
  padding: 15px 0;
  border-bottom: 1px solid #d5dfd8;
}
.plan-payments-v22 dt { color: #526a6d; font-size: 13px; line-height: 1.55; }
.plan-payments-v22 dd {
  min-width: 0;
  margin: 0;
  color: #234249;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.55;
  text-align: right;
  font-variant-numeric: tabular-nums;
  text-wrap: pretty;
}
.plan-payments-v22 > div:nth-child(2) {
  grid-template-columns: 1fr;
  align-content: start;
  gap: 5px;
  min-height: 80px;
}
.plan-payments-v22 > div:nth-child(2) dd { font-size: 13px; font-weight: 500; text-align: left; }
.plan-payments-v22 .plan-total-v22 dt { color: #234249; font-weight: 700; }
.plan-payments-v22 .plan-total-v22 dd { color: #087581; font-size: 21px; font-weight: 700; white-space: nowrap; }
.business-v13 .plan-included-v22 {
  margin: 20px 0 0;
  color: #4e6468;
  font-size: 14px;
  line-height: 1.65;
}
.business-v13 .plan-vat-v22 { margin: 12px 0 0; color: #5c6f72; font-size: 12px; line-height: 1.65; }
.business-v13 .plan-eligibility-v22 { margin: 11px 0 0; color: #536b6e; font-size: 13px; line-height: 1.65; }
.package-scope-v22 {
  margin-top: 24px;
  padding: 23px 0 0;
  border-top: 1px solid #d2dcd5;
}
.package-scope-v22 h4 { margin: 0 0 13px; color: #28464b; font-size: 18px; font-weight: 650; line-height: 1.35; letter-spacing: -.025em; }
.business-v13 .package-scope-v22 p { max-width: 93ch; margin: 11px 0 0; color: #586b6e; font-size: 14px; line-height: 1.65; }

.roi-assumptions-v22 {
  margin: 24px 0 0;
  border: 1px solid #cbd9d1;
  border-radius: 18px;
  background: #f2f6f1;
}
.roi-assumptions-v22 > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 62px;
  gap: 24px;
  padding: 18px 24px;
  color: #24474e;
  font-size: 16px;
  font-weight: 650;
  line-height: 1.5;
  list-style: none;
  cursor: pointer;
}
.roi-assumptions-v22 > summary::-webkit-details-marker { display: none; }
.roi-assumptions-v22 > summary::marker { content: ""; }
.roi-assumptions-v22 > summary > svg { width: 22px; height: 22px; }
.roi-assumptions-v22[open] > summary > svg { transform: rotate(45deg); }
.roi-assumptions-v22 > summary:focus-visible { border-radius: 15px; outline-offset: 3px; }
.roi-assumptions-body-v22 { padding: 2px 24px 25px; }
.business-v13 .roi-assumptions-body-v22 > p {
  max-width: 96ch;
  margin: 16px 0 0;
  color: #576a6c;
  font-size: 14px;
  line-height: 1.7;
  text-wrap: pretty;
}
.business-v13 .roi-assumptions-body-v22 > p:first-child { margin-top: 0; }
.roi-assumptions-grid-v22 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px 30px;
  margin: 24px 0 28px;
}
.roi-assumptions-grid-v22 > div { min-width: 0; padding-top: 14px; border-top: 1px solid #cbdad1; }
.roi-assumptions-grid-v22 dt { color: #2d5359; font-size: 13px; font-weight: 750; line-height: 1.5; }
.roi-assumptions-grid-v22 dd { margin: 8px 0 0; color: #596b6e; font-size: 13px; line-height: 1.65; }
.roi-calculation-v22 {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  color: #29494f;
  font-size: 14px;
  line-height: 1.55;
  font-variant-numeric: tabular-nums;
}
.roi-calculation-v22 caption { padding: 0 0 13px; color: #284b51; font-size: 15px; font-weight: 700; text-align: left; }
.roi-calculation-v22 th,
.roi-calculation-v22 td { padding: 13px 10px; border-bottom: 1px solid #d2ded6; text-align: right; vertical-align: top; }
.roi-calculation-v22 th:first-child { width: 40%; padding-left: 0; text-align: left; }
.roi-calculation-v22 thead th { color: #35646b; font-size: 12px; font-weight: 750; }
.roi-calculation-v22 tbody th { color: #52676b; font-weight: 500; }
.roi-calculation-v22 td { white-space: nowrap; }
.roi-calculation-v22 th:last-child,
.roi-calculation-v22 td:last-child { padding-right: 0; }
.roi-calculation-v22 .roi-total-v22 > * { border-bottom: 0; color: #087581; font-weight: 750; }

.business-v13 .partner-next-step-v22 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(230px, .8fr);
  gap: 12px 40px;
  align-items: center;
  margin: 30px 0 0;
  padding: 26px 0;
  border-top: 1px solid #cddbd4;
}
.business-v13 .partner-next-step-v22 > h3 { margin: 0; font-size: clamp(24px, 2.1vw, 30px); font-weight: 650; line-height: 1.2; letter-spacing: -.04em; }
.business-v13 .partner-next-step-v22 > p { grid-column: 1; color: #586b6f; font-size: 14px; line-height: 1.65; max-width: 58ch; }
.partner-next-step-v22 > .business-v13-link { grid-column: 2; grid-row: 1 / 3; justify-self: end; align-self: center; min-height: 48px; padding: 8px 0; font-size: 15px; line-height: 1.5; text-align: left; }

.business-v13 .venues-v22 {
  position: relative;
  margin-top: 38px;
  padding: clamp(25px, 3vw, 40px);
  border: 1px solid #c9dad2;
  border-radius: 22px;
  background: #ecf4ef;
}
.venues-v22 > #partner-location { position: absolute; top: 0; left: 0; width: 1px; height: 1px; pointer-events: none; }
.venues-steps-v22 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
  margin: 28px 0 10px;
  padding: 0;
  list-style: none;
  counter-reset: venue-step;
}
.venues-steps-v22 li { min-width: 0; counter-increment: venue-step; border-top: 1px solid #bed4c9; padding-top: 18px; }
.venues-steps-v22 li::before { content: "0" counter(venue-step); display: block; margin-bottom: 13px; color: #287f86; font-size: 11px; font-weight: 700; letter-spacing: .09em; }
.venues-steps-v22 h4 { margin: 0 0 10px; color: #2b484e; font-size: 18px; font-weight: 650; line-height: 1.35; letter-spacing: -.025em; }
.business-v13 .venues-steps-v22 p { color: #586c6d; font-size: 14px; line-height: 1.65; }
.venues-v22 > .business-v13-link { min-height: 48px; max-width: 100%; margin-top: 15px; padding: 8px 0; font-size: 15px; line-height: 1.5; text-align: left; }

@media (max-width: 1000px) {
  .visitor-routes-v22 { gap: 12px; }
  .visitor-route-v22 { align-items: flex-start; flex-direction: column; gap: 14px; padding: 21px; }
  .visitor-route-v22 > svg { align-self: flex-end; margin-top: auto; }
  .roi-assumptions-grid-v22 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .venues-steps-v22 { gap: 21px; }
}
@media (max-width: 900px) {
  .partner-plans-v18-grid { grid-template-columns: 1fr; }
  .plan-payments-v22 > div:nth-child(2) { min-height: 0; }
}
@media (max-width: 800px) {
  .responsibility-v22 { grid-template-columns: 1fr; gap: 15px; }
  .responsibility-v22 h4 { font-size: 18px; }
  .business-v13 .partner-next-step-v22 { grid-template-columns: 1fr; gap: 13px; }
  .partner-next-step-v22 > .business-v13-link { grid-column: 1; grid-row: auto; justify-self: start; max-width: 42em; }
}
@media (max-width: 700px) {
  #visitor-routes { padding-top: 12px; padding-bottom: 30px; }
  .visitor-routes-v22 { grid-template-columns: 1fr; gap: 10px; }
  .visitor-route-v22 { flex-direction: row; align-items: center; padding: 18px 20px; gap: 18px; border-radius: 16px; }
  .visitor-route-v22 > svg { align-self: center; margin: 0; }
  .visitor-route-v22 .visitor-route-kicker-v22 { margin-bottom: 7px; font-size: 9px; }
  .visitor-route-v22 :is(h2, h3) { font-size: 21px; text-wrap: pretty; }
  .visitor-route-v22 p:not(.visitor-route-kicker-v22) { margin-top: 8px; }
  .consumer-shortcuts-v22,
  .business-shortcuts-v22 { gap: 0 19px; margin-top: 9px; }
  .business-v13 .responsibilities-v22 { margin-bottom: 36px; }
  .business-v13 .responsibilities-v22 > h3,
  .business-v13 .venues-v22 > h3 { font-size: clamp(28px, 7vw, 37px); }
  .business-v13 .responsibilities-v22 > p:not(.business-v13-eyebrow),
  .business-v13 .venues-v22 > p:not(.business-v13-eyebrow) { margin-top: 16px; font-size: 14px; }
  .responsibility-v22 { padding: 21px 0; }
  .responsibilities-list-v22 { margin-top: 22px; }
  .plan-payments-v22 > div { gap: 12px; }
  .package-scope-v22 { margin-top: 20px; padding-top: 20px; }
  .business-v13 .venues-v22 { margin-top: 30px; padding: 25px; border-radius: 18px; }
  .venues-steps-v22 { grid-template-columns: 1fr; gap: 21px; margin-top: 24px; }
  .venues-steps-v22 li { display: grid; grid-template-columns: 23px minmax(0, 1fr); gap: 0 13px; padding-top: 19px; }
  .venues-steps-v22 li::before { grid-row: 1 / 3; margin: 4px 0 0; }
  .venues-steps-v22 h4 { margin-bottom: 8px; font-size: 18px; }
  .business-v13 .venues-steps-v22 p { grid-column: 2; }
}
@media (max-width: 700px) and (min-height: 501px) {
  .process-v19-intro > [data-i18n="processLead"] { font-size: 17px; }
}
@media (max-width: 600px) {
  .roi-assumptions-v22 { border-radius: 16px; }
  .roi-assumptions-v22 > summary { padding: 16px; gap: 16px; font-size: 15px; }
  .roi-assumptions-body-v22 { padding: 0 16px 20px; }
  .roi-assumptions-grid-v22 { grid-template-columns: 1fr; gap: 17px; margin-top: 21px; }
  .roi-assumptions-grid-v22 dd { font-size: 14px; }
  .roi-calculation-v22,
  .roi-calculation-v22 thead,
  .roi-calculation-v22 tbody { display: block; }
  .roi-calculation-v22 caption { display: block; font-size: 14px; }
  .roi-calculation-v22 tr { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .roi-calculation-v22 thead tr { padding-bottom: 9px; border-bottom: 1px solid #c5d8cd; }
  .roi-calculation-v22 thead th:first-child { display: none; }
  .roi-calculation-v22 thead th { padding: 6px 2px; border: 0; font-size: 11px; text-align: center; }
  .roi-calculation-v22 tbody tr { padding: 12px 0; border-bottom: 1px solid #d2ded6; }
  .roi-calculation-v22 tbody th:first-child { grid-column: 1 / -1; width: auto; padding: 0 0 8px; border: 0; font-size: 13px; text-align: left; }
  .roi-calculation-v22 td,
  .roi-calculation-v22 td:last-child { min-width: 0; padding: 0 2px; border: 0; font-size: 13px; text-align: center; }
  .roi-calculation-v22 .roi-total-v22 { border-bottom: 0; }
}
@media (max-width: 480px) {
  .visitor-route-v22 { padding: 17px 16px; gap: 12px; }
  .visitor-route-v22 :is(h2, h3) { font-size: 20px; }
  .responsibility-v22 dl { grid-template-columns: 1fr; gap: 14px; }
  .responsibility-v22 dt { margin-bottom: 5px; }
  .responsibility-v22 dd { font-size: 14px; }
  .roi-v19-result { flex-direction: column; align-items: flex-start; gap: 10px; }
  .roi-v19-result > div { width: 100%; min-width: 0; }
  .business-v13 .roi-v19-label { max-width: none; font-size: 12px; line-height: 1.5; }
  .business-v13 .roi-v19-annual { font-size: 13px; }
  .business-v13 .partner-next-step-v22 { padding: 22px 0; }
  .business-v13 .venues-v22 { padding: 22px 19px; }
}


/* Source: business-v24.css */
/* V24 — payment facts first, optional package calculations, one ROI sticky unit.
   Financial labels and values remain ordinary translated HTML. */

.partner-plans-v18-grid { align-items: start; }
.partner-plans-v18-grid .plan-payments-v22 > div:nth-child(2) { min-height: 0; }
.partner-plan-v18 > .business-v13-link { margin-top: 14px; padding-top: 8px; }

.plan-funding-v24 {
  align-self: stretch;
  min-width: 0;
  margin: 18px 0 0;
  padding: 15px 17px;
  border: 1px solid #afd7cd;
  border-radius: 14px;
  background: #dff1e9;
  color: #23626a;
  scroll-margin-top: 0;
}
.plan-funding-v24 > strong {
  display: block;
  color: #086b77;
  font-size: 17px;
  font-weight: 750;
  line-height: 1.4;
  letter-spacing: -.02em;
}
.business-v13 .plan-funding-v24 > p {
  margin: 7px 0 0;
  color: #3b666b;
  font-size: 14px;
  line-height: 1.55;
  text-wrap: pretty;
}

.plan-results-v24 {
  align-self: stretch;
  width: 100%;
  min-width: 0;
  margin: 23px 0 0;
  border-top: 1px solid #bcd3c9;
  border-bottom: 1px solid #cddcd3;
}
.plan-results-v24 > summary,
.plan-calculation-v24 > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 58px;
  gap: 16px;
  padding: 15px 0;
  color: #275860;
  font-size: 15px;
  font-weight: 650;
  line-height: 1.5;
  list-style: none;
  cursor: pointer;
}
.plan-results-v24 > summary::-webkit-details-marker,
.plan-calculation-v24 > summary::-webkit-details-marker { display: none; }
.plan-results-v24 > summary::marker,
.plan-calculation-v24 > summary::marker { content: ""; }
.plan-results-v24 > summary > span,
.plan-calculation-v24 > summary > span { min-width: 0; }
.plan-results-v24 > summary > svg,
.plan-calculation-v24 > summary > svg { width: 22px; height: 22px; flex: 0 0 22px; }
.plan-results-v24[open] > summary > svg,
.plan-calculation-v24[open] > summary > svg { transform: rotate(45deg); }
.plan-results-v24 > summary:focus-visible,
.plan-calculation-v24 > summary:focus-visible {
  outline: 3px solid #007d8b;
  outline-offset: 3px;
  border-radius: 5px;
}
.plan-results-content-v24 { min-width: 0; padding: 0 0 18px; }
.business-v13 .plan-results-content-v24 p {
  margin: 13px 0 0;
  color: #52696d;
  font-size: 13px;
  line-height: 1.65;
  text-wrap: pretty;
}
.business-v13 .plan-results-content-v24 > p:first-child { margin-top: 0; }
.partner-plan-v18 .plan-results-content-v24 h4 {
  margin: 21px 0 0;
  color: #2a5058;
  font-size: 17px;
  font-weight: 650;
  line-height: 1.4;
  letter-spacing: -.025em;
}
.plan-results-content-v24 a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 7px 0;
  color: #087581;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.5;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.plan-calculation-v24 { min-width: 0; margin-top: 19px; border-top: 1px solid #cbdad0; }
.plan-calculation-v24 > summary { min-height: 52px; padding: 13px 0; font-size: 14px; }
.plan-calculation-v24 > .plan-results-content-v24 { padding-bottom: 3px; }
.plan-calculation-content-v24 { min-width: 0; padding-bottom: 3px; }
.business-v13 .plan-calculation-content-v24 > p:first-child { margin-top: 0; }
.plan-network-v24 { min-width: 0; margin-top: 21px; padding-top: 19px; border-top: 1px solid #c4d7cb; }
.plan-network-v24 > h5 { margin: 0; color: #2a5058; font-size: 16px; font-weight: 650; line-height: 1.4; letter-spacing: -.02em; }
.plan-network-v24 > .plan-payments-v22 { margin-top: 15px; }
.plan-network-v24 .plan-payments-v22 > div:last-child { border-bottom: 0; }
.plan-network-v24 .plan-payments-v22 > div:last-child :is(dt, dd) { color: #294c53; font-weight: 700; }

.plan-scenarios-v24 {
  width: 100%;
  margin: 18px 0 0;
  border-collapse: collapse;
  table-layout: fixed;
  color: #29494f;
  font-size: 13px;
  line-height: 1.55;
  font-variant-numeric: tabular-nums;
}
.plan-scenarios-v24 caption {
  padding: 0 0 12px;
  color: #3b6268;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.6;
  text-align: left;
}
.plan-scenarios-v24 th,
.plan-scenarios-v24 td { padding: 12px 6px; border-bottom: 1px solid #cbdacf; vertical-align: top; text-align: right; }
.plan-scenarios-v24 th:first-child { width: 38%; padding-left: 0; text-align: left; }
.plan-scenarios-v24 thead th { color: #3b6970; font-size: 11px; font-weight: 750; line-height: 1.5; }
.plan-scenarios-v24 tbody th { color: #52696d; font-weight: 500; }
.plan-scenarios-v24 td { color: #27545d; font-weight: 650; white-space: nowrap; }
.plan-scenarios-v24 th:last-child,
.plan-scenarios-v24 td:last-child { padding-right: 0; }
.plan-scenarios-v24 tbody tr:last-child > * { border-bottom: 0; }

/* The whole heading and card are the sticky unit. Flow-root contains the
   intro margins, so the controller's wrapper measurement includes them. */
.roi-v24-sticky { display: flow-root; position: relative; min-width: 0; }
.roi-v24-heading { display: flow-root; min-width: 0; }
.business-v13 .roi-v24-heading > h3 {
  max-width: 25ch;
  margin: 0;
  color: #182024;
  font-size: clamp(36px, 4.3vw, 64px);
  font-weight: 650;
  line-height: 1.08;
  letter-spacing: -.055em;
}
.roi-v19-enhanced .roi-v24-sticky {
  position: sticky;
  top: calc(var(--header, 74px) + 12px);
  min-height: var(--roi-v24-sticky-height, 0px);
}
.roi-v19-enhanced .roi-v24-sticky .roi-v19-stage { position: relative; top: auto; }
.business-v13 .roi-v19-enhanced .roi-v24-heading > .business-v13-eyebrow { margin-bottom: 10px !important; font-size: 11px; }
.business-v13 .roi-v19-enhanced .roi-v24-heading > h3 { font-size: clamp(30px, 3.2vw, 44px); line-height: 1.08; }
.business-v13 .roi-v19-enhanced .roi-v24-heading > .roi-v19-lead { margin: 12px 0 18px; font-size: 15px; line-height: 1.5; }

@media (hover: hover) and (pointer: fine) {
  .plan-results-v24 > summary:hover,
  .plan-calculation-v24 > summary:hover { color: #087f8e; }
  .plan-results-content-v24 a:hover { color: #9b2a64; }
}

/* At these widths the cards are narrow. Each metric owns a full-width label
   followed by three numeric columns, avoiding horizontal scrolling. */
@media (max-width: 600px), (min-width: 901px) and (max-width: 1200px) {
  .plan-scenarios-v24,
  .plan-scenarios-v24 thead,
  .plan-scenarios-v24 tbody { display: block; }
  .plan-scenarios-v24 caption { display: block; }
  .plan-scenarios-v24 tr { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .plan-scenarios-v24 thead tr { padding-bottom: 9px; border-bottom: 1px solid #bdd3c6; }
  .plan-scenarios-v24 thead th:first-child { display: none; }
  .plan-scenarios-v24 thead th { padding: 6px 2px; border: 0; text-align: center; }
  .plan-scenarios-v24 tbody tr { padding: 12px 0; border-bottom: 1px solid #cbdacf; }
  .plan-scenarios-v24 tbody th:first-child { grid-column: 1 / -1; width: auto; padding: 0 0 8px; border: 0; text-align: left; }
  .plan-scenarios-v24 td,
  .plan-scenarios-v24 td:last-child { min-width: 0; padding: 0 2px; border: 0; text-align: center; }
  .plan-scenarios-v24 tbody tr:last-child { border-bottom: 0; }
}
@media (max-width: 760px) {
  .business-v13 .roi-v24-heading > h3 { font-size: clamp(34px, 9vw, 46px); }
  .business-v13 .roi-v19-enhanced .roi-v24-heading > .business-v13-eyebrow { margin-bottom: 8px !important; font-size: 10px; }
  .business-v13 .roi-v19-enhanced .roi-v24-heading > h3 { font-size: clamp(27px, 7vw, 32px); }
  .business-v13 .roi-v19-enhanced .roi-v24-heading > .roi-v19-lead { margin: 10px 0 14px; font-size: 13px; line-height: 1.45; }
  /* Leave room for the held heading without shrinking the readable text. */
  .roi-v19-enhanced .roi-v24-sticky .roi-v19-stage { padding-block: 18px; }
  .roi-v19-enhanced .roi-v24-sticky .roi-v19-brand { padding-bottom: 12px; }
  .roi-v19-enhanced .roi-v24-sticky .roi-v19-body { padding-top: 14px; }
  .roi-v19-enhanced .roi-v24-sticky .roi-v19-chart { height: 85px; }
  .roi-v19-enhanced .roi-v24-sticky .roi-v19-panel { padding-top: 14px; }
  .roi-v19-enhanced .roi-v24-sticky .roi-v19-track { margin-top: 12px; }
}
@media (max-width: 760px) and (min-height: 620px) and (max-height: 760px) {
  .roi-v19-enhanced .roi-v24-sticky .roi-v19-stage { padding-block: 17px; }
  .roi-v19-enhanced .roi-v24-sticky .roi-v19-chart { height: 75px; }
  .roi-v19-enhanced .roi-v24-sticky .roi-v19-track { margin-top: 10px; }
}
@media (max-width: 480px) {
  .plan-funding-v24 { padding: 14px; }
  .plan-funding-v24 > strong { font-size: 16px; }
  .business-v13 .plan-funding-v24 > p { font-size: 13px; }
  .plan-results-v24 { margin-top: 20px; }
  .plan-results-v24 > summary { gap: 12px; font-size: 14px; }
  .plan-results-content-v24 { padding-bottom: 15px; }
  .plan-scenarios-v24 { font-size: 13px; }
  .plan-calculation-v24 > summary { gap: 12px; font-size: 13px; }
}


/* Source: modes-v26.css */
/* V26 — an explicit choice, followed by the complete illustrated linear site.
   Static styles reuse the original HTML, photographs, case mask and captions. */
.brand-intro-v17.welcome-v18 { grid-template-rows: auto minmax(0, 1fr); align-content: start; }
.mode-choice-v26 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
  max-width: 1440px;
  min-width: 0;
  margin: 0 auto clamp(24px, 3.4vw, 48px);
  padding: 15px 18px;
  border: 1px solid #cbd9d5;
  border-radius: 18px;
  background: #eef4ef;
  color: #182225;
  text-align: left;
}
.mode-choice-v26[hidden] { display: none; }
.mode-choice-v26-copy { min-width: 0; }
.mode-choice-v26-copy p { margin: 0; }
.mode-choice-v26-copy p:first-child { font-size: 14px; font-weight: 700; line-height: 1.4; }
.mode-choice-v26-copy p + p { margin-top: 4px; color: #53696b; font-size: 12px; line-height: 1.5; }
.mode-choice-v26-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); flex: 0 0 auto; gap: 4px; min-width: 0; padding: 4px; border: 1px solid #c4d4cf; border-radius: 13px; background: #fff9; }
.mode-choice-v26-options button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 142px;
  min-height: 48px;
  margin: 0;
  padding: 11px 15px;
  border: 1px solid transparent;
  border-radius: 9px;
  background: transparent;
  color: #345b60;
  font: inherit;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.35;
  text-align: center;
  cursor: pointer;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
.mode-choice-v26-options button[aria-pressed="true"] { background: #087f8e; border-color: #087f8e; color: #fff; box-shadow: 0 2px 6px #184d4c14; }
.mode-choice-v26-options button:active { background: #d9ece7; color: #173e44; }
.mode-choice-v26-options button[aria-pressed="true"]:active { background: #076e7a; color: #fff; }
.mode-choice-v26-options button:focus-visible { outline: 3px solid #e40082; outline-offset: 2px; }
@media (hover: hover) and (pointer: fine) {
  .mode-choice-v26-options button:not([aria-pressed="true"]):hover { background: #e3eeea; }
}
@media (max-width: 760px) {
  .mode-choice-v26 { flex-direction: column; align-items: stretch; gap: 12px; margin-bottom: 26px; padding: 14px; }
  .mode-choice-v26-copy { text-align: center; }
  .mode-choice-v26-options { width: 100%; }
  .mode-choice-v26-options button { min-width: 0; padding-inline: 9px; font-size: 12px; }
}
@media (max-height: 500px) and (orientation: landscape) and (min-width: 600px) {
  .mode-choice-v26 { flex-direction: row; align-items: center; margin-bottom: 24px; padding: 12px 14px; gap: 14px; }
  .mode-choice-v26-copy { text-align: left; }
  .mode-choice-v26-copy p:first-child { font-size: 12px; }
  .mode-choice-v26-copy p + p { font-size: 11px; }
  .mode-choice-v26-options { width: auto; flex-basis: 276px; }
}

html[data-motion-mode="static"] { scroll-behavior: auto !important; }
body.reduced-motion .reading-progress { display: none; }
body.reduced-motion :is(.film-scene, .film-product, .v4-cinema, .v4-cinema *, .v19-gift-opening *, .design-v13-item, .process-v19-photo, .process-v19-output, .brand-finale-word span) { will-change: auto !important; }

/* Four existing chapters, each with its complete illustration and explanation. */
body.reduced-motion #story.cm-film-track { height: auto !important; }
body.reduced-motion #story .cm-film-stage {
  position: relative;
  top: auto;
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(26px, 4vw, 64px);
  width: 100%;
  max-width: 1400px;
  height: auto;
  min-height: 0;
  margin-inline: auto;
  padding: clamp(32px, 4vw, 60px) var(--gutter, 24px);
}
body.reduced-motion #story .film-intro { position: relative; inset: auto; grid-column: 1; grid-row: 1; width: auto; max-width: 100%; padding: 0; transform: none; }
body.reduced-motion #story .film-intro .film-opening-title { margin: 20px 0; font-size: clamp(42px, 5.2vw, 72px); line-height: 1.07; letter-spacing: -.06em; }
body.reduced-motion #story .film-intro .film-lead { max-width: 32em; font-size: clamp(16px, 1.4vw, 19px); line-height: 1.65; }
body.reduced-motion #story :is(.film-product, .v19-gift-opening) { grid-column: 2; grid-row: 1; align-self: center; width: min(60%, 300px); margin: 0 auto; }
body.reduced-motion #story .film-product { position: relative; inset: auto; height: auto; aspect-ratio: 2/3; transform: none; }
body.reduced-motion #story .film-product img { display: block; width: 100%; height: auto; }
body.reduced-motion #story :is(.film-bottom, .film-progress, .v4-cinema) { display: none !important; }
body.reduced-motion #story .film-still-story { position: static; width: auto; height: auto; margin: 0; padding: 0 0 clamp(20px, 3vw, 40px); overflow: visible; clip: auto; clip-path: none; white-space: normal; }
body.reduced-motion #story .film-still-story > article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(30px, 5.4vw, 76px);
  max-width: 1400px;
  margin: 0 auto;
  padding: clamp(36px, 4.5vw, 64px) var(--gutter, 24px);
  border-top: 1px solid #dce4df;
}
body.reduced-motion #story .film-still-story > article > * { min-width: 0; }
body.reduced-motion #story .film-still-story > article > img { display: block; width: 100%; height: auto; max-height: 470px; object-fit: contain; border-radius: 18px; }
body.reduced-motion #story .film-still-story > article:nth-child(3) > img { max-height: 500px; }
body.reduced-motion #story .film-still-story h2 { margin: 17px 0 20px; font-size: clamp(34px, 3.9vw, 56px); font-weight: 650; line-height: 1.1; letter-spacing: -.05em; }
body.reduced-motion #story .film-still-story p:not(.film-kicker) { max-width: 36em; margin: 0; color: #566568; font-size: clamp(16px, 1.3vw, 18px); line-height: 1.7; }
body.reduced-motion #story .film-still-story p:not(.film-kicker) + p { margin-top: 16px; }
body.reduced-motion #story .film-kicker { color: #46787f; font-size: 11px; letter-spacing: .1em; line-height: 1.6; }
.mode-chapter-note-v26, .mode-print-note-v26 { display: none; }
body.reduced-motion #story .mode-chapter-note-v26 { display: block; margin-top: 24px; padding-top: 20px; border-top: 1px solid #d5e1db; }
body.reduced-motion #story .mode-chapter-note-v26 .film-kicker { margin: 0 0 10px; font-size: 9px; }
body.reduced-motion #story .mode-chapter-note-v26 h3 { margin: 0 0 10px; color: #234c53; font-size: clamp(22px, 2vw, 28px); font-weight: 600; line-height: 1.17; letter-spacing: -.035em; }
body.reduced-motion #story .mode-chapter-note-v26 p:not(.film-kicker) { font-size: 15px; line-height: 1.65; }
body.reduced-motion #story .film-still-story .mode-print-note-v26 { display: flex; align-items: center; gap: 15px; max-width: 30em; margin-top: 22px; padding: 14px 17px; border-radius: 14px; background: #e8f1eb; color: #426669; font-size: 14px; line-height: 1.6; }
body.reduced-motion #story .mode-print-note-v26 b { flex: 0 0 auto; color: #087f8e; font-size: 30px; font-weight: 650; letter-spacing: -.04em; }

/* Nine original case figures and their nine original captions become a grid.
   display:contents keeps the controller's nodes and source images intact. */
body.reduced-motion #designs.designs-v13 { height: auto !important; padding: clamp(36px, 5vw, 66px) 0 28px; }
body.reduced-motion #designs .designs-v13-intro { max-width: 1400px; padding-inline: var(--gutter, 24px); margin-bottom: 30px; }
body.reduced-motion #designs .designs-v13-intro h2 { max-width: 18ch; font-size: clamp(38px, 4.6vw, 65px); line-height: 1.08; }
body.reduced-motion #designs .designs-v13-lead { max-width: 45em; font-size: clamp(16px, 1.4vw, 19px); line-height: 1.6; }
body.reduced-motion #designs .designs-v13-sticky { position: relative; top: auto; display: block; height: auto; max-width: 1400px; padding: 0 var(--gutter, 24px); }
body.reduced-motion #designs .designs-v13-layout { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; column-gap: clamp(18px, 2.8vw, 38px); row-gap: 0; }
body.reduced-motion #designs :is(.designs-v13-stage, .designs-v13-captions) { display: contents; }
body.reduced-motion #designs .designs-v13-stage { pointer-events: none; }
body.reduced-motion #designs :is(.designs-v13-stage::before, .designs-v13-stage::after, .designs-v17-machine, .designs-v13-controls, .designs-v13-progress, .designs-v13-hint) { display: none !important; }
body.reduced-motion #designs .design-v13-item {
  position: relative;
  inset: auto;
  display: grid;
  place-items: center;
  grid-column: var(--design-v26-column);
  grid-row: calc(var(--design-v26-row) * 2 + 1);
  width: 100%;
  height: clamp(240px, 27vw, 320px);
  aspect-ratio: auto;
  margin: 0 0 19px;
  padding: 26px;
  border: 1px solid #dce5de;
  border-radius: 18px;
  background: radial-gradient(ellipse at 30% 20%, #e0efea 0, transparent 72%), #f9faf6;
  transform: none !important;
  opacity: 1 !important;
  filter: none !important;
  z-index: auto !important;
  will-change: auto;
}
body.reduced-motion #designs .design-v13-item::after { display: none; }
body.reduced-motion #designs .design-v13-model { width: auto; height: 100%; aspect-ratio: 565/1116; margin: 0 auto; }
body.reduced-motion #designs .design-v13-caption { grid-column: var(--design-v26-column); grid-row: calc(var(--design-v26-row) * 2 + 2); min-width: 0; margin: 0; padding: 0 0 35px; text-align: left; }
body.reduced-motion #designs .design-v13-category { margin: 0 0 8px; font-size: 10px; line-height: 1.5; }
body.reduced-motion #designs .design-v13-caption h3 { max-width: none; margin: 0 0 10px; font-size: clamp(23px, 2.2vw, 30px); line-height: 1.17; letter-spacing: -.04em; }
body.reduced-motion #designs .design-v13-description { max-width: none; margin: 0; font-size: 16px; line-height: 1.6; }
body.reduced-motion #designs .designs-v13-note { position: static; max-width: 72em; margin: 0 auto; font-size: 13px; line-height: 1.65; }
body.reduced-motion #designs :is([data-design-index="0"], [data-design-caption="0"]) { --design-v26-column: 1; --design-v26-row: 0; }
body.reduced-motion #designs :is([data-design-index="1"], [data-design-caption="1"]) { --design-v26-column: 2; --design-v26-row: 0; }
body.reduced-motion #designs :is([data-design-index="2"], [data-design-caption="2"]) { --design-v26-column: 3; --design-v26-row: 0; }
body.reduced-motion #designs :is([data-design-index="3"], [data-design-caption="3"]) { --design-v26-column: 1; --design-v26-row: 1; }
body.reduced-motion #designs :is([data-design-index="4"], [data-design-caption="4"]) { --design-v26-column: 2; --design-v26-row: 1; }
body.reduced-motion #designs :is([data-design-index="5"], [data-design-caption="5"]) { --design-v26-column: 3; --design-v26-row: 1; }
body.reduced-motion #designs :is([data-design-index="6"], [data-design-caption="6"]) { --design-v26-column: 1; --design-v26-row: 2; }
body.reduced-motion #designs :is([data-design-index="7"], [data-design-caption="7"]) { --design-v26-column: 2; --design-v26-row: 2; }
body.reduced-motion #designs :is([data-design-index="8"], [data-design-caption="8"]) { --design-v26-column: 3; --design-v26-row: 2; }

/* One calm machine illustration accompanies all five actions in normal flow. */
body.reduced-motion #how-it-works .process-v19-track { height: auto !important; }
body.reduced-motion #how-it-works .process-v19-sticky { position: relative; top: auto; display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); align-items: center; height: auto; min-height: 0; gap: clamp(26px, 4vw, 60px); padding: 20px var(--gutter, 24px); }
body.reduced-motion #how-it-works .process-v19-visual { width: 100%; height: clamp(350px, 40vw, 520px); min-height: 0; }
body.reduced-motion #how-it-works .process-v19-steps { display: block; }
body.reduced-motion #how-it-works .process-v19-step { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 7px 18px; margin: 0; padding: 22px 0; border-top: 1px solid #cdd8d2; opacity: 1; visibility: visible; transform: none !important; }
body.reduced-motion #how-it-works .process-v19-step-number { grid-column: 1; grid-row: 1 / 3; align-self: start; margin: 4px 0 0; font-size: 11px; line-height: 1.5; letter-spacing: .06em; }
body.reduced-motion #how-it-works .process-v19-step h3 { grid-column: 2; max-width: none; margin: 0; font-size: clamp(23px, 2.25vw, 32px); line-height: 1.17; letter-spacing: -.04em; text-wrap: pretty; }
body.reduced-motion #how-it-works .process-v19-step p { grid-column: 2; max-width: 35em; margin: 0; font-size: 16px; line-height: 1.6; }
body.reduced-motion #how-it-works :is(.process-v19-controls, .process-v19-progress) { display: none; }

/* The closing illustration sits next to its invitation, with no pinned space. */
body.reduced-motion #contact.brand-finale { height: auto !important; }
body.reduced-motion #contact .brand-finale-stage { position: relative; top: auto; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr); grid-template-rows: auto auto; align-items: center; gap: 20px clamp(28px, 4vw, 64px); width: 100%; max-width: 1400px; height: auto; min-height: 0; max-height: none; margin: 0 auto; padding: clamp(40px, 5vw, 72px) var(--gutter, 24px); overflow: visible; }
body.reduced-motion #contact .brand-finale-copy { grid-column: 1; grid-row: 1; align-self: end; max-width: none; }
body.reduced-motion #contact .brand-finale-copy h2 { font-size: clamp(38px, 4.7vw, 66px); line-height: 1.08; margin: 20px 0 26px; }
body.reduced-motion #contact .brand-finale-art { position: relative; inset: auto; grid-column: 2; grid-row: 1 / 3; width: 100%; height: auto; min-height: 0; aspect-ratio: 1.1; margin: 0; }
body.reduced-motion #contact .brand-finale-word { left: 50%; right: auto; top: 4%; bottom: auto; transform: translateX(-50%); font-size: clamp(46px, 6vw, 92px); letter-spacing: -.075em; line-height: 1; }
body.reduced-motion #contact .brand-finale-word span { opacity: 1 !important; transform: none !important; }
body.reduced-motion #contact .brand-finale-mimi { top: auto; right: 15%; bottom: 3%; width: 62%; height: 75%; max-height: none; object-fit: contain; transform: none !important; opacity: 1; }
body.reduced-motion #contact .brand-finale-orbit { left: 2%; top: 19%; width: 96%; height: 77%; }
body.reduced-motion #contact .brand-finale-shadow { right: 21%; bottom: 2%; width: 50%; height: 4%; }
body.reduced-motion #contact .brand-finale-note { position: static; grid-column: 1; grid-row: 2; align-self: start; max-width: 32em; margin: 0; font-size: 15px; line-height: 1.65; text-align: left; transform: none !important; }
body.reduced-motion #contact .brand-finale-particle { display: none; }

@media (max-width: 950px) {
  body.reduced-motion #designs .designs-v13-layout { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.reduced-motion #designs .design-v13-item { height: 280px; }
  body.reduced-motion #designs :is([data-design-index="0"], [data-design-caption="0"]) { --design-v26-column: 1; --design-v26-row: 0; }
  body.reduced-motion #designs :is([data-design-index="1"], [data-design-caption="1"]) { --design-v26-column: 2; --design-v26-row: 0; }
  body.reduced-motion #designs :is([data-design-index="2"], [data-design-caption="2"]) { --design-v26-column: 1; --design-v26-row: 1; }
  body.reduced-motion #designs :is([data-design-index="3"], [data-design-caption="3"]) { --design-v26-column: 2; --design-v26-row: 1; }
  body.reduced-motion #designs :is([data-design-index="4"], [data-design-caption="4"]) { --design-v26-column: 1; --design-v26-row: 2; }
  body.reduced-motion #designs :is([data-design-index="5"], [data-design-caption="5"]) { --design-v26-column: 2; --design-v26-row: 2; }
  body.reduced-motion #designs :is([data-design-index="6"], [data-design-caption="6"]) { --design-v26-column: 1; --design-v26-row: 3; }
  body.reduced-motion #designs :is([data-design-index="7"], [data-design-caption="7"]) { --design-v26-column: 2; --design-v26-row: 3; }
  body.reduced-motion #designs :is([data-design-index="8"], [data-design-caption="8"]) { --design-v26-column: 1; --design-v26-row: 4; }
}
@media (max-width: 700px) {
  body.reduced-motion #story .cm-film-stage { grid-template-columns: minmax(0, 1fr); gap: 30px; padding-block: 34px; }
  body.reduced-motion #story .film-intro { grid-column: 1; grid-row: 1; }
  body.reduced-motion #story .film-intro .film-opening-title { font-size: clamp(38px, 10vw, 58px); }
  body.reduced-motion #story :is(.film-product, .v19-gift-opening) { grid-column: 1; grid-row: 2; width: min(60%, 230px); }
  body.reduced-motion #story .film-still-story > article { display: flex; flex-direction: column; align-items: stretch; gap: 25px; padding-block: 34px; }
  body.reduced-motion #story .film-still-story > article > img,
  body.reduced-motion #story .film-still-story > article > .v6-still-station { order: -1; }
  body.reduced-motion #story .film-still-story > article > img { max-height: 350px; }
  body.reduced-motion #story .film-still-story > article:nth-child(3) > img { max-height: 420px; }
  body.reduced-motion #story .film-still-story h2 { font-size: clamp(32px, 8.2vw, 45px); }
  body.reduced-motion #how-it-works .process-v19-sticky { grid-template-columns: minmax(0, 1fr); gap: 18px; padding-top: 0; }
  body.reduced-motion #how-it-works .process-v19-visual { height: clamp(310px, 76vw, 420px); }
  body.reduced-motion #how-it-works .process-v19-step { grid-template-columns: 46px minmax(0, 1fr); gap: 7px 14px; padding-block: 19px; }
  body.reduced-motion #how-it-works .process-v19-copy { padding: 0; }
  body.reduced-motion #contact .brand-finale-stage { grid-template-columns: minmax(0, 1fr); gap: 24px; padding-block: 38px; }
  body.reduced-motion #contact .brand-finale-copy { grid-column: 1; grid-row: 1; }
  body.reduced-motion #contact .brand-finale-copy h2 { font-size: clamp(36px, 9vw, 55px); }
  body.reduced-motion #contact .brand-finale-art { grid-column: 1; grid-row: 2; width: min(100%, 430px); justify-self: center; }
  body.reduced-motion #contact .brand-finale-word { font-size: clamp(46px, 14vw, 76px); }
  body.reduced-motion #contact .brand-finale-note { grid-column: 1; grid-row: 3; }
}
@media (max-width: 540px) {
  body.reduced-motion #designs .designs-v13-layout { grid-template-columns: minmax(0, 1fr); }
  body.reduced-motion #designs .design-v13-item { height: 295px; }
  body.reduced-motion #designs .design-v13-caption { padding-bottom: 30px; }
  body.reduced-motion #designs .design-v13-caption h3 { font-size: 25px; }
  body.reduced-motion #designs :is([data-design-index], [data-design-caption]) { grid-column: 1; grid-row: auto; }
  body.reduced-motion #designs :is([data-design-index="0"], [data-design-caption="0"]) { order: 0; }
  body.reduced-motion #designs :is([data-design-index="1"], [data-design-caption="1"]) { order: 1; }
  body.reduced-motion #designs :is([data-design-index="2"], [data-design-caption="2"]) { order: 2; }
  body.reduced-motion #designs :is([data-design-index="3"], [data-design-caption="3"]) { order: 3; }
  body.reduced-motion #designs :is([data-design-index="4"], [data-design-caption="4"]) { order: 4; }
  body.reduced-motion #designs :is([data-design-index="5"], [data-design-caption="5"]) { order: 5; }
  body.reduced-motion #designs :is([data-design-index="6"], [data-design-caption="6"]) { order: 6; }
  body.reduced-motion #designs :is([data-design-index="7"], [data-design-caption="7"]) { order: 7; }
  body.reduced-motion #designs :is([data-design-index="8"], [data-design-caption="8"]) { order: 8; }
}


/* Source: business-v26.css */
/* V26 — one concise comparison, readable in motion and in ordinary flow.
   No fixed content height, clipped result, or abbreviated financial amount. */
.partner-plan-v18 > .plan-results-v26-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  gap: 14px;
  min-height: 48px;
  margin-top: 20px;
  padding: 13px 0;
  border-top: 1px solid #bed5cc;
  border-bottom: 1px solid #cddcd3;
  color: #126d78;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.45;
  text-decoration: none;
  scroll-margin-top: 0;
}
.plan-results-v26-link > :last-child { flex: 0 0 auto; font-size: 23px; }
.plan-results-v26-link:focus-visible { outline: 3px solid #007d8b; outline-offset: 4px; border-radius: 4px; }

#business-returns.roi-v26 { scroll-margin-top: 0; }
#business-returns.roi-v26 .roi-v24-sticky { min-width: 0; }
#business-returns.roi-v26 .roi-v19-stage { padding: 22px; overflow: visible; }
#business-returns.roi-v26 .roi-v19-body { grid-template-columns: minmax(110px, .4fr) minmax(0, 1.6fr); gap: 32px; padding-top: 20px; }
#business-returns.roi-v26 .roi-v19-chart { height: 180px; padding-top: 22px; padding-right: 0; gap: 14px; box-sizing: border-box; }
#business-returns.roi-v26 .roi-v19-chart > div { height: 100%; max-width: 60px; }
#business-returns.roi-v26 .roi-v19-chart i { border-radius: 8px 8px 3px 3px; }
#business-returns.roi-v26 .roi-v19-panel { min-height: 0; padding: 23px 0; }
#business-returns.roi-v26 .roi-v19-panel:first-child { padding-top: 0; }
#business-returns.roi-v26 .roi-v19-panel:last-child { padding-bottom: 0; }
#business-returns.roi-v26 .roi-v26-basis { margin: 0; color: #4f6b70; font-size: 12px; line-height: 1.4; }
#business-returns.roi-v26 .roi-v26-result { display: flex; justify-content: space-between; align-items: center; gap: 14px; }
#business-returns.roi-v26 .roi-v26-result h4 { max-width: 10ch; margin: 0; color: #24464e; font-size: clamp(22px, 2.4vw, 32px); font-weight: 650; line-height: 1.12; letter-spacing: -.04em; }
#business-returns.roi-v26 .roi-v26-profit { flex: 0 0 auto; margin: 0; text-align: right; color: #087c89; }
#business-returns.roi-v26 .roi-v26-profit > strong { display: block; font-size: clamp(29px, 3.6vw, 46px); font-weight: 650; line-height: 1.08; letter-spacing: -.055em; white-space: nowrap; font-variant-numeric: tabular-nums; }
#business-returns.roi-v26 .roi-v26-profit > span { display: block; margin-top: 4px; font-size: 12px; line-height: 1.35; }
#business-returns.roi-v26 [data-roi-panel="2"] .roi-v26-profit { color: #bb146c; }
#business-returns.roi-v26 .roi-v26-metrics { width: 100%; margin-top: 17px; border-collapse: collapse; table-layout: fixed; color: #294c53; font-size: 13px; line-height: 1.35; font-variant-numeric: tabular-nums; }
#business-returns.roi-v26 .roi-v26-metrics th,
#business-returns.roi-v26 .roi-v26-metrics td { width: 32%; padding: 10px 5px; text-align: right; vertical-align: middle; border-bottom: 1px solid #ceddd5; }
#business-returns.roi-v26 .roi-v26-metrics th:first-child { width: 36%; padding-left: 0; text-align: left; }
#business-returns.roi-v26 .roi-v26-metrics :is(th, td):last-child { padding-right: 0; }
#business-returns.roi-v26 .roi-v26-metrics thead th { padding-top: 0; padding-bottom: 8px; font-size: 12px; font-weight: 650; }
#business-returns.roi-v26 .roi-v26-metrics thead small { display: block; margin-top: 3px; color: #557176; font-size: 11px; font-weight: 500; line-height: 1.35; }
#business-returns.roi-v26 .roi-v26-metrics tbody th { color: #526e73; font-weight: 500; }
#business-returns.roi-v26 .roi-v26-metrics td { font-size: 16px; font-weight: 700; white-space: nowrap; }
#business-returns.roi-v26 .roi-v26-metrics tr:last-child > * { border-bottom: 0; padding-bottom: 0; }
#business-returns.roi-v26 .roi-v26-metrics thead tr:last-child > * { border-bottom: 1px solid #bdd2c8; padding-bottom: 8px; }
#business-returns.roi-v26 .roi-v26-ads { margin: 13px 0 0; color: #526e73; font-size: 12px; line-height: 1.4; }
#business-returns.roi-v26 .roi-v26-hint { display: none; margin: 9px 0 0; color: #526e73; font-size: 11px; line-height: 1.35; }
#business-returns.roi-v26 .roi-v26-notes { margin-top: 23px; max-width: 90em; scroll-margin-top: 0; }
#business-returns.roi-v26 .roi-v26-notes > p { margin: 0; color: #607075; font-size: 12px; line-height: 1.65; }
#business-returns.roi-v26 .roi-v26-notes > p + p { margin-top: 8px; }

/* The same compact, measured layout is used for scroll and manual modes.
   Short screens keep normal document flow and the three accessible buttons. */
#business-returns.roi-v26.roi-v26-interactive .roi-v24-sticky { min-height: var(--roi-v24-sticky-height, 0px); }
#business-returns.roi-v26.roi-v26-interactive .roi-v24-heading > .business-v13-eyebrow { margin-bottom: 8px !important; font-size: 10px; }
#business-returns.roi-v26.roi-v26-interactive .roi-v24-heading > h3 { font-size: clamp(28px, 3.2vw, 44px); line-height: 1.08; }
#business-returns.roi-v26.roi-v26-interactive .roi-v24-heading > .roi-v19-lead { margin: 10px 0 15px; font-size: 13px; line-height: 1.4; }
#business-returns.roi-v26.roi-v26-interactive .roi-v19-choices { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 12px; }
#business-returns.roi-v26.roi-v26-interactive .roi-v19-choices button { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 2px 6px; min-height: 44px; padding: 7px 5px; border-radius: 10px; text-align: center; }
#business-returns.roi-v26.roi-v26-interactive .roi-v19-choices button strong { font-size: 22px; line-height: 1; }
#business-returns.roi-v26.roi-v26-interactive .roi-v19-choices button small { font-size: 11px; line-height: 1.25; }
#business-returns.roi-v26.roi-v26-interactive .roi-v19-panel { min-height: 0; padding: 0; border: 0; }
#business-returns.roi-v26.roi-v26-interactive .roi-v26-hint { display: block; }
#business-returns.roi-v26.roi-v26-manual .roi-v24-sticky { position: relative; top: auto; }
#business-returns.roi-v26.roi-v26-manual .roi-v19-scroll { height: auto; }
#business-returns.roi-v26.roi-v26-manual .roi-v19-stage { position: relative; top: auto; }
#business-returns.roi-v26.roi-v26-interactive .roi-v19-track { display: block; margin-top: 13px; }
#business-returns.roi-v26.roi-v26-manual .roi-v19-track i { transform: scaleX(1); }

@media (max-width: 760px) {
  #business-returns.roi-v26 .roi-v19-stage { padding: 16px; border-radius: 18px; }
  #business-returns.roi-v26 .roi-v19-body { display: block; padding-top: 12px; }
  #business-returns.roi-v26 .roi-v19-chart { height: 60px; padding-top: 16px; margin-bottom: 16px; justify-content: center; gap: 16px; }
  #business-returns.roi-v26 .roi-v19-chart > div { max-width: 52px; font-size: 11px; }
  #business-returns.roi-v26 .roi-v26-result h4 { font-size: 21px; }
  #business-returns.roi-v26 .roi-v26-profit > strong { font-size: 31px; }
  #business-returns.roi-v26 .roi-v26-profit > span { font-size: 11px; }
  #business-returns.roi-v26 .roi-v26-metrics { margin-top: 13px; font-size: 11px; }
  #business-returns.roi-v26 .roi-v26-metrics :is(th, td) { padding: 8px 3px; }
  #business-returns.roi-v26 .roi-v26-metrics thead th { font-size: 11px; }
  #business-returns.roi-v26 .roi-v26-metrics thead small { font-size: 10px; }
  #business-returns.roi-v26 .roi-v26-metrics td { font-size: 15px; }
  #business-returns.roi-v26 .roi-v26-ads { margin-top: 10px; font-size: 11px; }
  #business-returns.roi-v26.roi-v26-interactive .roi-v24-heading > .business-v13-eyebrow { margin-bottom: 6px !important; font-size: 9px; }
  #business-returns.roi-v26.roi-v26-interactive .roi-v24-heading > h3 { font-size: clamp(25px, 6.8vw, 30px); }
  #business-returns.roi-v26.roi-v26-interactive .roi-v24-heading > .roi-v19-lead { margin: 8px 0 12px; font-size: 12px; }
  #business-returns.roi-v26.roi-v26-interactive .roi-v19-stage { padding: 13px; }
  #business-returns.roi-v26.roi-v26-interactive .roi-v26-basis { font-size: 10px; }
  #business-returns.roi-v26.roi-v26-interactive .roi-v19-choices { gap: 6px; margin-top: 9px; }
  #business-returns.roi-v26.roi-v26-interactive .roi-v19-choices button small { font-size: 10px; }
  #business-returns.roi-v26.roi-v26-interactive .roi-v19-body { padding-top: 10px; }
  #business-returns.roi-v26.roi-v26-interactive .roi-v19-chart { height: 24px; padding: 0; margin-bottom: 10px; gap: 14px; }
  #business-returns.roi-v26.roi-v26-interactive .roi-v19-chart > div { max-width: none; }
  #business-returns.roi-v26.roi-v26-interactive .roi-v19-chart > div > span { display: none; }
  #business-returns.roi-v26.roi-v26-interactive .roi-v19-track { margin-top: 10px; }
  #business-returns.roi-v26.roi-v26-interactive .roi-v26-hint { margin-top: 7px; font-size: 10px; }
}

@media (max-width: 359px) {
  #business-returns.roi-v26 .roi-v26-result h4 { font-size: 19px; }
  #business-returns.roi-v26 .roi-v26-profit > strong { font-size: 27px; }
  #business-returns.roi-v26 .roi-v26-metrics th:first-child { width: 35%; }
  #business-returns.roi-v26 .roi-v26-metrics :is(th, td) { width: 32.5%; }
  #business-returns.roi-v26 .roi-v26-metrics td { font-size: 14px; }
  #business-returns.roi-v26 .roi-v26-metrics thead th { font-size: 10px; }
}

/* The document is complete without script and in explicit static mode. */
#business-returns.roi-v26:not(.roi-v26-interactive) .roi-v19-choices,
#business-returns.roi-v26:not(.roi-v26-interactive) .roi-v19-track { display: none; }


/* Source: modes-v27.css */
/* V27 — a shorter illustrated static story and one compact design gallery.
   The animated sequence, carousel transforms and original artwork stay intact. */
body.reduced-motion #story .cm-film-stage { padding-bottom: 28px; }
body.reduced-motion #story .film-still-story { padding-bottom: 22px; }
body.reduced-motion #story .film-still-story > article {
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  column-gap: clamp(28px, 5vw, 70px);
  row-gap: 22px;
  padding-block: clamp(28px, 3.2vw, 44px);
}
body.reduced-motion #story .static-story-copy-v27 { grid-column: 1; grid-row: 1; align-self: center; }
body.reduced-motion #story .film-still-story > article > img,
body.reduced-motion #story .film-still-story > article > .v6-still-station { grid-column: 2; grid-row: 1; order: 0; }
body.reduced-motion #story .film-still-story > article:nth-child(even) .static-story-copy-v27 { grid-column: 2; }
body.reduced-motion #story .film-still-story > article:nth-child(even) > img,
body.reduced-motion #story .film-still-story > article:nth-child(even) > .v6-still-station { grid-column: 1; }
body.reduced-motion #story .film-still-story .static-story-copy-v27 h2 {
  max-width: 20em;
  margin: 0 0 14px;
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.13;
  letter-spacing: -.045em;
}
body.reduced-motion #story .film-still-story .static-story-copy-v27 p { max-width: 35em; margin: 0; font-size: 16px; line-height: 1.65; }
body.reduced-motion #story .film-still-story > article > img { max-height: 340px; }
body.reduced-motion #story .film-still-story > article:nth-child(3) > img { max-height: 350px; }
body.reduced-motion #story .mode-chapter-note-v26,
body.reduced-motion #story .mode-print-note-v26 { display: none; }

.designs-v27-summary { display: none; }
body.reduced-motion #designs.designs-v13 { padding-block: clamp(30px, 4vw, 48px); }
body.reduced-motion #designs .designs-v13-intro { max-width: 1050px; margin-bottom: 22px; }
body.reduced-motion #designs .designs-v13-intro .eyebrow { margin-bottom: 12px; font-size: 10px; }
body.reduced-motion #designs .designs-v13-intro h2 { max-width: none; margin-bottom: 0; font-size: clamp(32px, 4vw, 50px); line-height: 1.1; }
body.reduced-motion #designs .designs-v13-sticky { max-width: 1050px; padding-bottom: 0; }
body.reduced-motion #designs .designs-v13-layout {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(14px, 2.4vw, 22px) clamp(10px, 2.8vw, 25px);
  width: 100%;
  max-width: 660px;
  margin-inline: auto;
  padding: clamp(15px, 3vw, 25px) clamp(13px, 3vw, 26px);
  border: 1px solid #d5e1d9;
  border-radius: 22px;
  background: radial-gradient(ellipse at 20% 15%, #e2eee8, transparent 70%), #f0f5ef;
}
body.reduced-motion #designs .designs-v13-stage { display: contents; }
body.reduced-motion #designs .design-v13-item[data-design-index] {
  grid-column: auto;
  grid-row: auto;
  order: 0;
  width: 100%;
  height: clamp(132px, 35vw, 174px);
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
}
body.reduced-motion #designs .design-v13-item .design-v13-model { width: auto; height: 100%; aspect-ratio: 565/1116; margin: 0 auto; }
body.reduced-motion #designs .designs-v13-captions,
body.reduced-motion #designs .designs-v13-lead,
body.reduced-motion #designs .designs-v13-note { display: none !important; }
body.reduced-motion #designs .designs-v27-summary { display: block; max-width: 43em; margin: 22px auto 0; padding: 0; color: #53676a; font-size: 15px; line-height: 1.65; text-align: center; }

@media (max-width: 700px) {
  body.reduced-motion #story .film-still-story > article { display: flex; flex-direction: column; align-items: stretch; gap: 22px; padding-block: 28px; }
  body.reduced-motion #story .film-still-story .static-story-copy-v27 { order: -1; align-self: stretch; }
  body.reduced-motion #story .film-still-story > article > img,
  body.reduced-motion #story .film-still-story > article > .v6-still-station { order: 0; }
  body.reduced-motion #story .film-still-story .static-story-copy-v27 h2 { font-size: clamp(27px, 7.1vw, 36px); margin-bottom: 12px; }
  body.reduced-motion #story .film-still-story > article > img { max-height: 300px; }
  body.reduced-motion #story .film-still-story > article:nth-child(3) > img { max-height: 330px; }
  body.reduced-motion #designs .designs-v13-intro { margin-bottom: 20px; }
  body.reduced-motion #designs .designs-v13-layout { border-radius: 18px; }
  body.reduced-motion #designs .designs-v27-summary { margin-top: 19px; text-align: left; }
}


/* Source: business-v27.css */
/* V27 — one compact static comparison and the same four animated metrics. */
.partner-plan-v18 > .plan-results-v26-link > svg {
  display: block;
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
}

#business-returns.roi-v27 .roi-v27-static[hidden],
#business-returns.roi-v27 .roi-v27-animated[hidden] { display: none !important; }
#business-returns.roi-v27 .roi-v24-heading > .business-v13-eyebrow { margin-bottom: 8px !important; font-size: 10px; }
#business-returns.roi-v27 .roi-v24-heading > h3 { font-size: clamp(28px, 3.2vw, 44px); line-height: 1.08; }
#business-returns.roi-v27 .roi-v24-heading > .roi-v19-lead { margin: 10px 0 15px; font-size: 13px; line-height: 1.4; }
#business-returns.roi-v27 .roi-v19-stage { padding: 20px; }
#business-returns.roi-v27 .roi-v27-deferred { margin: 12px 0 0; color: #527075; font-size: 11px; line-height: 1.4; }

#business-returns.roi-v27 .roi-v27-comparison {
  width: 100%;
  margin: 0;
  border-collapse: collapse;
  table-layout: fixed;
  color: #294c53;
  font-size: 14px;
  line-height: 1.4;
  font-variant-numeric: tabular-nums;
}
#business-returns.roi-v27 .roi-v27-comparison caption {
  padding: 14px 0;
  color: #526e73;
  font-size: 12px;
  text-align: left;
}
#business-returns.roi-v27 .roi-v27-comparison :is(th, td) {
  width: 23%;
  padding: 13px 10px;
  border-bottom: 1px solid #cadbd3;
  text-align: right;
  vertical-align: middle;
}
#business-returns.roi-v27 .roi-v27-comparison :is(th, td):first-child { width: 31%; padding-left: 0; text-align: left; }
#business-returns.roi-v27 .roi-v27-comparison :is(th, td):last-child { padding-right: 0; }
#business-returns.roi-v27 .roi-v27-comparison thead th { padding-top: 0; font-weight: 600; }
#business-returns.roi-v27 .roi-v27-comparison thead th > strong { display: block; color: #087b88; font-size: 29px; font-weight: 650; line-height: 1.1; }
#business-returns.roi-v27 .roi-v27-comparison thead th:last-child > strong { color: #bb146c; }
#business-returns.roi-v27 .roi-v27-comparison thead th > span { display: block; margin-top: 4px; font-size: 11px; }
#business-returns.roi-v27 .roi-v27-comparison thead th > small { display: block; margin-top: 5px; color: #587378; font-size: 10px; font-weight: 500; line-height: 1.4; }
#business-returns.roi-v27 .roi-v27-comparison tbody th { color: #48686f; font-weight: 500; }
#business-returns.roi-v27 .roi-v27-comparison tbody th small { display: block; margin-top: 3px; font-size: 12px; }
#business-returns.roi-v27 .roi-v27-comparison tbody td { color: #244b53; font-size: 19px; font-weight: 650; white-space: nowrap; }
#business-returns.roi-v27 .roi-v27-comparison tbody tr:first-child td { color: #087b88; }
#business-returns.roi-v27 .roi-v27-comparison tbody tr:first-child td:last-child { color: #bb146c; }
#business-returns.roi-v27 .roi-v27-comparison tbody tr:last-child > * { border-bottom: 0; padding-bottom: 0; }
#business-returns.roi-v27 .roi-v27-comparison th:focus-visible { outline: 2px solid #087f8d; outline-offset: 3px; border-radius: 3px; }

#business-returns.roi-v27 .roi-v27-panel-metrics { margin: 16px 0 0; }
#business-returns.roi-v27 .roi-v27-panel-metrics > div { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 11px 0; border-top: 1px solid #cadbd3; }
#business-returns.roi-v27 .roi-v27-panel-metrics dt { min-width: 0; color: #4e6d73; font-size: 13px; line-height: 1.4; }
#business-returns.roi-v27 .roi-v27-panel-metrics dt small { display: block; margin-top: 3px; font-size: 12px; }
#business-returns.roi-v27 .roi-v27-panel-metrics dd { flex: 0 0 auto; margin: 0; color: #244b53; font-size: 24px; font-weight: 650; line-height: 1.1; letter-spacing: -.025em; white-space: nowrap; font-variant-numeric: tabular-nums; }
#business-returns.roi-v27 .roi-v27-panel-metrics > div:last-child { padding-bottom: 0; }
#business-returns.roi-v27 .roi-v26-notes { margin-top: 18px; }

@media (max-width: 760px) {
  #business-returns.roi-v27 .roi-v24-heading > .business-v13-eyebrow { margin-bottom: 6px !important; font-size: 9px; }
  #business-returns.roi-v27 .roi-v24-heading > h3 { font-size: clamp(25px, 6.8vw, 30px); }
  #business-returns.roi-v27 .roi-v24-heading > .roi-v19-lead { margin: 8px 0 12px; font-size: 12px; }
  #business-returns.roi-v27 .roi-v19-stage { padding: 15px; }
  #business-returns.roi-v27 .roi-v27-panel-metrics { margin-top: 12px; }
  #business-returns.roi-v27 .roi-v27-panel-metrics > div { gap: 12px; padding-block: 9px; }
  #business-returns.roi-v27 .roi-v27-panel-metrics dt { font-size: 12px; }
  #business-returns.roi-v27 .roi-v27-panel-metrics dt small { font-size: 11px; }
  #business-returns.roi-v27 .roi-v27-panel-metrics dd { font-size: 21px; }
  #business-returns.roi-v27 .roi-v27-deferred { margin-top: 10px; font-size: 10px; }
}

/* On small screens a full-width metric label precedes its three values.
   It remains one semantic table, with no duplicated card headings or sideways
   scrolling, and explicit headers continue to associate every value. */
@media (max-width: 600px) {
  #business-returns.roi-v27 .roi-v27-comparison,
  #business-returns.roi-v27 .roi-v27-comparison thead,
  #business-returns.roi-v27 .roi-v27-comparison tbody { display: block; }
  #business-returns.roi-v27 .roi-v27-comparison caption { display: block; padding: 10px 0 13px; font-size: 11px; }
  #business-returns.roi-v27 .roi-v27-comparison tr { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  #business-returns.roi-v27 .roi-v27-comparison :is(th, td),
  #business-returns.roi-v27 .roi-v27-comparison :is(th, td):first-child,
  #business-returns.roi-v27 .roi-v27-comparison :is(th, td):last-child { width: auto; min-width: 0; padding: 0 3px; border: 0; text-align: center; }
  #business-returns.roi-v27 .roi-v27-comparison thead td { display: none; }
  #business-returns.roi-v27 .roi-v27-comparison thead tr { padding-bottom: 12px; border-bottom: 1px solid #bcd2c7; }
  #business-returns.roi-v27 .roi-v27-comparison thead th > strong { font-size: 25px; }
  #business-returns.roi-v27 .roi-v27-comparison thead th > small { margin-top: 4px; font-size: 10px; }
  #business-returns.roi-v27 .roi-v27-comparison tbody tr { row-gap: 6px; padding-block: 10px; border-bottom: 1px solid #cadbd3; }
  #business-returns.roi-v27 .roi-v27-comparison tbody tr:last-child { padding-bottom: 0; border-bottom: 0; }
  #business-returns.roi-v27 .roi-v27-comparison tbody th:first-child { grid-column: 1 / -1; text-align: left; padding: 0; font-size: 12px; }
  #business-returns.roi-v27 .roi-v27-comparison tbody th small { display: inline; margin-left: 6px; font-size: 10px; white-space: nowrap; }
  #business-returns.roi-v27 .roi-v27-comparison tbody td { font-size: clamp(15px, 4vw, 19px); }
}


/* Source: youtube-v28.css */
/* A lightweight, bilingual channel invitation beside the factory story. */
.youtube-v28 {
  display: grid;
  grid-template-columns: minmax(130px, 210px) minmax(0, 1fr) 172px;
  align-items: center;
  gap: clamp(22px, 3vw, 40px);
  max-width: 1400px;
  margin: 30px auto 0;
  padding: clamp(24px, 3vw, 42px);
  border: 1px solid #c9e1df;
  border-radius: 28px;
  background: radial-gradient(ellipse at 8% 80%, #cfedf0 0, transparent 47%), linear-gradient(110deg, #f0f8f3, #fff8f2);
  scroll-margin-top: 110px;
}
.youtube-v28-art { min-width: 0; }
.youtube-v28-art img { width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; }
.youtube-v28-copy { min-width: 0; }
.youtube-v28-kicker { display: flex; align-items: center; gap: 10px; color: #49666a; font-size: 10px; font-weight: 800; line-height: 1.5; letter-spacing: .12em; }
.youtube-v28-mark { width: 28px; height: 20px; stroke: none; }
.youtube-v28-mark rect { fill: #f03; }
.youtube-v28-mark path { fill: #fff; stroke: none; }
.youtube-v28 h3 { margin: 14px 0 12px; font-size: clamp(28px, 2.8vw, 42px); line-height: 1.12; letter-spacing: -.045em; text-wrap: balance; }
.youtube-v28-description { max-width: 45em; color: #4d6267; font-size: 15px; line-height: 1.65; }
.youtube-v28-button { display: inline-flex; align-items: center; justify-content: space-between; gap: 20px; max-width: 100%; min-height: 48px; margin-top: 22px; padding: 13px 19px; border: 1px solid #173d43; border-radius: 30px; background: #173d43; color: #fff; font-size: 13px; font-weight: 750; line-height: 1.5; transition: background .18s ease; }
.youtube-v28-button > svg { width: 20px; height: 20px; }
.youtube-v28-button:hover { background: #006d79; }
.youtube-v28-qr { display: flex; flex-direction: column; align-items: center; gap: 8px; color: #294e53; font-size: 11px; line-height: 1.5; font-weight: 700; text-align: center; }
.youtube-v28-qr img { width: 148px; height: 148px; max-width: none; background: #fff; border-radius: 4px; }
.youtube-v28-handle { color: #5b7174; font-size: 10px; font-weight: 600; letter-spacing: .02em; }
.footer-v28-links { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 24px; min-width: 0; }
.footer-v28-youtube { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; }
.footer-v28-youtube .youtube-v28-mark { width: 21px; height: 15px; }
@media (max-width: 1050px) {
  .youtube-v28 { grid-template-columns: 150px minmax(0, 1fr) 156px; gap: 24px; }
  .youtube-v28 h3 { font-size: 31px; }
}
@media (max-width: 900px) {
  .youtube-v28 { grid-template-columns: 140px minmax(0, 1fr); }
  .youtube-v28-qr { display: none; }
}
@media (max-width: 560px) {
  .youtube-v28 { grid-template-columns: minmax(0, 1fr); gap: 8px; margin-top: 22px; padding: 22px; border-radius: 22px; }
  .youtube-v28-art { width: 140px; margin: 0 auto 4px; }
  .youtube-v28 h3 { font-size: 30px; }
  .youtube-v28-description { font-size: 14px; }
  .youtube-v28-button { width: 100%; margin-top: 18px; }
  .footer-v28-links { gap: 0 16px; }
}
@media (prefers-reduced-motion: reduce) { .youtube-v28-button { transition: none; } }
.reduced-motion .youtube-v28-button { transition: none; }


/* Source: owners-entry-v30.css */
/* A quiet, accessible entrance for the company ownership team. */
.owner-access-v30{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border:1px solid transparent;border-radius:50%;color:inherit;opacity:.64;transition:opacity .18s,border-color .18s,background-color .18s}
.owner-access-v30 svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.owner-access-v30:hover,.owner-access-v30:focus-visible{opacity:1;border-color:rgba(5,120,132,.25);background:rgba(21,184,199,.07)}
.owner-access-v30:focus-visible{outline:2px solid #087e8a;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.owner-access-v30{transition:none}}


/* Source: forms-v31.css */
/* V31 contextual enquiry form. Include after header-v21.css in the CSS bundle. */
.enquiry-dialog {
  --enquiry-pad-v31: clamp(24px, 5vw, 48px);
  padding: 0 var(--enquiry-pad-v31) 28px;
  scroll-padding-top: 88px;
}
.enquiry-dialog .enquiry-tools-v21 {
  position: sticky;
  top: 0;
  z-index: 12;
  margin: 0 calc(-1 * var(--enquiry-pad-v31)) 20px;
  padding: 12px var(--enquiry-pad-v31);
  background: var(--paper);
  border-bottom: 1px solid var(--line);
}
.enquiry-dialog .enquiry-tools-v21 .dialog-close { flex: 0 0 48px; }
.enquiry-dialog h2 { margin-bottom: 20px; }
.enquiry-dialog form { gap: 18px; }
.enquiry-dialog label { font-size: 14px; line-height: 1.55; }
.enquiry-dialog input,
.enquiry-dialog select,
.enquiry-dialog textarea { font-size: 16px; }
.enquiry-dialog .form-note,
.enquiry-dialog #enquiry-status,
.enquiry-dialog .enquiry-direct-email,
.enquiry-dialog #enquiry-fallback .text-button { font-size: 14px; line-height: 1.65; }
.enquiry-contact-fields-v31 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
#enquiry-form[data-launch="true"] #enquiry-name-field { grid-column: 1 / -1; }
.enquiry-dialog .enquiry-consent {
  grid-template-columns: 24px minmax(0, 1fr) !important;
  min-height: 44px;
  padding: 4px 0;
}
.enquiry-dialog .enquiry-consent input {
  width: 20px !important;
  height: 20px;
  min-height: 20px !important;
  margin-top: 2px;
}
.enquiry-dialog .enquiry-cancel-v31 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 88px;
  min-height: 44px;
  margin-top: 18px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.5;
  text-underline-offset: 4px;
}
@media (max-width: 520px) {
  .enquiry-dialog { --enquiry-pad-v31: 22px; padding-bottom: 22px; }
  .enquiry-contact-fields-v31 { grid-template-columns: minmax(0, 1fr); }
  .enquiry-dialog .enquiry-tools-v21 { padding-top: 10px; padding-bottom: 10px; margin-bottom: 16px; }
  .enquiry-dialog h2 { font-size: 32px; }
  .enquiry-dialog form { gap: 16px; }
}


/* Source: improvements-v31.css */
/* V31 — retain the brand, make the business and its evidence easy to reach. */
.brand-intro-v17.welcome-v18 { min-height: 0; padding-top: calc(var(--header,74px) + 32px); padding-bottom: 24px; display: flex; flex-direction: column; }
.welcome-v18 .welcome-v18-grid { width:100%; grid-template-rows:auto auto; }
.welcome-v18 .brand-intro-v17-eyebrow { font-size:12px; line-height:1.6; }
#welcome-title { font-size:clamp(38px,3.8vw,58px); margin:16px 0 24px; line-height:1.08; letter-spacing:-.05em; }
.welcome-v18 .brand-intro-v17-accent { display:block; }
.welcome-v18 .brand-intro-v17-accent svg { bottom:-10px; }
.welcome-v18 .brand-intro-v17-lead { font-size:17px; line-height:1.65; }
.welcome-v18 .welcome-v18-support { font-size:14px; line-height:1.6; margin-top:16px; color:#3f6268; }
.welcome-v18 .brand-intro-v17-actions { margin-top:22px; }
.welcome-v18 .b2b-v17-primary { font-size:15px; min-height:52px; }
.welcome-v18 .brand-intro-v17-link { font-size:14px; min-height:44px; }
.welcome-v18-art .business-v13-stage { max-height:540px; }
.welcome-v18-art .business-v13-machine figcaption { font-size:14px; }
.welcome-v18 .mode-choice-v26 { order:2; width:auto; max-width:1440px; align-self:center; margin:16px 0 0; padding:6px 0; gap:12px; border:0; background:transparent; box-shadow:none; flex-direction:row; align-items:center; }
.mode-choice-v26-copy #mode-choice-label { font-size:13px; font-weight:500; color:#48686f; }
#mode-choice-help { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.welcome-v18 .mode-choice-v26-options { display:flex; flex:0 1 auto; gap:4px; }
.welcome-v18 .mode-choice-v26-options button { min-width:0; min-height:44px; padding:9px 14px; font-size:13px; border-radius:24px; }
.launch-status-v31 { max-width:1440px; margin:0 auto; padding:18px var(--gutter,24px); display:flex; align-items:center; justify-content:space-between; gap:24px; border-top:1px solid #cdded9; border-bottom:1px solid #cdded9; }
.launch-status-v31 p { margin:0; color:#294c53; font-size:15px; line-height:1.6; }
.launch-status-v31 small { display:block; margin-top:4px; font-size:13px; color:#48686f; }
.launch-status-v31 button { flex:none; }
#partners { padding-top:64px; }
.proof-v31 { margin-bottom:64px; }
.proof-v31-head { display:grid; grid-template-columns:1fr 1fr; align-items:end; gap:32px; margin-bottom:28px; }
.proof-v31 h2 { margin:10px 0 0; font-size:clamp(30px,3.4vw,52px); line-height:1.1; letter-spacing:-.045em; color:#173f47; }
.proof-v31-head > p { max-width:44em; margin:0; font-size:16px; line-height:1.65; color:#46676e; }
.proof-v31-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.15fr); align-items:stretch; gap:24px; }
.proof-v31 figure { margin:0; padding:16px; border:1px solid #cee0db; border-radius:24px; background:#f5f8f4; }
.proof-v31 video { display:block; width:100%; height:360px; object-fit:contain; background:#153840; border-radius:16px; }
.proof-v31 figure img { display:block; width:100%; height:360px; object-fit:contain; border-radius:16px; }
.proof-v31 figcaption { margin-top:14px; font-size:14px; line-height:1.55; color:#3f6268; }
.proof-v31-details { padding:26px; border-radius:24px; background:#e7f1ed; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; gap:18px; }
.proof-v31-details p { margin:0; font-size:16px; line-height:1.65; color:#294c53; }
.proof-v31-details a { color:#176776; font-size:15px; overflow-wrap:anywhere; }
.proof-v31-details .business-v13-link { white-space:normal; text-align:left; font-size:15px; min-height:44px; }
.business-v13 .business-v13-description { font-size:16px; line-height:1.65; }
.business-terms-v31 { margin:30px 0 40px; padding:24px; border:1px solid #c4d9d0; border-radius:20px; }
.business-terms-v31 h3 { margin:0 0 12px; font-size:23px; color:#173f47; }
.business-terms-v31 p { max-width:72em; margin:0 0 18px; font-size:16px; line-height:1.65; color:#46676e; }
#partners :is(.plan-included-v22,.plan-vat-v22,.plan-eligibility-v22,.partner-plan-v18-label,.package-scope-v22 p,.partner-journey-v18 p,.b2b-v17-answers p,.partner-next-step-v22 p) { font-size:14px; line-height:1.65; }
#business-returns.roi-v27 :is(.roi-v19-lead,.roi-v26-basis,.roi-v27-deferred,.roi-v26-notes p,.roi-v27-comparison caption,.roi-v27-panel-metrics dt,.roi-v27-panel-metrics dt small,.roi-v27-comparison thead th > span,.roi-v27-comparison thead th > small,.roi-v27-comparison tbody th,.roi-v27-comparison tbody th small) { font-size:14px; line-height:1.5; }
#business-returns .roi-assumptions-v31 { margin:0 0 18px; font-size:15px; line-height:1.6; color:#294c53; }
#business-returns .roi-profit-note-v31 { margin:14px 0; font-size:14px; line-height:1.55; color:#46676e; }
#business-returns .roi-fleet-obligation-v31 { display:block; margin-top:6px; font-size:14px; line-height:1.5; font-weight:600; color:#294c53; white-space:normal; }
#business-returns.roi-v27 .roi-v27-comparison tbody th small { white-space:normal; }
#business-returns .roi-choice-ads-v31 { display:block; font-size:14px; line-height:1.3; font-weight:500; }
#business-returns .roi-v19-choices button { flex:1 1 0; min-width:0; padding:12px 8px; }
#business-returns .roi-v19-choices button small { font-size:14px; }
#business-returns .roi-v19-choices button strong { font-size:27px; }
#business-returns .roi-v26-result h4 { font-size:18px; line-height:1.45; }
#business-returns .roi-v27-deferred { padding:12px; border-radius:10px; background:#e3eee7; font-weight:600; }
:where(a,button,input,textarea,select,summary):focus-visible { outline:3px solid #007c8c; outline-offset:4px; }
.proof-v31 [hidden] { display:none; }
@media (max-width:950px) {
 .welcome-v18 .welcome-v18-grid { grid-template-columns:1fr; }
 .welcome-v18 .welcome-v18-copy { grid-column:1; grid-row:1; }
 .welcome-v18 .brand-intro-v17-actions { grid-column:1; grid-row:2; }
 .welcome-v18 .welcome-v18-art { grid-column:1; grid-row:3; }
 .welcome-v18-art .business-v13-stage { max-width:540px; margin:auto; }
 .proof-v31-grid { grid-template-columns:1fr 1fr; }
 .proof-v31-details { grid-column:1/-1; }
 .proof-v31-head { grid-template-columns:1fr; gap:18px; }
}
@media (max-width:600px) {
 .brand-intro-v17.welcome-v18 { padding-top:calc(var(--header,64px) + 20px); padding-bottom:16px; }
 .welcome-v18 .brand-intro-v17-eyebrow { font-size:11px; line-height:1.5; letter-spacing:.055em; }
 #welcome-title { font-size:clamp(34px,9.4vw,48px); margin:14px 0 22px; line-height:1.1; }
 .welcome-v18 .brand-intro-v17-lead { font-size:16px; line-height:1.55; }
 .welcome-v18 .welcome-v18-support { font-size:14px; margin-top:12px; }
 .welcome-v18 .brand-intro-v17-actions { margin-top:18px; gap:6px; }
 .welcome-v18 .b2b-v17-primary { font-size:14px; padding-inline:18px; min-height:52px; }
 .welcome-v18 .brand-intro-v17-link { font-size:14px; }
 .welcome-v18-art { margin-top:16px; }
 .welcome-v18-art .business-v13-stage { aspect-ratio:1.38; max-height:none; min-height:210px; }
 .welcome-v18-art .business-v13-machine figcaption { font-size:12px; }
 .welcome-v18 .mode-choice-v26 { flex-wrap:wrap; justify-content:center; gap:4px 10px; margin-top:10px; }
 .welcome-v18 .mode-choice-v26-options button { padding:8px 12px; }
 .launch-status-v31 { align-items:flex-start; flex-direction:column; gap:12px; padding-block:20px; }
 #partners { padding-top:40px; }
 .proof-v31 { margin-bottom:40px; }
 .proof-v31-grid { gap:12px; }
 .proof-v31 figure { padding:8px; border-radius:16px; }
 .proof-v31 figure img,.proof-v31 video { height:250px; border-radius:10px; }
 .proof-v31 figcaption { font-size:14px; }
 .proof-v31-details { padding:20px; }
 .business-terms-v31 { padding:20px; }
 #business-returns.roi-v27 .roi-v19-stage { padding:14px; }
 #business-returns.roi-v27 .roi-v27-comparison tbody th small { display:block; margin-left:0; }
 #business-returns.roi-v27 .roi-v27-comparison tbody td { font-size:19px; }
 #business-returns .roi-v19-choices { gap:5px; }
 #business-returns .roi-choice-ads-v31 { font-size:14px; }
}
@media (max-width:380px) { .proof-v31-grid { grid-template-columns:1fr; } .proof-v31 figure img,.proof-v31 video { height:360px; } }
@media (max-height:500px) and (min-width:601px) {
 .welcome-v18 .brand-intro-v17-lead { font-size:16px; }
 .welcome-v18 .welcome-v18-support,.welcome-v18 .brand-intro-v17-link { font-size:14px; }
 .welcome-v18 .brand-intro-v17-eyebrow { font-size:12px; }
}

#business-returns.roi-v27 .roi-v24-heading > .roi-v19-lead { font-size:14px; line-height:1.5; }

#business-returns.roi-v27 .roi-v27-deferred { color:#294c53; }