:root{--bg:#050709;--panel:#081216b8;--panel-strong:#0c1a1fdb;--line:#8df5ff2e;--line-gold:#dab24b52;--cyan:#48e0ff;--mint:#6effc2;--gold:#d8ad45;--ink:#f5fbff;--muted:#a8b7bd;--soft:#627177}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{min-width:320px;color:var(--ink);background:radial-gradient(circle at 14% 12%,#48e0ff26,#0000 28rem),radial-gradient(circle at 88% 8%,#d8ad451f,#0000 24rem),linear-gradient(#050709 0%,#071114 45%,#050709 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.site-shell{min-height:100vh;position:relative;overflow:hidden}.startup-loader{z-index:50;background:radial-gradient(circle at 50% 48%,#48e0ff33,#0000 18rem),radial-gradient(circle at 58% 54%,#d8ad451f,#0000 20rem),#050709;place-items:center;transition:opacity .7s,visibility .7s;display:grid;position:fixed;inset:0;overflow:hidden}.startup-loader--done{visibility:hidden;opacity:0;pointer-events:none;transition:opacity .62s,visibility 0s linear .62s}.startup-loader__core{z-index:1;text-align:center;justify-items:center;gap:24px;display:grid;position:relative}.startup-loader__ring{background-color:#ffffff06;background-image:linear-gradient(#48e0ff14 1px,#0000 1px),linear-gradient(90deg,#48e0ff14 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #48e0ff38;border-radius:50%;place-items:center;width:132px;height:132px;display:grid;position:relative;box-shadow:0 0 54px #48e0ff2e,inset 0 0 34px #48e0ff14}.startup-loader__ring:before{content:"";border:1px solid #6effc26b;border-radius:7px;width:54px;height:54px;animation:1.4s ease-in-out infinite qrPulse;box-shadow:0 0 22px #6effc247,inset 0 0 18px #6effc21a}.startup-loader__ring span{border-top:2px solid var(--cyan);filter:drop-shadow(0 0 14px #48e0ffa6);border-right:2px solid #0000;border-radius:50%;animation:1.6s linear infinite loaderSpin;position:absolute;inset:-7px}.startup-loader__ring span:nth-child(2){border-top-color:var(--gold);animation-duration:2.2s;animation-direction:reverse;inset:15px}.startup-loader__core p{color:var(--cyan);text-transform:uppercase;font-size:.76rem;font-weight:780}.startup-loader__core strong{color:var(--ink);text-shadow:0 0 28px #48e0ff57;margin-top:8px;font-size:clamp(1.55rem,4vw,2.7rem);line-height:1;display:block}.startup-loader__scan{background:linear-gradient(90deg,#0000,#48e0ffcc,#d8ad45ad,#0000);height:1px;animation:1.8s ease-in-out infinite loaderScan;position:absolute;top:50%;left:0;right:0;box-shadow:0 0 30px #48e0ff8c}.canvasWrap{z-index:0;opacity:.15;pointer-events:none;transition:opacity 1.2s;position:fixed;inset:0;-webkit-mask-image:linear-gradient(90deg,#00000014 0%,#0000002e 30%,#00000080 50%,#000 70% 100%);mask-image:linear-gradient(90deg,#00000014 0%,#0000002e 30%,#00000080 50%,#000 70% 100%)}.canvasWrap--ready{opacity:.72}.canvasWrap canvas{width:100%;height:100%;display:block}.ambient-grid{z-index:1;pointer-events:none;background-image:linear-gradient(#48e0ff14 1px,#0000 1px),linear-gradient(90deg,#48e0ff14 1px,#0000 1px);background-size:64px 64px;animation:18s linear infinite gridDrift;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000e6,#0000 78%);mask-image:linear-gradient(#000000e6,#0000 78%)}@keyframes gridDrift{0%{background-position:0 0,0 0}to{background-position:-64px 64px,-64px 64px}}.nav{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050a0cb8;border:1px solid #ffffff1f;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;width:min(1120px,100% - 32px);min-height:66px;padding:10px 12px 10px 18px;display:grid;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 20px 70px #00000059,inset 0 0 24px #48e0ff0a}.brand{align-items:center;display:inline-flex}.brand img,.footer img{object-fit:contain;width:auto;height:38px}.nav-links{color:var(--muted);justify-content:center;gap:clamp(14px,3vw,34px);font-size:.88rem;display:flex}.nav-links a{transition:color .18s,text-shadow .18s}.nav-links a:hover{color:var(--ink);text-shadow:0 0 18px #48e0ff94}.nav-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.lang-switch{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;grid-template-columns:repeat(3,1fr);gap:2px;min-width:112px;padding:3px;display:inline-grid}.lang-switch button{min-width:0;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;font-size:.76rem;font-weight:800;transition:background .18s,color .18s,box-shadow .18s}.lang-switch button:hover,.lang-switch button.active{color:var(--ink);background:#48e0ff24;box-shadow:inset 0 0 14px #48e0ff1a}.sound-control{width:42px;height:42px;color:var(--gold);cursor:pointer;background:#ffffff0a;border:1px solid #d8ad4552;border-radius:6px;place-items:center;transition:border-color .18s,box-shadow .18s,background .18s;display:inline-grid}.sound-control:hover,.sound-control--active{color:var(--cyan);background:#48e0ff14;border-color:#48e0ff6b;box-shadow:inset 0 0 14px #48e0ff14,0 0 22px #48e0ff1f}.sound-control-bars{justify-content:center;align-items:center;gap:3px;width:18px;height:18px;display:flex}.sound-control-bars i{opacity:.7;background:currentColor;border-radius:999px;width:3px;height:6px;transition:height .18s,opacity .18s}.sound-control-bars i:nth-child(2){height:12px}.sound-control-bars i:nth-child(3){height:9px}.sound-control--active .sound-control-bars i{opacity:1;animation:.78s ease-in-out infinite soundBars}.sound-control--active .sound-control-bars i:nth-child(2){animation-delay:.12s}.sound-control--active .sound-control-bars i:nth-child(3){animation-delay:.24s}.nav-cta,.primary-btn,.secondary-btn{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;min-height:44px;display:inline-flex}.nav-cta,.primary-btn{color:#041014;background:linear-gradient(135deg,#48e0fff2,#6effc2db);border:1px solid #6effc26b;font-weight:750;box-shadow:0 0 34px #48e0ff38}.nav-cta{padding:0 18px;font-size:.88rem}.section{z-index:2;width:min(1120px,100% - 32px);margin:0 auto;position:relative}.hero{grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr);align-items:center;gap:clamp(48px,7vw,96px);min-height:auto;padding:clamp(118px,14vh,154px) 0 clamp(68px,10vh,106px);display:grid;position:relative}.hero:before{content:"";pointer-events:none;background:radial-gradient(at 34% 45%,#05070980,#05070933 58%,#0000 75%);width:min(680px,58%);position:absolute;top:92px;bottom:50px;left:-8%}.hero-copy{z-index:1;will-change:transform, opacity;animation:.78s both riseIn;position:relative}.kicker,.label{color:var(--cyan);letter-spacing:0;text-transform:uppercase;align-items:center;gap:10px;font-size:.78rem;font-weight:760;display:inline-flex}.kicker span{background:linear-gradient(90deg, var(--cyan), var(--gold));width:34px;height:1px;box-shadow:0 0 18px #48e0ff99}h1,h2,h3,p{margin:0}h1{letter-spacing:0;text-wrap:balance;text-shadow:0 2px 18px #000000bd,0 0 42px #0000008a;max-width:11.2em;margin-top:22px;font-size:clamp(2.8rem,5.7vw,5.45rem);line-height:.94}h2{letter-spacing:0;text-wrap:balance;max-width:760px;margin-top:12px;font-size:clamp(2rem,4.8vw,4rem);line-height:1}h3{letter-spacing:0;font-size:1.16rem;line-height:1.18}.hero-copy p,.section-heading p,.contact p{max-width:650px;color:var(--muted);font-size:clamp(1rem,1.6vw,1.18rem);line-height:1.75}.hero-copy p{color:#ecf6fae6;text-shadow:0 2px 14px #000000b8;max-width:600px;margin-top:24px}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.primary-btn,.secondary-btn{padding:0 22px}.secondary-btn{color:var(--ink);background:#ffffff0a;border:1px solid #d8ad4561;box-shadow:inset 0 0 18px #d8ad450a}.trust-row{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.trust-row span{color:var(--muted);background:#ffffff09;border:1px solid #ffffff1a;border-radius:999px;padding:8px 12px;font-size:.82rem}.hero-visual{z-index:1;will-change:transform, opacity;align-items:center;min-height:470px;animation:.9s .12s both riseIn;display:flex;position:relative}.dashboard-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#48e0ff29,#0000 44%),#081317e0;border:1px solid #ffffff1f;border-radius:8px;width:min(620px,100%);margin-left:auto;padding:20px;position:relative;box-shadow:0 34px 90px #00000085,inset 0 0 45px #48e0ff0e}.dash-top,.dash-grid,.footer{justify-content:space-between;align-items:center;gap:14px;display:flex}.dash-top{color:var(--muted);margin-bottom:14px;font-size:.9rem}.dash-top strong{color:var(--mint)}.map-panel{background:radial-gradient(circle at 25% 25%,#48e0ff29,#0000 24%),radial-gradient(circle at 78% 60%,#d8ad451f,#0000 22%),linear-gradient(#ffffff09 1px,#0000 1px) 0 0/32px 32px,linear-gradient(90deg,#ffffff09 1px,#0000 1px) 0 0/32px 32px,#08171c;border:1px solid #48e0ff29;border-radius:6px;height:clamp(280px,34vw,340px);position:relative;overflow:hidden}.route{background:linear-gradient(90deg, transparent, var(--cyan), var(--gold), transparent);border-radius:999px;height:2px;position:absolute;box-shadow:0 0 18px #48e0ff8c}.route-a{width:82%;top:42%;left:-8%;transform:rotate(-17deg)}.route-b{width:76%;bottom:34%;right:-12%;transform:rotate(23deg)}.vehicle-dot{background:var(--mint);border-radius:50%;width:14px;height:14px;position:absolute;box-shadow:0 0 0 8px #6effc214,0 0 22px #6effc2cc}.dot-a{top:33%;left:28%}.dot-b{background:var(--gold);top:58%;right:22%}.dot-c{bottom:21%;left:58%}.scan-line{background:linear-gradient(#0000,#48e0ff2e,#0000);animation:4s ease-in-out infinite scan;position:absolute;inset:0;transform:translateY(-100%)}.dash-grid{margin-top:14px}.dash-grid div{background:#050c0fb8;border:1px solid #ffffff14;border-radius:6px;flex:1;padding:14px}.dash-grid small,.stats-panel span{color:var(--soft);font-size:.78rem;display:block}.dash-grid strong{color:var(--ink);margin-top:5px;font-size:1.24rem;display:block}.platform,.workflow,.contact{padding:92px 0}.section-heading{text-shadow:0 2px 18px #000000c7,0 0 36px #00000085;margin-bottom:34px;position:relative}.section-heading p{margin-top:18px}.bento,.segment-grid,.timeline{gap:14px;display:grid}.bento{grid-template-columns:repeat(4,minmax(0,1fr))}.bento-card,.segment-card,.step,.stats-panel{background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #ffffff1a;border-radius:8px;box-shadow:inset 0 0 32px #48e0ff09}.bento-card,.segment-card,.step{padding:24px;transition:transform .22s,border-color .22s,box-shadow .22s}.bento-card:hover,.segment-card:hover,.step:hover{border-color:#48e0ff57;transform:translateY(-4px);box-shadow:0 24px 80px #00000059,inset 0 0 42px #48e0ff11}.bento-large{background:linear-gradient(135deg, #48e0ff24, transparent 56%), var(--panel-strong);grid-area:span 2/span 2;min-height:310px}.bento-wide{grid-column:span 2}.bento svg,.segment-card svg{fill:none;width:30px;height:30px;stroke:var(--cyan);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 12px #48e0ff6b)}.bento-card h3,.segment-card h3,.step h3{margin-top:18px}.bento-card p,.segment-card p,.step p{color:var(--muted);margin-top:12px;line-height:1.62}.segment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.segment-card>span{color:var(--gold);text-transform:uppercase;font-size:.76rem;font-weight:800}.segment-card ul{gap:9px;margin:20px 0 0;padding:0;list-style:none;display:grid}.segment-card li{color:var(--ink);font-size:.92rem}.segment-card li:before{content:"";background:var(--mint);border-radius:50%;width:7px;height:7px;margin-right:10px;display:inline-block;box-shadow:0 0 14px #6effc2b3}.timeline{grid-template-columns:repeat(4,minmax(0,1fr));position:relative}.timeline:before{content:"";background:linear-gradient(90deg, var(--cyan), var(--gold), var(--mint));height:1px;position:absolute;top:36px;left:8%;right:8%;box-shadow:0 0 24px #48e0ff5c}.step{min-height:230px;position:relative}.step strong{width:48px;height:48px;color:var(--cyan);background:#071014;border:1px solid #48e0ff4d;border-radius:50%;place-items:center;display:inline-grid;box-shadow:0 0 24px #48e0ff2e}.stats-panel{background:linear-gradient(135deg,#48e0ff38,#d8ad452e),#ffffff0f;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:18px;margin-bottom:18px;padding:1px;display:grid;overflow:hidden}.stats-panel div{background:#050a0cd6;padding:28px}.stats-panel strong{color:var(--cyan);text-shadow:0 0 24px #48e0ff52;font-size:clamp(2rem,4vw,3.4rem);line-height:1;display:block}.stats-panel span{text-transform:uppercase;margin-top:8px}.contact{grid-template-columns:.9fr 1.1fr;align-items:start;gap:44px;display:grid}.contact h2{margin-bottom:18px}.contact-links{color:var(--cyan);gap:10px;margin-top:26px;display:grid}.contact-cards{gap:14px;display:grid}.contact-card{background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #ffffff1a;border-radius:8px;grid-template-rows:auto auto;grid-template-columns:42px 1fr;align-items:center;gap:2px 16px;padding:20px;transition:border-color .22s,box-shadow .22s,transform .22s;display:grid}.contact-card:hover{border-color:#48e0ff57;transform:translateY(-2px);box-shadow:0 12px 40px #00000040,inset 0 0 28px #48e0ff0d}.contact-card svg{fill:none;width:28px;height:28px;stroke:var(--cyan);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 10px #48e0ff66);grid-row:1/-1;justify-self:center}.contact-card strong{color:var(--ink);font-size:.92rem}.contact-card span{color:var(--muted);font-size:.86rem}.footer{z-index:2;width:min(1120px,100% - 32px);color:var(--soft);border-top:1px solid #ffffff14;margin:0 auto;padding:28px 0 42px;position:relative}.reveal-on-scroll{opacity:0;transition:opacity .76s,transform .76s;transform:translateY(34px)}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}@supports (animation-timeline:scroll()){.hero-copy{animation:.78s both riseIn,linear both heroCopyFloat;animation-timeline:auto,scroll(root);animation-range:normal,0 56vh}.hero-visual{animation:.9s .12s both riseIn,linear both heroCardFloat;animation-timeline:auto,scroll(root);animation-range:normal,0 64vh}}@keyframes riseIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes heroCopyFloat{0%{opacity:1;transform:translateY(0)}to{opacity:.86;transform:translateY(-28px)}}@keyframes heroCardFloat{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:.9;transform:translateY(42px)scale(.97)}}@keyframes loaderSpin{to{transform:rotate(360deg)}}@keyframes loaderScan{0%,to{opacity:0;transform:translateY(-72px)}45%,60%{opacity:1}50%{transform:translateY(72px)}}@keyframes qrPulse{0%,to{opacity:.82;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scan{0%,18%{transform:translateY(-100%)}72%,to{transform:translateY(100%)}}@keyframes soundBars{0%,to{height:6px}50%{height:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.reveal-on-scroll{opacity:1;transform:none}}@media (max-width:900px){.canvasWrap{-webkit-mask-image:linear-gradient(#000000a6 0%,#000 42%,#000000c7 100%);mask-image:linear-gradient(#000000a6 0%,#000 42%,#000000c7 100%)}.nav{grid-template-columns:auto auto}.nav-links{display:none}.hero,.contact{grid-template-columns:1fr}.hero{padding-top:118px}.hero:before{width:auto;height:58%;inset:80px -12px auto}.hero-visual{min-height:400px}.dashboard-card{margin-left:0}.bento,.segment-grid,.timeline,.stats-panel{grid-template-columns:1fr 1fr}.timeline:before{display:none}}@media (max-width:620px){.nav{gap:8px;width:calc(100% - 20px);min-height:58px;padding:8px;top:10px}.brand img{height:30px}.nav-cta{display:none}.lang-switch{min-width:96px}.sound-control{width:38px;height:38px}.lang-switch button{height:38px;min-height:38px}.section{width:min(100% - 24px,1120px)}.hero{gap:24px;padding-top:98px}h1{font-size:clamp(2.45rem,13.5vw,3.65rem)}.hero-actions a{width:100%}.hero-visual{min-height:360px}.map-panel{height:230px}.dash-grid,.footer{flex-direction:column;align-items:stretch}.platform,.workflow,.contact{padding:62px 0}.bento,.segment-grid,.timeline,.stats-panel{grid-template-columns:1fr}.bento-large,.bento-wide{grid-column:auto;min-height:0}}
