:root{--bg:#030814;--panel:#0b1324;--card:#121e32;--card2:#17263d;--cyan:#00e5ff;--blue:#168cff;--violet:#8b2dff;--pink:#ff2bd6;--text:#f3fbff;--muted:#a9b8ca;--line:#27405e;--glow:#00cfff88}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--text);background:var(--bg);margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;overflow:hidden}button,input,select,textarea{font:inherit}.animated-bg{z-index:-3;background:radial-gradient(circle at 15% 10%,#0ba9ff44,#0000 22%),radial-gradient(circle at 74% 32%,#8b2dff33,#0000 20%),linear-gradient(135deg,#081528,#020712 64%,#000);position:fixed;inset:0;overflow:hidden}.animated-bg:before{content:"";background-color:#0000;background-image:linear-gradient(90deg,#00e5ff10 1px,#0000 1px),linear-gradient(#00e5ff0b 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:58px 58px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;animation:18s linear infinite gridMove;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0 42%,#0000 78%);mask-image:radial-gradient(circle,#000 0 42%,#0000 78%)}.animated-bg span{filter:blur(70px);opacity:.28;border-radius:50%;width:32vw;height:32vw;animation:10s ease-in-out infinite float;position:absolute}.animated-bg span:first-child{background:var(--cyan);top:62%;left:8%}.animated-bg span:nth-child(2){background:var(--violet);animation-delay:-3s;top:12%;right:6%}.animated-bg span:nth-child(3){background:var(--blue);animation-delay:-6s;top:35%;left:45%}.animated-bg span:nth-child(4){background:var(--pink);animation-delay:-8s;bottom:0;right:26%}@keyframes float{50%{transform:translate(30px,-45px)scale(1.15)}}@keyframes gridMove{to{background-position:58px 58px}}.topbar{z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#061020c9;border:1px solid #2d4565;border-radius:22px;justify-content:space-between;align-items:center;width:min(1180px,94vw);padding:12px 14px;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 18px 55px #0008,0 0 35px #00cfff18}.brand{color:#fff;text-align:left;letter-spacing:.2px;cursor:pointer;background:0 0;border:0;font-size:22px;font-weight:950}.brand span,span{color:var(--cyan)}.brand small{color:#7bdcff;text-transform:uppercase;letter-spacing:.18em;margin-top:2px;font-size:10px;display:block}.topbar nav{gap:6px;display:flex}.topbar nav button{color:#c7d7e8;cursor:pointer;background:0 0;border:0;border-radius:14px;padding:10px 12px;font-weight:800;transition:all .25s}.topbar nav button:hover,.topbar nav button.active{color:#fff;background:linear-gradient(135deg,#142640,#0d96ff66);box-shadow:0 0 22px #00cfff24}.hamb{color:#fff;cursor:pointer;background:#12223a;border:0;border-radius:14px;padding:10px;display:none}main{height:100%;padding:94px 0 24px}.page-frame{border:1px solid var(--line);background:linear-gradient(135deg,#101b2eeb,#080f1ceb 74%);border-radius:28px;width:min(1160px,94vw);height:calc(100vh - 118px);margin:auto;position:relative;overflow:hidden;box-shadow:0 26px 80px #000b,inset 0 0 90px #00cfff10}.page-frame:before{content:"";pointer-events:none;background:conic-gradient(from 90deg,#0000,#00e5ff22,#0000,#8b2dff22,#0000);animation:12s linear infinite spin;position:absolute;inset:-30%}.page-frame:after{content:"";background:linear-gradient(var(--cyan),var(--blue));width:7px;height:110px;box-shadow:0 0 24px var(--cyan);border-radius:18px;animation:4s ease-in-out infinite scan;position:absolute;top:0;right:0}@keyframes spin{to{rotate:360deg}}@keyframes scan{50%{top:calc(100% - 110px)}}.page-scroll{z-index:2;scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--cyan) #10192a;height:100%;padding-left:148px;position:relative;overflow-y:auto}.page-scroll::-webkit-scrollbar{width:9px}.page-scroll::-webkit-scrollbar-track{background:#0d1726}.page-scroll::-webkit-scrollbar-thumb{background:linear-gradient(var(--cyan),var(--blue));border-radius:10px}.screen{scroll-snap-align:start;flex-direction:column;justify-content:center;min-height:100%;padding:64px 72px 62px 28px;display:flex}.side-dock{z-index:8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#132338c9;border:1px solid #2b4a69;border-radius:36px;flex-direction:column;align-items:center;gap:13px;padding:17px 13px;display:flex;position:absolute;top:50%;left:46px;translate:0 -50%;box-shadow:0 0 28px #00bfff70,inset 0 0 22px #00cfff16}.side-dock button{color:#8ea6bd;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:42px;height:42px;transition:all .28s;display:grid}.side-dock button:hover,.side-dock button.active{color:#fff;background:linear-gradient(135deg,var(--blue),var(--cyan));box-shadow:0 0 22px var(--glow);transform:translateY(-2px)}.dock-line{background:#28435e;width:28px;height:1px}.page-up{z-index:10;color:#fff;background:linear-gradient(135deg,var(--blue),var(--cyan));width:44px;height:44px;box-shadow:0 0 26px var(--glow);cursor:pointer;border:0;border-radius:50%;position:absolute;bottom:18px;right:20px}.eyebrow{color:var(--cyan);text-align:center;text-transform:uppercase;letter-spacing:.12em;margin:0 0 12px;font-weight:950}.hero-screen{text-align:center;align-items:center}.holo-avatar{color:#dffbff;background:radial-gradient(circle at 40% 25%,#1ddfff60,#0000 30%),linear-gradient(135deg,#152942,#081222);border:2px solid #00e5ff80;border-radius:50%;place-items:center;width:150px;height:150px;margin:0 auto 20px;display:grid;position:relative;box-shadow:0 0 45px #00e5ff88,inset 0 0 32px #00e5ff1c}.holo-avatar span{border:1px solid #00e5ff44;border-radius:50%;animation:2.6s ease-out infinite pulse;position:absolute;inset:-18px}.holo-avatar span:nth-child(2){animation-delay:1.3s}@keyframes pulse{to{opacity:0;scale:1.35}}h1,h2{text-align:center;letter-spacing:-.04em;margin:0;line-height:1.03}h1{max-width:920px;font-size:clamp(38px,6vw,74px)}h2{font-size:clamp(32px,4.2vw,54px)}.lead,.section-copy{text-align:center;max-width:780px;color:var(--muted);margin:22px auto 0;font-size:18px;line-height:1.75}p{color:var(--muted);line-height:1.7}.actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:28px;display:flex}.actions button,.estimate-panel button,form button,.blog-card button{color:#fff;background:linear-gradient(135deg,var(--blue),var(--cyan));cursor:pointer;border:0;border-radius:999px;align-items:center;gap:9px;padding:15px 23px;font-weight:950;display:inline-flex;box-shadow:0 0 25px #009dff55}.actions .ghost,.blog-card button{box-shadow:none;background:#121f33;border:1px solid #3a5879}.orbit-stage{perspective:800px;justify-content:center;gap:24px;margin-top:38px;display:flex}.tech-orb{color:#9df5ff;background:#151d3b;border:1px solid #345b82;border-radius:50%;place-items:center;width:106px;height:106px;animation:4s ease-in-out infinite bob;display:grid;box-shadow:0 0 34px #00bfff65}.tech-orb:nth-child(2){animation-delay:-1s}.tech-orb:nth-child(3){animation-delay:-2s}.tech-orb small{color:#fff;margin-top:-18px;font-weight:900}@keyframes bob{50%{transform:translateY(-14px)rotateY(18deg)}}.metric-grid,.card-grid,.blog-grid,.value-grid,.timeline{gap:18px;margin-top:34px;display:grid}.metric-grid{grid-template-columns:repeat(3,1fr)}.metric,.glass-card,.blog-card,.quote-lab,form,.contact-card,.flow-card,.showcase,.timeline div,.value-grid span{border:1px solid var(--line);background:linear-gradient(145deg,#17263bcc,#0f1b2dcc);border-radius:20px;padding:22px;box-shadow:0 14px 36px #0005,inset 0 0 30px #00e5ff0b}.metric strong{color:var(--cyan);font-size:42px;display:block}.metric span{color:#d8eaff;font-weight:800}.flow-card{align-items:center;gap:20px;max-width:820px;margin:26px auto 0;display:flex}.flow-card svg{color:var(--cyan);min-width:48px}.split-screen{grid-template-columns:1fr 1.25fr;align-items:center;gap:38px;display:grid}.cyber-object{color:#b2f7ff;place-items:center;min-height:360px;display:grid;position:relative}.cyber-object>.tech-orb{width:92px;height:92px;position:absolute}.cyber-object>.tech-orb:nth-child(2){top:12%;left:6%}.cyber-object>.tech-orb:nth-child(3){bottom:12%;right:6%}.card-grid{grid-template-columns:repeat(3,1fr)}.glass-card{min-height:230px;transition:all .35s;position:relative;overflow:hidden}.glass-card:before{content:"";background:linear-gradient(120deg,#0000,#00e5ff12,#0000);transition:all .5s;position:absolute;inset:0;transform:translate(-100%)}.glass-card:hover{border-color:#00e5ff7d;transform:translateY(-8px);box-shadow:0 18px 45px #00bfff28}.glass-card:hover:before{transform:translate(100%)}.glass-card svg{color:var(--cyan)}.glass-card h3,.blog-card h3{margin:16px 0 8px;font-size:22px}.tags{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.tags small{color:#91f3ff;background:#143f54;border-radius:999px;padding:7px 10px;font-weight:900}.check{position:absolute;bottom:18px;right:18px;color:#63ffbd!important}.value-grid{grid-template-columns:repeat(3,1fr)}.value-grid span{text-align:center;color:#e9f8ff;font-weight:950}.timeline{grid-template-columns:repeat(6,1fr)}.timeline div{text-align:center}.timeline b{color:var(--cyan);font-size:24px;display:block}.showcase{grid-template-columns:1fr 1fr;align-items:center;gap:34px;display:grid}.device{background:linear-gradient(135deg,#0c1728,#1b2d49);border:1px solid #3c6388;border-radius:30px;height:330px;position:relative;overflow:hidden;box-shadow:inset 0 0 50px #00e5ff17,0 0 50px #00cfff28}.device span{background:linear-gradient(135deg,#00e5ff,#168cff);border-radius:18px;position:absolute;box-shadow:0 0 28px #00cfff80}.device span:first-child{width:70%;height:55px;top:42px;left:40px}.device span:nth-child(2){width:42%;height:145px;top:125px;left:40px}.device span:nth-child(3){background:linear-gradient(135deg,#8b2dff,#ff2bd6);width:32%;height:145px;top:125px;right:38px}.blog-grid{grid-template-columns:repeat(2,1fr)}.blog-card small{color:var(--cyan);font-weight:950}.blog-card button{margin-top:8px}.quote-lab{grid-template-columns:1.25fr .8fr;gap:24px;margin-top:34px;display:grid}.quote-controls{gap:17px;display:grid}.quote-controls label,form label{color:#d9eaff;gap:8px;font-weight:850;display:grid}input,select,textarea{color:#fff;background:#22324a;border:1px solid #314b69;border-radius:13px;outline:none;width:100%;padding:14px 15px}input:focus,select:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #00e5ff1c}input[type=range]{accent-color:var(--cyan)}.feature-pills{flex-wrap:wrap;gap:10px;display:flex}.feature-pills button{color:#c5d5e7;cursor:pointer;background:#26364a;border:1px solid #3a536f;border-radius:999px;padding:10px 13px;font-weight:850}.feature-pills button.selected{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;box-shadow:0 0 20px #00cfff44}.estimate-panel{background:radial-gradient(circle at top,#00e5ff35,#0000 38%),#101b2e;border:1px solid #376083;border-radius:22px;padding:26px}.estimate-panel span{color:#bdd3e8;font-weight:950}.estimate-panel strong{letter-spacing:-.05em;margin:8px 0 14px;font-size:clamp(38px,4vw,56px);display:block}.contact-grid{grid-template-columns:1.2fr .8fr;gap:24px;margin-top:32px;display:grid}form{gap:14px;display:grid}textarea{resize:vertical;min-height:130px}.contact-card{flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;display:flex}.contact-card svg{color:var(--cyan)}.contact-card a{color:#8df2ff;font-weight:900;text-decoration:none}.mobile-tab-name{display:none}.reveal{opacity:0;filter:blur(8px);transition:opacity .7s,transform .7s,filter .7s;transform:translateY(36px)scale(.985)}.reveal.visible{opacity:1;filter:blur();transform:translateY(0)scale(1)}@media (width<=980px){body{overflow:auto}.topbar{top:10px}.topbar nav{background:#061020f5;border:1px solid #2d4565;border-radius:18px;flex-direction:column;padding:12px;display:none;position:absolute;top:66px;left:0;right:0}.topbar nav.open{display:flex}.hamb{display:grid}.brand{font-size:18px}main{height:auto;padding:86px 0 18px}.page-frame{width:94vw;height:calc(100vh - 104px)}.page-scroll{padding-top:86px;padding-left:0}.screen{min-height:calc(100vh - 190px);padding:34px 22px 48px}.side-dock{border-radius:28px;flex-direction:row;max-width:88%;padding:10px;top:18px;left:50%;overflow:auto;translate:-50%}.side-dock button{width:38px;min-width:38px;height:38px}.dock-line{width:1px;height:24px}.split-screen,.showcase,.quote-lab,.contact-grid,.card-grid,.metric-grid,.value-grid,.blog-grid{grid-template-columns:1fr}.timeline{grid-template-columns:repeat(2,1fr)}.cyber-object{min-height:230px}.cyber-object>.tech-orb{display:none}.orbit-stage{gap:10px}.tech-orb{width:82px;height:82px}.flow-card{align-items:flex-start}.mobile-tab-name{z-index:50;color:#dffbff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#081528d9;border:1px solid #294a68;border-radius:999px;align-items:center;gap:7px;padding:9px 13px;font-weight:900;display:flex;position:fixed;bottom:14px;left:16px}}@media (width<=520px){.topbar{width:94vw}.page-frame{border-radius:20px}.side-dock{gap:6px}.side-dock button{width:34px;min-width:34px;height:34px}.holo-avatar{width:120px;height:120px}.actions{flex-direction:column}.actions button{justify-content:center;width:100%}.timeline{grid-template-columns:1fr}.estimate-panel strong{font-size:36px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}.reveal{opacity:1;filter:none;transition:none;transform:none}}