:root{--navy:#0A0F26;--navy2:#0E1430;--panel:#141B3D;--blue:#002CCB;--blue2:#2E6BFF;--cyan:#18D8F2;--ink:#EAF0FF;--muted:#9AA6C8;--line:rgba(255,255,255,.12);--green:#22C55E;--amber:#FFB020;--card:rgba(255,255,255,.045)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--navy);line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 20px}
.btn{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:15px;font-weight:700;border-radius:11px;padding:13px 22px;cursor:pointer;border:1px solid var(--line);background:var(--card);color:var(--ink);transition:.18s;white-space:nowrap}
.btn:hover{border-color:var(--cyan);transform:translateY(-1px)}
.btn.primary{background:linear-gradient(100deg,var(--blue),var(--blue2));border:0;color:#fff;box-shadow:0 10px 30px rgba(0,44,203,.35)}
.btn.sm{padding:9px 15px;font-size:13.5px}
.tag{display:inline-block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);border:1px solid rgba(24,216,242,.4);border-radius:999px;padding:4px 11px;font-weight:700}
section{position:relative}
h1,h2,h3{line-height:1.18;letter-spacing:-.01em}
.muted{color:var(--muted)}
/* HEADER */
header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(10,15,38,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800}
.logo img{height:28px}
.logo .bd{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);border:1px solid rgba(24,216,242,.4);border-radius:999px;padding:2px 8px}
.menu{display:flex;align-items:center;gap:26px}
.menu a.lnk{font-size:14.5px;color:var(--muted);font-weight:600;transition:.15s}
.menu a.lnk:hover{color:var(--ink)}
.menu .actions{display:flex;gap:10px;align-items:center}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
.burger span{width:24px;height:2px;background:var(--ink);border-radius:2px;transition:.2s}
/* HERO */
.hero{padding:130px 0 70px;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(1000px 600px at 78% -5%,rgba(0,44,203,.45),transparent 60%),radial-gradient(700px 500px at 0% 10%,rgba(24,216,242,.13),transparent 55%);z-index:-1}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.hero h1{font-size:clamp(32px,5vw,52px);font-weight:850;margin:16px 0 14px}
.hero h1 .grad{background:linear-gradient(100deg,var(--cyan),var(--blue2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero p.sub{font-size:clamp(16px,2vw,19px);color:var(--muted);max-width:560px;margin-bottom:28px}
.hero .cta{display:flex;gap:12px;flex-wrap:wrap}
.hero-stats{display:flex;gap:28px;margin-top:38px;flex-wrap:wrap}
.hero-stats .s .n{font-size:26px;font-weight:850;background:linear-gradient(100deg,#fff,var(--cyan));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero-stats .s .l{font-size:12.5px;color:var(--muted)}
.codecard{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 30px 80px rgba(0,0,0,.45)}
.codecard .bar{display:flex;gap:6px;margin-bottom:14px}
.codecard .bar i{width:11px;height:11px;border-radius:50%;display:inline-block}
.codecard .bar i:nth-child(1){background:#ff5f57}.codecard .bar i:nth-child(2){background:#febc2e}.codecard .bar i:nth-child(3){background:#28c840}
.codecard pre{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;color:#cdd6f4;white-space:pre-wrap;word-break:break-word;line-height:1.7}
.codecard .k{color:var(--cyan)}.codecard .s{color:#a6e3a1}.codecard .m{color:var(--muted)}
/* SECTIONS */
.sec{padding:72px 0}
.sec.alt{background:linear-gradient(180deg,var(--navy),var(--navy2))}
.sec-head{text-align:center;max-width:680px;margin:0 auto 46px}
.sec-head h2{font-size:clamp(26px,3.4vw,38px);font-weight:850;margin:12px 0 12px}
.sec-head p{color:var(--muted);font-size:16px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.svc{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px;transition:.2s;position:relative;overflow:hidden}
.svc:hover{border-color:rgba(24,216,242,.45);transform:translateY(-4px);background:rgba(255,255,255,.06)}
.svc .ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:22px;background:rgba(46,107,255,.15);border:1px solid rgba(46,107,255,.3);margin-bottom:14px}
.svc h3{font-size:17px;margin-bottom:7px}
.svc p{font-size:13.5px;color:var(--muted)}
.badge{position:absolute;top:16px;right:16px;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:3px 9px;border-radius:999px}
.badge.on{background:rgba(34,197,94,.16);color:#7ef0a8;border:1px solid rgba(34,197,94,.35)}
.badge.soon{background:rgba(255,176,32,.14);color:#ffd27a;border:1px solid rgba(255,176,32,.35)}
/* FEATURES */
.feat{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.feat .f{text-align:left}
.feat .f .ic{font-size:26px;margin-bottom:10px}
.feat .f h3{font-size:16px;margin-bottom:6px}
.feat .f p{font-size:13.5px;color:var(--muted)}
/* STEPS */
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;counter-reset:st}
.step{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px 16px}
.step .n{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-weight:800;background:linear-gradient(100deg,var(--blue),var(--blue2));color:#fff;margin-bottom:12px}
.step h3{font-size:14.5px;margin-bottom:5px}.step p{font-size:12.5px;color:var(--muted)}
/* NUMBERS */
.nums{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;text-align:center}
.nums .nn{font-size:clamp(28px,4vw,40px);font-weight:850;background:linear-gradient(100deg,#fff,var(--cyan));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.nums .ll{color:var(--muted);font-size:13.5px}
/* CONTACT */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.contact-info .item{display:flex;gap:13px;align-items:flex-start;margin-bottom:20px}
.contact-info .item .ic{font-size:20px;width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:rgba(24,216,242,.12);border:1px solid rgba(24,216,242,.3);flex:none}
.contact-info .item .t{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.contact-info .item .v{font-size:15.5px;font-weight:600}
form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
form label{display:block;font-size:12.5px;color:var(--muted);font-weight:600;margin:14px 0 6px}
form input,form textarea{width:100%;padding:12px 14px;background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:10px;color:#fff;font:inherit;font-size:15px;outline:none}
form input:focus,form textarea:focus{border-color:var(--cyan)}
form textarea{min-height:120px;resize:vertical}
.formmsg{margin-top:14px;font-size:14px;min-height:20px}
.formmsg.ok{color:var(--green)}.formmsg.err{color:#ff8a7d}
/* FOOTER */
footer{border-top:1px solid var(--line);padding:56px 0 30px;background:var(--navy2)}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px;margin-bottom:36px}
.foot-grid h4{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:14px}
.foot-grid ul{list-style:none}.foot-grid li{margin-bottom:9px;font-size:14px;color:var(--muted)}
.foot-grid a.fl{color:var(--muted);transition:.15s;cursor:pointer}.foot-grid a.fl:hover{color:var(--cyan)}
.foot-bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--muted)}
.foot-bottom a{cursor:pointer;color:var(--muted)}.foot-bottom a:hover{color:var(--cyan)}
/* COOKIE BANNER */
.cookie{position:fixed;left:16px;right:16px;bottom:16px;z-index:200;max-width:920px;margin:0 auto;background:rgba(20,27,61,.97);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:16px;padding:18px 20px;display:none;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.cookie.show{display:flex}
.cookie p{font-size:13px;color:var(--muted);flex:1;min-width:240px}
.cookie .acts{display:flex;gap:10px;flex-wrap:wrap}
/* MODAL */
.modal-ov{position:fixed;inset:0;background:rgba(5,8,20,.72);backdrop-filter:blur(5px);z-index:300;display:none;place-items:center;padding:20px}
.modal-ov.show{display:grid}
.modal-box{width:100%;max-width:640px;max-height:84vh;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:30px}
.modal-box h3{font-size:20px;margin-bottom:6px}
.modal-box h4{font-size:15px;margin:18px 0 6px;color:var(--cyan)}
.modal-box p,.modal-box li{font-size:14px;color:#c7d0ec;margin-bottom:8px}
.modal-box ul{padding-left:20px}
.modal-box .close{float:right;cursor:pointer;font-size:22px;color:var(--muted);line-height:1;border:0;background:none}
@media(max-width:1024px){.hero-grid{grid-template-columns:1fr;gap:34px}.cards{grid-template-columns:repeat(2,1fr)}.feat{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr 1fr}.nums{grid-template-columns:1fr 1fr}.contact-grid{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr 1fr}
 .menu{display:none}.burger{display:flex}
 .menu.open{display:flex;position:fixed;top:64px;left:0;right:0;background:rgba(10,15,38,.98);flex-direction:column;align-items:stretch;gap:0;padding:10px 20px 20px;border-bottom:1px solid var(--line)}
 .menu.open .lnk{display:block;padding:13px 0;border-bottom:1px solid var(--line);font-size:16px}
 .menu.open .actions{flex-direction:column;align-items:stretch;margin-top:12px}.menu.open .actions .btn{justify-content:center}}
@media(max-width:560px){.cards{grid-template-columns:1fr}.feat{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.nums{grid-template-columns:1fr 1fr}form .row{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr}.hero{padding:110px 0 50px}}
.langs{display:flex;gap:2px;background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:999px;padding:3px}.langs button{font:inherit;font-size:11px;font-weight:600;color:var(--muted);background:none;border:0;cursor:pointer;padding:5px 8px;border-radius:999px}.langs button[aria-current="true"]{background:var(--blue);color:#fff}.sf{background:#0A0F26;border-top:1px solid rgba(255,255,255,.12);color:#9AA6C8}.sf-in{max-width:1180px;margin:0 auto;padding:54px 20px 26px}.sf-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:32px}.sf-brand .sf-logo{display:flex;align-items:center;gap:9px;font-weight:800;color:#EAF0FF;margin-bottom:12px}.sf-brand .sf-logo img{height:26px}.sf-brand p{font-size:13px;max-width:300px;line-height:1.55;color:#9AA6C8}.sf-cta{display:inline-block;margin-top:14px;background:linear-gradient(100deg,#002CCB,#2E6BFF);color:#fff;padding:10px 16px;border-radius:10px;font-size:13.5px;font-weight:700;text-decoration:none}.sf-soc{display:flex;gap:14px;margin-top:14px;flex-wrap:wrap}.sf-soc a,.sf-soc span{color:#9AA6C8;font-size:12.5px;text-decoration:none}.sf-soc a:hover{color:#18D8F2}.sf-col h4{color:#EAF0FF;font-size:13px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:13px;font-weight:700}.sf-col a,.sf-col span{display:block;color:#9AA6C8;text-decoration:none;font-size:13.5px;margin-bottom:9px;cursor:pointer}.sf-col a:hover{color:#18D8F2}.sf-bot{max-width:1180px;margin:0 auto;padding:18px 20px;border-top:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:12.5px;color:#9AA6C8}.sf-bot a{color:#9AA6C8;text-decoration:none}.sf-bot a:hover{color:#18D8F2}.sf-reg{display:flex;align-items:center;gap:7px}@media(max-width:900px){.sf-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.sf-grid{grid-template-columns:1fr}.sf-bot{flex-direction:column;text-align:center}}.contact-hl{margin:18px 0;padding:14px 16px;background:linear-gradient(180deg,rgba(24,216,242,.10),rgba(24,216,242,.03));border:1px solid rgba(24,216,242,.3);border-radius:14px}.contact-hl .hlrow{font-size:14px;color:var(--ink);margin:4px 0}.wechat-card{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:6px;padding:14px;background:var(--card);border:1px solid var(--line);border-radius:14px}.wechat-qr{width:118px;height:118px;border-radius:10px;background:#fff;padding:4px;flex:none}.wechat-info .t{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.wechat-info .v{font-size:16px;font-weight:700;font-family:ui-monospace,monospace}.wechat-cap{font-size:13px;color:var(--muted);margin-top:6px;line-height:1.4}.excl{display:flex;align-items:center;gap:12px;margin-top:24px;padding:14px 18px;background:linear-gradient(100deg,rgba(24,216,242,.12),rgba(0,44,203,.10));border:1px solid rgba(24,216,242,.35);border-radius:14px;max-width:560px;font-size:14.5px;color:var(--ink);line-height:1.45}.excl-ic{font-size:22px;flex:none}.sel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media(max-width:860px){.sel-grid{grid-template-columns:1fr}}.sel-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:26px}.sel-card .ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:22px;background:rgba(24,216,242,.14);border:1px solid rgba(24,216,242,.3);margin-bottom:14px}.sel-card h3{font-size:17px;margin-bottom:8px}.sel-card p{font-size:13.5px;color:var(--muted);line-height:1.55}.sf-seals{border-top:1px solid rgba(255,255,255,.12);background:#0A0F26}.sf-seals-in{max-width:1180px;margin:0 auto;padding:30px 20px;display:flex;flex-wrap:wrap;gap:14px 26px;justify-content:center;align-items:flex-start}.seal{display:flex;flex-direction:column;align-items:center;gap:8px;width:122px;text-align:center}.seal-badge{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.22),transparent 62%),linear-gradient(140deg,var(--c1),var(--c2));box-shadow:0 8px 20px rgba(0,0,0,.4),inset 0 0 0 1.5px rgba(255,255,255,.28);transition:.18s}.seal-badge svg{width:28px;height:28px;stroke:#fff}.seal .st{font-size:12.5px;font-weight:700;color:#EAF0FF;line-height:1.18}.seal .ss{font-size:10px;color:#9AA6C8;text-transform:uppercase;letter-spacing:.05em}.seal.lnk{text-decoration:none}.seal.lnk:hover .seal-badge{transform:translateY(-2px)}@media(max-width:560px){.sf-seals-in{gap:16px}.seal{width:100px}.seal-badge{width:52px;height:52px}}