:root{--cyan:#0fd1c2;--blue:#0873b7;--ink:#061423}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:#f2fbff;font-family:Arial,sans-serif}main{min-height:100vh;overflow:hidden;position:relative;background:radial-gradient(circle at 82% 14%,#0873b733,transparent 32%),linear-gradient(145deg,#071726,#06111c)}.grid{position:absolute;inset:0;opacity:.2;background-image:linear-gradient(#77d2ff18 1px,transparent 1px),linear-gradient(90deg,#77d2ff18 1px,transparent 1px);background-size:52px 52px}.glow{position:fixed;width:450px;height:450px;border-radius:50%;left:calc(var(--x,50vw) - 225px);top:calc(var(--y,40vh) - 225px);background:radial-gradient(circle,#0fd1c224,transparent 68%);pointer-events:none}nav,.hero,.contact,footer{position:relative;z-index:2;max-width:1280px;margin:auto}nav{height:105px;padding:20px 35px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff18}nav img{width:145px;height:64px;object-fit:contain;background:#fff;padding:7px;border-radius:13px}nav button{border:1px solid #ffffff28;background:#ffffff0d;color:#fff;padding:10px 16px;border-radius:999px;cursor:pointer}.hero{min-height:630px;padding:65px 35px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:50px}.status{display:flex;align-items:center;gap:10px;color:#9ab6c5;font-size:11px;letter-spacing:.12em}.status i{width:8px;height:8px;background:#f4b740;border-radius:50%;box-shadow:0 0 0 6px #f4b7401c;animation:pulse 2s infinite}h1{font-size:clamp(50px,6vw,90px);line-height:1;margin:18px 0;letter-spacing:-.05em}h1 span,h1 em{display:block;font-style:normal}h1 em{color:transparent;background:linear-gradient(100deg,#14d7c7,#4dbdf2,#0fd1c2);background-clip:text;-webkit-background-clip:text}.hero p{max-width:660px;color:#a8becb;line-height:1.9;font-size:17px}.chips{display:flex;flex-wrap:wrap;gap:9px}.chips span{padding:10px 13px;border:1px solid #ffffff14;background:#ffffff08;border-radius:11px;color:var(--cyan);font-size:12px}.chips b{color:#c7dbe5}.radar{height:480px;position:relative}.radar>i{position:absolute;border:1px solid #48c1ed33;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.radar>i:nth-child(1){width:180px;height:180px}.radar>i:nth-child(2){width:320px;height:320px;border-style:dashed;animation:spin 20s linear infinite}.radar>i:nth-child(3){width:450px;height:450px}.radar>b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:125px;height:125px;border-radius:35%;display:grid;place-content:center;text-align:center;font-size:42px;background:#0fd1c225;border:1px solid #0fd1c277;box-shadow:0 0 80px #0fd1c233}.radar small{display:block;font-size:8px;color:#8aeee0;letter-spacing:.18em}.contact{margin-bottom:35px;padding:42px;display:grid;grid-template-columns:.75fr 1.25fr;gap:55px;border:1px solid #ffffff16;background:#0a2030cc;border-radius:26px}.contact>div>span{color:var(--cyan);font-size:12px}.contact h2{font-size:42px;margin:12px 0}.contact p,.contact a{color:#8ca6b5;line-height:1.8}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact label{display:grid;gap:8px;color:#9db4c2;font-size:12px}.contact .wide,.contact form>button,.contact #result{grid-column:1/-1}.contact input,.contact textarea{width:100%;border:1px solid #ffffff1a;background:#ffffff09;color:#fff;padding:14px;border-radius:12px;outline:none;font:inherit}.contact input:focus,.contact textarea:focus{border-color:var(--cyan)}.contact button{border:0;border-radius:12px;padding:14px;background:linear-gradient(110deg,var(--cyan),#48bdf1);font-weight:800;cursor:pointer}.contact .honey{position:absolute;left:-9999px}.contact #result{margin:0;color:#bafff5}footer{padding:0 2px 30px;display:flex;justify-content:space-between;color:#5f7c8c;font-size:10px}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes pulse{50%{opacity:.4;box-shadow:0 0 0 10px transparent}}@media(max-width:850px){.hero{grid-template-columns:1fr}.radar{height:360px}.contact{grid-template-columns:1fr;margin-inline:14px}}@media(max-width:550px){nav{padding-inline:18px}.hero{padding:45px 18px}.radar>i:nth-child(3){width:310px;height:310px}.radar>i:nth-child(2){width:235px;height:235px}.contact{padding:25px 18px}.contact form{grid-template-columns:1fr}.contact label,.contact .wide,.contact form>button{grid-column:1}footer{padding-inline:18px;gap:10px;flex-wrap:wrap}}