*{box-sizing:border-box;margin:0;padding:0}:root{--navy:#0b2545;--navy2:#13315c;--brand:#2b5bd7;--brand-d:#1b3fa8;--brand-l:#5b8bff;--sky:#eaf1ff;--gold:#d9a441;--bg:#f5f8fc;--card:#fff;--ink:#13223b;--muted:#5a6b85;--line:#e2e9f3;--radius:16px}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,Hiragino Sans GB,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}.wrap{max-width:1160px;margin:0 auto;padding:0 22px}.btn{cursor:pointer;border:1.5px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:13px 24px;font-size:15px;font-weight:700;transition:all .25s;display:inline-flex}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 10px 24px #2b5bd747}.btn-primary:hover{background:var(--brand-d);transform:translateY(-2px)}.btn-ghost{color:#fff;background:0 0;border-color:#ffffff80}.btn-ghost:hover{background:#ffffff14;border-color:#fff}.btn-outline{color:var(--navy);border-color:var(--line);background:#fff}.btn-outline:hover{border-color:var(--brand);color:var(--brand-d)}header.site{z-index:50;-webkit-backdrop-filter:saturate(180%)blur(12px);backdrop-filter:saturate(180%)blur(12px);border-bottom:1px solid var(--line);background:#ffffffeb;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;height:70px;display:flex}.brand{color:var(--navy);letter-spacing:.3px;align-items:center;gap:10px;font-size:19px;font-weight:800;display:flex}.brand small{color:var(--muted);letter-spacing:1.5px;font-size:11px;font-weight:600;display:block}.logo-img{object-fit:contain;width:36px;height:36px}.who b{color:var(--navy);font-size:13.5px;display:block}.quote .stars{margin-top:12px}.menu{align-items:center;gap:26px;display:flex}.menu a{color:#2c3a52;padding:4px 0;font-size:14.5px;font-weight:600;position:relative}.menu a:hover,.menu a.active{color:var(--brand-d)}.menu a.active:after{content:"";background:var(--brand);border-radius:2px;height:2px;position:absolute;bottom:-6px;left:0;right:0}.nav-cta{align-items:center;gap:12px;display:flex}.burger{cursor:pointer;color:var(--navy);background:0 0;border:0;padding:8px;display:none}.burger svg{width:26px;height:26px}.hero{color:#fff;background:radial-gradient(900px 500px at 78% -10%,#2b5bd738,#0000 60%),linear-gradient(160deg,#0a1f44 0%,#14356b 58%,#1b3fa8 100%);padding:78px 0 84px;position:relative;overflow:hidden}.hero .wrap{grid-template-columns:1.15fr .85fr;align-items:center;gap:48px;display:grid}.eyebrow{letter-spacing:1px;color:#a9c4ff;background:#2b5bd729;border:1px solid #2b5bd759;border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:7px 14px;font-size:13px;font-weight:700;display:inline-flex}.hero h1{letter-spacing:.5px;margin-bottom:18px;font-size:44px;font-weight:800;line-height:1.22}.hero h1 em{color:#7fa8ff;font-style:normal}.hero p.lead{color:#c9d6ea;max-width:560px;margin-bottom:28px;font-size:17px}.hero .cta{flex-wrap:wrap;gap:14px;margin-bottom:28px;display:flex}.badges{color:#aebdd6;flex-wrap:wrap;gap:20px;font-size:13.5px;display:flex}.badges span{align-items:center;gap:7px;display:flex}.badges svg{color:#7fa8ff;width:17px;height:17px}.hero-visual{position:relative}.photo-card{background:linear-gradient(150deg,#1b3a66,#0e264b);border:1px solid #ffffff24;border-radius:20px;padding:14px;box-shadow:0 30px 70px #00000059}.photo-card img{border-radius:12px;width:100%}.photo-card figcaption{text-align:center;color:#8fa6c4;letter-spacing:1px;padding-top:12px;font-size:12px}.prod-photo{border:1px solid var(--line);background:#fff;border-radius:20px;max-width:980px;margin:0 auto;padding:16px;box-shadow:0 18px 40px #10285014}.prod-photo img{border-radius:12px;width:100%}.prod-photo figcaption{text-align:center;color:var(--muted);padding-top:12px;font-size:13px}.device{background:linear-gradient(150deg,#1b3a66,#0e264b);border:1px solid #ffffff24;border-radius:20px;padding:26px;box-shadow:0 30px 70px #00000059}.device .screen{background:#071a33;border:1px solid #7fa8ff2e;border-radius:12px;padding:18px}.device .row{color:#cfe0f5;background:#ffffff0a;border-radius:9px;justify-content:space-between;align-items:center;margin-bottom:9px;padding:11px 12px;font-size:13px;display:flex}.device .row b{color:#7fa8ff;font-weight:700}.device .dot{background:#2ee6a8;border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px #2ee6a8}.device .cap{text-align:center;color:#8fa6c4;letter-spacing:1px;margin-top:14px;font-size:12px}.section{padding:74px 0}.section.alt{background:#fff}.section-head{text-align:center;max-width:760px;margin:0 auto 44px}.section-head .tag{color:var(--brand-d);letter-spacing:2px;font-size:13px;font-weight:800}.section-head h2{color:var(--navy);margin:10px 0 12px;font-size:32px;font-weight:800;line-height:1.3}.section-head p{color:var(--muted);font-size:15.5px}.grid{gap:22px;display:grid}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px;transition:all .25s}.card:hover{border-color:#cfe0ff;transform:translateY(-4px);box-shadow:0 18px 40px #10285017}.card .ico{width:46px;height:46px;color:var(--brand-d);background:#2b5bd71a;border-radius:12px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.card .ico svg{width:26px;height:26px}.card h3{color:var(--navy);margin-bottom:9px;font-size:18px;font-weight:700}.card p{color:var(--muted);font-size:14.5px}.card .num{color:var(--brand-d);letter-spacing:2px;font-size:13px;font-weight:800}.pain{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.pain .card{border-top:4px solid #ef6b6b}.pain .card h3{color:#b33a3a}.compare{border-collapse:collapse;border-radius:var(--radius);background:#fff;width:100%;overflow:hidden;box-shadow:0 12px 30px #1028500f}.compare th,.compare td{text-align:left;border-bottom:1px solid var(--line);padding:16px 18px;font-size:14.5px}.compare thead th{background:var(--navy);color:#fff;font-size:14px;font-weight:700}.compare thead th:nth-child(3){background:var(--brand-d)}.compare tbody tr:nth-child(2n){background:#fafcff}.compare td:first-child{color:var(--navy);font-weight:700}.compare .good{color:var(--brand-d);font-weight:700}.compare .bad{color:#8a97ad}.logo-grid{grid-template-columns:repeat(6,1fr);gap:14px;display:grid}.platform-sec{background:linear-gradient(#edf3ff,#f7faff)}.logo-item{border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:16px 10px;transition:all .25s;display:flex}.logo-item:hover{border-color:var(--brand);transform:translateY(-3px);box-shadow:0 14px 28px #1b3fa81f}.logo-item img{object-fit:contain;width:38px;height:38px}.logo-item span{color:#33425c;text-align:center;font-size:12px;font-weight:600;line-height:1.2}.logo-item.more{background:var(--sky);border-color:#cfe0ff}.logo-item.more b{color:var(--brand-d);font-size:20px}.chips{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.chip{border:1px solid var(--line);color:#33425c;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-size:13.5px;font-weight:600;display:inline-flex}.chip .dot{background:var(--brand);border-radius:50%;width:7px;height:7px}.audience{grid-template-columns:1fr 1fr;gap:22px;display:grid}.aud-card{border-radius:var(--radius);border:1px solid var(--line);background:#fff;padding:28px}.aud-card.yes{border-top:4px solid var(--brand)}.aud-card.no{border-top:4px solid #aab6c8}.aud-card h3{color:var(--navy);margin-bottom:14px;font-size:17px}.aud-card ul{list-style:none}.aud-card li{color:#3a4a63;gap:10px;padding:7px 0;font-size:14.5px;display:flex}.aud-card li svg{flex:none;width:19px;height:19px;margin-top:3px}.aud-card.yes li svg{color:var(--brand-d)}.aud-card.no li svg{color:#9aa7ba}.quote{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:24px}.quote p{color:#33425c;margin-bottom:14px;font-size:14.5px}.quote .who{color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.quote .av{background:var(--navy);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-weight:800;display:flex}.stars{color:var(--gold);letter-spacing:2px;font-size:13px}.stats{text-align:center;grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.stat{border:1px solid var(--line);background:#fff;border-radius:14px;padding:24px 14px}.stat b{color:var(--navy);font-size:30px;font-weight:800;display:block}.stat span{color:var(--muted);font-size:13px}.faq{max-width:860px;margin:0 auto}.qa{border:1px solid var(--line);background:#fff;border-radius:14px;margin-bottom:14px;overflow:hidden}.qa summary{cursor:pointer;color:var(--navy);justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;font-size:15.5px;font-weight:700;list-style:none;display:flex}.qa summary::-webkit-details-marker{display:none}.qa summary:after{content:"+";color:var(--brand-d);flex:none;font-size:20px;font-weight:400}.qa[open] summary:after{content:"–"}.qa .ans{color:#48586f;padding:0 22px 20px;font-size:14.5px}.cta-band{color:#fff;text-align:center;background:linear-gradient(140deg,#0a1f44,#14356b 70%,#1b3fa8);border-radius:24px;padding:54px 40px;position:relative;overflow:hidden}.cta-band:after{content:"";background:radial-gradient(circle,#2b5bd759,#0000 70%);border-radius:50%;width:260px;height:260px;position:absolute;top:-80px;right:-80px}.cta-band h2{z-index:1;margin-bottom:14px;font-size:30px;position:relative}.cta-band p{color:#c9d6ea;z-index:1;margin-bottom:26px;position:relative}.cta-band .cta{z-index:1;flex-wrap:wrap;justify-content:center;gap:14px;display:flex;position:relative}.breadcrumb{color:var(--muted);padding:18px 0 0;font-size:13px}.breadcrumb a:hover{color:var(--brand-d)}.page-hero{color:#fff;background:linear-gradient(160deg,#0b2545,#13315c);padding:54px 0 58px}.page-hero h1{max-width:900px;margin-bottom:14px;font-size:36px;font-weight:800;line-height:1.28}.page-hero p{color:#c9d6ea;max-width:760px;font-size:16px}.prose{max-width:820px;margin:0 auto}.prose h2{color:var(--navy);margin:40px 0 14px;font-size:26px;font-weight:800}.prose h3{color:var(--navy);margin:26px 0 10px;font-size:19px;font-weight:700}.prose p{color:#3d4d66;margin-bottom:14px;font-size:15.5px}.prose ul,.prose ol{color:#3d4d66;margin:0 0 16px 22px;font-size:15.5px}.prose li{margin-bottom:8px}.prose .note{border-left:4px solid var(--brand);color:#31585a;background:#eef3ff;border-radius:8px;margin:18px 0;padding:16px 18px;font-size:14px}.spec{border-collapse:collapse;background:#fff;border-radius:14px;width:100%;overflow:hidden;box-shadow:0 10px 26px #1028500f}.spec td{border-bottom:1px solid var(--line);padding:14px 18px;font-size:14.5px}.spec td:first-child{width:34%;color:var(--navy);background:#f7fafd;font-weight:700}footer.site{background:var(--navy);color:#aebdd6;margin-top:0;padding:56px 0 24px}.foot-grid{grid-template-columns:1.6fr 1fr 1fr 1fr;gap:34px;display:grid}footer.site h4{color:#fff;margin-bottom:16px;font-size:15px}footer.site a{color:#aebdd6;padding:5px 0;font-size:13.5px;display:block}footer.site a:hover{color:#7fa8ff}.foot-brand p{max-width:320px;margin:14px 0;font-size:13.5px;line-height:1.8}.foot-bottom{color:#8194b3;border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;gap:14px;margin-top:40px;padding-top:20px;font-size:12.5px;display:flex}.foot-bottom a{color:#8194b3;padding:0;display:inline}.contact-grid{grid-template-columns:1.1fr .9fr;gap:34px;display:grid}.form{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:30px}.form label{color:var(--navy);margin:14px 0 6px;font-size:13.5px;font-weight:700;display:block}.form input,.form select,.form textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fbfdff;border-radius:10px;padding:12px 14px;font-family:inherit;font-size:14.5px}.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--brand);outline:none}.form textarea{resize:vertical;min-height:100px}.qr{text-align:center;color:var(--muted);background:#fff;border:1px dashed #c3d0e0;border-radius:14px;padding:26px;font-size:13px}.qr .box{color:#9fb0c6;background:repeating-linear-gradient(45deg,#eef3f9,#eef3f9 8px,#e4ecf6 8px 16px);border-radius:12px;justify-content:center;align-items:center;width:170px;height:170px;margin:0 auto 14px;font-size:12px;display:flex}.toc{border:1px solid var(--line);background:#fff;border-radius:14px;margin-bottom:26px;padding:18px 22px}.toc b{color:var(--navy);font-size:14px}.toc a{color:var(--brand-d);margin-right:16px;font-size:14px;line-height:2}@media (max-width:960px){.hero .wrap{grid-template-columns:1fr;gap:36px}.hero h1{font-size:34px}.g3,.g4,.pain,.audience,.contact-grid,.foot-grid,.stats{grid-template-columns:1fr 1fr}.logo-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:680px){.menu{border-bottom:1px solid var(--line);background:#fff;flex-direction:column;align-items:flex-start;gap:14px;padding:18px 22px;display:none;position:absolute;top:70px;left:0;right:0;box-shadow:0 20px 30px #10285014}.menu.open{display:flex}.burger{display:block}.nav-cta .btn{display:none}.g3,.g4,.pain,.audience,.contact-grid,.foot-grid,.stats{grid-template-columns:1fr}.hero h1,.page-hero h1{font-size:28px}.section{padding:52px 0}.section-head h2{font-size:25px}.compare{display:block;overflow-x:auto}.logo-grid{grid-template-columns:repeat(2,1fr)}}
