/* Centred editorial content; full-width scene reserved for comparing footprints. */
.footprint-dial{position:relative;z-index:3;width:min(440px,calc(100% - 48px));margin:24px auto -26px;text-align:center}
.size-adjuster{display:flex;gap:12px;align-items:center}
.size-adjuster>button{display:grid;place-items:center;padding:0;flex:0 0 52px;width:52px;height:52px;border:1px solid #ffffff8c;border-radius:50%;background:rgba(26,30,42,.76);backdrop-filter:blur(16px) saturate(1.25);box-shadow:inset 0 1px 2px #ffffff65,0 7px 18px #151c302b;color:#fff;cursor:pointer;transition:transform .2s,background .2s}
.size-adjuster>button svg{display:block;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.size-adjuster>button:hover:not(:disabled){background:#363636;transform:scale(1.06)}.size-adjuster>button:disabled{opacity:.35;cursor:default}
.size-track{position:relative;flex:1;height:52px;border-radius:40px;background:rgba(26,30,42,.64);border:1px solid #ffffff94;backdrop-filter:blur(18px) saturate(1.25);isolation:isolate;box-shadow:inset 0 1px 3px #ffffff80,0 8px 23px #100b2038}
.size-track:after{content:'';position:absolute;inset:2px 3px 50%;border-radius:40px 40px 12px 12px;background:linear-gradient(#ffffff36,#ffffff03);pointer-events:none;z-index:1}
.size-fill{position:absolute;inset:0 auto 0 0;width:var(--fill);border-radius:40px 0 0 40px;background:linear-gradient(100deg,#ed0caf 0%,#a200db 48%,#1400ff 100%);transition:width 520ms cubic-bezier(.22,1,.36,1);pointer-events:none;overflow:hidden}
.size-track[style*="100%"] .size-fill{border-radius:40px}
.size-track input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.size-track:focus-within{outline:3px solid #164bff;outline-offset:5px}
.footprint-dial .footprint-controls{margin:0 52px 12px;gap:0;border:0;max-width:none;display:flex;justify-content:space-between}
.footprint-dial .footprint-controls button{min-height:48px;padding:8px 2px;border:0;background:none;font-size:14px;font-weight:500;color:#666;flex:1;cursor:pointer}
.footprint-dial .footprint-controls button span{font-size:10px;margin-top:4px}.footprint-dial .footprint-controls button[aria-pressed=true]{color:#111;font-weight:700}
.footprint-scene .footprint-transition{position:absolute;inset:0;z-index:1;pointer-events:none}
.scene-caption{position:absolute;z-index:2;left:0;right:0;bottom:0;margin:0;padding:30px var(--gutter) 16px;color:#fff;font-size:12px;background:linear-gradient(transparent,rgba(7,14,23,.88));text-shadow:0 1px 3px #000;display:flex;flex-wrap:wrap;gap:5px 24px;align-items:baseline}
@media(max-width:760px){.footprint-dial{margin-bottom:-22px}.size-adjuster{gap:9px}.size-adjuster>button{flex-basis:44px;width:44px;height:44px}.size-track{height:44px}.footprint-dial .footprint-controls{margin-left:0;margin-right:0}.scene-caption{font-size:10px;padding:25px 14px 12px}}
@media(prefers-reduced-motion:reduce){.size-fill,.size-adjuster>button{transition:none}}
html[data-motion-preference=off] .size-fill{transition:none}
:root{--content-edge:max(24px,calc((100vw - 1120px)/2))}
.about-section,.connect-section,.results-section,.faq-section,.pilot{padding-left:var(--content-edge);padding-right:var(--content-edge)}
.connect-section{gap:70px;padding-top:100px;padding-bottom:100px;border-top:1px solid #e5e5e5;align-items:start}
.connect-copy h2{max-width:530px}.connect-copy>.section-lead{font-size:18px;max-width:52ch}
.campaign-goals{margin-top:32px;border-top:1px solid #dcdcdc}
.campaign-goals button{width:100%;display:flex;justify-content:space-between;gap:16px;text-align:left;padding:18px 0;background:none;border:0;border-bottom:1px solid #dcdcdc;font-size:18px;font-weight:500;color:#535353;cursor:pointer;min-height:58px}
.campaign-goals button[aria-pressed=true]{color:var(--ink);font-weight:650}.campaign-goals button[aria-pressed=true] span:last-child{color:var(--blue);transform:rotate(45deg)}
.campaign-goals button:hover{color:var(--blue)}.campaign-goals button:disabled{cursor:default}
.campaign-outcome{padding:26px 0 24px;min-height:235px}.campaign-outcome h3{font-size:24px;line-height:1.2;margin-bottom:12px;max-width:30ch}.campaign-outcome p{font-size:15px;color:#494949}.campaign-measure{margin-top:18px}.campaign-measure strong{display:block;color:#111;font-size:13px;margin-bottom:4px}
.phone-study{margin-top:14px;background:#f3f4f5;padding:36px 24px 24px}.study-caption{max-width:340px;margin:22px auto 0;font-size:12px;line-height:1.55;color:#505050}.phone{max-width:100%}
.machines-section{padding:100px 0 72px;background:#fff}.footprint-heading{text-align:center;max-width:800px;margin:auto;padding:0 24px}.footprint-heading h2{margin:20px auto 22px}.footprint-heading>.section-lead{max-width:570px;margin:auto;font-size:19px}
.footprint-controls{display:flex;justify-content:center;gap:4px;margin:32px auto 38px;border-bottom:1px solid #d5d5d5;max-width:510px}
.footprint-controls button{flex:1;background:transparent;border:0;border-bottom:3px solid transparent;padding:14px 12px 17px;font-size:17px;font-weight:600;color:#555;cursor:pointer;min-height:70px}.footprint-controls button span{display:block;font-size:12px;font-weight:400;margin-top:5px}.footprint-controls button[aria-pressed=true]{border-bottom-color:var(--blue);color:#111}.footprint-controls button:hover{color:var(--blue)}.footprint-controls button:disabled{cursor:default}
.footprint-scene{width:100%;aspect-ratio:1672/941;overflow:hidden;background:#f0f0ee;position:relative}.footprint-scene img{width:100%;height:100%;object-fit:cover;display:block}.footprint-scene img[hidden]{display:none}
.footprint-heading .footprint-detail{display:block;padding:0;margin:0 auto;max-width:620px;min-height:130px;text-align:center}.footprint-heading .footprint-detail h3{font-size:24px;line-height:1.2;margin:0 0 12px}.footprint-heading .footprint-detail p{font-size:17px;max-width:58ch;margin:0 auto}.machines-section .range-note{max-width:1120px;margin:24px auto 0;font-size:12px;padding:0}
.pilot-scope{display:block;padding:100px max(24px,calc((100vw - 880px)/2));border-top:1px solid #dedede;background:#fff}.scope-intro{text-align:center;max-width:610px;margin:auto}.pilot-scope h2{margin:20px 0 24px}.pilot-scope .section-lead{max-width:560px;margin:auto;font-size:19px}.scope-list{margin-top:50px}.scope-list>li{display:grid;grid-template-columns:72px 1fr;gap:20px;padding:28px 0 32px}.scope-number{font-size:15px;padding-top:6px;color:var(--blue);font-weight:600}.scope-list h3{font-size:27px;margin-bottom:12px}.scope-list p{max-width:65ch}.scope-deliverable{display:block;font-size:13px;margin-top:16px;color:#164bff;font-weight:500}
@media(min-width:1600px){.repeat-section{padding-left:max(80px,calc((100vw - 1320px)/2));padding-right:max(80px,calc((100vw - 1320px)/2))}}
@media(max-width:1168px){.machines-section .range-note{margin-left:24px;margin-right:24px}.connect-section{gap:35px}}
@media(max-width:760px){.connect-section{padding-top:65px;padding-bottom:65px;gap:20px}.campaign-outcome{min-height:0}.phone-study{padding:28px 16px 22px}.machines-section{padding-top:65px}.footprint-controls{margin-bottom:26px}.footprint-controls button{padding:12px 5px;font-size:16px}.footprint-heading h2{font-size:39px}.footprint-heading>.section-lead{font-size:17px}.footprint-scene{aspect-ratio:1/1}.footprint-scene img{object-position:65% center}.footprint-detail{display:block;min-height:0;padding-top:26px}.footprint-detail h3{font-size:27px;margin-bottom:14px}.footprint-detail p{font-size:16px}.pilot-scope{padding-top:65px;padding-bottom:65px}.scope-list>li{grid-template-columns:30px 1fr;gap:14px}.scope-list h3{font-size:25px}.scope-list p{font-size:15px}.scope-number{font-size:13px}}
/* Photo-backed phone with a real, selectable HTML display. */
.phone-study{background:#fff;padding:0;margin:0;overflow:hidden;width:100%;align-self:center}
.handset-stage{position:relative;width:100%;height:750px;overflow:hidden}
.handset-canvas{position:absolute;top:0;left:calc(50% - 235px);width:640px;height:850px;transform:scale(.9);transform-origin:top left}
.phone-hand{position:absolute;top:0;left:-80px;width:760px;max-width:none;height:auto;pointer-events:none;user-select:none}
.handset-canvas .phone{position:absolute;left:58px;top:96px;width:313px;height:651px;min-height:0;max-width:none;border:0;border-radius:0 0 26px 26px;padding:12px 19px 17px;background:#fff;box-shadow:none;overflow:auto}
.handset-canvas .phone-top{margin:0 0 19px}.handset-canvas .phone-brand{font-size:29px}.handset-canvas .phone-screen{min-height:0;flex:1;padding:20px 0 18px}.handset-canvas .phone-powered{margin-top:12px}.handset-canvas .phone-next{flex-shrink:0}.phone-study .study-caption{padding:0 20px;margin:0 auto;max-width:380px}
@media(max-width:1100px) and (min-width:761px){.about-scenes{aspect-ratio:1 / 1.4}.about-scene{grid-template-rows:minmax(0,1fr) 118px}}
@media(max-width:760px){.phone-study{padding:0}.handset-canvas{left:calc(50% - 176px);transform:scale(.78)}.handset-stage{height:660px}.phone-study .study-caption{font-size:11px;padding:0 10px}}
/* Launch navigation and enquiry states. */
.client-login-link{white-space:nowrap;font-size:13px}
.pilot form a,.preview-note a,.privacy-note a{text-decoration:underline;text-underline-offset:3px}
#form-status{font-size:14px;line-height:1.5;margin-top:16px;min-height:21px}
.portal-placeholder{min-height:100svh;padding:32px clamp(24px,7vw,110px);background:#fff}
.portal-placeholder>a img{object-fit:contain}
.portal-placeholder main{max-width:680px;margin:100px auto}
.portal-placeholder h1{font-size:clamp(40px,6vw,72px);line-height:1.06;letter-spacing:-.04em;margin:24px 0}
.portal-placeholder main>p:not(.eyebrow){font-size:18px;color:#51514f;margin-bottom:22px}
.portal-placeholder main>p a{text-decoration:underline}
.portal-placeholder .text-link{display:block;margin-top:24px}
@media(max-width:760px){.header nav{gap:10px}.client-login-link{font-size:11px}.header .experience-link{display:none}.portal-placeholder main{margin:70px auto}.portal-placeholder main>p:not(.eyebrow){font-size:16px}}
/* Shared launch timeline for pilots and purchases. */
.pilot-scope{padding:110px var(--content-edge) 80px;background:#fafafa}.scope-intro{max-width:660px}.scope-list{position:relative;list-style:none;margin:85px auto 0;padding:0;max-width:940px;--timeline-progress:0}
.scope-list:before,.scope-list:after{content:'';position:absolute;left:10px;top:40px;bottom:120px;width:2px;background:#e2e5eb;transform-origin:top}
.scope-list:after{background:#164bff;transform:scaleY(var(--timeline-progress))}
.scope-list>li{position:relative;display:grid;grid-template-columns:48px minmax(0,1.15fr) minmax(0,1fr);gap:26px;align-items:center;min-height:285px;padding:32px 0 44px;border:0}
.scope-list>li:before{content:'';position:absolute;z-index:1;left:5px;top:39px;width:12px;height:12px;border-radius:50%;background:#d9dee7;box-shadow:0 0 0 7px #fafafa}
.scope-list>li.is-current:before,.scope-list>li.is-past:before{background:linear-gradient(135deg,#f20bb5,#164bff);box-shadow:0 0 0 5px #fafafa,0 0 0 6px #164bff40,0 0 17px #b92cff55}
.scope-list>li.is-current:before{box-shadow:0 0 0 5px #fafafa,0 0 0 7px #ad36ff66,0 0 23px #ed16bb80}
.scope-list .goal-art>span:nth-child(2){border-color:#8675ff;box-shadow:0 7px 0 #e8e6ff,0 8px 24px #8c46ff26}
.scope-list .goal-art i{color:#ba159c;text-shadow:0 0 12px #ed16bb55}
.scope-list .brand-phone i{background:linear-gradient(115deg,#ce079a,#164bff);box-shadow:0 0 14px #b92cff40}
.scope-list .brand-sheet i:nth-child(2){box-shadow:0 0 13px #164bff55}
.scope-list .store-art svg>circle{filter:drop-shadow(0 0 6px #aa36ff80)}
.scope-list .results-sheet svg>circle{fill:#d311ae;filter:drop-shadow(0 0 4px #d311ae80)}
.scope-list .scope-chart-path{filter:drop-shadow(0 0 3px #164bff40)}
.scope-list .scope-number{grid-column:2;align-self:start;position:absolute;top:0;left:74px;font-size:12px;color:#687183;border:1px solid #c6cbd3;border-radius:4px;padding:3px 6px;line-height:1.2}
.scope-list>li>div:not(.scope-visual){grid-column:2;align-self:center}.scope-list h3{font-size:29px;line-height:1.15;margin:0 0 14px}.scope-list p{font-size:15px;line-height:1.65;color:#556070;max-width:41ch}.scope-deliverable{font-size:12px;margin-top:18px}
.scope-visual{grid-column:3;position:relative;min-height:220px;display:flex;align-items:center;justify-content:center;pointer-events:none;transform:translateY(var(--art-offset,0px));opacity:var(--art-opacity,1);filter:blur(var(--art-blur,0px))}
.goal-art{perspective:650px;gap:10px}.goal-art>span{position:absolute;background:#fff;border:1px solid #ced3de;box-shadow:0 7px 0 #e7e9ef,0 15px 20px #202b3910;padding:22px 34px;border-radius:60px;font-size:17px;transform:rotateX(35deg) rotateZ(-20deg)}.goal-art>span:first-child{left:5%;top:20px;color:#838b9a;filter:blur(1px)}.goal-art>span:last-child{right:0;bottom:10px;color:#838b9a;filter:blur(1px)}.goal-art>span:nth-child(2){z-index:2;color:#164bff;top:85px;left:22%;font-weight:600}.goal-art i{font-style:normal;margin-left:15px}
.brand-sheet{width:235px;background:#fff;border:1px solid #d8deea;padding:27px;box-shadow:0 15px 28px #26344c10;transform:rotate(-7deg)}.brand-sheet strong{font-size:23px}.brand-sheet>div{display:flex;gap:8px;margin:21px 0}.brand-sheet i{width:29px;height:29px;border-radius:50%;background:#111}.brand-sheet i:nth-child(2){background:#164bff}.brand-sheet i:nth-child(3){background:#edeef1}.brand-sheet>span{font-size:10px;color:#667085}.brand-phone{position:absolute;width:95px;height:170px;right:8px;bottom:5px;background:#fff;border:5px solid #1a202c;border-radius:17px;box-shadow:0 12px 20px #26344c20;transform:rotate(9deg);padding:25px 10px;font-size:16px;line-height:1.15;font-weight:600}.brand-phone i{display:block;background:#164bff;color:#fff;font-style:normal;margin-top:15px;text-align:center;border-radius:3px}
.store-art{flex-direction:column}.store-art svg{width:100%;max-width:310px}.store-art>span{font-size:12px;color:#53637d;margin-top:4px}
.results-sheet{background:#fff;width:285px;padding:23px;border:1px solid #d8deea;box-shadow:0 15px 25px #26344c10;transform:rotate(-5deg)}.results-sheet>span{font-size:12px;color:#68768c}.results-sheet svg{width:100%;margin:23px 0 15px}.results-sheet strong{font-size:16px}.scope-chart-path{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--step-reveal,1))}
@media(max-width:760px){.pilot-scope{padding:75px 24px 50px}.scope-list{margin-top:65px}.scope-list>li{grid-template-columns:30px minmax(0,1fr);gap:12px;min-height:0;padding:35px 0 55px}.scope-list>li>div:not(.scope-visual){grid-column:2}.scope-list .scope-number{left:42px;top:0}.scope-list>li:before{top:6px}.scope-list:before,.scope-list:after{top:7px;bottom:180px}.scope-list h3{font-size:26px}.scope-list p{font-size:14px}.scope-visual{grid-column:2;min-height:210px;margin-top:20px;width:100%;max-width:330px}.scope-intro .section-lead{font-size:17px}}
/* A defined final destination, with real links over an illustrative store. */
.site-footer{position:relative;display:block;isolation:isolate;overflow:hidden;padding:75px var(--content-edge) 25px;background:#111a20;color:#fff;min-height:720px;border:0}
.footer-scene{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.site-footer:before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(5,13,20,.88),rgba(5,13,20,.6) 52%,rgba(5,13,20,.18)),linear-gradient(0deg,rgba(5,13,20,.9),transparent 35%)}
.footer-content{max-width:1120px;margin:auto}.footer-brand{display:inline-block}.footer-brand img{display:block;width:170px;height:auto;filter:none}
.footer-message{margin-top:32px}.footer-message h2{font-size:clamp(38px,4vw,60px);line-height:1.08;font-weight:550;max-width:620px;margin-bottom:24px}.footer-message .button{background:#fff;color:#111;display:inline-flex;gap:25px}
.footer-links{display:grid;grid-template-columns:180px 220px 180px;gap:50px;margin:50px 0 75px}.footer-links>div{display:flex;flex-direction:column;align-items:flex-start;gap:0}.footer-links h3{font-size:14px;font-weight:650;margin:0 0 12px}.footer-links a{display:flex;align-items:center;min-height:38px;font-size:14px;color:#f0f3f8;text-decoration:none}.footer-links a:hover{text-decoration:underline;text-underline-offset:5px}.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;border-top:1px solid #ffffff45;padding-top:24px;font-size:11px;color:#d8e1eb}.footer-bottom a{color:#fff}.site-footer a:focus-visible{outline:2px solid white;outline-offset:5px}.site-footer .footer-message .button:focus-visible{outline-offset:6px}
.privacy-note{background:#101820;color:#d8e1eb;border-color:#ffffff25;padding:24px var(--content-edge)}.privacy-note summary{color:#fff}.privacy-note p{max-width:75ch;line-height:1.7}
@media(max-width:760px){.site-footer{padding:50px 24px 25px;min-height:760px}.footer-scene{object-position:68% center}.site-footer:before{background:linear-gradient(90deg,#07121bed,#07121b9e),linear-gradient(0deg,#07121be8,transparent)}.footer-brand img{width:150px}.footer-message h2{font-size:40px}.footer-links{grid-template-columns:1fr 1fr;gap:18px;margin:40px 0 55px}.footer-links a{font-size:12px;min-height:44px}.footer-links h3{font-size:13px}.footer-bottom{font-size:10px;gap:16px}.footer-bottom span:nth-child(2){width:100%;order:3}}
@media(prefers-reduced-motion:reduce){.scope-visual{transform:none;opacity:1;filter:none}.scope-chart-path{stroke-dashoffset:0}}
.scope-list .scope-number{grid-column:auto}
.site-footer{margin:0;width:100%}
.privacy-note{margin:0;max-width:none;width:100%}
/* Complete in-store photography with a compact, contextual format control. */
.footprint-presentation{position:relative;margin-top:42px}
.footprint-dial{position:absolute;top:50%;left:7.5%;transform:translateY(-50%);width:min(340px,31%);margin:0;padding:32px 27px 24px;border:1px solid #ffffffcf;border-radius:30px;background:rgba(255,255,255,.72);box-shadow:inset 0 1px 0 #ffffffd9,0 18px 42px #16203026;text-align:left;z-index:3;backdrop-filter:blur(18px) saturate(1.12)}
.footprint-dial .footprint-detail{padding:0;margin:0 0 26px;min-height:175px;text-align:center}
.footprint-dial .footprint-detail h3{font-size:clamp(22px,1.8vw,28px);line-height:1.15;margin:0 0 16px;letter-spacing:-.035em}
.footprint-dial .footprint-detail p{font-size:14px;line-height:1.55;margin:0;color:#505765}
.footprint-choice{position:relative}
.footprint-dial .footprint-controls{display:flex;justify-content:space-between;align-items:end;margin:0;border:0;gap:0;position:relative;pointer-events:none}
.footprint-dial .footprint-controls button{position:relative;pointer-events:auto;display:flex;flex:0 0 65px;min-height:104px;padding:0;align-items:center;justify-content:end;flex-direction:column;gap:7px;background:none;color:#697180;border:0;font-size:12px}
.footprint-dial .footprint-controls button strong{font-size:12px;font-weight:600;line-height:1.2}.footprint-dial .footprint-controls button span{font-size:9px;line-height:1.2;margin:0;font-weight:400;white-space:nowrap}
.footprint-controls button svg{display:block;width:31px;height:44px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;background:transparent;border-radius:0;box-shadow:none;transition:color .2s,transform .2s}
.footprint-controls button[data-footprint=mini] svg{width:24px;height:32px}.footprint-controls button[data-footprint=large] svg{width:39px;height:49px}
.footprint-dial .footprint-controls button[aria-pressed=true]{color:#164bff}.footprint-controls button[aria-pressed=true] svg{fill:none;transform:translateY(-3px)}
.footprint-controls button:focus-visible{outline:2px solid #164bff;outline-offset:5px;border-radius:6px}
.footprint-choice .size-track{position:absolute;left:32px;right:32px;top:49px;height:3px;border:0;background:#d5dbe5;box-shadow:none;backdrop-filter:none;border-radius:3px}.footprint-choice .size-track:after{display:none}.footprint-choice .size-fill{height:3px;border-radius:3px;background:linear-gradient(90deg,#ed0caf,#164bff)}
.footprint-choice .size-track input{top:-12px;height:27px;cursor:ew-resize}.footprint-choice .size-track:focus-within{outline-offset:7px}
.footprint-scene:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;backdrop-filter:blur(1.4px);mask-image:radial-gradient(ellipse 32% 63% at 64% 48%,transparent 65%,#000 100%)}
@media(max-width:1050px) and (min-width:761px){.footprint-dial{left:5%;padding:24px 20px;width:33%}.footprint-dial .footprint-detail{margin-bottom:14px}.footprint-dial .footprint-detail p{font-size:12px}.footprint-dial .footprint-controls button{flex-basis:58px}}
@media(max-width:760px){.footprint-presentation{margin-top:26px}.footprint-dial{position:relative;top:auto;left:auto;transform:none;width:calc(100% - 40px);max-width:440px;margin:0 auto 20px;padding:24px 24px 20px;border-color:#e1e5ed;border-radius:26px;box-shadow:0 8px 24px #1620300b;background:#fff}.footprint-dial .footprint-detail{min-height:0;margin-bottom:16px}.footprint-dial .footprint-detail h3{font-size:25px;margin-bottom:12px}.footprint-dial .footprint-detail p{font-size:14px}.footprint-dial .footprint-controls button{min-height:93px}.footprint-choice .size-track{top:38px}.footprint-scene:after{backdrop-filter:blur(.8px);mask-image:radial-gradient(ellipse 43% 64% at 59% 49%,transparent 68%,#000 100%)}}
@media(prefers-reduced-motion:reduce){.footprint-controls button svg{transition:none}}

/* Neon stops mask the connecting rail without obscuring the machine glyphs. */
.footprint-dial .footprint-controls button .machine-icon-orb{display:grid;place-items:center;flex:none;width:44px;height:44px;margin:0;border:1.5px solid #8092ff;border-radius:50%;background:#f4f6fb;box-shadow:0 0 7px #647dff35,inset 0 0 6px #647dff16;position:relative;isolation:isolate;transition:border-color .2s,box-shadow .2s}
.footprint-dial .footprint-controls button[data-footprint=mini] .machine-icon-orb{width:34px;height:34px}
.footprint-dial .footprint-controls button[data-footprint=large] .machine-icon-orb{width:54px;height:54px}
.footprint-dial .footprint-controls button .machine-icon-orb svg{width:22px;height:28px;transform:none;background:none;box-shadow:none;fill:none;stroke-width:1.7}
.footprint-dial .footprint-controls button[data-footprint=mini] .machine-icon-orb svg{width:17px;height:22px}
.footprint-dial .footprint-controls button[data-footprint=large] .machine-icon-orb svg{width:27px;height:34px}
.footprint-dial .footprint-controls button[aria-pressed=true] .machine-icon-orb{border-color:#345cff;background:#eff3ff;box-shadow:0 0 11px #345cff65,inset 0 0 8px #9e36ff1c}
@media(prefers-reduced-motion:reduce){.footprint-dial .footprint-controls button .machine-icon-orb{transition:none}}

.footprint-dial .footprint-controls button{min-height:116px}
.footprint-dial .footprint-controls button .machine-icon-orb{position:absolute;top:50.5px;transform:translateY(-50%)}
@media(max-width:760px){.footprint-dial .footprint-controls button{min-height:105px}.footprint-dial .footprint-controls button .machine-icon-orb{top:39.5px}}

/* Approved Unreal Skin client identity; Haaptick remains the platform brand. */
.phone-study{--client-ink:#19223b;--client-blue:#a5b4f4;--client-paper:#f8faff;--client-pink:#ee8dc0}
.handset-canvas{--phone-surface:var(--client-paper)}
.handset-canvas:has(.phone[data-demo-stage=welcome]){--phone-surface:#f1effc}
/* Fill the photographed display around the live page, preserving its notch. */
.handset-canvas::before{content:"";position:absolute;left:58px;top:70px;width:316px;height:692px;background:var(--phone-surface);z-index:1;pointer-events:none;clip-path:path("M40 0H73Q78 0 78 5V9Q78 26 97 26H219Q238 26 238 9V5Q238 0 243 0H276Q316 0 316 40V652Q316 692 276 692H40Q0 692 0 652V40Q0 0 40 0Z")}
.handset-canvas .phone{background:var(--phone-surface);color:var(--client-ink);z-index:2}
.handset-canvas .phone-brand{color:var(--client-ink);position:relative;padding-bottom:14px;border-bottom:1px solid #a5b4f470}
.phone-brand img{display:block;width:230px;height:auto;margin:-12px auto -9px}
.phone-brand>span{font-size:10px;line-height:1.4;color:#35415d}
.handset-canvas .phone-screen{padding-top:16px;padding-bottom:14px}
.phone-study .phone-screen h3{color:var(--client-ink);font-size:25px;line-height:1.13}
.phone-study .phone-screen p{color:#35415d}
.phone-study .example-fields{background:#a5b4f421;border-radius:8px;padding:8px 12px}
.phone-study .phone-next{background:var(--client-ink);color:#fff;border-radius:24px}
.phone-study .phone-next:hover{background:#303e64}
.phone-study .phone-powered{color:#35415d}
.phone-study .play-tokens span{background:var(--client-blue);color:var(--client-ink);border-color:var(--client-blue)}
.phone-study .play-tokens span:nth-child(2){background:var(--client-pink);border-color:var(--client-pink)}
.dashboard-topbar .dashboard-account img{width:132px;height:44px;object-fit:contain}
.campaign-report .dashboard-sidebar{background:#f0f2fd}
.campaign-report .dashboard-views button[aria-pressed=true]{background:#dce2fc;color:#19223b}
@media(max-width:760px){.dashboard-topbar .dashboard-account{display:flex;margin-left:auto}.dashboard-topbar .dashboard-account img{width:97px;height:32px}.dashboard-topbar{column-gap:9px}.dashboard-topbar>span:not(.dashboard-account){max-width:86px}}

/* About: the physical moment on the left, the offer together on the right. */
.phone[data-demo-stage=welcome] .phone-brand{border-bottom-color:transparent}
.phone-welcome{text-align:center;position:relative;padding:0 3px}
.welcome-art{height:128px;position:relative;width:160px;margin:0 auto 8px}
.welcome-art svg{display:block;height:128px;width:146px;margin:auto;transform:rotate(-9deg)}
.welcome-spark{position:absolute;right:-6px;top:12px;font-size:32px;color:#bd4b91;transform:rotate(12deg)}
.phone-study .phone-welcome .welcome-kicker{font-size:10px;font-weight:600;margin:0 0 10px;color:#596486}
.phone-study .phone-welcome h3{font-size:33px;line-height:1.03;letter-spacing:-.035em;white-space:pre-line;position:relative;z-index:1}
.phone-study .phone-welcome .welcome-description{font-size:12px;line-height:1.5;max-width:235px;margin:14px auto 0}
.welcome-reward{display:inline-block;padding:7px 12px;margin-top:17px;background:#f4d9e9;color:#733357;border-radius:30px;font-size:10px;font-weight:600}
.phone[data-demo-stage=welcome] .phone-next{background:#19223b;box-shadow:0 5px 0 #a5b4f4}
.phone[data-demo-stage=welcome] .phone-powered{margin-top:17px}
/* About: the physical moment on the left, the offer together on the right. */
.about-section{align-items:center;gap:7%;padding-top:80px;padding-bottom:80px}
.about-visual{min-width:0}
.about-visual img{display:block;width:100%;height:auto;max-height:570px;object-fit:contain}
.about-section .about-copy{margin-top:0}
.about-section .about-copy>.eyebrow{font-size:10px;margin:0;color:#19223b}
.about-section .about-copy h2{font-size:clamp(34px,3.4vw,48px);line-height:1.1;margin:20px 0 24px;max-width:500px}
.about-section .about-copy>.section-lead{font-size:19px;line-height:1.55;color:#111;margin:0;max-width:44ch}
.about-section .about-copy>p:not(.eyebrow):not(.section-lead){font-size:16px;line-height:1.6;margin-top:16px;max-width:48ch}
@media(max-width:760px){.about-section{display:flex;flex-direction:column;padding-top:45px;padding-bottom:55px;gap:28px}.about-visual{width:100%}.about-visual img{max-height:340px}.about-section .about-copy h2{font-size:35px}.about-section .about-copy>.section-lead{font-size:18px}}

/* Optional mobile capture remains distinct from marketing consent. */
.phone-study .example-fields{margin:14px 0 12px;padding:6px 10px}
.phone-study .example-fields>div{padding:6px 10px;margin-top:7px}
.phone-study .example-fields>div:first-child{margin-top:0}
.phone-study .example-fields dd{margin-top:3px}
.phone-study .phone-screen .example-data-note{font-size:10px;line-height:1.4}
@media(min-width:761px){.campaign-report .report-metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.campaign-report .report-metrics dt{min-height:27px;line-height:1.3}.campaign-report .report-metrics dd{font-size:clamp(23px,2.25vw,32px)}}

.phone-study .mobile-bonus{display:flex;align-items:center;gap:7px;margin:0;cursor:pointer;color:#19223b;font-size:10px;line-height:1.3}
.phone-study .mobile-bonus input{appearance:auto;width:15px;height:15px;min-height:15px;margin:0;padding:0;flex:0 0 15px;accent-color:#19223b}
.phone-study .mobile-bonus span{font-size:10px;color:inherit}
.phone-study .mobile-bonus strong{font-weight:700;white-space:nowrap}
.phone-study .mobile-example{display:block;font-size:10px;margin-top:4px;color:#35415d}
.phone-study .mobile-example[hidden]{display:none}
.phone-study .play-tokens{gap:7px}
.phone-study .play-tokens .bonus-token{background:#ee8dc0;border-color:#ee8dc0;font-size:21px;box-shadow:0 4px 10px #19223b1a}

/* A quiet bridge from the physical activation to the retailer's customer tools. */
.crm-section{max-width:1240px;margin:0 auto;padding:36px 40px 30px;border-bottom:1px solid #e9e9ed;background:#fff}
.crm-note{text-align:center;font-size:13px;line-height:1.6;color:#626269;margin:18px 0 0}
.crm-section:focus-visible{outline:2px solid #164bff;outline-offset:-2px}.crm-window{overflow:hidden}
.crm-track{display:flex}
.crm-logos{display:flex;flex:0 0 100%;align-items:center;justify-content:space-around;flex-wrap:wrap;gap:28px;list-style:none;margin:0;padding:0}
.crm-logos li{display:flex;align-items:center;justify-content:center;gap:9px;height:70px;color:#222;white-space:nowrap}
.crm-logos img{object-fit:contain;max-width:none;filter:grayscale(1);opacity:.8}
.crm-logos span{font-size:24px;letter-spacing:-.035em;font-weight:650}
.crm-logos[aria-hidden=true]{display:none}
.crm-section.is-scrolling .crm-window{mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.crm-section.is-scrolling .crm-track{animation:crm-drift 36s linear infinite;animation-play-state:paused}
.crm-section.is-scrolling .crm-logos{min-width:1040px;flex-wrap:nowrap;gap:48px;padding-right:48px;box-sizing:border-box}
.crm-section.is-scrolling .crm-logos[aria-hidden=true]{display:flex}
.crm-section.is-scrolling.is-visible:not(.is-paused):not(:hover):not(:focus-within) .crm-track{animation-play-state:running}
@keyframes crm-drift{to{transform:translateX(calc(-1 * max(100%, 1040px)))}}
@media(max-width:760px){.crm-section{padding:26px 24px 24px}.crm-note{font-size:12px;margin:14px auto 0;max-width:310px}.crm-logos{gap:18px 28px}.crm-logos li{height:58px}.crm-logos span{font-size:21px}.crm-section.is-scrolling .crm-logos{min-width:940px;gap:35px}.crm-section.is-scrolling .crm-track{animation-name:crm-drift-mobile}@keyframes crm-drift-mobile{to{transform:translateX(calc(-1 * max(100%, 940px)))}}}
@media(prefers-reduced-motion:reduce){.crm-section .crm-track{animation:none!important}}

/* The connected journey occupies the original About image space. */
.about-sequence{width:100%;max-width:520px;justify-self:center}
.about-scenes{position:relative;aspect-ratio:1 / 1.18}
.about-scene{position:absolute;inset:0;display:grid;grid-template-rows:minmax(0,1fr) 104px;gap:12px;margin:0;opacity:0;pointer-events:none;transition:opacity .45s cubic-bezier(.16,1,.3,1)}
.about-scene[hidden]{display:none}.about-scene.is-active{opacity:1;pointer-events:auto}
.about-scene-art{position:relative;min-height:0;overflow:hidden;display:grid;place-items:center;background:#f8faff;border-radius:24px}
.about-scene figcaption{text-align:center;padding:0 12px}
.about-scene figcaption h3{font-size:27px;letter-spacing:-.03em;margin:0 0 9px;line-height:1.2}
.about-scene figcaption p{font-size:15px;line-height:1.5;color:#505765;max-width:43ch;margin:0 auto}
.about-scene .play-art{background:white}.about-scene .play-art img{height:100%;width:100%;object-fit:contain;max-height:none}
.about-scene .plush-art{background:transparent;border-radius:0}.about-scene .plush-art img{width:100%;height:100%;max-height:none;object-fit:contain}
.about-sequence-controls{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:8px}.about-step-buttons{display:flex;align-items:center;gap:0}
.about-step-buttons button{display:grid;place-items:center;padding:0;width:44px;height:44px;background:none;border:0;border-radius:50%;cursor:pointer}
.about-step-buttons button span{display:block;width:8px;height:8px;border-radius:50%;background:#a1a7b3;transition:background .2s,transform .2s}
.about-step-buttons button[aria-pressed=true] span{background:#164bff;transform:scale(1.35)}
.about-cycle-toggle{width:44px;height:44px;flex:none;display:grid;place-items:center;background:none;color:#19223b;border:1px solid #d5dbe5;border-radius:50%;font-size:17px;cursor:pointer}
.about-step-buttons button:focus-visible,.about-cycle-toggle:focus-visible{outline:2px solid #164bff;outline-offset:3px}
.about-step-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.about-sequence.is-still .about-scene{transition:none}
@media(max-width:1100px) and (min-width:761px){.about-scenes{aspect-ratio:1 / 1.4}.about-scene{grid-template-rows:minmax(0,1fr) 118px}.connect-handset{width:72%;padding:28px 12px 12px}.measure-art{padding:12px}.measure-report{padding:16px}.measure-stats strong{font-size:24px}}
@media(max-width:760px){.about-scenes{aspect-ratio:auto;height:480px}.about-scene{grid-template-rows:minmax(0,1fr) 100px}.about-sequence{max-width:420px}.about-scene figcaption p{font-size:14px}.about-section .about-copy{order:-1}.about-sequence-controls{gap:8px}.about-step-buttons button{font-size:12px}}
@media(prefers-reduced-motion:reduce){.about-scene{transition:none}}

/* Pilot and purchase enquiries share one form and the existing delivery setup. */
.enquiry-choice,.purchase-details{min-width:0;border:0;padding:0;margin:0 0 24px}
.enquiry-choice legend,.purchase-details legend{font-size:14px;margin-bottom:12px;padding:0}
.purchase-details legend span{color:var(--muted)}
.enquiry-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.enquiry-options label{display:flex;align-items:center;gap:8px;min-height:50px;margin:0;padding:12px 10px;border:1px solid #8a8983;border-radius:3px;cursor:pointer}
.enquiry-options input{appearance:auto;width:16px;height:16px;min-height:0;margin:0;padding:0;flex:none;accent-color:var(--blue)}
.enquiry-options label span{color:var(--ink);font-size:13px;line-height:1.35}
.enquiry-options label:has(input:checked){border-color:var(--blue);background:#f0f4ff}
.enquiry-options label:focus-within{outline:2px solid var(--blue);outline-offset:3px}
.purchase-details[hidden]{display:none}
.purchase-fields{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px}
.purchase-fields>div{min-width:0}.purchase-fields label{display:block}
.purchase-fields input,.purchase-fields select{width:100%;min-height:48px;margin:0;padding:13px;border:1px solid #8a8983;border-radius:3px;background:transparent;color:var(--ink);font:inherit;font-size:14px}
.footprint-dial .machine-quote{display:flex;justify-content:center;gap:10px;min-height:44px;margin-top:18px;font-size:13px}
.footer-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px}
.site-footer .footer-actions .text-link{color:#fff}
@media(max-width:760px){.enquiry-options{grid-template-columns:1fr}.enquiry-options label{padding:12px 14px}.enquiry-options label span{font-size:14px}.purchase-fields{grid-template-columns:1fr;gap:20px}.footer-actions{gap:18px}.footprint-dial .machine-quote{margin-top:14px}}

/* Give the smaller retail image its full area on phones. */
@media(max-width:760px){.footprint-presentation>.scene-caption{position:static;color:#626269;background:none;text-shadow:none;font-size:10px;line-height:1.5;padding:0 24px;margin:12px auto 0;max-width:620px;display:flex;flex-direction:column;gap:4px}}