:root{--bg:#f6f8fb;--ink:#132033;--muted:#647084;--line:#dde5ef;--card:#fff;--a:#2563eb;--b:#10b981;--dark:#0c1422}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,"Microsoft YaHei",sans-serif;line-height:1.72}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.nav{min-height:74px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:10px;font-weight:900}.brand img{max-height:38px}.nav nav{margin-left:auto;display:flex;gap:20px;font-weight:800;color:var(--muted)}.nav-btn,.btn{display:inline-flex;min-height:42px;align-items:center;justify-content:center;border-radius:6px;padding:0 18px;font-weight:900}.nav-btn,.btn.primary{background:var(--a);color:#fff}.btn.ghost{border:1px solid rgba(255,255,255,.5);color:#fff}.btn.soft{background:#e7fff5;color:#066047}.actions{display:flex;gap:12px;margin-top:28px}.actions.center{justify-content:center}.lead{font-size:18px;color:rgba(255,255,255,.78);max-width:680px}
.nord-hero,.surf-hero,.express-hero,.page-hero{color:#fff}.nord-hero{background:linear-gradient(135deg,#08172c,#103c78 58%,#1472e6)}.surf-hero{background:linear-gradient(135deg,#052e2b,#0f766e 58%,#16a34a)}.express-hero{background:linear-gradient(135deg,#7f1d1d,#b91c1c 62%,#ef4444);text-align:center}.hero-grid{min-height:620px;display:grid;grid-template-columns:1.08fr .92fr;gap:46px;align-items:center}.split-hero{min-height:620px;display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}.express-hero .wrap{padding:112px 0}.nord-hero h1,.surf-hero h1,.express-hero h1{font-size:56px;line-height:1.08;margin:0 0 18px;letter-spacing:0}.express-hero span{display:block;color:rgba(255,255,255,.82);font-size:18px;max-width:820px;margin:0 auto}
.security-panel,.app-stack{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.11);border-radius:8px;padding:34px;box-shadow:0 28px 80px rgba(0,0,0,.22)}.security-panel strong{display:block;font-size:58px;margin:18px 0}.app-stack{display:grid;grid-template-columns:1fr 1fr;gap:14px}.app-stack article{background:#fff;color:#0f3c35}.app-stack span{display:block;color:#647084}
.feature-grid,.stats-grid,.article-cards,.device-grid,.plan-grid{display:grid;gap:18px;padding:64px 0}.feature-grid,.article-cards,.plan-grid{grid-template-columns:repeat(3,1fr)}.stats-grid{grid-template-columns:repeat(4,1fr);padding-top:32px}.device-grid{grid-template-columns:repeat(4,1fr)}.install-steps{padding:30px 0 70px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.install-steps h2{grid-column:1/-1;text-align:center;font-size:36px}
article,.device-grid a,.content,aside{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:26px}.stats-grid strong{display:block;font-size:34px;color:var(--a)}article p,.content,.faq-list p{color:var(--muted)}.band{background:#edf4fb}.featured{border-color:var(--a);box-shadow:0 18px 50px rgba(37,99,235,.15)}.more,.plan-grid a{color:var(--a);font-weight:900}.page-hero{background:var(--dark)}.page-hero .wrap{padding:82px 0}.page-hero h1{font-size:44px;margin:0 0 8px}.page-hero span{color:rgba(255,255,255,.72)}.article-list,.faq-list{display:grid;gap:18px;padding:56px 0 76px}.show-grid{display:grid;grid-template-columns:1fr 280px;gap:24px;padding:56px 0 80px}aside{align-self:start}aside a,.site-footer a{display:block;margin:8px 0;color:var(--muted)}
.theme-nord{--a:#1472e6;--b:#00a3ff}.theme-surf{--a:#0f766e;--b:#16a34a}.theme-express{--a:#dc2626;--b:#f97316}
.site-footer{background:#0b1424;color:#fff;padding-top:52px}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:30px}.site-footer p,.site-footer a{color:rgba(255,255,255,.68)}.copy{text-align:center;border-top:1px solid rgba(255,255,255,.12);padding:18px;margin-top:34px;color:rgba(255,255,255,.58)}
@media(max-width:900px){.nav{flex-wrap:wrap;padding:14px 0}.nav nav{order:3;width:100%;overflow:auto}.hero-grid,.split-hero,.feature-grid,.stats-grid,.article-cards,.device-grid,.plan-grid,.install-steps,.show-grid,.footer-grid{grid-template-columns:1fr}.nord-hero h1,.surf-hero h1,.express-hero h1{font-size:38px}.hero-grid,.split-hero{min-height:auto;padding:64px 0}.express-hero .wrap{padding:76px 0}.nav-btn{margin-left:auto}.install-steps h2{grid-column:auto}}
.auth-layout{padding:62px 0 88px;display:grid;grid-template-columns:1fr 340px;gap:24px}.auth-card,.auth-side,.about-grid article{background:#fff;border:1px solid var(--line,#dde5ef);border-radius:8px;padding:30px}.auth-actions{display:flex;gap:12px;margin-top:24px}.btn.outline{border:1px solid var(--blue,var(--a,#2563eb));color:var(--blue,var(--a,#2563eb));background:#fff}.auth-side ul{margin:0;padding-left:20px;color:var(--muted,#647084)}.about-grid{padding:62px 0 88px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.brand-text{font-weight:900;line-height:1.25}@media(max-width:900px){.auth-layout,.about-grid{grid-template-columns:1fr}.auth-actions{flex-wrap:wrap}}