:root{--b:#0A4D8C;--n:#050f24;--l:#f2f7fd;--a:#00b4ff;--g:linear-gradient(135deg,#0A4D8C,#00b4ff)}*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:16px/1.7 "Segoe UI",system-ui,-apple-system,Roboto,sans-serif;color:#33465c}a{color:var(--b);text-decoration:none}img{max-width:100%;height:auto}h1,h2,h3{color:var(--n);line-height:1.15;letter-spacing:-.02em}h1{font-size:clamp(34px,5.4vw,62px)}h2{font-size:clamp(28px,3.6vw,44px)}
.w{max-width:1180px;margin:auto;padding:0 20px}.narrow{max-width:820px}.c{text-align:center}.sec{padding:96px 0;overflow:hidden}.lt{background:linear-gradient(180deg,var(--l),#fff)}
h2.c::after{content:"";display:block;width:80px;height:5px;margin:16px auto 40px;border-radius:9px;background:var(--g)}
#pr{position:fixed;top:0;left:0;height:4px;background:var(--g);z-index:99}.top{background:var(--g);color:#fff;font-size:14px;text-align:center;padding:7px 10px;font-weight:500}
header{position:sticky;top:0;background:#ffffffd9;backdrop-filter:blur(14px);z-index:50;transition:.3s}header.s{box-shadow:0 8px 32px #0a4d8c2e}.nav{display:flex;align-items:center;justify-content:space-between;height:78px}.nav img{height:48px;width:auto}.nav ul{display:flex;gap:28px;list-style:none;margin:0;padding:0;align-items:center}.nav a{font-weight:600;color:var(--n)}.nav li a:not(.btn):hover{color:var(--a)}.mb{display:none;background:0;border:0;font-size:28px}
.btn{display:inline-block;background:var(--g);color:#fff!important;padding:14px 30px;border-radius:99px;font:600 16px system-ui;border:2px solid transparent;cursor:pointer;transition:.35s;box-shadow:0 8px 24px #0a4d8c40}.btn:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 16px 36px #00b4ff66}.btn.o{background:#fff0;border-color:var(--b);color:var(--b)!important;box-shadow:none}.btn.wt{background:#fff;color:var(--b)!important}
.hero{background:radial-gradient(circle at 80% 20%,#0a6fd0 0,transparent 45%),radial-gradient(circle at 10% 90%,#00b4ff55 0,transparent 40%),var(--n);color:#fff;padding:110px 0 120px;position:relative;overflow:hidden}.hero h1{background:linear-gradient(90deg,#fff 30%,#7fdcff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero p{color:#c9dcf0;font-size:19px}.hero .btn.o{color:#fff!important;border-color:#ffffff88}.g2{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
.grid-bg{position:absolute;inset:0;background-image:linear-gradient(#ffffff10 1px,transparent 1px),linear-gradient(90deg,#ffffff10 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(circle at 60% 40%,#000,transparent 70%);mask-image:radial-gradient(circle at 60% 40%,#000,transparent 70%)}
.bl{position:absolute;border-radius:50%;filter:blur(60px);animation:dr 10s ease-in-out infinite alternate}.b1{width:420px;height:420px;right:-100px;top:-100px;background:#00b4ff66}.b2{width:340px;height:340px;left:-80px;bottom:-80px;background:#0a4d8c99}@keyframes dr{to{transform:translate(40px,30px) scale(1.15)}}
.eye{display:inline-block;background:#ffffff18;border:1px solid #ffffff33;padding:6px 16px;border-radius:99px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:18px;backdrop-filter:blur(6px)}.chips{margin-top:28px}.chips span{display:inline-block;margin:0 8px 8px 0;padding:5px 14px;border-radius:99px;background:#ffffff14;font-size:13px}
.vis{position:relative;min-height:380px}.dev{background:#ffffff12;border:1px solid #ffffff2e;border-radius:22px;backdrop-filter:blur(14px);box-shadow:0 40px 80px #0007;padding:16px;animation:fl 6s ease-in-out infinite}.dev .bar{display:flex;gap:6px;margin-bottom:14px}.dev s{width:11px;height:11px;border-radius:50%;background:#ff6b6b}.dev s:nth-child(2){background:#ffd166}.dev s:nth-child(3){background:#4ade80}
.bd{height:200px;display:flex;align-items:flex-end;gap:14px;padding:0 10px;border-bottom:1px solid #ffffff30}.bd b{flex:1;height:var(--h);background:linear-gradient(#00e0ff,#0a6fd0);border-radius:8px 8px 0 0;animation:gr 1.8s cubic-bezier(.2,.8,.2,1) backwards}.ln{padding-top:16px}.ln i{display:block;height:10px;border-radius:9px;background:#ffffff26;margin-bottom:10px}.ln i:nth-child(2){width:70%}.ln i:nth-child(3){width:45%}@keyframes gr{from{height:0}}
.fc{position:absolute;background:#fff;color:var(--n);font-weight:700;font-size:14px;padding:10px 18px;border-radius:14px;box-shadow:0 16px 40px #0006;animation:fl 5s ease-in-out infinite}.f1{left:-24px;top:40px}.f2{right:-14px;bottom:70px;animation-delay:1.2s}.f3{left:30px;bottom:-26px;animation-delay:2.4s}@keyframes fl{50%{transform:translateY(-14px)}}
.mq{background:var(--n);border-top:1px solid #ffffff18;overflow:hidden;white-space:nowrap;padding:18px 0}.mq div{display:inline-block;animation:mq 35s linear infinite}.mq span{color:#8fb7dd;font-weight:600;font-size:18px;margin:0 28px}.mq span::before{content:"✦";color:var(--a);margin-right:28px}@keyframes mq{to{transform:translateX(-50%)}}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:26px}.grid3{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:26px}.cat{margin:48px 0 20px;font-size:22px;color:var(--b);display:flex;align-items:center;gap:14px}.cat::after{content:"";flex:1;height:2px;background:linear-gradient(90deg,#0a4d8c33,transparent)}
.card{background:#fff;border-radius:22px;padding:30px;border:1px solid #e1ecf7;box-shadow:0 8px 30px #0a4d8c12;transition:transform .35s,box-shadow .35s;display:block;color:#33465c;margin:0;position:relative;overflow:hidden;transform-style:preserve-3d}.card::before{content:"";position:absolute;left:0;top:0;height:4px;width:0;background:var(--g);transition:.5s}.card:hover::before{width:100%}.card:hover{box-shadow:0 24px 50px #0a4d8c33}.card h3{margin:14px 0 8px}.card span{color:var(--b);font-weight:700}.card img{border-radius:14px;margin-bottom:12px}.card small,blockquote small{display:block;color:#6b7c90}.ic{width:56px;height:56px;border-radius:16px;background:var(--g);display:grid;place-items:center;font-size:26px;box-shadow:0 10px 24px #00b4ff55;font-style:normal}
blockquote.card{font-size:16px}blockquote.card::after{content:"”";position:absolute;right:18px;top:-8px;font:900 110px Georgia;color:#0a4d8c14}
.why{background:#fff;border:1px solid #e1ecf7;border-radius:16px;padding:16px 20px;margin-bottom:14px;box-shadow:0 6px 20px #0a4d8c0f;transition:.4s}.why:hover{transform:translateX(8px);border-color:var(--a)}.why b{display:block;color:var(--n)}
.step{background:#fff;border:1px solid #e1ecf7;border-radius:22px;padding:30px;position:relative;transition:.35s}.step:hover{transform:translateY(-8px);box-shadow:0 20px 44px #0a4d8c2b}.step em{font:800 54px system-ui;font-style:normal;background:var(--g);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1}.step b{display:block;color:var(--n);font-size:20px;margin-top:8px}
details{background:#fff;border:1px solid #e1ecf7;border-radius:16px;padding:18px 24px;margin-bottom:14px;transition:.3s}details[open]{box-shadow:0 12px 30px #0a4d8c1f;border-color:var(--a)}summary{cursor:pointer;font-weight:700;color:var(--n)}
.cta{background:linear-gradient(120deg,#0A4D8C,#00b4ff,#0A4D8C);background-size:200% 200%;animation:gd 8s ease infinite;color:#fff;padding:100px 0}@keyframes gd{50%{background-position:100% 50%}}.cta h2,.cta p{color:#fff}.cta h2{font-size:clamp(30px,4vw,50px)}.ct{opacity:.85;font-size:14px;margin-top:22px}
.rv{opacity:0;transform:translateY(60px) scale(.96);transition:opacity .9s var(--d,0s),transform .9s var(--d,0s) cubic-bezier(.2,.7,.2,1)}.rv.l{transform:translateX(-100px)}.rv.r{transform:translateX(100px)}.rv.in{opacity:1;transform:none}
.prose h2{margin-top:30px}.pg{margin-top:30px}.sf{display:flex;gap:10px;margin:20px 0}.sf input,.qf input,.qf textarea,.qf select{width:100%;padding:14px 18px;border:1px solid #c9d8e8;border-radius:14px;font:inherit;margin-bottom:12px;transition:.2s}.qf input:focus,.qf textarea:focus,.qf select:focus{border-color:var(--a);box-shadow:0 0 0 4px #00b4ff22;outline:0}
.qf{background:#fff;border-radius:26px;padding:36px;box-shadow:0 20px 60px #0a4d8c22}.qf fieldset{border:0;padding:0;margin:0}.qf legend{font-weight:800;font-size:22px;color:var(--n);margin-bottom:18px}.prg{height:8px;background:#dbe6f1;border-radius:9px;margin:24px 0}.prg i{display:block;height:100%;width:25%;background:var(--g);border-radius:9px;transition:.5s}
.opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:12px;margin-bottom:20px}.opts label{cursor:pointer}.opts input{position:absolute;opacity:0}.opts span{display:block;border:2px solid #d3e1ef;border-radius:14px;padding:13px 16px;transition:.25s;color:var(--n)}.opts span:hover{border-color:var(--a)}.opts input:checked+span{border-color:var(--b);background:#e6f3ff;font-weight:700}.opts input:focus-visible+span{outline:3px solid var(--a)}.ck{display:block;font-size:14px;margin-bottom:14px}.ck input{width:auto}.hp{position:absolute;left:-9999px}#msg{color:var(--b);font-weight:600}
footer{background:var(--n);color:#9db8d6;padding-top:70px}.fg{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:40px}footer a,footer span{display:block;color:#9db8d6;margin-bottom:8px;word-break:break-all;transition:.2s}footer a:hover{color:#fff;transform:translateX(4px)}footer h4{color:#fff}.fl{background:#fff;padding:6px 12px;border-radius:10px}.cp{text-align:center;border-top:1px solid #ffffff1f;margin-top:46px;padding:20px;font-size:14px}
.wa{position:fixed;right:20px;bottom:20px;background:#25d366;color:#fff;padding:13px 20px;border-radius:99px;font-weight:700;z-index:60;box-shadow:0 10px 30px #25d36688;animation:fl 3s infinite}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--a);outline-offset:2px}
@media(max-width:860px){.g2,.fg{grid-template-columns:1fr}.mb{display:block}.nav ul{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;flex-direction:column;padding:22px;box-shadow:0 14px 24px #0002}.nav ul.o{display:flex}.rv.l,.rv.r{transform:translateY(50px)}.sec{padding:64px 0}.hero{padding:70px 0 80px}.f1{left:0}.f2{right:0}}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}*{animation:none!important}}