@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--navy:#06121d;--navy2:#0a2232;--blue:#19c9ff;--gold:#f4c75b;--text:#edf5fa;--muted:#9eb2bf;--line:rgba(255,255,255,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#132330;font-family:Inter,Arial,sans-serif;line-height:1.6}.container{width:min(1160px,92%);margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(4,15,24,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.brand img{width:185px;height:68px;object-fit:contain}.site-header nav{display:flex;gap:27px;align-items:center}.site-header nav a{color:#e9f5fa;text-decoration:none;font-size:14px;font-weight:700}.nav-cta{border:1px solid var(--gold);padding:10px 17px;border-radius:999px;color:var(--gold)!important}.menu-toggle{display:none;background:none;border:0;color:white;font-size:28px}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 25%,#123b50 0,#071825 40%,#030c14 100%);color:white;padding:90px 0 75px}.hero:after{content:"";position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(35,205,255,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(35,205,255,.35) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to right,black,transparent 75%)}.hero-glow{position:absolute;width:500px;height:500px;border-radius:50%;right:-150px;top:-150px;background:rgba(25,201,255,.15);filter:blur(50px)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}.eyebrow{display:inline-block;color:var(--gold);font-size:12px;font-weight:900;letter-spacing:2.2px;margin-bottom:12px}.hero h1{font-size:clamp(44px,6vw,76px);line-height:1.02;margin:0 0 22px;letter-spacing:-3px}.hero h1 span,h2 span{color:var(--blue)}.hero p{font-size:19px;color:#c2d1d9;max-width:680px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin:30px 0}.button{display:inline-block;padding:14px 22px;border-radius:9px;text-decoration:none;font-weight:800;border:1px solid transparent;cursor:pointer;font:inherit}.primary{background:var(--blue);color:#03111a}.secondary{border-color:rgba(255,255,255,.35);color:white;background:transparent}.gold{background:var(--gold);color:#111}.trust-row{display:flex;gap:18px;flex-wrap:wrap;color:#9bb0bc;font-size:12px}.hero-logo{display:flex;justify-content:center}.hero-logo img{width:min(100%,570px);border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.1)}.section{padding:95px 0}.section-heading{max-width:760px;margin-bottom:42px}.section h2,.feature-section h2,.dark-section h2,.contact-section h2{font-size:clamp(34px,4.3vw,54px);line-height:1.08;letter-spacing:-2px;margin:0 0 18px}.section-heading p{color:#60727d;font-size:18px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{padding:28px;border:1px solid #dbe5ea;border-radius:16px;background:#fff;box-shadow:0 10px 35px rgba(12,37,52,.06);transition:.2s}.card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(12,37,52,.12)}.icon{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:#e9faff;color:#078fbd;font-size:25px;margin-bottom:22px}.card h3{margin:0 0 8px}.card p{color:#687b86;font-size:14px}.card a{color:#087ea5;font-weight:800;text-decoration:none;font-size:14px}.feature-section{background:#eef6f9;padding:95px 0}.feature-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.feature-art{min-height:380px;border-radius:24px;background:radial-gradient(circle,#12465d,#06121d 65%);position:relative;overflow:hidden;border:1px solid #173d50}.chip{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:190px;height:190px;border:8px solid var(--gold);border-radius:25px;background:linear-gradient(145deg,#0a91c1,#06354c);display:grid;place-items:center;box-shadow:0 0 60px rgba(25,201,255,.35)}.chip span{font-weight:900;font-size:32px;color:white}.circuit{position:absolute;border:3px solid var(--blue);width:160px;height:70px;border-left:0;border-bottom:0}.c1{top:45px;left:20px}.c2{right:20px;bottom:45px;transform:rotate(180deg)}.c3{right:0;top:90px;width:100px}.checklist{list-style:none;padding:0;margin:25px 0 30px}.checklist li{margin:11px 0;font-weight:600}.checklist li:before{content:"✓";color:#0aa7d7;font-weight:900;margin-right:12px}.dark-section{background:#06121d;color:white;padding:95px 0}.business-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center}.dark-section p{color:#aabcc6;font-size:18px}.business-points{border:1px solid var(--line);border-radius:18px;overflow:hidden}.business-points div{display:flex;gap:18px;padding:20px;border-bottom:1px solid var(--line)}.business-points div:last-child{border:0}.business-points strong{color:var(--gold)}.business-points span{font-weight:700}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.about-grid p{color:#61737e;font-size:18px}.contact-section{background:linear-gradient(120deg,#081923,#0b2d3f);color:white;padding:85px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.contact-section p{color:#aec0c9;font-size:18px}.phone{font-size:34px;font-weight:900;color:var(--blue);text-decoration:none}.contact-form{display:grid;gap:12px}.contact-form input,.contact-form textarea{width:100%;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);color:white;border-radius:9px;padding:15px;font:inherit;outline:none}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#91a6b1}.contact-form button{width:max-content}footer{background:#030a10;color:#9eb0b9;padding:28px 0}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px}.footer-grid a{color:var(--blue);text-decoration:none}.footer-logo{width:150px;height:55px;object-fit:contain}.menu-toggle{cursor:pointer}@media(max-width:850px){.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:82px;left:0;right:0;background:#06121d;padding:20px;flex-direction:column;align-items:flex-start}.site-header nav.open{display:flex}.hero{padding:55px 0}.hero-grid,.feature-grid,.business-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:40px}.hero-logo{order:-1}.cards{grid-template-columns:1fr 1fr}.hero h1{letter-spacing:-2px}.footer-grid{flex-direction:column;text-align:center}}@media(max-width:520px){.cards{grid-template-columns:1fr}.hero-logo img{border-radius:12px}.section,.feature-section,.dark-section{padding:70px 0}.phone{font-size:28px}}
