:root{--ink:#eaf7ff;--blue:#4e7cff;--mint:#28f0c2;--paper:#0b1323;--muted:#94a5ba;--line:#1c2d45;--void:#050912;--violet:#9d72ff}
body{background:var(--void);color:var(--ink);overflow-x:hidden;background-image:radial-gradient(circle at 82% 2%,rgba(49,89,255,.16),transparent 29%),radial-gradient(circle at 10% 38%,rgba(40,240,194,.07),transparent 28%)}
body:before{content:"";position:fixed;z-index:-1;inset:0;opacity:.14;background-image:linear-gradient(rgba(81,133,185,.24) 1px,transparent 1px),linear-gradient(90deg,rgba(81,133,185,.24) 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}
.nav{position:relative;z-index:20;height:94px;max-width:none;padding:0 max(24px,calc((100vw - 1240px)/2));border-bottom:1px solid rgba(121,165,211,.13);background:rgba(5,9,18,.72);backdrop-filter:blur(20px)}
.logo{color:#f2fbff}.logo span{position:relative;border:1px solid #67ffe1;background:linear-gradient(145deg,#235eff,#29e4bd);box-shadow:0 0 28px rgba(40,240,194,.24)}.logo span:after{content:"";position:absolute;inset:-5px;border:1px solid rgba(78,124,255,.28);border-radius:14px}
.nav nav a{color:#9fb0c4}.nav nav a.active{color:var(--mint)}.nav .login{color:#efffff;border-color:#34526d;background:linear-gradient(90deg,rgba(40,240,194,.08),rgba(78,124,255,.12));box-shadow:inset 0 0 24px rgba(78,124,255,.07)}.nav .login:hover{border-color:var(--mint);box-shadow:0 0 26px rgba(40,240,194,.14)}
.hero{position:relative;max-width:1320px;min-height:760px;padding:98px 40px 120px;grid-template-columns:.87fr 1.13fr;gap:32px}.hero:before{content:"01 / INTELLIGENCE";position:absolute;left:40px;bottom:46px;color:#405069;font:700 9px Manrope;letter-spacing:2px}.hero-copy{position:relative;z-index:3}
.eyebrow{color:var(--mint)}.hero .eyebrow{display:flex;align-items:center;gap:10px}.hero .eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px var(--mint);animation:pulse 2s infinite}
.hero h1,.page-hero h1,.contact h1{letter-spacing:-4px}.hero h1{font-size:clamp(60px,6.5vw,96px);text-shadow:0 0 50px rgba(78,124,255,.09)}.hero h1 em,.page-hero h1 em,.contact h1 em{color:transparent;background:linear-gradient(90deg,var(--mint),#69a4ff 58%,var(--violet));background-clip:text;-webkit-background-clip:text}
.lead{color:#a8b9ca;max-width:570px}.primary{position:relative;overflow:hidden;border:1px solid #4d83ff;background:linear-gradient(100deg,#2457ff,#4f7dff);box-shadow:0 12px 40px rgba(40,89,255,.24)}.primary:before{content:"";position:absolute;top:0;bottom:0;left:-40%;width:30%;transform:skewX(-25deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:.5s}.primary:hover:before{left:120%}.text-link{color:#c5d3e3}.trust{font:700 9px Manrope;letter-spacing:1px}.trust span{color:#6f839a}
.hero-visual{min-height:590px;isolation:isolate}.hero-visual:before{content:"";position:absolute;z-index:-1;inset:5% -7%;background:radial-gradient(circle,rgba(61,117,255,.28),transparent 62%);filter:blur(20px)}.hero-visual:after{content:"";position:absolute;inset:0;border:1px solid rgba(116,169,255,.28);clip-path:polygon(0 0,92% 0,100% 10%,100% 100%,8% 100%,0 92%);pointer-events:none}.hero-visual>img{height:590px;border-radius:0;clip-path:polygon(0 0,92% 0,100% 10%,100% 100%,8% 100%,0 92%);filter:saturate(1.08) contrast(1.06);opacity:.88}
.hero-visual .scan-line{position:absolute;z-index:2;left:0;right:0;top:15%;height:1px;background:linear-gradient(90deg,transparent,var(--mint),transparent);box-shadow:0 0 16px var(--mint);animation:scan 5s ease-in-out infinite}.ai-chip{position:absolute;right:24px;top:24px;padding:10px 13px;border:1px solid rgba(40,240,194,.34);background:rgba(5,15,27,.76);backdrop-filter:blur(8px);color:#9caec2;font:700 9px Manrope;letter-spacing:1.5px}.ai-chip b{color:var(--mint);margin-left:8px}
.stock-card{left:-32px;bottom:25px;width:440px;border:1px solid rgba(86,132,183,.35);background:rgba(7,16,31,.88);backdrop-filter:blur(18px);box-shadow:0 28px 75px rgba(0,0,0,.45)}.stock-card small{color:#6f859d;font:700 9px Manrope;letter-spacing:1.5px}.stock-card>strong{color:#d9edff}.stock-card>div{border-color:#1a3049}.stock-card span{color:#6f849c}.stock-card b{color:#eefcff}
.proof{border-top:1px solid rgba(75,119,160,.2);border-bottom:1px solid rgba(75,119,160,.2);background:#080f1c}.proof p b{color:var(--mint)}.proof div{font:700 9px Manrope;letter-spacing:1px}
.benefits,.latest{position:relative}.section-head h2,.how h2,.cta h2{letter-spacing:-3px}.section-head>p:last-child,.benefit-grid article>p{color:var(--muted)}.benefit-grid{gap:12px}.benefit-grid article{position:relative;overflow:hidden;border:1px solid #152840;background:linear-gradient(145deg,#0a1220,#09101c)}.benefit-grid article:before{content:"";position:absolute;right:-80px;top:-80px;width:180px;height:180px;border-radius:50%;background:rgba(78,124,255,.1);filter:blur(20px)}.benefit-grid .featured{border-color:#2d78a2;background:linear-gradient(145deg,#0d2c3e,#101d45)}.benefit-grid article>span{color:var(--mint)}.benefit-grid .featured>p{color:#a4c1d1}.icon{color:var(--mint);text-shadow:0 0 25px rgba(40,240,194,.35)}
.mini-dashboard{border:1px solid #24405e;background:rgba(3,10,20,.58);color:#d9edff}.bar i{background:#1c3856}.bar i:nth-child(4),.bar i:nth-child(6){background:linear-gradient(var(--mint),#247bff);box-shadow:0 0 15px rgba(40,240,194,.25)}
.how{border-top:1px solid #172b41;border-bottom:1px solid #172b41;background:#080f1b}.how li{border-color:#1b3046}.how li>b{color:var(--mint)}.how li span{color:var(--muted)}.article-card img{border:1px solid #1d334a;filter:saturate(.8) brightness(.82)}.article-card .meta{color:var(--mint)}.article-card p{color:var(--muted)}
.cta{position:relative;overflow:hidden;border:1px solid #365d85;background:radial-gradient(circle at 50% 130%,rgba(40,240,194,.25),transparent 45%),linear-gradient(135deg,#0c1b34,#111847 60%,#0a182c)}.cta:before,.cta:after{content:"";position:absolute;border:1px solid rgba(72,168,230,.14);border-radius:50%}.cta:before{width:580px;height:580px;left:-190px;top:-420px}.cta:after{width:400px;height:400px;right:-130px;bottom:-310px}.primary.light{background:var(--mint);border-color:var(--mint);color:#06121e;box-shadow:0 12px 36px rgba(40,240,194,.18)}
footer{border-color:#172b41}footer>p,footer small{color:#6e8094}.page-hero{position:relative;overflow:hidden;border-bottom:1px solid #19304a;background:radial-gradient(circle at 80% 30%,rgba(65,98,255,.2),transparent 32%),#070d18}.page-hero:after{content:"";position:absolute;right:7%;top:18%;width:180px;height:180px;border:1px solid rgba(40,240,194,.18);transform:rotate(45deg)}
.filters button{border-color:#263a52;background:#0a1220;color:#9cafc3}.filters button.active{border-color:var(--mint);background:rgba(40,240,194,.1);color:var(--mint)}.contact form{border:1px solid #19304a;background:#09111f}.contact input,.contact select,.contact textarea{border-color:#263a52;background:#060c16;color:#eaf7ff}.contact-list>a,.contact-list>div{border-color:#1a2c40}.contact-list span{background:#0b1726;color:var(--mint)}
dialog{color:#eaf7ff;background:#08111f}dialog::backdrop{background:#02050ae6}.dialog-close{color:#fff;background:#15243a}.article-body{color:#afbdcd}
@keyframes pulse{50%{opacity:.35;box-shadow:0 0 24px var(--mint)}}@keyframes scan{0%,100%{top:12%;opacity:.2}50%{top:86%;opacity:1}}
@media(max-width:820px){.nav{height:74px}.nav nav{top:74px;border:1px solid #21354c;background:rgba(6,13,24,.97)}.hero{padding:70px 20px 120px}.hero:before{left:20px}.hero-visual{min-height:440px}.hero-visual>img{height:440px}.stock-card{left:10px;right:10px;width:auto}.proof{margin-top:20px}.contact form{background:#09111f}}
@media(max-width:520px){.hero h1,.page-hero h1,.contact h1{font-size:50px;letter-spacing:-2px}.hero{min-height:auto}.hero-visual{min-height:370px}.hero-visual>img{height:370px}.ai-chip{right:12px;top:12px}.stock-card{bottom:-60px;padding:17px}.benefits{padding-top:120px}.trust{gap:12px}.section-head h2,.how h2,.cta h2{letter-spacing:-2px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero .eyebrow i,.hero-visual .scan-line{animation:none}.primary:before{display:none}}

/* Product dashboard and mobile scanner showcase */
.product-showcase{max-width:1320px;margin:auto;padding:120px 40px 90px}.product-intro{display:grid;grid-template-columns:1.15fr .85fr;align-items:end;gap:80px;margin-bottom:62px}.product-intro h2{margin:0;font-size:clamp(42px,5.3vw,72px);line-height:1.06;letter-spacing:-3px}.product-intro h2 em{font-style:normal;color:transparent;background:linear-gradient(90deg,var(--mint),#6e9cff,var(--violet));background-clip:text;-webkit-background-clip:text}.product-intro>div:last-child{padding-bottom:8px}.product-intro>div:last-child p{margin:0 0 18px;color:var(--muted);font-size:16px;line-height:1.8}.product-intro a{color:var(--mint);font-weight:700}.product-intro a span{margin-left:8px}.product-stage{position:relative;min-height:730px;padding:34px 130px 70px 0}.product-stage:before{content:"";position:absolute;inset:0 5% 10%;border:1px solid #142b45;background:radial-gradient(circle at 72% 42%,rgba(44,114,255,.18),transparent 35%),linear-gradient(145deg,rgba(12,25,43,.62),rgba(5,10,18,.2));clip-path:polygon(4% 0,100% 0,100% 93%,96% 100%,0 100%,0 7%)}.dashboard-device{position:relative;z-index:1;overflow:hidden;border:1px solid #315277;border-radius:13px;background:#07101d;box-shadow:0 50px 100px rgba(0,0,0,.5),0 0 55px rgba(38,93,211,.11)}.device-top{height:64px;display:grid;grid-template-columns:170px 1fr 150px;align-items:center;gap:15px;padding:0 18px;border-bottom:1px solid #1a2e46;background:#091523}.device-brand{display:flex;align-items:center;gap:8px;font:800 10px Manrope;letter-spacing:.5px}.device-brand>i{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:linear-gradient(145deg,#2761ff,var(--mint));color:#fff;font-style:normal}.device-search{height:34px;padding:9px 14px;border:1px solid #1e344d;border-radius:7px;background:#07101c;color:#61778f;font-size:9px}.device-user{display:flex;justify-content:flex-end;align-items:center;gap:7px;color:var(--mint);font:800 8px Manrope}.device-user>i{width:5px;height:5px;border-radius:50%;background:var(--mint);box-shadow:0 0 8px var(--mint)}.device-user>span{display:grid;place-items:center;width:28px;height:28px;margin-left:9px;border-radius:50%;background:#183050;color:#c9e4ff}.dashboard-ui{display:grid;grid-template-columns:145px 1fr;min-height:500px}.dashboard-ui>aside{display:flex;flex-direction:column;gap:8px;padding:22px 12px;border-right:1px solid #172b42;background:#080f1b}.dashboard-ui>aside b,.dashboard-ui>aside span{padding:10px;border-radius:6px;font-size:8px}.dashboard-ui>aside b{color:var(--mint);background:rgba(40,240,194,.08)}.dashboard-ui>aside span{color:#65778b}.dashboard-ui>main{padding:24px 22px;background:#09111e}.dash-welcome{display:flex;align-items:center;justify-content:space-between}.dash-welcome small{color:var(--mint);font:700 7px Manrope;letter-spacing:1px}.dash-welcome h3{margin:4px 0 0;font-size:18px}.dash-welcome>b{padding:8px 10px;border:1px solid #203650;border-radius:6px;color:#7990a8;font-size:8px}.dash-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:18px 0}.dash-stats article{padding:13px;border:1px solid #1a3048;border-radius:8px;background:#0b1726}.dash-stats small,.dash-stats strong,.dash-stats i{display:block}.dash-stats small{color:#72859a;font-size:7px}.dash-stats strong{margin:6px 0 5px;font:800 20px Manrope;color:#e7f7ff}.dash-stats i{color:var(--mint);font-size:7px;font-style:normal}.dash-stats .warning{border-color:#493c2d}.dash-stats .warning i{color:#ffb454}.dash-panels{display:grid;grid-template-columns:1.5fr .8fr;gap:9px}.dash-chart,.dash-alert{height:245px;padding:15px;border:1px solid #1a3048;border-radius:8px;background:#0b1726}.dash-chart>div:first-child b,.dash-chart>div:first-child small{display:block}.dash-chart>div:first-child b,.dash-alert>b{font-size:9px}.dash-chart>div:first-child small{margin-top:3px;color:#64788e;font-size:7px}.chart-bars{height:160px;display:flex;align-items:flex-end;gap:11px;padding:15px 6px 0;border-bottom:1px solid #20354c;background-image:linear-gradient(rgba(50,78,106,.25) 1px,transparent 1px);background-size:100% 40px}.chart-bars i{position:relative;flex:1;height:var(--h);max-width:28px;border-radius:3px 3px 0 0;background:linear-gradient(#29eec1,#2867ff);box-shadow:0 0 12px rgba(40,240,194,.12)}.dash-alert>b{color:var(--mint)}.dash-alert>div{display:grid;grid-template-columns:7px 1fr;gap:8px;align-items:center;padding:14px 0;border-bottom:1px solid #192d43}.dash-alert>div>i{width:6px;height:6px;border-radius:50%;background:#ffac55;box-shadow:0 0 8px #ffac55}.dash-alert span{font-size:7px;color:#b6c4d3}.dash-alert strong{display:block;margin-top:3px;color:#ffbc76;font-size:6px}.phone-device{position:absolute;z-index:4;right:22px;top:86px;width:242px;min-height:505px;padding:14px;border:1px solid #405f7b;border-radius:31px;background:#07101b;box-shadow:0 38px 80px rgba(0,0,0,.58),0 0 35px rgba(40,240,194,.11)}.phone-device:before{content:"";position:absolute;inset:5px;border:1px solid #172b3e;border-radius:25px;pointer-events:none}.phone-speaker{position:relative;z-index:2;width:58px;height:5px;margin:1px auto 17px;border-radius:4px;background:#25384a}.phone-device header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:0 8px 13px}.phone-device header small,.phone-device header b{display:block}.phone-device header small{color:var(--mint);font:700 6px Manrope;letter-spacing:1px}.phone-device header b{margin-top:3px;font-size:14px}.phone-device header>i{color:var(--mint);font-size:8px;font-style:normal;text-shadow:0 0 10px var(--mint)}.camera-view{position:relative;height:226px;overflow:hidden;border:1px solid #25506a;border-radius:13px;background:radial-gradient(circle at 50% 50%,#1c3850,#08121e 72%)}.camera-view:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(56,103,137,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(56,103,137,.13) 1px,transparent 1px);background-size:18px 18px}.scan-corners{position:absolute;inset:35px 25px;border:1px solid rgba(40,240,194,.22);clip-path:polygon(0 0,25% 0,25% 3%,3% 3%,3% 25%,0 25%,0 0,100% 0,100% 25%,97% 25%,97% 3%,75% 3%,75% 0,100% 0,100% 100%,75% 100%,75% 97%,97% 97%,97% 75%,100% 75%,100% 100%,0 100%,0 75%,3% 75%,3% 97%,25% 97%,25% 100%)}.mobile-scan-line{position:absolute;left:25px;right:25px;top:50%;height:1px;background:var(--mint);box-shadow:0 0 12px var(--mint);animation:mobileScan 3.4s ease-in-out infinite}.barcode{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);padding:14px 9px;background:#eaf2ee;color:#101820;font-size:18px;letter-spacing:1px;white-space:nowrap}.camera-view small{position:absolute;left:0;right:0;bottom:12px;text-align:center;color:#9bb0c3;font-size:7px}.scan-result{position:relative;z-index:2;display:grid;grid-template-columns:30px 1fr;gap:9px;align-items:center;margin:11px 0;padding:9px;border:1px solid rgba(40,240,194,.2);border-radius:9px;background:rgba(40,240,194,.06)}.scan-result>span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:var(--mint);color:#05131b;font-weight:900}.scan-result small,.scan-result b,.scan-result em{display:block}.scan-result small{color:var(--mint);font-size:6px}.scan-result b{margin:2px 0;font-size:8px}.scan-result em{color:#70869a;font:500 6px Manrope;font-style:normal}.phone-device>button{position:relative;z-index:2;width:100%;height:38px;border:0;border-radius:8px;background:linear-gradient(90deg,#245dff,#347eff);color:#fff;font-size:8px;font-weight:800}.phone-device>button b{margin-left:12px}.mobile-note{position:absolute;z-index:5;right:0;bottom:0;display:grid;grid-template-columns:45px 1fr;gap:12px;align-items:start;width:355px;padding:17px;border:1px solid #24516a;background:rgba(7,18,31,.9);backdrop-filter:blur(15px);box-shadow:0 18px 45px rgba(0,0,0,.4)}.mobile-note>i{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:rgba(40,240,194,.1);color:var(--mint);font-size:23px;font-style:normal}.mobile-note small,.mobile-note b{display:block}.mobile-note small{color:var(--mint);font:700 7px Manrope;letter-spacing:1.3px}.mobile-note b{margin-top:3px;font-size:12px}.mobile-note p{margin:4px 0 0;color:#778ba1;font-size:8px;line-height:1.5}@keyframes mobileScan{0%,100%{top:30%}50%{top:68%}}
@media(max-width:980px){.product-showcase{padding-left:22px;padding-right:22px}.product-intro{grid-template-columns:1fr;gap:24px}.product-stage{min-height:830px;padding:20px 0 0}.dashboard-device{margin-right:40px}.phone-device{top:365px;right:15px}.mobile-note{right:230px;bottom:40px}.device-top{grid-template-columns:150px 1fr 100px}.dashboard-ui{grid-template-columns:110px 1fr}.dash-stats{grid-template-columns:1fr 1fr}.dash-panels{grid-template-columns:1fr}.dash-alert{display:none}}
@media(max-width:660px){.product-showcase{padding:95px 14px 40px}.product-intro h2{font-size:42px;letter-spacing:-2px}.product-stage{min-height:auto;padding:12px 0}.product-stage:before{inset:0}.dashboard-device{margin:0}.device-top{height:50px;grid-template-columns:1fr auto;padding:0 11px}.device-search{display:none}.device-user{font-size:0}.dashboard-ui{grid-template-columns:1fr;min-height:380px}.dashboard-ui>aside{display:none}.dashboard-ui>main{padding:14px 10px}.dash-stats{gap:6px}.dash-stats article{padding:9px}.dash-stats strong{font-size:16px}.dash-chart{height:200px}.chart-bars{height:125px;gap:7px}.phone-device{position:relative;top:auto;right:auto;width:min(270px,88%);margin:-18px auto 0}.mobile-note{position:relative;right:auto;bottom:auto;width:100%;margin-top:14px}.product-stage:before{bottom:0}.product-intro{margin-bottom:30px}}
@media(prefers-reduced-motion:reduce){.mobile-scan-line{animation:none}}