html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}:root{--retailio-color-navy:#0b1020;--retailio-color-ink:#10182a;--retailio-color-blue:#5265ff;--retailio-color-aqua:#36e6c2;--retailio-color-soft-white:#f6f8fc;--retailio-color-slate:#8692a9;--retailio-color-canvas:#eff3fb;--retailio-color-surface:#fff;--retailio-color-deep-panel:#151e34;--retailio-color-border:#dee5f0;--retailio-color-text-muted:#526076;--retailio-color-accessible-link:#4250d6;--retailio-color-success:#087f63;--retailio-color-danger:#cf3655;--retailio-color-warning:#9a5800;--retailio-gradient:linear-gradient(125deg, #5265ff 0%, #38a9ff 51%, #36e6c2 100%);--retailio-font:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--retailio-font-display:"Inter Display", "Inter", system-ui, sans-serif;--retailio-space-1:4px;--retailio-space-2:8px;--retailio-space-3:12px;--retailio-space-4:16px;--retailio-space-6:24px;--retailio-space-8:32px;--retailio-space-12:48px;--retailio-space-16:64px;--retailio-radius-input:12px;--retailio-radius-button:12px;--retailio-radius-app-card:16px;--retailio-radius-marketing-card:20px;--line-on-dark:color-mix(in srgb, var(--retailio-color-slate) 28%, transparent);--shadow-card:0 1px 2px color-mix(in srgb, var(--retailio-color-navy) 6%, transparent), 0 24px 48px -24px color-mix(in srgb, var(--retailio-color-navy) 24%, transparent);--motion:.2s ease;--ease-out:cubic-bezier(.2, .8, .2, 1);--container:1280px;--nav-height:72px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-height) + var(--retailio-space-4));-webkit-text-size-adjust:100%}body{background:var(--retailio-color-navy);color:var(--retailio-color-ink);font-family:var(--retailio-font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.5;overflow-x:clip}h1,h2,h3,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit;text-decoration:none}img,svg{display:block}:focus-visible{outline:2px solid var(--retailio-color-blue);outline-offset:3px;border-radius:var(--retailio-space-1)}.nav :focus-visible,.hero :focus-visible,.footer :focus-visible{outline-color:var(--retailio-color-soft-white)}.container{width:100%;max-width:var(--container);padding:0 var(--retailio-space-6);margin:0 auto}.skip{left:var(--retailio-space-4);z-index:100;padding:var(--retailio-space-3) var(--retailio-space-4);background:var(--retailio-color-surface);color:var(--retailio-color-ink);border-radius:var(--retailio-radius-button);transition:top var(--motion);font-weight:600;position:absolute;top:-80px}.skip:focus{top:var(--retailio-space-4)}h1,h2{font-family:var(--retailio-font-display);text-wrap:balance;font-weight:700}h2{letter-spacing:-.035em;font-size:clamp(36px,5.2vw,72px);line-height:1.02}h3{letter-spacing:-.025em;font-size:clamp(24px,2.6vw,36px);font-weight:700;line-height:1.12}.grad{background:var(--retailio-gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.eyebrow{margin-bottom:var(--retailio-space-4);color:var(--retailio-color-accessible-link);font-size:14px;font-weight:600;line-height:1.4;display:block}.section-dark .eyebrow{color:var(--retailio-color-aqua)}.btn{justify-content:center;align-items:center;gap:var(--retailio-space-2);min-height:48px;padding:var(--retailio-space-3) var(--retailio-space-6);border-radius:var(--retailio-radius-button);font:inherit;white-space:nowrap;cursor:pointer;transition:background-color var(--motion), border-color var(--motion), color var(--motion);border:1px solid #0000;font-size:16px;font-weight:600;line-height:1.2;display:inline-flex}.btn svg{transition:transform var(--motion)}.btn:hover svg{transform:translate(4px)}.btn-primary{background:var(--retailio-color-blue);color:var(--retailio-color-surface)}.btn-primary:hover{background:var(--retailio-color-accessible-link)}.btn-primary:disabled{background:var(--retailio-color-slate);cursor:progress}.btn-secondary{background:var(--retailio-color-surface);border-color:var(--retailio-color-slate);color:var(--retailio-color-ink)}.btn-secondary:hover{border-color:var(--retailio-color-ink)}.btn-secondary-dark{border-color:var(--retailio-color-slate);color:var(--retailio-color-soft-white);background:0 0}.btn-secondary-dark:hover{border-color:var(--retailio-color-soft-white);background:var(--retailio-color-deep-panel)}.btn-sm{min-height:44px;padding:var(--retailio-space-2) var(--retailio-space-4);font-size:15px}.nav{z-index:50;background:var(--retailio-color-navy);color:var(--retailio-color-soft-white);transition:border-color var(--motion);border-bottom:1px solid #0000;position:sticky;top:0}.nav.is-scrolled,.nav.is-open{border-bottom-color:var(--line-on-dark)}.nav:after{content:"";background:var(--retailio-gradient);height:2px;transform:scaleX(var(--scroll,0));transform-origin:0;position:absolute;bottom:-1px;left:0;right:0}.nav-inner{align-items:center;gap:var(--retailio-space-8);height:var(--nav-height);display:flex}.logo{flex:none;display:block}.logo img{width:128px;height:auto}.nav-links{align-items:center;gap:var(--retailio-space-2);margin-left:auto;font-size:15px;font-weight:500;display:flex}.nav-links a:not(.btn){min-height:44px;padding:0 var(--retailio-space-3);border-radius:var(--retailio-radius-button);transition:background-color var(--motion);align-items:center;display:inline-flex}.nav-links a:not(.btn):hover{background:var(--retailio-color-deep-panel)}.nav-cta-mobile,.nav-toggle{display:none}.nav-toggle{border:1px solid var(--retailio-color-slate);border-radius:var(--retailio-radius-button);width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;place-items:center;margin-left:auto;padding:0}.hero{margin-top:calc(var(--nav-height) * -1);padding:calc(var(--nav-height) + var(--retailio-space-16)) 0 var(--retailio-space-16);background:var(--retailio-color-navy);color:var(--retailio-color-soft-white);position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(640px circle at var(--mx,72%) var(--my,28%), color-mix(in srgb, var(--retailio-color-blue) 26%, transparent), transparent 70%);pointer-events:none;position:absolute;inset:0}.hero-arcs{opacity:.5;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.arc-stop-a{stop-color:var(--retailio-color-blue)}.arc-stop-b{stop-color:#38a9ff}.arc-stop-c{stop-color:var(--retailio-color-aqua)}.hero-arcs path{fill:none;stroke:url(#arc-gradient);stroke-width:1.5px;stroke-dasharray:1;stroke-dashoffset:1px;animation:draw 2.4s var(--ease-out) .3s forwards}.hero-arcs path:nth-of-type(2){opacity:.6;animation-delay:.55s}.hero-arcs path:nth-of-type(3){opacity:.35;animation-delay:.8s}@keyframes draw{to{stroke-dashoffset:0}}.hero-inner{position:relative}.kicker{align-items:center;gap:var(--retailio-space-3);color:var(--retailio-color-soft-white);animation:fade-up .8s var(--ease-out) both;font-size:14px;font-weight:600;display:inline-flex}.kicker i{background:var(--retailio-color-aqua);border-radius:50%;width:8px;height:8px}.hero-title{margin-top:var(--retailio-space-6);letter-spacing:-.05em;font-size:clamp(44px,15vw,224px);line-height:.92}.hero-title .line{margin-bottom:-.22em;display:block;overflow:hidden}.hero-title .line>span{animation:rise 1s var(--ease-out) both;padding:0 .06em .22em 0;display:inline-block}.hero-title .line:nth-child(2)>span{animation-delay:.12s}@keyframes rise{0%{transform:translateY(110%)}}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}}.hero-row{justify-content:space-between;align-items:flex-end;gap:var(--retailio-space-8);margin-top:var(--retailio-space-12);animation:fade-up .8s var(--ease-out) .35s both;flex-wrap:wrap;display:flex}.lede{max-width:46ch;color:var(--retailio-color-slate);text-wrap:pretty;font-size:clamp(18px,1.6vw,22px);line-height:1.45}.hero-cta{gap:var(--retailio-space-3);flex-wrap:wrap;display:flex}.badge{width:144px;height:144px;color:var(--retailio-color-soft-white);animation:fade-up .8s var(--ease-out) .6s both;border-radius:50%;place-items:center;display:grid;position:absolute;top:0;right:0}.badge>svg:first-child{width:100%;height:100%;animation:24s linear infinite spin;position:absolute;inset:0}.badge text{fill:currentColor;letter-spacing:.02em;font-size:15px;font-weight:500}.badge>svg:last-child{color:var(--retailio-color-aqua);transition:transform var(--motion)}.badge:hover>svg:last-child{transform:translateY(4px)}@keyframes spin{to{transform:rotate(360deg)}}.hero-stage{margin-top:var(--retailio-space-16);perspective:1800px;animation:fade-up 1s var(--ease-out) .5s both;position:relative}.hero-stage:before{content:"";background:var(--retailio-gradient);filter:blur(96px);opacity:calc(.18 + var(--p,1) * .16);border-radius:50%;position:absolute;inset:12% 6% -6%}.hero-stage .pos{transform-origin:50% 0;transform:rotateX(calc((1 - var(--p,1)) * 30deg)) scale(calc(.9 + var(--p,1) * .1));will-change:transform;position:relative}.hero-stage figcaption,.stage figcaption{margin-top:var(--retailio-space-4);color:var(--retailio-color-slate);font-size:13px;position:relative}.pos{background:var(--retailio-color-canvas);border:1px solid var(--line-on-dark);border-radius:var(--retailio-radius-marketing-card);color:var(--retailio-color-ink);grid-template-columns:200px minmax(0,1fr) 320px;display:grid;overflow:hidden}.pos-side{padding:var(--retailio-space-6) var(--retailio-space-4);background:var(--retailio-color-deep-panel);color:var(--retailio-color-soft-white)}.pos-logo{width:128px;height:auto;margin-bottom:var(--retailio-space-6)}.pos-side ul{gap:var(--retailio-space-1);display:grid}.pos-side li{align-items:center;gap:var(--retailio-space-3);min-height:48px;padding:0 var(--retailio-space-3);border-radius:var(--retailio-radius-button);font-size:16px;font-weight:500;display:flex}.pos-side li.is-active{background:var(--retailio-color-blue);color:var(--retailio-color-surface)}.pos-main{padding:var(--retailio-space-6);min-width:0}.pos-top{align-items:center;gap:var(--retailio-space-4);margin-bottom:var(--retailio-space-6);display:flex}.pos-search{align-items:center;gap:var(--retailio-space-3);min-width:0;min-height:48px;padding:0 var(--retailio-space-4);background:var(--retailio-color-surface);border:1px solid var(--retailio-color-border);border-radius:var(--retailio-radius-input);color:var(--retailio-color-text-muted);white-space:nowrap;flex:1;display:flex;overflow:hidden}.pos-search svg{flex:none}.pos-status{align-items:center;gap:var(--retailio-space-2);min-height:48px;padding:0 var(--retailio-space-4);background:var(--retailio-color-surface);border:1px solid var(--retailio-color-border);border-radius:var(--retailio-radius-input);color:var(--retailio-color-success);flex:none;font-size:14px;font-weight:600;display:inline-flex}.pos-grid{gap:var(--retailio-space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.pos-tile{gap:var(--retailio-space-1);padding:var(--retailio-space-3);background:var(--retailio-color-surface);border:1px solid var(--retailio-color-border);border-radius:var(--retailio-radius-app-card);display:grid}.tile-art{height:112px;margin-bottom:var(--retailio-space-2);background:var(--retailio-color-soft-white);border-radius:var(--retailio-radius-input);place-items:center;display:grid}.tile-name{font-weight:500}.tile-price{font-variant-numeric:tabular-nums;font-weight:600}.pos-basket{padding:var(--retailio-space-6);background:var(--retailio-color-surface);border-left:1px solid var(--retailio-color-border);font-variant-numeric:tabular-nums;flex-direction:column;display:flex}.basket-title{color:var(--retailio-color-text-muted);font-size:14px;font-weight:600}.pos-basket li,.basket-sum div,.sum-rows div{justify-content:space-between;gap:var(--retailio-space-4);display:flex}.pos-basket ul{margin-top:var(--retailio-space-2)}.pos-basket li{padding:var(--retailio-space-3) 0;border-bottom:1px solid var(--retailio-color-border);font-weight:500}.basket-sum{gap:var(--retailio-space-2);padding-top:var(--retailio-space-6);color:var(--retailio-color-text-muted);margin-top:auto;display:grid}.basket-sum .total{margin-top:var(--retailio-space-2);padding-top:var(--retailio-space-4);border-top:1px solid var(--retailio-color-border);color:var(--retailio-color-ink);font-size:24px;font-weight:700;line-height:1.2}.pay{min-height:56px;margin-top:var(--retailio-space-6);border-radius:var(--retailio-radius-button);background:var(--retailio-color-blue);color:var(--retailio-color-surface);place-items:center;font-size:17px;font-weight:600;display:grid}.marquee{padding:var(--retailio-space-8) 0;background:var(--retailio-color-navy);border-block:1px solid var(--line-on-dark);color:var(--retailio-color-soft-white);display:flex;overflow:hidden}.marquee-track{flex:none;align-items:center;animation:48s linear infinite marquee;display:flex}.marquee:hover .marquee-track{animation-play-state:paused}.marquee li{align-items:center;gap:var(--retailio-space-8);padding-right:var(--retailio-space-8);font-family:var(--retailio-font-display);letter-spacing:-.03em;white-space:nowrap;font-size:clamp(28px,4vw,56px);font-weight:700;line-height:1.1;display:flex}.marquee li.is-outline{color:#0000;-webkit-text-stroke:1px var(--retailio-color-slate)}.marquee svg{color:var(--retailio-color-aqua);flex:none}@keyframes marquee{to{transform:translate(-100%)}}.section{padding:calc(var(--retailio-space-16) * 2) 0}.section-soft{background:var(--retailio-color-soft-white)}.section-white{background:var(--retailio-color-surface)}.section-dark{background:var(--retailio-color-navy);color:var(--retailio-color-soft-white)}.section-head{max-width:800px;margin-bottom:var(--retailio-space-16)}.section-head p,.contact-copy>p{max-width:56ch;margin-top:var(--retailio-space-6);color:var(--retailio-color-text-muted);text-wrap:pretty;font-size:18px}.manifesto-text{max-width:22em;font-family:var(--retailio-font-display);letter-spacing:-.03em;font-size:clamp(28px,4.4vw,64px);font-weight:600;line-height:1.14}.manifesto-text span{opacity:clamp(.2, calc(var(--p,1) * var(--n) * 1.15 - var(--i)), 1)}.story-grid{gap:var(--retailio-space-16);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.stage-wrap{top:calc(var(--nav-height) + var(--retailio-space-8));position:sticky}.stage{height:min(640px, calc(100vh - var(--nav-height) - var(--retailio-space-16)));padding:var(--retailio-space-8);background:var(--retailio-color-navy);border-radius:var(--retailio-radius-marketing-card);color:var(--retailio-color-soft-white);flex-direction:column;display:flex;position:relative;overflow:hidden}.stage:before{content:"";aspect-ratio:1;background:var(--retailio-gradient);filter:blur(96px);opacity:.32;width:70%;transition:transform .9s var(--ease-out);border-radius:50%;position:absolute;top:-20%;left:-20%}.stage[data-step="1"]:before{transform:translate(90%,10%)}.stage[data-step="2"]:before{transform:translate(90%,90%)}.stage[data-step="3"]:before{transform:translateY(90%)}.stage-count{font-variant-numeric:tabular-nums;color:var(--retailio-color-slate);font-size:14px;font-weight:600;position:relative}.stage-count b{color:var(--retailio-color-soft-white)}.stage-scenes{flex:1;position:relative}.stage-scene{opacity:0;transition:opacity .45s ease, transform .6s var(--ease-out);place-items:center;display:grid;position:absolute;inset:0;transform:translateY(24px)scale(.96)}.stage-scene.is-active{opacity:1;transform:none}.scene{width:min(100%,400px);color:var(--retailio-color-ink);font-variant-numeric:tabular-nums}.scan-head{align-items:center;gap:var(--retailio-space-3);margin-bottom:var(--retailio-space-4);color:var(--retailio-color-soft-white);font-weight:500;display:flex}.scan-head svg{color:var(--retailio-color-aqua)}.scan-head strong{margin-left:auto;font-weight:600}.scan-row{align-items:center;gap:var(--retailio-space-3);min-height:64px;margin-top:var(--retailio-space-3);padding:0 var(--retailio-space-6);background:var(--retailio-color-surface);border-radius:var(--retailio-radius-app-card);transition:opacity .4s ease, transform .5s var(--ease-out);transition-delay:calc(var(--d) * 90ms + .15s);font-size:18px;font-weight:600;display:flex}.stage-scene:not(.is-active) .scan-row{opacity:0;transition-delay:0s;transform:translate(-24px)}.scan-row.is-new{outline:2px solid var(--retailio-color-blue);outline-offset:2px}.scan-price{margin-left:auto}.scan-tag{align-items:center;gap:var(--retailio-space-1);padding:var(--retailio-space-1) var(--retailio-space-2);background:var(--retailio-color-aqua);border-radius:var(--retailio-space-2);font-size:13px;font-weight:600;display:inline-flex}.scene-smart{padding:var(--retailio-space-8);background:var(--retailio-color-surface);border-radius:var(--retailio-radius-marketing-card);display:grid}.sum-label{color:var(--retailio-color-text-muted);font-size:14px;font-weight:600}.sum-total{font-family:var(--retailio-font-display);letter-spacing:-.04em;font-size:clamp(48px,6vw,80px);font-weight:700;line-height:1.05}.sum-rows{gap:var(--retailio-space-2);margin-top:var(--retailio-space-6);padding-top:var(--retailio-space-4);border-top:1px solid var(--retailio-color-border);color:var(--retailio-color-text-muted);display:grid}.scene-connected{justify-content:center;align-items:center;display:flex}.dev{background:var(--retailio-color-canvas);border:2px solid var(--retailio-color-slate);flex:none;overflow:hidden}.dev i,.dev b{border-radius:var(--retailio-space-1);display:block}.dev-till{border-radius:var(--retailio-radius-app-card);grid-template-columns:32px 1fr 72px;width:248px;height:168px;display:grid}.dv-side{background:var(--retailio-color-deep-panel);border-radius:0!important}.dv-grid{gap:var(--retailio-space-2);padding:var(--retailio-space-3);grid-template-columns:repeat(3,1fr);display:grid}.dv-grid i{background:var(--retailio-color-surface);border:1px solid var(--retailio-color-border)}.dv-basket{gap:var(--retailio-space-2);padding:var(--retailio-space-3) var(--retailio-space-2);background:var(--retailio-color-surface);flex-direction:column;display:flex}.dv-basket i,.dev-phone i{background:var(--retailio-color-border);height:8px}.dv-basket b,.dev-phone b{background:var(--retailio-color-blue);height:16px;margin-top:auto}.dev-link{background:var(--retailio-gradient);flex:none;width:40px;height:2px}.dev-phone{gap:var(--retailio-space-2);width:88px;height:168px;padding:var(--retailio-space-3) var(--retailio-space-2);border-radius:var(--retailio-radius-app-card);background:var(--retailio-color-surface);flex-direction:column;display:flex}.dev-phone .dv-bar{background:var(--retailio-color-deep-panel);height:24px}.scene-simple{place-items:center;min-height:240px;display:grid;position:relative}.pay-big{min-height:80px;padding:0 var(--retailio-space-12);background:var(--retailio-color-blue);border-radius:var(--retailio-radius-app-card);color:var(--retailio-color-surface);white-space:nowrap;place-items:center;font-size:clamp(22px,2.4vw,32px);font-weight:700;display:grid;position:relative}.pay-rings i{border:1px solid var(--retailio-color-blue);border-radius:50%;width:240px;height:240px;margin:-120px 0 0 -120px;animation:3s ease-out infinite ring;position:absolute;top:50%;left:50%}.pay-rings i:last-child{animation-delay:1.5s}@keyframes ring{0%{opacity:.9;transform:scale(.5)}to{opacity:0;transform:scale(1.4)}}.pay-pointer{color:var(--retailio-color-soft-white);fill:var(--retailio-color-navy);position:absolute;top:calc(50% + 24px);left:calc(50% + 64px)}.steps{padding-left:calc(var(--retailio-space-16) + var(--retailio-space-4));position:relative}.steps:before,.steps:after{content:"";background:var(--retailio-color-border);width:2px;position:absolute;top:0;bottom:0;left:23px}.steps:after{background:var(--retailio-gradient);transform:scaleY(var(--p,1));transform-origin:top}.steps li{opacity:.4;flex-direction:column;justify-content:center;min-height:72vh;transition:opacity .4s;display:flex;position:relative}.steps li.is-active{opacity:1}.step-n{top:50%;left:calc((var(--retailio-space-16) + var(--retailio-space-4)) * -1);z-index:1;background:var(--retailio-color-surface);border:2px solid var(--retailio-color-border);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;width:48px;height:48px;margin-top:-24px;font-size:14px;font-weight:600;transition:background-color .3s,border-color .3s,color .3s;display:grid;position:absolute}.steps li.is-active .step-n{background:var(--retailio-color-blue);border-color:var(--retailio-color-blue);color:var(--retailio-color-surface)}.step-pillar{margin-bottom:var(--retailio-space-3);color:var(--retailio-color-accessible-link);font-size:14px;font-weight:600}.steps p{max-width:44ch;margin-top:var(--retailio-space-4);color:var(--retailio-color-text-muted);font-size:18px}.step-scene{display:none}.nots-lead,.nots-list{font-family:var(--retailio-font-display);letter-spacing:-.04em;font-size:clamp(30px,6vw,88px);font-weight:700;line-height:1.04}.nots-list{margin-top:var(--retailio-space-2);color:var(--retailio-color-slate)}.strike{text-decoration:line-through;-webkit-text-decoration-color:var(--retailio-color-aqua);text-decoration-color:var(--retailio-color-aqua);transition:text-decoration-color .6s;transition-delay:calc(var(--d,0) * .16s + .45s);text-decoration-thickness:.07em}.reveal:not(.is-in) .strike{text-decoration-color:#0000}.nots-yes{max-width:24em;margin-top:var(--retailio-space-16);font-family:var(--retailio-font-display);letter-spacing:-.03em;text-wrap:balance;font-size:clamp(26px,3.6vw,52px);font-weight:600;line-height:1.14}.chips{gap:var(--retailio-space-3);margin-top:var(--retailio-space-12);flex-wrap:wrap;display:flex}.chips li{align-items:center;gap:var(--retailio-space-3);min-height:48px;padding:0 var(--retailio-space-4) 0 var(--retailio-space-3);border:1px solid var(--line-on-dark);border-radius:var(--retailio-radius-button);font-weight:500;display:flex}.marks{gap:var(--retailio-space-3);margin-top:var(--retailio-space-8);display:grid}.marks li{align-items:center;gap:var(--retailio-space-3);font-weight:500;display:flex}.mark{border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid}.mark-yes{background:var(--retailio-color-aqua);color:var(--retailio-color-ink)}.contact{gap:var(--retailio-space-16);grid-template-columns:minmax(0,6fr) minmax(0,6fr);align-items:start;display:grid}.display{letter-spacing:-.045em;font-size:clamp(40px,6.4vw,96px);line-height:.98}.form-card{gap:var(--retailio-space-6);padding:var(--retailio-space-8);background:var(--retailio-color-surface);border:1px solid var(--retailio-color-border);border-radius:var(--retailio-radius-marketing-card);box-shadow:var(--shadow-card);color:var(--retailio-color-ink);display:grid}.field-row{gap:var(--retailio-space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.field{gap:var(--retailio-space-2);align-content:start;min-width:0;display:grid}.field label{font-size:14px;font-weight:600;line-height:1.4}.field input,.field select,.field textarea{width:100%;min-height:48px;padding:var(--retailio-space-3) var(--retailio-space-4);background-color:var(--retailio-color-surface);border:1px solid var(--retailio-color-slate);border-radius:var(--retailio-radius-input);color:var(--retailio-color-ink);font:inherit;transition:border-color var(--motion), box-shadow var(--motion)}.field select{appearance:none;padding-right:var(--retailio-space-12);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23526076' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat}.field textarea{resize:vertical;min-height:128px}.field ::placeholder{color:var(--retailio-color-text-muted);opacity:1}.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--retailio-color-ink)}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--retailio-color-blue);outline-offset:1px;border-color:var(--retailio-color-blue)}.field [aria-invalid=true]{border-color:var(--retailio-color-danger)}.field-error,.form-error{align-items:flex-start;gap:var(--retailio-space-2);color:var(--retailio-color-danger);font-size:14px;font-weight:500;line-height:1.4;display:flex}.field-error svg,.form-error svg{flex:none;margin-top:2px}.form-error{padding:var(--retailio-space-3) var(--retailio-space-4);border:1px solid var(--retailio-color-danger);border-radius:var(--retailio-radius-input)}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.form-foot{justify-content:space-between;align-items:center;gap:var(--retailio-space-4);padding-top:var(--retailio-space-6);border-top:1px solid var(--retailio-color-border);display:flex}.form-fine{color:var(--retailio-color-text-muted);font-size:14px}.form-success{justify-items:start;gap:var(--retailio-space-3);padding:var(--retailio-space-12) var(--retailio-space-8)}.form-success h3{margin-top:var(--retailio-space-2)}.form-success p{color:var(--retailio-color-text-muted)}.form-success .btn{margin-top:var(--retailio-space-3)}.success-mark{background:var(--retailio-color-aqua);width:48px;height:48px;color:var(--retailio-color-ink);border-radius:50%;place-items:center;display:grid}.demo-note{padding:var(--retailio-space-3) var(--retailio-space-4);background:var(--retailio-color-soft-white);border:1px solid var(--retailio-color-border);border-radius:var(--retailio-radius-input);font-size:14px}.footer{padding:var(--retailio-space-16) 0 var(--retailio-space-12);background:var(--retailio-color-navy);color:var(--retailio-color-soft-white);font-size:14px;overflow:hidden}.footer-giant{padding-bottom:var(--retailio-space-12);margin-bottom:var(--retailio-space-8);border-bottom:1px solid var(--line-on-dark);font-family:var(--retailio-font-display);letter-spacing:-.05em;white-space:nowrap;color:var(--retailio-color-navy);-webkit-text-stroke:2px var(--retailio-color-slate);paint-order:stroke fill;font-size:13cqi;font-weight:700;line-height:1;position:relative}.footer>.container{container-type:inline-size}.footer-giant:after{content:attr(data-text);background:var(--retailio-gradient);color:#0000;-webkit-text-stroke:0;clip-path:inset(0 calc((1 - var(--p,1)) * 100%) 0 0);-webkit-background-clip:text;background-clip:text;padding-bottom:.25em;position:absolute;top:0;left:0}.footer-inner{align-items:center;gap:var(--retailio-space-6) var(--retailio-space-12);flex-wrap:wrap;display:flex}.footer-brand p{margin-top:var(--retailio-space-2);color:var(--retailio-color-slate)}.footer nav{gap:0 var(--retailio-space-2);flex-wrap:wrap;font-weight:500;display:flex}.footer nav a{min-height:44px;padding:0 var(--retailio-space-3);border-radius:var(--retailio-radius-button);transition:background-color var(--motion);align-items:center;display:inline-flex}.footer nav a:hover{background:var(--retailio-color-deep-panel)}.copyright{color:var(--retailio-color-slate);margin-left:auto}[data-magnetic]{transition:background-color var(--motion), border-color var(--motion), color var(--motion), transform .25s var(--ease-out)}.nav-inner{transition:height .25s var(--ease-out)}.nav.is-scrolled .nav-inner{height:60px}.nav-links a:not(.btn){position:relative}.nav-links a:not(.btn):after{content:"";left:var(--retailio-space-3);right:var(--retailio-space-3);background:var(--retailio-color-aqua);transform-origin:0;height:2px;transition:transform .25s var(--ease-out);border-radius:2px;position:absolute;bottom:6px;transform:scaleX(0)}.nav-links a[aria-current]:after{transform:scaleX(1)}.pos-tile{transition:transform var(--motion), border-color var(--motion), box-shadow var(--motion)}.pos-tile:hover{border-color:var(--retailio-color-blue);box-shadow:var(--shadow-card);transform:translateY(-4px)}.story{position:relative;overflow:clip}.story>.container{position:relative}.section-arcs{opacity:.5;pointer-events:none;width:100%;height:min(900px,100%);position:absolute;top:0;right:0;-webkit-mask-image:linear-gradient(#000 30%,#0000 62%);mask-image:linear-gradient(#000 30%,#0000 62%)}.section-arcs path{fill:none;stroke:url(#arc-gradient);stroke-width:1.5px}.section-arcs path:nth-of-type(2){opacity:.6}.section-arcs path:nth-of-type(3){opacity:.35}.nots .nots-list{color:var(--retailio-color-text-muted)}.nots .strike{-webkit-text-decoration-color:var(--retailio-color-blue);text-decoration-color:var(--retailio-color-blue)}.nots .reveal:not(.is-in) .strike{text-decoration-color:#0000}.accent{color:var(--retailio-color-accessible-link)}.nots .chips li{background:var(--retailio-color-surface);border-color:var(--retailio-color-border)}.closing{position:relative;overflow:clip}.closing-glow{aspect-ratio:1;background:var(--retailio-gradient);filter:blur(120px);opacity:.3;pointer-events:none;border-radius:50%;width:min(900px,80%);position:absolute;top:10%;right:-10%}.closing .container{position:relative}.closing .contact-copy>p{color:var(--retailio-color-slate)}.closing .form-card{box-shadow:0 32px 64px -24px color-mix(in srgb, var(--retailio-color-navy) 80%, transparent);border-color:#0000}.closing+.footer{border-top:1px solid var(--line-on-dark)}.field label{transition:color var(--motion)}.field:focus-within label{color:var(--retailio-color-accessible-link)}.field input,.field select,.field textarea{outline-offset:4px;transition:border-color var(--motion), outline-color var(--motion), outline-offset var(--motion);outline:2px solid #0000}.success-mark{animation:pop .5s var(--ease-out) both}.success-mark svg path{stroke-dasharray:24;stroke-dashoffset:24px;animation:.4s ease-out .25s forwards tick}.form-success h3,.form-success p,.form-success .btn{animation:fade-up .5s var(--ease-out) .2s both}@keyframes pop{0%{opacity:0;transform:scale(.5)}}@keyframes tick{to{stroke-dashoffset:0}}.reveal{opacity:0;transition:opacity .7s ease, transform .9s var(--ease-out);transition-delay:calc(var(--d,0) * .12s);transform:translateY(32px)}.reveal.is-in{opacity:1;transform:none}@media (width<=1024px){.pos{grid-template-columns:minmax(0,1fr) 280px}.pos-side,.badge{display:none}.tile-art{height:96px}.contact{gap:var(--retailio-space-12);grid-template-columns:1fr}}@media (width<=900px){.story-grid{grid-template-columns:minmax(0,1fr)}.stage-wrap{display:none}.steps{gap:var(--retailio-space-16);grid-template-columns:minmax(0,1fr);padding-left:0;display:grid}.steps:before,.steps:after{display:none}.steps li{opacity:1;min-height:0}.step-n{margin:0 0 var(--retailio-space-4);background:var(--retailio-color-blue);border-color:var(--retailio-color-blue);color:var(--retailio-color-surface);position:static}.step-scene{min-height:320px;margin-bottom:var(--retailio-space-6);padding:var(--retailio-space-6);background:var(--retailio-color-navy);border-radius:var(--retailio-radius-marketing-card);place-items:center;display:grid;overflow:hidden}}@media (width<=720px){.section{padding:var(--retailio-space-16) 0}.section-head{margin-bottom:var(--retailio-space-12)}.hero{padding-top:calc(var(--nav-height) + var(--retailio-space-12))}.hero-title{font-size:clamp(44px,16.5vw,120px)}.hero-row{margin-top:var(--retailio-space-8)}.hero-stage{margin-top:var(--retailio-space-12)}.hero-stage .pos{transform:rotateX(calc((1 - var(--p,1)) * 16deg))}.nav-cta{display:none}.nav.is-scrolled .nav-inner{height:var(--nav-height)}.nav-toggle{display:grid}.nav-links{top:var(--nav-height);align-items:stretch;gap:var(--retailio-space-1);padding:var(--retailio-space-4) var(--retailio-space-6) var(--retailio-space-6);background:var(--retailio-color-navy);border-bottom:1px solid var(--line-on-dark);flex-direction:column;margin:0;font-size:16px;display:none;position:absolute;left:0;right:0}.nav.is-open .nav-links{display:flex}.nav-links a:not(.btn){min-height:48px}.nav-cta-mobile{margin-top:var(--retailio-space-3);display:inline-flex}.hero-cta,.hero-cta .btn{width:100%}.pos{grid-template-columns:1fr}.pos-main,.pos-basket{padding:var(--retailio-space-4)}.pos-basket{border-left:0;border-top:1px solid var(--retailio-color-border)}.pos-status{display:none}.pos-grid{gap:var(--retailio-space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.pos-tile:nth-child(n+5){display:none}.tile-art{height:64px}.footer-giant{-webkit-text-stroke-width:1.2px}.marquee{padding:var(--retailio-space-6) 0}.marquee li{gap:var(--retailio-space-6);padding-right:var(--retailio-space-6)}.scene-connected{zoom:.72}.scan-row{padding:0 var(--retailio-space-4);font-size:16px}.nots-yes{margin-top:var(--retailio-space-12)}.form-card{padding:var(--retailio-space-6)}.field-row{gap:var(--retailio-space-6);grid-template-columns:1fr}.form-foot{flex-direction:column-reverse;align-items:stretch}.copyright{width:100%;margin-left:0}}@media (width<=400px){.container{padding:0 var(--retailio-space-4)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.hero-arcs path,.success-mark svg path{stroke-dashoffset:0}.marquee{overflow-x:auto}.steps li{opacity:1}}