*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#020914;color:#eefaff;font-family:Arial,Helvetica,sans-serif}
a{text-decoration:none;color:inherit}
.container{width:min(1480px,94%);margin:auto}
.header{position:sticky;top:0;z-index:100;background:rgba(2,9,20,.94);border-bottom:1px solid #0aaeff88;backdrop-filter:blur(14px)}
.nav{min-height:72px;display:flex;align-items:center;gap:18px}
.brand img{display:block;width:265px;height:auto}
.navlinks{display:flex;align-items:center;gap:2px;margin-left:auto}
.navlinks a{font-size:11px;font-weight:800;padding:12px 10px;border:1px solid transparent;border-radius:8px;white-space:nowrap}
.navlinks a:hover,.navlinks .active{border-color:#00dfff;background:#06233d;color:#58edff;box-shadow:0 0 14px #00cfff35}
.support{padding:11px 15px;border:1px solid #0bdcff;border-radius:9px;color:#63efff;font-size:11px;font-weight:900;box-shadow:0 0 15px #00bfff30}
.hamb{display:none;background:none;color:#fff;border:1px solid #19dfff;border-radius:7px;padding:8px;font-size:20px}
.hero{position:relative;overflow:hidden;min-height:555px;border-bottom:1px solid #00dfff;background:radial-gradient(circle at 62% 45%,#075da5 0,#031e3b 24%,#020914 68%)}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#00bfff18 1px,transparent 1px),linear-gradient(90deg,#00bfff18 1px,transparent 1px);background-size:55px 55px;transform:perspective(500px) rotateX(55deg) scale(1.8);transform-origin:center bottom;opacity:.35}
.hero-content{position:relative;display:grid;grid-template-columns:38% 62%;min-height:555px;align-items:center}
.hero-copy{z-index:4;padding:35px 0}
.eyebrow,.hero-big{font-size:43px;font-weight:900;font-style:italic;line-height:.98;letter-spacing:-1px}
.eyebrow{color:#f3fbff}.hero-big{color:#21e7ff;text-shadow:0 0 22px #00cfff65}.hero-future{font-size:28px;font-weight:900;font-style:italic;margin:9px 0 18px;letter-spacing:4px}
.hero-copy p{max-width:470px;line-height:1.55;font-size:16px;color:#e0edf5}
.actions{display:flex;gap:13px;margin-top:23px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:13px 22px;border-radius:9px;border:1px solid #4beaff;background:linear-gradient(100deg,#087ed1,#06a8ef);color:#fff;font-weight:900;font-size:12px;box-shadow:0 0 18px #00bfff45}
.btn.ghost{background:#03172a}.btn:hover{transform:translateY(-1px);filter:brightness(1.1)}
.hero-art{height:100%;min-height:520px;position:relative}
.orb{position:absolute;width:390px;height:390px;border-radius:50%;left:42%;top:9%;background:radial-gradient(circle,#31eaff66 0,transparent 63%);border:2px solid #1de5ff77;box-shadow:0 0 80px #00bfff55,inset 0 0 50px #00bfff33}
.orb:before,.orb:after{content:"";position:absolute;border:1px solid #28dcff99;border-radius:50%;inset:45px;transform:rotate(35deg) scaleX(1.35)}.orb:after{inset:75px;transform:rotate(-35deg) scaleX(1.35)}
.human,.robot{position:absolute;bottom:0;width:270px;height:430px}.human{left:12%;}.robot{right:5%}
.head,.robot-head{position:absolute;width:115px;height:145px;border-radius:48% 48% 44% 44%;top:25px;background:linear-gradient(130deg,#152a3c,#d9eff9 70%,#2d6f91);box-shadow:0 0 30px #13dfff35}
.head:after{content:"";position:absolute;inset:35px 15px 35px 50px;border-left:4px solid #0a1825;transform:skewY(-10deg)}
.body-shape,.robot-body{position:absolute;bottom:0;left:0;width:255px;height:310px;border-radius:45% 45% 0 0;background:linear-gradient(145deg,#071321,#154e72,#071321);border:1px solid #25ddff66}
.robot-head{right:10px;background:linear-gradient(120deg,#dff7ff,#6b9caf 60%,#0b1e2c);border:2px solid #2fe7ff}
.robot-head:after{content:"";position:absolute;left:20px;right:20px;top:60px;height:15px;border-radius:20px;background:#08e6ff;box-shadow:0 0 18px #08e6ff}
.robot-body{right:0;left:auto;background:linear-gradient(140deg,#d7eaf1,#466a7b 50%,#0b1e2c);border-color:#45eaff}
.spark{position:absolute;left:51%;top:45%;font-size:55px;color:#fff;text-shadow:0 0 35px #00efff;z-index:5}
.side-points{position:absolute;right:0;top:115px;display:grid;gap:11px;z-index:6}.side-points span{border:1px solid #11dfff;border-radius:24px;padding:12px 18px;background:#03172bd9;font-size:11px;font-weight:900;min-width:155px;color:#e9faff}
.section{padding:35px 0}.section-title{text-align:center;margin-bottom:22px}.section-title.left{text-align:left}.section-title h2{font-size:29px;margin:0 0 5px}.section-title p{margin:0;color:#a9d5e6}.services{display:grid;grid-template-columns:repeat(8,1fr);gap:13px}
.service{overflow:hidden;background:linear-gradient(180deg,#06223e,#03101e);border:1px solid #0bdcff;border-radius:11px;box-shadow:inset 0 0 20px #00aaff15}.service-art{height:135px;display:grid;place-items:center;background:radial-gradient(circle,#087dca55,transparent 65%),#031a30;border-bottom:1px solid #0bdcff55}.service-icon{font-size:60px;color:#1feaff;text-shadow:0 0 24px #00cfff;filter:drop-shadow(0 0 8px #00bfff)}
.service-body{text-align:center;padding:11px}.service-body h3{font-size:12px;min-height:30px;margin:0 0 7px}.service-body p{font-size:10.5px;line-height:1.4;color:#cbe5ef;min-height:58px;margin:0 0 9px}.mini-btn{display:inline-block;padding:7px 15px;border-radius:18px;background:#0797d6;border:1px solid #43eaff;font-size:10px;font-weight:900}
.promo-section{padding:0 0 25px}.four-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.wide-card{display:flex;align-items:center;gap:13px;min-height:115px;padding:12px;border:1px solid #0bdcff;border-radius:10px;background:linear-gradient(100deg,#031a2e,#05294a)}.wide-art{width:125px;height:90px;display:grid;place-items:center;font-size:55px;color:#36eaff;text-shadow:0 0 25px #00cfff;flex:none}.wide-card h3{color:#45eaff;margin:0 0 8px;font-size:16px}.wide-card p{font-size:11px;line-height:1.4;color:#d0e8f0;margin:0 0 9px}
.why{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #0a4567;border-radius:10px;overflow:hidden}.why div{padding:22px;text-align:center;background:#031525;border-right:1px solid #0a4567}.why div:last-child{border:0}.why b{display:block;color:#24e8ff;font-size:30px;text-shadow:0 0 15px #00cfff}.why strong,.why span{display:block}.why strong{margin:6px 0;font-size:13px}.why span{font-size:10px;color:#9ec8d9}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.plan{background:#061a2e;border:1px solid #0bdcff;border-radius:12px;padding:25px;text-align:center}.plan h3{color:#49eaff}.price{font-size:26px;font-weight:900}.plan ul{padding:0;list-style:none;line-height:1.9;color:#c9e6f0;font-size:13px;margin:20px 0}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-info,.contact-form{padding:25px;background:#04172a;border:1px solid #0bdcff;border-radius:13px}.contact-line{margin:14px 0;color:#3ceaff}.contact-line span{color:#d9edf4;margin-left:8px}.whatsapp{margin-top:12px;background:#08b95c;border-color:#49ff9c}
input,textarea{width:100%;padding:13px;margin:6px 0 10px;background:#020b16;color:#fff;border:1px solid #205878;border-radius:7px;font:inherit}textarea{min-height:125px;resize:vertical}
.footer{border-top:1px solid #0bdcff;padding:32px 0 12px;background:#020a16}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:20px}.footer-logo{width:210px}.footer h3{color:#46eaff;font-size:14px}.footer p{font-size:12px;line-height:1.7;color:#b8d6e2}.copyright{text-align:center;border-top:1px solid #0a2940;margin-top:20px;padding-top:12px;color:#7695a5;font-size:10px}
.floating-wa{position:fixed;right:22px;bottom:20px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#14d66a;color:#fff;font-size:30px;z-index:90;box-shadow:0 0 28px #00ff7788}
.simple-page{min-height:100vh;display:grid;place-items:center;background:#020914}.simple-card{width:min(500px,92%);text-align:center;padding:35px;border:1px solid #0bdcff;border-radius:16px;background:#06182b}.simple-logo{width:240px}.simple-card h1{color:#48eaff}
@media(max-width:1200px){.services{grid-template-columns:repeat(4,1fr)}.hero-content{grid-template-columns:43% 57%}.navlinks a{font-size:9px;padding:10px 6px}.support{display:none}}
@media(max-width:800px){.nav{min-height:65px}.brand img{width:210px}.hamb{display:block;margin-left:auto}.navlinks{display:none;position:absolute;top:65px;left:0;right:0;padding:12px;background:#020914f5;border-bottom:1px solid #0bdcff;flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.navlinks a{text-align:center}.hero{min-height:670px}.hero-content{display:block}.hero-copy{padding-top:55px}.hero-art{min-height:330px;height:330px}.orb{width:270px;height:270px;left:25%;top:5%}.human,.robot{transform:scale(.62);transform-origin:bottom}.human{left:2%}.robot{right:-2%}.side-points{display:none}.spark{left:49%;top:44%}.services{grid-template-columns:repeat(2,1fr)}.four-cards,.plans,.contact-grid,.footer-grid{grid-template-columns:1fr}.why{grid-template-columns:1fr 1fr}.why div{border-bottom:1px solid #0a4567}.hero-big,.eyebrow{font-size:35px}.hero-future{font-size:21px}}
@media(max-width:480px){.container{width:92%}.services{grid-template-columns:1fr}.hero-copy p{font-size:14px}.actions{flex-direction:column}.btn{width:100%}.why{grid-template-columns:1fr}.wide-card{min-height:100px}.wide-art{width:90px}}