:root{--ink:#17171c;--muted:#73737e;--purple:#654aff;--line:#e9e9ee;--surface:#f7f7f9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:white;color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #a594ff;outline-offset:5px}.wrap{max-width:1240px;margin:auto;padding-left:36px;padding-right:36px}.header{height:104px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:9px;font-family:Manrope,sans-serif;font-size:32px;font-weight:800;letter-spacing:-1.6px;line-height:1}.brandmark{width:35px;height:35px;border-radius:10px;background:var(--purple);color:#fff;position:relative;font-size:36px;font-weight:800;text-align:center;line-height:30px;letter-spacing:-4px;padding-right:7px}.brandmark span{font-size:18px;position:absolute;right:5px;top:0;letter-spacing:0}.brand-dot{font:12px sans-serif;align-self:flex-start;margin-left:-4px}.header nav{display:flex;gap:35px;font-size:14px;font-weight:500}.header nav a:hover{color:var(--purple)}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;background:var(--purple);color:#fff;border:1px solid transparent;padding:15px 23px;border-radius:9px;font-weight:600;font-size:14px;transition:transform .2s,background .2s}.button:hover{background:#5036e5;transform:translateY(-2px)}.button span{font-size:20px;line-height:1}.button.small{padding:11px 17px;font-size:13px}.hero{text-align:center;padding-top:55px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.8px;margin:0 0 22px}.tiny-box{color:var(--purple);font-size:21px;vertical-align:-2px;margin-right:8px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(40px,4.6vw,66px);line-height:1.15;letter-spacing:-3px;font-weight:800;margin-bottom:22px}h1>span{color:var(--purple)}.intro{color:var(--muted);font-size:17px;line-height:1.7;margin-bottom:28px}.hero-actions{display:flex;justify-content:center;align-items:center;gap:27px}.text-button{font-size:14px;font-weight:600;display:flex;align-items:center;gap:10px}.play{border:1px solid #dcdce4;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-size:9px;padding-left:2px}.product-stage{height:400px;margin-top:30px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 90%,#eeedf5 0%,#f8f8fa 45%,white 74%);border-radius:24px}.stage-caption{position:absolute;top:20px;left:0;right:0;font-size:10px;letter-spacing:2.2px;color:#93939e}.product-stage img{position:absolute;mix-blend-mode:multiply;object-fit:contain}.hero-scanner{width:38%;height:325px;bottom:35px;left:0;transform:rotate(-5deg)}.hero-camera{width:36%;height:250px;bottom:32px;left:30%;transform:rotate(-3deg)}.hero-controller{width:38%;height:300px;bottom:25px;right:0;transform:rotate(7deg)}.product-label{position:absolute;bottom:7px;color:#777781;font-size:11px;letter-spacing:1px}.label-scanner{left:16%}.label-camera{left:46%}.label-controller{right:13%}.benefit-strip{display:flex;justify-content:center;gap:80px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;margin-top:28px;font-size:13px;color:#64646f}.benefit-strip span:before{content:'✓';margin-right:10px;color:var(--purple)}.section{padding-top:110px;padding-bottom:100px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:50px}.section-heading .eyebrow{color:var(--purple);font-size:11px;margin-bottom:14px}h2{font-size:43px;line-height:1.2;letter-spacing:-1.8px;font-weight:750;margin-bottom:0}.section-heading>p{font-size:15px;color:var(--muted);margin-bottom:4px}.software-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:center}.feature-list article{display:flex;gap:20px;margin-bottom:29px}.feature-list article>span{font-size:12px;color:var(--purple);background:#f1eeff;border-radius:8px;width:34px;height:34px;flex-shrink:0;display:grid;place-items:center}.feature-list h3{font-size:17px;letter-spacing:-.4px;margin-bottom:7px}.feature-list p{font-size:14px;color:var(--muted);line-height:1.8;max-width:325px;margin-bottom:0}.app-preview{background:#fff;border:1px solid #e2dff0;border-radius:12px;box-shadow:0 16px 60px #6350a514;transform:rotate(-1deg);overflow:hidden}.app-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line);font-size:10px;color:#91919b}.mini-brand{font-size:18px;font-weight:800;letter-spacing:-.8px;color:var(--ink)}.avatar{background:#eeebff;color:var(--purple);border-radius:50%;height:25px;width:25px;display:grid;place-items:center}.app-body{padding:24px}.app-title{display:flex;justify-content:space-between;align-items:center}.app-title small{font-size:8px;letter-spacing:1px;color:var(--muted)}.app-title h3{font-size:19px;letter-spacing:-.6px;margin:5px 0 20px}.demo-tag{font-size:10px;background:#f5f4fa;padding:4px 7px;border-radius:4px;color:#757181}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metrics>div{background:#f8f8fc;border:1px solid var(--line);border-radius:7px;padding:14px}.metrics small,.metrics span{font-size:10px;display:block;color:var(--muted)}.metrics strong{display:block;font-size:30px;line-height:1.6;font-family:Manrope}.table-head{display:flex;justify-content:space-between;font-size:11px;margin:24px 0 10px}.table-head>span{font-size:10px;color:var(--muted)}.order{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:10px 0;font-size:11px}.parcel{background:#f3f2fa;padding:4px 9px;border-radius:5px;font-size:20px;color:#7560c7}.order b,.order small{display:block}.order small{font-size:9px;color:var(--muted)}.pill{margin-left:auto;color:#6550ac;background:#f1edfc;border-radius:4px;padding:2px 8px;font-size:9px}.app-note{font-size:10px;color:var(--muted);margin:10px 0 0}.hardware{background:var(--surface)}.hardware-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.hardware-card{background:white;border:1px solid #ebebef;padding:24px;border-radius:13px}.card-top{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px;color:#92919c}.card-top>span:last-child{font-size:19px;color:var(--ink)}.hardware-card img{width:100%;height:230px;object-fit:contain;mix-blend-mode:multiply;margin:10px 0 15px;transition:transform .3s}.hardware-card:hover img{transform:translateY(-5px)}.hardware-card h3{font-size:20px;letter-spacing:-.6px;margin-bottom:12px}.hardware-card p{font-size:14px;color:var(--muted);line-height:1.8;min-height:100px}.card-bottom{display:block;padding-top:19px;border-top:1px solid var(--line);font-size:12px;font-weight:600}.hardware-note{font-size:12px;color:#85858e;text-align:center;margin:25px 0 0}.flow-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.flow-steps{display:flex;flex-direction:column;gap:10px}.flow-steps button{display:flex;align-items:center;text-align:left;gap:20px;border:1px solid transparent;border-radius:10px;background:white;padding:19px;color:var(--ink);cursor:pointer;transition:background .2s}.flow-steps button[aria-selected=true]{background:#f4f1ff;border-color:#e4dcff}.flow-steps button>span:first-child{font-size:12px;color:#8b829f}.flow-steps b{font-size:16px;font-weight:600;display:block}.flow-steps small{font-size:13px;color:var(--muted)}.flow-steps button>span:last-child{margin-left:auto;color:var(--purple)}.flow-panel{border-radius:16px;background:#f7f6fb;text-align:center;padding:30px 50px;display:flex;flex-direction:column;align-items:center;justify-content:center}.flow-kicker{font-size:10px;letter-spacing:1.5px;color:#8b859b}.flow-symbol{background:white;box-shadow:0 8px 30px #55419910;border-radius:20px;height:85px;width:85px;display:grid;place-items:center;font-size:45px;color:var(--purple);margin:25px 0}.flow-panel h3{font-size:22px;letter-spacing:-.7px;margin-bottom:12px}.flow-panel p{font-size:14px;color:var(--muted);max-width:320px;min-height:76px}.flow-progress{display:flex;gap:6px}.flow-progress i{height:4px;width:27px;border-radius:4px;background:#dfdbea}.flow-progress i.active{background:var(--purple)}.cta{max-width:1168px;background:#191820;color:#fff;border-radius:18px;padding-top:68px;padding-bottom:62px;text-align:center;position:relative;overflow:hidden}.cta:before,.cta:after{content:'';position:absolute;pointer-events:none;width:450px;height:450px;border:1px solid #ffffff09;border-radius:70px;transform:rotate(35deg);top:10px;left:-270px}.cta:after{left:auto;right:-270px;top:-200px}.cta .eyebrow{color:#aaa1d2;font-size:11px}.cta h2{font-size:48px;margin-bottom:22px}.cta h2 span{color:#a695ff}.cta p:not(.eyebrow){font-size:15px;color:#b4b1c0}.button.light{background:#fff;color:#282132;margin-top:6px}.button.light:hover{background:#eeebff}.cta-note{display:block;font-size:11px;color:#a09cae;margin-top:24px}footer{display:flex;align-items:center;gap:30px;padding-top:40px;padding-bottom:40px}footer .brand{font-size:25px}footer .brandmark{width:28px;height:28px;font-size:30px;line-height:24px;border-radius:8px}footer .brandmark span{font-size:14px;right:3px}footer p{font-size:12px;color:var(--muted);margin:0}footer>span{margin-left:auto;font-size:11px;color:var(--muted)}footer>a:last-child{font-size:12px}.app-preview small,.app-preview .demo-tag,.app-preview .app-note{font-size:12px}.app-bar,.table-head,.table-head>span,.pill,.order{font-size:12px}.stage-caption,.product-label,.cta-note,.card-top,.card-bottom,.flow-kicker,.eyebrow,.section-heading .eyebrow,.cta .eyebrow{font-size:12px}footer p,footer>span,footer>a:last-child{font-size:12px}
@media(min-width:1450px){.hero{padding-top:65px}.product-stage{height:435px}.hero-scanner{height:355px}.hero-camera{height:275px}.hero-controller{height:325px}}
@media(max-width:900px){.header nav{gap:18px}.wrap{padding-left:24px;padding-right:24px}h1{font-size:50px}.benefit-strip{gap:25px}.software-grid{gap:30px}.hardware-card{padding:18px}.hardware-card img{height:170px}.hardware-card h3{font-size:17px}.hardware-card p{min-height:155px}.flow-grid{gap:25px}.flow-panel{padding:25px}.cta{margin:0 24px}.section-heading>p{max-width:240px}footer{gap:18px}footer p{display:none}}
@media(max-width:640px){.header{height:84px;gap:12px}.brand{font-size:28px}.header nav{display:none}.header .button{font-size:12px;padding:10px;gap:10px}.hero{padding-top:35px}h1{font-size:40px;letter-spacing:-2px}.eyebrow{font-size:10px!important;letter-spacing:1px}.intro{font-size:16px}.desktop{display:none}.hero-actions{flex-direction:column;gap:18px}.product-stage{height:265px;margin-top:27px;margin-left:-15px;margin-right:-15px}.stage-caption{top:5px;font-size:8px;letter-spacing:1px}.hero-scanner{height:210px;bottom:28px;width:42%;left:-3%}.hero-camera{height:155px;bottom:30px;width:39%;left:29%}.hero-controller{height:180px;bottom:24px;width:41%;right:-2%}.product-label{font-size:9px}.label-scanner{left:9%}.label-camera{left:43%}.label-controller{right:7%}.benefit-strip{gap:10px;font-size:11px;padding:18px 0;align-items:flex-start;margin-top:12px}.benefit-strip span{flex:1}.benefit-strip span:before{display:block;margin:0}.section{padding-top:65px;padding-bottom:65px}.section-heading{display:block;margin-bottom:30px}h2{font-size:34px;letter-spacing:-1.4px}.section-heading>p{margin-top:20px;max-width:none}.section-heading>p br{display:none}.software-grid,.flow-grid{grid-template-columns:1fr;gap:25px}.feature-list article{margin-bottom:23px}.feature-list p{max-width:none}.app-body{padding:18px}.app-bar{padding:14px}.app-bar>span:nth-child(2){display:none}.app-title{flex-wrap:wrap}.app-title h3{margin-bottom:10px}.demo-tag{margin-bottom:12px}.hardware-grid{grid-template-columns:1fr}.hardware-card{padding:24px}.hardware-card img{height:240px;margin-bottom:20px}.hardware-card h3{font-size:22px}.hardware-card p{min-height:0;font-size:16px}.hardware-note{font-size:12px}.flow-panel{min-height:360px}.cta{padding:45px 20px}.cta h2{font-size:38px}footer{flex-wrap:wrap;padding-top:30px;padding-bottom:30px;justify-content:space-between}footer>span{order:3;width:100%;margin:0}.flow-steps button{padding:16px}.app-preview{transform:none}.metrics small,.metrics span{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}