:root{--ink:#07111f;--blue:#2478ff;--cyan:#5ee7ff;--paper:#f3f7fb;--muted:#8b97a8;--progress:0;--ease:cubic-bezier(.2,.75,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:Manrope,system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{position:fixed;z-index:100;top:0;left:0;width:100%;height:88px;padding:0 clamp(24px,5vw,80px);display:flex;align-items:center;justify-content:space-between;transition:.35s var(--ease);border-bottom:1px solid transparent}.site-header.scrolled{height:72px;background:rgba(5,13,25,.76);border-color:rgba(255,255,255,.08);backdrop-filter:blur(20px)}.brand img{display:block;width:158px;max-height:48px;object-fit:contain}.desktop-nav{display:flex;gap:34px;font-size:13px;font-weight:600;color:#b7c2d0}.desktop-nav a{transition:.25s}.desktop-nav a:hover{color:#fff}.header-cta,.primary-button{display:inline-flex;align-items:center;gap:18px;border-radius:100px;background:#fff;color:var(--ink);padding:13px 20px;font-size:13px;font-weight:800}.header-cta span,.primary-button span{font-size:16px}.menu-button{display:none;background:none;border:0}.hero-scroll{height:320vh;position:relative;background:#07111f}.hero-sticky{position:sticky;top:0;height:100vh;min-height:620px;overflow:hidden;isolation:isolate}.grid-layer{position:absolute;inset:0;z-index:-3;background-image:linear-gradient(rgba(98,141,194,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(98,141,194,.055) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 86%)}.ambient{position:absolute;border-radius:50%;filter:blur(100px);opacity:.24;z-index:-2}.ambient-one{width:42vw;height:42vw;background:#085dff;left:-15vw;top:20vh}.ambient-two{width:34vw;height:34vw;background:#00cce5;right:-10vw;bottom:-15vh;opacity:.13}.hero-copy{position:absolute;z-index:2;left:clamp(24px,7vw,110px);top:50%;width:min(570px,45vw);transform:translateY(calc(-53% - var(--progress)*110px)) scale(calc(1 - var(--progress)*.14));opacity:calc(1 - var(--progress)*1.7);will-change:transform,opacity}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:800;color:#8dc6ff;display:flex;align-items:center;gap:10px}.eyebrow span{width:22px;height:1px;background:currentColor}.hero-copy h1,.inside-copy h2,.section-heading h2,.why h2,.contact h2{font-size:clamp(48px,6vw,92px);line-height:.99;letter-spacing:-.065em;margin:24px 0}.hero-copy h1 em,.inside-copy em,.why em,.contact em{font-weight:400;color:#62b8ff;font-style:normal}.hero-lead{color:#9caabc;line-height:1.8;font-size:15px;max-width:520px}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:35px}.primary-button{background:var(--blue);color:#fff;padding:16px 24px}.text-button{font-size:13px;font-weight:700;color:#c5cfdb}.text-button span{margin-left:8px}.device-stage{position:absolute;z-index:3;left:60%;top:53%;width:min(650px,51vw);transform:translate(-50%,-50%) translateX(calc((1 - var(--progress))*20vw)) scale(calc(.8 + var(--progress)*2.7));transform-origin:50% 47%;will-change:transform}.laptop{perspective:1000px}.laptop-lid{position:relative;padding:2.2%;border-radius:18px 18px 8px 8px;background:linear-gradient(135deg,#27323e,#0d131b 60%,#35434f);box-shadow:0 40px 90px #0009,0 0 0 1px #ffffff24}.screen{aspect-ratio:16/10;border-radius:9px;overflow:hidden;background:#f4f7fa}.camera{position:absolute;top:.9%;left:50%;width:4px;height:4px;border-radius:50%;background:#02070d;z-index:2}.laptop-base{height:18px;width:112%;margin-left:-6%;border-radius:2px 2px 16px 16px;background:linear-gradient(#b8c0c7,#65717c 32%,#252c32 75%,#11161b);transform:perspective(400px) rotateX(52deg);transform-origin:top;position:relative}.laptop-base span{display:block;width:16%;height:4px;background:#77828c;margin:auto;border-radius:0 0 8px 8px}.app-shell{display:flex;height:100%;color:#192232;background:#f5f8fb;font-size:8px}.app-sidebar{width:13%;background:#091a2b;padding:5% 3%;display:flex;align-items:center;flex-direction:column;gap:8%}.app-sidebar img{width:90%;height:auto;margin-bottom:18%;filter:brightness(0) invert(1)}.side-icon{width:42%;aspect-ratio:1;border:1px solid #597086;border-radius:4px}.side-icon.active{background:#2478ff;border-color:#2478ff;box-shadow:0 0 12px #2478ff99}.side-bottom{margin-top:auto}.app-main{padding:4%;width:87%}.app-topbar{display:flex;justify-content:space-between;align-items:center}.app-topbar small,.app-topbar strong{display:block}.app-topbar small{color:#8692a2}.app-topbar strong{font-size:11px}.status{background:#e6f8ef;color:#248759;padding:5px 8px;border-radius:20px}.status i{display:inline-block;width:4px;height:4px;background:#26bb73;border-radius:50%}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3%;margin:5% 0}.metric-grid article,.chart-card,.orders-card{background:#fff;padding:8%;border:1px solid #e5eaf0;border-radius:8px;box-shadow:0 5px 20px #26384b0a}.metric-grid span,.metric-grid strong,.metric-grid small{display:block}.metric-grid span{color:#8a95a4}.metric-grid strong{font-size:14px;margin:7% 0}.metric-grid small{color:#8793a2}.metric-grid .positive{color:#19a564}.dashboard-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:3%}.chart-card,.orders-card{padding:5%}.card-head{display:flex;justify-content:space-between}.card-head span{font-weight:700}.card-head b{font-size:6px;color:#8693a3}.bars{height:110px;display:flex;align-items:end;gap:7%;border-bottom:1px solid #e2e8ee;margin-top:8%}.bars i{width:8%;height:var(--h);background:linear-gradient(#54c6ff,#2875ff);border-radius:3px 3px 0 0}.order{display:flex;align-items:center;gap:6%;padding:7% 0;border-bottom:1px solid #edf0f3}.order>i{display:grid;place-items:center;width:20px;height:20px;border-radius:5px;background:#e8f1ff;color:#2478ff;font-style:normal}.order p{margin:0;flex:1}.order strong,.order small{display:block}.order small{color:#8b96a3}.portal-label{text-align:center;color:#a3b5c8;font-size:8px;letter-spacing:.14em;text-transform:uppercase;margin-top:23px;opacity:calc(1 - var(--progress)*1.8)}.portal-label span{display:inline-block;width:5px;height:5px;border-radius:50%;background:#56d9ff;margin-right:6px;box-shadow:0 0 8px #56d9ff}.inside-copy{position:absolute;left:7vw;bottom:11vh;z-index:5;opacity:clamp(0,calc((var(--progress) - .68)*4),1);transform:translateY(calc((1 - var(--progress))*70px));pointer-events:none}.inside-copy h2{font-size:clamp(46px,6vw,90px);margin:16px 0}.scroll-cue{position:absolute;right:3vw;bottom:5vh;display:flex;flex-direction:column;align-items:center;gap:10px;color:#7690a8}.scroll-cue span{height:50px;width:1px;background:linear-gradient(transparent,#7dcaff);position:relative}.scroll-cue small{font-size:8px;letter-spacing:.2em;writing-mode:vertical-rl}.trust-strip{background:#fff;color:var(--ink);min-height:170px;padding:35px 7vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce3eb}.trust-strip p{font-size:17px;line-height:1.5}.trust-items{display:flex;gap:clamp(25px,5vw,75px)}.trust-items span{display:flex;flex-direction:column;color:#778391;font-size:11px}.trust-items b{color:var(--ink);font-size:25px;margin-bottom:6px}.section{padding:clamp(90px,12vw,180px) 7vw}.solutions{background:var(--paper);color:var(--ink)}.eyebrow.dark{color:#2677e8}.section-heading{display:grid;grid-template-columns:1.5fr .6fr;column-gap:10%;align-items:end;margin-bottom:80px}.section-heading .eyebrow{grid-column:1/-1}.section-heading h2{font-size:clamp(42px,5vw,76px);margin-bottom:0}.section-heading>p:last-child{color:#74808d;line-height:1.8;font-size:14px}.solution-showcase{display:grid;grid-template-columns:1fr 1fr;gap:20px}.solution-card{border-radius:28px;overflow:hidden;position:relative}.main-card{grid-column:1/-1;min-height:620px;background:#0a1728;color:#fff;display:grid;grid-template-columns:1fr 1.2fr}.solution-copy{padding:70px}.number{display:block;color:#6d7a8a;font-size:11px;margin-bottom:50px}.product-tag{font-size:11px;letter-spacing:.18em;color:#65bbff;font-weight:800}.solution-card h3{font-size:clamp(32px,4vw,58px);line-height:1.05;letter-spacing:-.05em;margin:18px 0}.solution-copy>p:not(.product-tag){color:#9eacba;line-height:1.8;max-width:430px;font-size:14px}.solution-card a{display:inline-flex;gap:15px;margin-top:30px;font-size:12px;font-weight:800;border-bottom:1px solid #ffffff4d;padding-bottom:7px}.pos-visual{display:flex;align-items:center;transform:translateX(8%)}.pos-window{width:100%;aspect-ratio:1.25;background:#eef3f7;border-radius:18px 0 0 18px;padding:6%;box-shadow:-30px 40px 80px #0006}.pos-nav{height:10%;display:flex;gap:8px}.pos-nav i{width:7px;height:7px;background:#c0cad3;border-radius:50%}.table-map{display:grid;grid-template-columns:repeat(3,1fr);gap:5%;height:80%}.table-map span{display:grid;place-content:center;text-align:center;border:1px solid #ccd6df;border-radius:8px;color:#576676;font-size:17px;background:#fff}.table-map small{display:block;font-size:7px;margin-top:6px;color:#9da8b3}.table-map .occupied{background:#2478ff;color:#fff;border-color:#2478ff;box-shadow:0 9px 20px #2478ff35}.table-map .occupied small{color:#cde0ff}.small-card{min-height:510px;padding:50px;background:#fff;border:1px solid #e1e7ed}.small-card h3{font-size:42px}.small-card>p:not(.product-tag){color:#7b8794;line-height:1.7;max-width:350px}.small-card a{position:absolute;bottom:45px;border-color:#1d2b3c55}.people{display:flex;margin-top:55px}.people i{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#e8f1ff;border:4px solid #fff;margin-left:-10px;color:#2674dc;font-style:normal;font-size:12px;font-weight:800}.people i:first-child{margin:0}.qr-card{background:#dfeeff}.phone-mini{position:absolute;width:180px;height:250px;right:45px;bottom:-38px;background:#0a1728;border-radius:28px 28px 0 0;padding:42px 20px 20px;color:white;transform:rotate(6deg);box-shadow:0 25px 50px #19396233}.notch{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:45px;height:9px;background:#030910;border-radius:10px}.phone-mini strong{font-size:18px}.phone-mini span{display:block;height:45px;margin-top:13px;background:linear-gradient(90deg,#1a344d,#266d80);border-radius:8px}.why{background:#07111f;display:grid;grid-template-columns:1fr 1fr;gap:9vw}.why-intro{position:sticky;top:140px;align-self:start}.why h2{font-size:clamp(44px,5vw,72px)}.why-list article{padding:45px 0;border-top:1px solid #283747}.why-list span{font-size:10px;color:#5dafff}.why-list h3{font-size:25px;margin:14px 0}.why-list p{color:#8797a9;font-size:14px}.contact{min-height:720px;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;position:relative;overflow:hidden;background:#0a1728}.contact-glow{position:absolute;width:650px;height:650px;border-radius:50%;background:#0b6cff;filter:blur(130px);opacity:.2}.contact>*:not(.contact-glow){position:relative}.contact .eyebrow{justify-content:center}.contact h2{font-size:clamp(48px,6.5vw,95px)}.contact>p:not(.eyebrow){color:#9ba9b9;max-width:570px;line-height:1.8}.contact-actions{display:flex;gap:15px;margin-top:35px}.primary-button.light{background:#fff;color:#0b1727}.outline-button{border:1px solid #ffffff38;border-radius:100px;padding:16px 24px;font-size:13px;font-weight:700}footer{min-height:200px;padding:55px 7vw;background:#040b13;border-top:1px solid #172434;display:flex;align-items:center;gap:40px;color:#69798a;font-size:11px}footer img{width:140px;filter:grayscale(1) brightness(1.6)}footer p{flex:1}.reveal{opacity:0;transform:translateY(45px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.desktop-nav,.header-cta{display:none}.desktop-nav.mobile-open{display:flex;position:fixed;inset:72px 0 auto;background:rgba(5,13,25,.97);padding:30px 24px 36px;flex-direction:column;gap:24px;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12}.desktop-nav.mobile-open a{font-size:17px;color:#fff}.menu-button{display:block;width:38px;height:38px;position:relative;z-index:2}.menu-button span{display:block;width:22px;height:1px;background:white;margin:7px;transition:.25s}.menu-button[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-button[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}.site-header{height:72px;padding:0 22px}.brand img{width:135px}.hero-scroll{height:280vh}.hero-sticky{min-height:560px}.hero-copy{top:17%;left:24px;width:calc(100% - 48px);transform:translateY(calc(var(--progress)*-80px)) scale(calc(1 - var(--progress)*.08));text-align:center}.hero-copy .eyebrow,.hero-actions{justify-content:center}.hero-copy h1{font-size:clamp(43px,12vw,68px);margin:17px 0}.hero-lead{font-size:13px;line-height:1.65;margin:auto}.hero-actions{margin-top:24px}.text-button{display:none}.device-stage{left:50%;top:68%;width:86vw;opacity:clamp(0,calc(2.15 - var(--progress)*2.55),1);transform:translate(-50%,-50%) translateY(calc((1 - var(--progress))*10vh)) scale(calc(.72 + var(--progress)*1.85))}.laptop-lid{border-radius:10px 10px 4px 4px}.portal-label{font-size:7px}.inside-copy{left:24px;right:24px;bottom:18vh;opacity:clamp(0,calc((var(--progress) - .55)*5),1)}.inside-copy h2{font-size:12vw}.scroll-cue{display:none}.trust-strip{padding:40px 24px;display:block}.trust-items{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:30px}.trust-items b{font-size:19px}.section{padding:95px 24px}.section-heading{display:block;margin-bottom:50px}.section-heading h2{font-size:43px}.section-heading>p:last-child{margin-top:25px}.solution-showcase{display:block}.solution-card{margin-bottom:16px}.main-card{display:block;min-height:700px}.solution-copy{padding:40px 30px}.number{margin-bottom:30px}.pos-visual{position:absolute;bottom:0;right:0;width:95%;transform:translateX(8%)}.small-card{min-height:440px;padding:38px 30px}.small-card h3{font-size:35px}.phone-mini{width:145px;height:215px;right:25px}.why{display:block}.why-intro{position:relative;top:0;margin-bottom:60px}.contact{min-height:650px}.contact-actions{flex-direction:column;width:100%;max-width:320px}.contact-actions a{justify-content:center}footer{align-items:flex-start;flex-direction:column;gap:12px}.app-shell{font-size:5px}.bars{height:70px}}
@media(max-width:520px){.hero-copy h1{font-size:42px}.hero-lead{max-width:340px}.primary-button{padding:14px 19px}.device-stage{top:69%;width:98vw}.inside-copy h2{font-size:11.5vw}.trust-strip>p{margin-top:0}.trust-items{grid-template-columns:1fr}.trust-items span{flex-direction:row;align-items:center;gap:12px}.trust-items b{margin:0}.main-card{min-height:680px}.small-card{min-height:400px}.qr-card .phone-mini{opacity:.8}.contact h2{font-size:46px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.hero-copy{transform:translateY(-53%);opacity:1}.device-stage{transform:translate(-50%,-50%) translateX(20vw) scale(.8)}.inside-copy{display:none}}