@charset "UTF-8";
:root{--bg:#f5f7f5;--paper:#fff;--ink:#172536;--muted:#586574;--line:#dce4e3;--navy:#182b49;--navy2:#223b5a;--green:#3b876d;--mint:#e5f4ec;--orange:#e8a054;--radius:20px;--shadow:0 18px 46px rgba(27,48,67,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.75 system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}p{margin:.6em 0 0}h1,h2,h3{line-height:1.3;letter-spacing:-.035em;margin:0}h1{font-size:clamp(2.3rem,4.2vw,4.35rem)}h2{font-size:clamp(1.7rem,2.7vw,2.65rem)}h3{font-size:1.18rem}ul,ol{padding-left:1.25em}li+li{margin-top:.35em}:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.narrow{max-width:820px}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:var(--green);font-size:.76rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.eyebrow:before{content:"";width:20px;height:2px;background:currentColor}.section{padding:84px 0}.section-soft{background:#eaf0ef}.section-dark{background:var(--navy);color:#edf6f4}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}.section-head p{max-width:560px;color:var(--muted)}.section-dark .section-head p{color:#c5d3dc}.text-link{color:var(--green);font-weight:750}.text-link:hover{text-decoration:underline}.kicker{font-size:.78rem;letter-spacing:.15em;font-weight:800;color:var(--green);text-transform:uppercase}.small{font-size:.88rem;color:var(--muted)}.rule{border-top:1px solid var(--line)}
.site-header{position:sticky;z-index:20;top:0;background:rgba(250,252,250,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;min-width:0}.brand-mark{width:43px;height:43px;flex:none}.brand-copy{display:flex;flex-direction:column;line-height:1.12}.brand-copy strong{font-size:1.06rem;letter-spacing:-.03em}.brand-copy span{font-size:.67rem;color:var(--muted);letter-spacing:.08em;margin-top:4px}.nav{display:flex;align-items:center;gap:5px}.nav a{padding:9px 13px;border-radius:10px;font-size:.88rem;font-weight:650;color:#435367;white-space:nowrap}.nav a:hover,.nav a[aria-current="page"]{background:#e7efed;color:var(--navy)}.menu-toggle{display:none;border:1px solid var(--line);background:white;border-radius:9px;padding:8px 12px;color:var(--ink)}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;border:1px solid transparent;border-radius:11px;padding:12px 19px;font-size:.91rem;font-weight:800;line-height:1.4;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--green);color:white}.btn-primary:hover{background:#2c7059}.btn-secondary{background:white;border-color:var(--line);color:var(--navy)}.btn-dark{background:#fff;color:var(--navy)}.btn-row{display:flex;flex-wrap:wrap;gap:11px;margin-top:28px}.arrow{font-size:1.15em;line-height:1}
.hero{padding:74px 0 28px;background:linear-gradient(145deg,#f6faf7 0%,#edf2f3 56%,#f9faf7 100%)}.hero-grid{display:grid;grid-template-columns:1fr 1.04fr;align-items:center;gap:52px}.hero-copy>p{font-size:1.05rem;color:#526376;max-width:590px}.hero-copy .lead{margin-top:23px}.hero-note{display:flex;gap:12px;align-items:flex-start;margin-top:26px;padding:15px 18px;background:#e4efea;border-left:3px solid var(--green);border-radius:0 10px 10px 0;font-size:.87rem;color:#456355}.hero-note b{color:var(--green);flex:none;white-space:nowrap}.hero-visual{position:relative}.hero-visual:before{content:"";position:absolute;inset:14px -14px -14px 14px;border:1px solid #b9cacb;border-radius:20px}.hero-visual img{position:relative;width:100%;height:auto;border-radius:20px;box-shadow:var(--shadow)}.hero-visual .visual-tag{position:absolute;left:-19px;bottom:20px;background:var(--navy);color:#e8f3ef;border-radius:9px;padding:10px 13px;font-size:.71rem;font-weight:800;letter-spacing:.12em}.platform-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:52px;background:#d9e3e2;border:1px solid #d9e3e2;border-radius:14px;overflow:hidden}.platform-strip a{background:white;padding:15px 20px;font-size:.8rem;font-weight:800;letter-spacing:.08em;display:flex;justify-content:space-between;align-items:center}.platform-strip a:hover{background:var(--mint)}.platform-strip span{color:var(--green)}
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.quick-card,.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.quick-card{padding:25px;min-height:190px;display:flex;flex-direction:column;justify-content:space-between}.quick-card:hover,.device-card:hover,.news-card:hover{border-color:#a9c7bd;transform:translateY(-3px)}.quick-card,.device-card,.news-card{transition:transform .2s,border-color .2s}.quick-card .num{color:var(--green);font-size:.75rem;font-weight:800;letter-spacing:.12em}.quick-card h3{font-size:1.05rem}.quick-card p{font-size:.85rem;color:var(--muted);margin-top:9px}.quick-card .go{align-self:flex-end;color:var(--green);font-weight:800}
.index-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;align-items:start}.index-intro p{color:var(--muted)}.stack{background:var(--navy);color:white;padding:28px;border-radius:20px;box-shadow:var(--shadow)}.stack-row{display:grid;grid-template-columns:110px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.14)}.stack-row:first-child{padding-top:0}.stack-row:last-child{border:0;padding-bottom:0}.stack-row b{color:#a9d4bf;font-size:.83rem;letter-spacing:.1em}.stack-row p{color:#d4e0e6;margin:0;font-size:.91rem}
.device-groups{display:grid;grid-template-columns:1fr 1fr;gap:24px}.device-group{background:white;border:1px solid var(--line);border-radius:22px;padding:25px}.device-group>header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:17px}.device-group>header span{font-weight:850;letter-spacing:.14em;color:var(--navy)}.device-group>header small{color:var(--green);font-weight:800}.device-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.device-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#f9fbfa}.device-card img{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;background:#e8eeed}.device-card.landscape img{aspect-ratio:3/2}.device-card .body{padding:14px}.device-card strong{font-size:.98rem}.device-card p{font-size:.8rem;color:var(--muted);line-height:1.5;margin-top:5px}
.path-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.path-step{padding:24px;border-radius:16px;background:var(--navy2);border:1px solid #466079;min-height:210px}.path-step .number{font-size:.7rem;font-weight:850;letter-spacing:.14em;color:#a7d7bc}.path-step h3{margin-top:31px;color:white}.path-step p{font-size:.84rem;color:#cadbe3}.path-step:not(:last-child){position:relative}.path-step:not(:last-child):after{content:"→";position:absolute;right:-14px;top:22px;color:var(--orange);z-index:1;background:var(--navy);border-radius:50%;width:26px;height:26px;text-align:center;line-height:26px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.feature-copy p{color:var(--muted)}.feature-list{display:grid;gap:11px;margin-top:22px}.feature-list div{padding:13px 16px;border:1px solid var(--line);border-radius:11px;background:white;font-size:.9rem}.feature-list b{color:var(--green);margin-right:10px}.feature-photo{border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#e7eeec}.feature-photo img{width:100%;height:auto;max-height:620px;object-fit:contain}.mini-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mini-cols .card{padding:26px}.mini-cols .card p{font-size:.9rem;color:var(--muted)}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.news-card{overflow:hidden;background:white;border:1px solid var(--line);border-radius:18px}.news-card img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.news-card .body{padding:20px 22px 22px}.news-card .num{font-size:.74rem;font-weight:800;letter-spacing:.13em;color:var(--green)}.news-card h3{font-size:1.05rem;margin-top:10px;min-height:2.6em}.news-card p{font-size:.86rem;color:var(--muted);line-height:1.65;min-height:3.3em}.news-card .text-link{display:inline-block;margin-top:14px;font-size:.86rem}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.faq-item{padding:23px 26px;border:1px solid var(--line);border-radius:14px;background:white}.faq-item h3{font-size:.98rem}.faq-item p{font-size:.88rem;color:var(--muted)}.shortcuts{display:flex;flex-wrap:wrap;gap:11px}.shortcuts a{background:white;border:1px solid var(--line);padding:11px 16px;border-radius:10px;font-size:.88rem;font-weight:700}.shortcuts a:hover{background:var(--mint)}.cta-panel{background:var(--navy);color:white;border-radius:24px;padding:43px 50px;display:flex;justify-content:space-between;align-items:center;gap:35px}.cta-panel p{color:#cfdee4;max-width:700px}.cta-panel .btn{flex:none}
.page-hero{background:#eaf0ef;padding:55px 0 48px;border-bottom:1px solid var(--line)}.breadcrumb{display:flex;gap:9px;align-items:center;color:#657383;font-size:.81rem;margin-bottom:20px}.breadcrumb a:hover{text-decoration:underline}.page-hero h1{font-size:clamp(2rem,3.2vw,3.2rem);max-width:900px}.page-hero p{max-width:780px;color:#526376;font-size:1.03rem}.anchor-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.anchor-tabs a{background:white;border:1px solid var(--line);border-radius:9px;padding:9px 14px;font-size:.82rem;font-weight:750}.anchor-tabs a:hover{background:var(--mint)}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:52px;align-items:start}.article-body{background:white;border:1px solid var(--line);border-radius:18px;padding:38px 45px}.article-body h2{font-size:1.55rem;margin-top:36px;margin-bottom:12px}.article-body h2:first-child{margin-top:0}.article-body h3{margin-top:23px}.article-body p,.article-body li{color:#4f5d6d}.article-body a{color:var(--green);font-weight:700}.article-body a:hover{text-decoration:underline}.aside{position:sticky;top:100px;background:#eaf0ef;border:1px solid var(--line);border-radius:15px;padding:24px}.aside h3{font-size:.94rem;margin-bottom:12px}.aside a{display:block;font-size:.85rem;border-top:1px solid #d6e1df;padding:10px 0}.aside a:hover{color:var(--green)}.article-cover{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:13px;margin:20px 0}.article-nav{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:32px}.article-nav a{border:1px solid var(--line);border-radius:12px;background:white;padding:18px;color:var(--navy);font-weight:750}.article-nav a:last-child{text-align:right}.related-list{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:20px}.related-list a{padding:18px;background:#edf4f0;border-radius:11px;font-size:.9rem}.resource-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.resource-links a{padding:8px 12px;border:1px solid var(--line);background:white;border-radius:8px;font-size:.83rem;color:#526376}.resource-links a:hover{border-color:var(--green);color:var(--green)}.download-platform{display:grid;grid-template-columns:250px 1fr;gap:30px;padding:30px;background:white;border:1px solid var(--line);border-radius:18px;margin-bottom:20px;scroll-margin-top:100px}.download-platform img{width:100%;height:310px;object-fit:contain;background:#e9efee;border-radius:12px}.download-platform.landscape img{height:220px}.download-platform h2{font-size:1.6rem}.download-platform p{color:var(--muted)}.download-platform ol{margin:10px 0;color:#4c5e6d}.download-platform .btn-row{margin-top:15px}.platform-label{font-size:.7rem;font-weight:850;letter-spacing:.15em;color:var(--green)}.site-footer{background:#16273d;color:#d5e1e8;padding:48px 0 27px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:35px}.footer-grid h3{color:white;font-size:.94rem;margin-bottom:12px}.footer-grid p{font-size:.83rem;color:#a9bcc8}.footer-grid a{display:block;font-size:.85rem;padding:3px 0}.footer-grid a:hover{color:#acd6bb}.footer-bottom{margin-top:34px;padding-top:22px;border-top:1px solid #385067;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:.73rem;color:#acbfca}.footer-bottom a{color:inherit}.footer-bottom a:hover{text-decoration:underline}
@media(max-width:950px){.nav a{padding:8px}.hero-grid{gap:27px}.quick-grid,.path-grid{grid-template-columns:repeat(2,1fr)}.news-grid{grid-template-columns:repeat(2,1fr)}.device-groups{grid-template-columns:1fr}.article-layout{grid-template-columns:1fr}.aside{position:static}.path-step:not(:last-child):after{display:none}}
@media(max-width:700px){.container{width:min(100% - 28px,1180px)}.section{padding:58px 0}.header-inner{min-height:65px}.brand-copy strong{font-size:.9rem}.brand-copy span{font-size:.58rem}.brand-mark{width:37px;height:37px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:65px;left:0;right:0;background:white;border-bottom:1px solid var(--line);padding:10px 14px 15px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{padding:10px 14px}.hero{padding:42px 0 20px}.hero-grid,.index-panel,.split,.footer-grid{grid-template-columns:1fr}.hero-copy .lead{margin-top:15px}.hero-visual{margin:4px 10px 0}.hero-visual .visual-tag{left:7px;bottom:9px}.platform-strip{grid-template-columns:repeat(2,1fr);margin-top:30px}.platform-strip a{padding:12px;font-size:.7rem}.section-head{display:block}.section-head p{margin-top:10px}.quick-grid,.device-list,.news-grid,.faq-grid,.mini-cols,.related-list{grid-template-columns:1fr}.quick-card{min-height:145px}.device-card img{height:auto}.path-grid{grid-template-columns:1fr 1fr}.path-step{min-height:190px;padding:18px}.path-step h3{margin-top:21px}.cta-panel{padding:28px;display:block}.cta-panel .btn{margin-top:18px}.article-body{padding:24px 20px}.download-platform{grid-template-columns:1fr;padding:20px}.download-platform img,.download-platform.landscape img{height:240px}.page-hero{padding:38px 0}.article-nav{grid-template-columns:1fr}.article-nav a:last-child{text-align:left}}
@media(max-width:430px){.path-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr}.brand-copy strong{font-size:.81rem}.brand-copy span{display:none}.footer-bottom{display:block}.footer-bottom>*{display:block;margin-top:7px}}