
:root{
  --ink:#081827; --muted:#587084; --line:rgba(10,45,75,.13); --blue:#0a5cff; --cyan:#45c7ff; --sky:#eaf7ff; --cream:#fffaf0; --glass:rgba(255,255,255,.72); --shadow:0 24px 70px rgba(17,53,86,.14); --shadow2:0 12px 38px rgba(17,53,86,.10); --radius:28px; --max:1180px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:radial-gradient(circle at 10% 0%,#f4fbff 0,#fff 32%,#fbf7ec 100%);line-height:1.6;overflow-x:hidden} a{color:inherit;text-decoration:none} img{max-width:100%}.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:#fff;padding:10px 14px;border-radius:12px;box-shadow:var(--shadow);z-index:999}
.header{position:sticky;top:0;z-index:50;backdrop-filter:blur(18px);background:rgba(255,255,255,.76);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;height:78px}.brand{display:flex;align-items:center;gap:12px;font-weight:760;letter-spacing:-.03em}.mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#f8fdff,#b6e6ff);display:grid;place-items:center;box-shadow:0 12px 30px rgba(58,161,255,.18)}.brand small{display:block;font-size:12px;color:var(--muted);font-weight:650;letter-spacing:.08em;text-transform:uppercase}.links{display:flex;gap:2px;align-items:center}.links a{padding:10px 12px;border-radius:999px;font-size:14px;color:#24394b}.links a:hover,.links a.active{background:#f0f8ff;color:#052e58}.cta{display:inline-flex;align-items:center;gap:9px;background:linear-gradient(135deg,#09243c,#0a5cff);color:#fff!important;border-radius:999px;padding:12px 18px;font-weight:740;box-shadow:0 18px 38px rgba(10,92,255,.22)}.mobile{display:none;border:1px solid var(--line);background:#fff;border-radius:14px;padding:10px 12px}.mobile-panel{display:none;padding:0 24px 20px}.mobile-panel.open{display:block}.mobile-panel a{display:block;padding:12px;border-radius:14px}.hero{position:relative;padding:86px 0 56px;min-height:680px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line);background:rgba(255,255,255,.65);padding:8px 12px;border-radius:999px;color:#31536b;font-size:13px;font-weight:720}.dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 7px rgba(69,199,255,.16)}h1{font-size:clamp(44px,6vw,84px);line-height:.96;letter-spacing:-.075em;margin:20px 0 22px}.lead{font-size:clamp(18px,2vw,22px);color:#3f596c;max-width:660px}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:14px 20px;font-weight:760;border:1px solid var(--line);background:#fff;box-shadow:0 10px 25px rgba(15,41,64,.06)}.btn.primary{background:linear-gradient(135deg,#06182a,#0d63ff);color:#fff;border-color:transparent}.btn:hover{transform:translateY(-2px);transition:.25s}.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}.trust div{background:rgba(255,255,255,.62);border:1px solid var(--line);border-radius:18px;padding:15px}.trust strong{display:block;font-size:22px;letter-spacing:-.04em}.trust span{font-size:13px;color:var(--muted)}.scene{perspective:1200px;min-height:520px;position:relative}.card3d{position:absolute;inset:40px 10px auto 20px;min-height:430px;border-radius:42px;background:linear-gradient(150deg,rgba(255,255,255,.88),rgba(232,247,255,.56));border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow);transform:rotateY(-12deg) rotateX(7deg);overflow:hidden;animation:float 6s ease-in-out infinite}.antenna{position:absolute;left:50%;top:74px;width:12px;height:230px;background:linear-gradient(#0b3558,#7dcfff);border-radius:99px;transform:translateX(-50%);box-shadow:0 20px 50px rgba(10,92,255,.22)}.antenna:before,.antenna:after{content:"";position:absolute;left:50%;transform:translateX(-50%);border:2px solid rgba(10,92,255,.35);border-radius:50%;animation:pulse 3s linear infinite}.antenna:before{width:150px;height:150px;top:-45px}.antenna:after{width:250px;height:250px;top:-95px;animation-delay:.9s}.console{position:absolute;left:56px;right:56px;bottom:48px;background:rgba(255,255,255,.82);border:1px solid var(--line);border-radius:28px;padding:20px;box-shadow:var(--shadow2)}.meter{height:12px;border-radius:99px;background:#e9f3fb;overflow:hidden;margin:12px 0}.meter i{display:block;height:100%;width:72%;border-radius:99px;background:linear-gradient(90deg,#7ce2ff,#0a5cff)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{font-size:12px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 10px;color:#3d566b}.orb{position:absolute;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#b6eaff 38%,#0a5cff);right:-6px;top:8px;box-shadow:0 24px 60px rgba(10,92,255,.22);animation:float2 7s ease-in-out infinite}.section{padding:82px 0}.section.alt{background:linear-gradient(180deg,rgba(235,248,255,.58),rgba(255,255,255,.75));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.kicker{color:#0a5cff;font-weight:820;text-transform:uppercase;letter-spacing:.12em;font-size:12px}.h2{font-size:clamp(32px,4vw,58px);line-height:1;letter-spacing:-.06em;margin:8px 0 18px}.intro{font-size:18px;color:#496274;max-width:820px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.grid.two{grid-template-columns:repeat(2,1fr)}.panel{background:rgba(255,255,255,.76);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 14px 40px rgba(15,41,64,.06);position:relative;overflow:hidden}.panel:before{content:"";position:absolute;right:-40px;top:-40px;width:120px;height:120px;border-radius:50%;background:rgba(69,199,255,.10)}.panel h3{font-size:22px;letter-spacing:-.035em;margin:0 0 10px}.panel p,.panel li{color:#526b7d}.icon{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,#f8fdff,#d4f2ff);display:grid;place-items:center;margin-bottom:18px}.band{border-radius:40px;background:linear-gradient(135deg,#071827,#0d5eea 55%,#74d8ff);color:#fff;padding:54px;box-shadow:0 28px 80px rgba(10,92,255,.24);position:relative;overflow:hidden}.band:after{content:"";position:absolute;right:-90px;top:-90px;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.14)}.band h2{font-size:clamp(32px,4.5vw,58px);line-height:1;letter-spacing:-.06em;margin:0 0 14px}.band p{color:#dbeeff;max-width:760px}.steps{counter-reset:step;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px}.step{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow2)}.step:before{counter-increment:step;content:"0" counter(step);display:inline-flex;width:40px;height:40px;border-radius:14px;background:#eef8ff;color:#0a5cff;align-items:center;justify-content:center;font-weight:800;margin-bottom:16px}.page-hero{padding:74px 0 38px}.page-hero h1{max-width:920px}.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:34px;align-items:start}.stickybox{position:sticky;top:110px}.list{padding-left:20px}.list li{margin:10px 0}.contact-card{font-size:17px}.contact-card a{color:#0a5cff;font-weight:750}.form{display:grid;gap:14px}.form input,.form textarea,.form select{width:100%;padding:14px 16px;border-radius:16px;border:1px solid var(--line);font:inherit;background:#fff}.form textarea{min-height:150px}.legal{max-width:920px}.legal h2{margin-top:34px;letter-spacing:-.03em}.legal p,.legal li{color:#40596c}.footer{padding:54px 0;background:#071827;color:#dbeeff}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:26px}.footer a{color:#dbeeff}.foot-links{display:grid;gap:8px}.fine{border-top:1px solid rgba(255,255,255,.12);margin-top:34px;padding-top:20px;color:#9fb8ca;font-size:14px}.reveal{opacity:0;transform:translateY(18px);transition:.7s ease}.reveal.show{opacity:1;transform:none}@keyframes float{0%,100%{transform:rotateY(-12deg) rotateX(7deg) translateY(0)}50%{transform:rotateY(-8deg) rotateX(5deg) translateY(-18px)}}@keyframes float2{0%,100%{transform:translateY(0)}50%{transform:translateY(22px)}}@keyframes pulse{0%{opacity:.7;transform:translateX(-50%) scale(.75)}100%{opacity:0;transform:translateX(-50%) scale(1.25)}}
@media(max-width:920px){.links,.nav .cta{display:none}.mobile{display:block}.hero-grid,.split,.footer-grid{grid-template-columns:1fr}.scene{min-height:460px}.grid,.grid.two,.steps,.trust{grid-template-columns:1fr}.hero{padding-top:52px}.card3d{inset:20px 0 auto 0}.band{padding:32px}.section{padding:58px 0}}
