*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter','Segoe UI',system-ui,sans-serif;background:#f7f8fc;color:#1c2635;line-height:1.85;font-size:17px}
.sm-w{max-width:1100px;margin:0 auto;padding:0 24px}
.sm-hd{background:#111827;color:#fff;position:sticky;top:0;z-index:20}
.sm-hd .sm-w{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding:14px 24px}
.sm-lg{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800;font-size:25px}.sm-lg img{width:40px}.sm-lg i{color:#00c2d7;font-style:normal}
.sm-nv a{display:inline-block;color:#bbc7df;text-decoration:none;font-size:14px;font-weight:600;margin-left:18px;padding:7px 0}.sm-nv a:hover,.sm-nv a.on{color:#fff;border-bottom:3px solid #00c2d7}
.sm-hero{background:#111827;color:#fff;padding:52px 0 80px;position:relative;overflow:hidden}.sm-hero:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-60px;height:130px;background:#f7f8fc;border-radius:50% 50% 0 0/100% 100% 0 0}
.sm-hero .sm-w{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center;position:relative;z-index:1}
.sm-hero h1{font-size:clamp(36px,5.4vw,60px);line-height:1.08;font-weight:800;letter-spacing:-1.5px;margin-bottom:16px}.sm-hero h1 em{font-style:normal;background:linear-gradient(90deg,#00c2d7,#c86bfa);-webkit-background-clip:text;background-clip:text;color:transparent}
.sm-hero p{color:#c8d0e3;max-width:510px;font-size:18px}.sm-hero img{width:100%;border-radius:34px}
.sm-btn{display:inline-block;margin-top:18px;background:linear-gradient(90deg,#00c2d7,#c86bfa);color:#111827;padding:14px 30px;border-radius:12px;text-decoration:none;font-weight:800;border:0;font:inherit;font-weight:800;cursor:pointer}
.sm-top{background:linear-gradient(135deg,#111827,#1e3a8a);color:#fff;padding:40px 0 54px}.sm-top h1{font-size:clamp(30px,4.4vw,48px);font-weight:800;letter-spacing:-1px}.sm-top p{max-width:680px;color:#c8d0e3;margin-top:8px}.sm-cr{font-size:13px;color:#94a4c7;margin-bottom:8px}.sm-cr a{color:#00c2d7}
main{padding:0 0 60px}
.sm-sec{display:grid;grid-template-columns:260px 1fr;gap:50px;padding:54px 0;border-bottom:1px solid #dbe2ed}.sm-side{padding-top:6px}.sm-side b{font:800 12px 'Courier New',monospace;letter-spacing:3px;color:#00c2d7;text-transform:uppercase}.sm-side span{display:block;font-size:14px;color:#66758b;margin-top:8px}
h2{font-size:clamp(25px,3vw,34px);font-weight:800;letter-spacing:-.6px;margin-bottom:14px}h3{font-size:19px;color:#1e3a8a;margin:20px 0 6px;font-weight:700}p{margin-bottom:16px}
.sm-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;margin:20px 0}.sm-c{background:#f5f7fb;border-radius:20px;padding:20px;text-decoration:none;color:inherit;display:block;border:1px solid #dbe2ed;transition:.2s}.sm-c:hover{background:#fff;transform:translateY(-3px);box-shadow:0 14px 30px rgba(30,58,138,.14)}.sm-c img{width:54px;margin-bottom:8px}.sm-c h3{margin:0 0 4px;color:#111827}.sm-c p{margin:0;font-size:15px}
.sm-pic{width:100%;display:block;border-radius:28px;margin:24px 0;box-shadow:0 14px 34px rgba(30,58,138,.16)}
.sm-spec{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0;border:1px solid #dbe2ed;border-radius:16px;overflow:hidden;margin:20px 0}.sm-spec div{padding:16px;border-right:1px solid #dbe2ed;border-bottom:1px solid #dbe2ed}.sm-spec b{display:block;color:#1e3a8a;font-size:14px;margin-bottom:3px}.sm-spec span{font-size:14px;color:#68778b}
ul.sm-u,ol.sm-u{margin:0 0 18px 26px}li{margin-bottom:7px}ul.sm-u li::marker{color:#00c2d7}
ul.sm-ck{list-style:none;margin:0 0 18px}ul.sm-ck li{padding:10px 14px 10px 44px;background:#f5f7fb;border-radius:12px;margin-bottom:8px;position:relative}ul.sm-ck li:before{content:"";position:absolute;left:14px;top:12px;width:18px;height:18px;border-radius:6px;background:linear-gradient(135deg,#00c2d7,#c86bfa)}
.sm-nt{background:#eafcff;border-left:6px solid #00c2d7;border-radius:0 14px 14px 0;padding:16px 22px;margin:22px 0}.sm-warn{background:#fff2f7;border-left:6px solid #c86bfa;border-radius:0 14px 14px 0;padding:16px 22px;margin:22px 0}
table{width:100%;border-collapse:collapse;margin:20px 0;border-radius:14px;overflow:hidden;background:#fff}th,td{padding:12px 16px;text-align:left;font-size:15px;border-bottom:1px solid #dbe2ed;vertical-align:top}th{background:#111827;color:#fff}
details{background:#f5f7fb;border-radius:14px;padding:12px 20px;margin:10px 0}summary{cursor:pointer;font-weight:700}details p{margin:10px 0 0}
.sm-f input,.sm-f textarea{width:100%;padding:13px 16px;margin-bottom:12px;border:1px solid #dbe2ed;border-radius:12px;font:inherit;background:#fff}
a{color:#1e3a8a;font-weight:600}
.sm-ft{background:#111827;color:#99a8c6;padding:38px 0 110px;font-size:14px}.sm-ft .sm-w{display:grid;grid-template-columns:1.2fr 1fr;gap:30px}.sm-ft h4{color:#fff;margin-bottom:10px}.sm-ft a{display:block;color:#b9c5dc;text-decoration:none;margin-bottom:5px}.sm-ft .cp{grid-column:1/-1;border-top:1px solid #2a3d64;padding-top:16px}
@media(max-width:860px){.sm-hero .sm-w,.sm-sec,.sm-ft .sm-w{grid-template-columns:1fr}.sm-sec{gap:8px;padding:36px 0}.sm-nv a{margin:0 12px 0 0}}