:root{--bg:#000;--panel:#050505;--panel-2:#090909;--line:#202020;--text:#f7fbff;--muted:#a8b0b8;--soft:#9eeeff;--dim:#737d86}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Inter,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 20% 0%,#062332 0,#000 34%),#000;overflow-x:hidden}body:before{content:"";position:fixed;inset:-35%;z-index:-1;background:linear-gradient(115deg,transparent 0 42%,rgba(158,238,255,.08) 48%,transparent 55% 100%);animation:ambientSweep 12s ease-in-out infinite;pointer-events:none}a{text-decoration:none;color:inherit}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #151515;animation:fadeDown .65s ease both}.logo{display:flex;align-items:center;gap:12px;font-weight:900}.logo img{width:auto;height:48px;max-width:180px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(158,238,255,.14));transition:transform .25s ease,filter .25s ease}.logo:hover img{transform:scale(1.04);filter:drop-shadow(0 0 24px rgba(158,238,255,.26))}.links{display:flex;align-items:center;gap:24px;color:#b8c2cc;font-size:15px;font-weight:700}.links a{position:relative;transition:color .2s ease}.links a:not(.btn):after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:1px;background:#fff;transform:scaleX(0);transform-origin:left;transition:transform .22s ease}.links a:hover,.links a.active{color:#fff}.links a:hover:after,.links a.active:after{transform:scaleX(1)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #fff;border-radius:8px;padding:13px 19px;background:#fff;color:#000;font:inherit;font-weight:850;cursor:pointer;transition:transform .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 35%,rgba(255,255,255,.65) 48%,transparent 62% 100%);transform:translateX(-120%);transition:transform .55s ease}.btn:hover{transform:translateY(-3px);background:var(--soft);border-color:var(--soft);box-shadow:0 16px 45px rgba(158,238,255,.14)}.btn:hover:before{transform:translateX(120%)}.btn.ghost{background:#000;color:#fff;border-color:#343434}.btn.ghost:hover{border-color:#fff}.hero{min-height:680px;display:grid;grid-template-columns:1.02fr .98fr;gap:56px;align-items:center}.hero>div:first-child,.page-hero{animation:fadeUp .75s ease both}.hero .panel{animation:floatIn .85s .1s ease both}.page-hero{padding:86px 0 58px;border-bottom:1px solid #111}.eyebrow{display:inline-flex;border:1px solid #2a2a2a;border-radius:99px;padding:8px 12px;color:#b8c2cc;background:rgba(255,255,255,.02);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3{font-family:"Space Grotesk",Manrope,Arial,sans-serif}h1{margin:22px 0 20px;font-size:clamp(46px,7vw,82px);line-height:.96;letter-spacing:0}.hero p,.page-hero p{max-width:680px;color:var(--muted);font-size:19px;line-height:1.7}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.panel{border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#080808,#020202);box-shadow:0 30px 90px #000;padding:22px;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.panel:hover{transform:translateY(-6px);border-color:#3a3a3a;box-shadow:0 35px 100px #000,0 0 40px rgba(158,238,255,.06)}.screen{border:1px solid #1d1d1d;border-radius:8px;background:#030303;overflow:hidden}.bar{height:42px;display:flex;align-items:center;gap:8px;padding:0 14px;border-bottom:1px solid #1d1d1d}.dot{width:10px;height:10px;border-radius:50%;background:#333}.dot:nth-child(1){animation:pulseDot 1.8s infinite}.dot:nth-child(2){animation:pulseDot 1.8s .25s infinite}.dot:nth-child(3){animation:pulseDot 1.8s .5s infinite}.dash{padding:20px}.metric{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:13px;padding:15px;border:1px solid #191919;border-radius:8px;background:#080808;transition:transform .22s ease,border-color .22s ease}.metric:hover{transform:translateX(4px);border-color:#343434}.metric strong{font-family:"Space Grotesk",Manrope,Arial,sans-serif;font-size:28px}.metric span,.metric small{color:#8c98a3}.code{margin-top:18px;padding:18px;border:1px solid #191919;border-radius:8px;color:var(--soft);background:#000;font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;font-size:14px;line-height:1.8}.section{padding:82px 0;border-top:1px solid #111}.section h2{margin:0 0 12px;text-align:center;font-size:40px;letter-spacing:0}.sub{max-width:680px;margin:0 auto 38px;text-align:center;color:#97a1ab;line-height:1.7}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid.two{grid-template-columns:1.25fr .75fr}.card{border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#070707,#030303);padding:26px;animation:fadeUp .7s ease both;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.featured-product{border-color:#3b3b3b;background:linear-gradient(180deg,#061a22,#030303)}.card:nth-child(2){animation-delay:.08s}.card:nth-child(3){animation-delay:.16s}.card:nth-child(4){animation-delay:.24s}.card:nth-child(5){animation-delay:.32s}.card:nth-child(6){animation-delay:.4s}.card:hover{transform:translateY(-7px);border-color:#3b3b3b;box-shadow:0 22px 70px rgba(0,0,0,.8),0 0 34px rgba(158,238,255,.05)}.card h3{margin:0 0 10px;font-size:22px}.card p{margin:0;color:#9aa5af;line-height:1.65}.chip{display:inline-flex;margin-bottom:18px;padding:8px 10px;border:1px solid #252525;border-radius:99px;color:var(--soft);background:#03141b;font-size:13px;font-weight:800}.price{display:flex;align-items:end;gap:8px;margin:18px 0}.price strong{font-family:"Space Grotesk",Manrope,Arial,sans-serif;font-size:42px}.price span{color:#8f99a3;padding-bottom:8px}.list{display:grid;gap:11px;margin:22px 0;color:#c8d0d8}.list div{display:flex;gap:10px}.list div:before{content:"";width:7px;height:7px;margin-top:8px;border-radius:50%;background:#fff;flex:0 0 auto;box-shadow:0 0 12px rgba(158,238,255,.35)}.contact-box{display:grid;gap:14px;max-width:720px;animation:fadeUp .7s ease both}.field{border:1px solid var(--line);border-radius:8px;background:#050505;padding:18px;color:var(--text);font:inherit;outline:0;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.field:focus{border-color:#9eeeff;box-shadow:0 0 0 4px rgba(158,238,255,.08);transform:translateY(-1px)}.field::placeholder{color:var(--dim)}textarea.field{min-height:150px;resize:vertical}footer{padding:34px 0;border-top:1px solid #111;color:#808a94;text-align:center}#toast{position:fixed;right:24px;bottom:24px;max-width:320px;border:1px solid #343434;border-radius:8px;background:#050505;color:#fff;padding:16px 18px;box-shadow:0 20px 60px #000;opacity:0;transform:translateY(12px);transition:.24s}#toast.show{opacity:1;transform:none}@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes fadeDown{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}@keyframes floatIn{from{opacity:0;transform:translateY(28px) scale(.98)}to{opacity:1;transform:none}}@keyframes ambientSweep{0%,100%{transform:translateX(-18%) rotate(0deg);opacity:.45}50%{transform:translateX(18%) rotate(4deg);opacity:.75}}@keyframes pulseDot{0%,100%{background:#333;box-shadow:none}50%{background:#9eeeff;box-shadow:0 0 14px rgba(158,238,255,.35)}}@media(max-width:820px){.links a:not(.btn){display:none}.hero{grid-template-columns:1fr;min-height:auto;padding:56px 0}.grid,.grid.two{grid-template-columns:1fr}.section h2{text-align:left}.sub{text-align:left;margin-left:0}.logo img{height:42px}.panel{padding:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}