*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#17222b;background:#f7f9fb;font:16px/1.75 system-ui,-apple-system,"Microsoft YaHei",sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1180px;margin:auto;padding:0 22px}.top{background:#101b23;color:#dbe5eb;font-size:13px}.top .wrap{display:flex;justify-content:space-between;padding-top:7px;padding-bottom:7px}.header{background:#fff;border-bottom:1px solid #e3e9ee;position:sticky;top:0;z-index:10}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:22px;font-weight:800;color:#152b37}.brand small{display:block;font-size:11px;color:#647784;letter-spacing:1px}.menu{display:flex;gap:25px;flex-wrap:wrap}.menu a{color:#273b48;font-weight:650}.hero{background:linear-gradient(125deg,#102b38 0%,var(--accent) 70%,#248a7b 100%);color:white;padding:78px 0}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:55px;align-items:center}.hero h1{font-size:45px;line-height:1.18;margin:0 0 18px}.hero p{font-size:18px;color:#e7f4f5;max-width:720px}.btn{display:inline-block;background:#fff;color:var(--accent);padding:11px 22px;border-radius:5px;font-weight:750;margin:8px 8px 0 0}.btn.alt{background:transparent;color:#fff;border:1px solid #b9d7da}.hero-card{background:#ffffff17;border:1px solid #ffffff35;border-radius:16px;padding:25px}.hero-card b{display:block;font-size:30px}.section{padding:58px 0}.section.white{background:#fff}.title{margin:0 0 8px;font-size:30px;line-height:1.3}.lead{color:#60727d;margin:0 0 28px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#fff;border:1px solid #e0e7eb;border-radius:10px;padding:22px;box-shadow:0 8px 26px #20303a0a}.card h3{margin:7px 0 8px;line-height:1.45}.card p{color:#657681}.icon{width:46px;height:46px;border-radius:9px;background:var(--soft);display:grid;place-items:center;color:var(--accent);font-size:22px;font-weight:bold}.meta{font-size:13px;color:#778893}.model{display:inline-block;background:var(--soft);color:var(--accent);padding:2px 9px;border-radius:20px;font-size:13px}.steps{display:grid;grid-template-columns:repeat(4,1fr);counter-reset:s}.step{padding:20px;border-left:3px solid var(--accent);background:#fff}.step:before{counter-increment:s;content:"0" counter(s);display:block;color:var(--accent);font-weight:bold}.article{max-width:900px;margin:auto}.article h1{font-size:36px;line-height:1.35}.article h2{margin-top:34px}.article-box{background:#fff;border:1px solid #e1e8ec;padding:32px;border-radius:10px}.spec{width:100%;border-collapse:collapse;margin:18px 0}.spec th,.spec td{text-align:left;padding:13px;border-bottom:1px solid #e4eaee}.spec th{width:180px;background:#f6f8f9}.notice{padding:16px;border-left:4px solid var(--accent);background:var(--soft)}.footer{background:#101b23;color:#bfccd3;padding:38px 0 20px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px}.footer a{color:#e1ebef}.footer .legal{border-top:1px solid #2b3840;margin-top:25px;padding-top:18px;font-size:13px}.friends{border-top:1px solid #2b3840;margin-top:22px;padding-top:16px;font-size:13px}.friends a{margin-right:15px}.crumb{padding:14px 0;font-size:14px;color:#71828b}.contact{display:grid;grid-template-columns:1fr 1fr;gap:22px}.contact div{background:#fff;padding:24px;border-radius:9px;border:1px solid #e1e8ec}.v1 .hero-grid{grid-template-columns:.8fr 1.2fr}.v1 .hero-grid>div:first-child{order:2}.v1 .card{border-radius:0;border-top:3px solid var(--accent)}.v2 .hero{background:linear-gradient(160deg,var(--accent),#111 78%)}.v2 .wrap{max-width:1080px}.v2 .card{box-shadow:none;border-left:4px solid var(--accent)}.v3 .hero{background:var(--soft);color:#17222b}.v3 .hero p{color:#4f626c}.v3 .hero-card{border-color:var(--accent);background:#fff}.v3 .btn{background:var(--accent);color:#fff}.v3 .btn.alt{color:var(--accent);border-color:var(--accent)}.v4 .hero{border-bottom:10px solid var(--soft)}.v4 .card{border-radius:18px}.v4 .icon{border-radius:50%}.v5 .header{background:#101b23}.v5 .brand,.v5 .menu a{color:white}.v5 .hero{background:linear-gradient(90deg,var(--accent),#29323c)}.v5 .grid{gap:28px}@media(max-width:850px){.hero-grid,.contact{grid-template-columns:1fr}.v1 .hero-grid>div:first-child{order:0}.grid{grid-template-columns:repeat(2,1fr)}.menu{display:none}.hero h1{font-size:34px}.footer-grid{grid-template-columns:1fr}.top span:last-child{display:none}}@media(max-width:520px){.grid,.steps{grid-template-columns:1fr}.hero{padding:50px 0}.article h1{font-size:29px}.article-box{padding:20px}.spec th{width:105px}}