*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#071424;color:#f1f7ff;font:16px/1.75 system-ui,-apple-system,'Microsoft YaHei',sans-serif}a{text-decoration:none;color:inherit}.wrap{max-width:1160px;margin:auto;width:calc(100% - 40px)}.navshell{position:sticky;top:0;background:#081a2be8;border-bottom:1px solid #ffffff19;backdrop-filter:blur(15px);z-index:20}.nav{display:flex;align-items:center;gap:26px;min-height:72px}.brand{font-weight:900;font-size:22px;white-space:nowrap}.logo{display:inline-grid;place-items:center;width:40px;height:40px;background:linear-gradient(130deg,#1ae1c2,#2577f4);border-radius:12px;margin-right:10px;color:#072233}.navlinks{display:flex;gap:26px;margin-left:auto;color:#adc6db;font-size:14px}.navlinks a:hover,footer a:hover{color:#63e6d3}.button{border:1px solid transparent;background:#43e3c8;color:#062d32;display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:11px;padding:10px 23px;font-weight:850;box-shadow:0 12px 32px #00baab28;transition:.2s}.button:hover{transform:translateY(-2px);background:#76f6df}.outline{border-color:#607e97;background:#ffffff0a;color:#ebfaff;box-shadow:none}.outline:hover{background:#ffffff17}.nav .button{min-height:40px;padding:6px 17px;font-size:14px}.hero{padding:91px 0;background:radial-gradient(ellipse at 83% 28%,#146a9c66,transparent 45%),radial-gradient(ellipse at 10% 0%,#136f6e44,transparent 48%),linear-gradient(120deg,#071424,#0b1e35)}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center}.eyebrow{color:#74f3df;font-weight:800;letter-spacing:2px;font-size:12px}.hero h1{font-size:clamp(39px,4.8vw,64px);line-height:1.24;letter-spacing:-1.7px;margin:22px 0}.hero h1 span{color:#5ee8d4}.lead{font-size:17px;color:#b2c9dc;margin:0 0 27px}.actions{display:flex;gap:12px;flex-wrap:wrap}.pills{display:flex;gap:9px;flex-wrap:wrap;margin-top:27px}.pills span{border:1px solid #5de8d13d;padding:5px 13px;background:#52dcb80b;border-radius:999px;color:#b2e7df;font-size:12px}.device{border-radius:28px;background:linear-gradient(145deg,#152b42,#0b182a);padding:18px;border:1px solid #72f6dc56;box-shadow:0 30px 90px #00151ecc,0 0 75px #29c4bf27;transform:rotate(2deg)}.screen{background:linear-gradient(150deg,#102e43,#09131f);border-radius:19px;min-height:420px;padding:24px;display:flex;flex-direction:column;gap:22px}.screenhead{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#d8f8ff}.screenhead b{font-size:21px}.gauge{margin:auto;text-align:center;border:12px solid #315a6a;border-top-color:#49e7ce;border-right-color:#49e7ce;border-radius:50%;width:170px;height:170px;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 0 25px #14c4bc22}.gauge strong{font-size:39px;line-height:1.2}.gauge small{color:#afd4db}.screenrows{display:grid;grid-template-columns:1fr 1fr;gap:10px}.screenrows div{padding:12px;background:#ffffff0b;border-radius:12px;border:1px solid #ffffff13;font-size:12px;color:#9fcacb}.screenrows strong{display:block;color:white;font-size:19px}.screenfoot{color:#89a8b7;font-size:11px;text-align:center}.section{padding:83px 0}.tint{background:#0d2033}.kicker{color:#64e5d3;font-size:12px;font-weight:800;letter-spacing:2px}.section h2,.article h1{font-size:clamp(28px,3.5vw,42px);line-height:1.34;margin:10px 0 17px}.subtitle{color:#acc1d4;margin:0 0 32px}.center{text-align:center}.center .subtitle{max-width:700px;margin:0 auto 38px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:linear-gradient(145deg,#153048,#0c1b2e);border:1px solid #ffffff18;border-radius:18px;padding:27px}.card .ico{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#42dfc91d;color:#6ff8df;font-size:24px}.card h3{font-size:19px;margin:20px 0 8px}.card p,.steps p{font-size:14px;color:#a6bfd2;margin:0}.downloadbox{border-radius:24px;background:linear-gradient(120deg,#127d82,#174e86);padding:46px;position:relative;overflow:hidden}.downloadbox h2{margin:7px 0}.downloadbox p{color:#d1f7f5;max-width:750px}.downloadbox .button{background:white;color:#11646b}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.steps>div{border-left:3px solid #49e7ce;padding:9px 23px}.stepno{color:#65e9d6;font-weight:900;font-size:13px}.steps h3{margin:8px 0}.article{padding:57px 0 90px}.intro{color:#adbed1;max-width:790px;margin-bottom:32px}.panel{background:#10263d;border:1px solid #ffffff17;border-radius:18px;padding:29px;margin:17px 0;max-width:920px}.panel h2{margin:0 0 13px;font-size:23px}.panel h3{margin-bottom:7px}.panel p,.panel li{color:#aec2d4}.panel a:not(.button){color:#6beedb;text-decoration:underline}.panel ol,.panel ul{padding-left:23px}.notice{background:#43cfb714;border:1px solid #43cfb74a;border-radius:12px;padding:16px 18px;color:#cde9e7;margin:24px 0}.faq details{border-bottom:1px solid #ffffff22;padding:20px 0;max-width:950px}.faq summary{cursor:pointer;font-weight:800}.faq p{color:#b1c7d6}.footer{padding:36px 0;border-top:1px solid #ffffff15;color:#a3b9ce;font-size:13px}.footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer a{color:#d6f2ec}.small{color:#9cb4c7;font-size:13px}.mobile{display:none}@media(max-width:820px){.hero-grid{grid-template-columns:1fr}.navlinks{display:none;margin-left:0}.nav .button{margin-left:auto}.device{max-width:510px;margin:auto}.cards,.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.wrap{width:calc(100% - 30px)}.nav{min-height:64px}.brand{font-size:19px}.logo{height:34px;width:34px}.nav .button{font-size:12px;padding:5px 11px}.hero{padding:48px 0}.hero h1{font-size:40px}.lead{font-size:15px}.actions .button{width:100%}.device{padding:10px;transform:none}.screen{min-height:350px;padding:16px}.gauge{height:142px;width:142px}.section{padding:59px 0}.cards,.steps{grid-template-columns:1fr}.downloadbox{padding:28px 22px}.panel{padding:21px}.article{padding:36px 0 85px}.mobile{display:flex;position:fixed;bottom:0;left:0;right:0;padding:10px 15px calc(10px + env(safe-area-inset-bottom));background:#081b2bf2;border-top:1px solid #ffffff1f;z-index:25}.mobile .button{width:100%}.footer{padding-bottom:90px}}