:root{--paper:#faf8f2;--mist:#eef2f1;--ink:#21343f;--muted:#5d7078;--teal:#257b7b;--orange:#cf5b39;--line:#d6dfdf;--white:#fff;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans SC","Microsoft YaHei",sans-serif}img{display:block;max-width:100%;height:auto}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:3px}button{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.25;letter-spacing:-.035em}h1{font-size:clamp(2.15rem,4.2vw,4.5rem)}h2{font-size:clamp(1.8rem,3vw,2.8rem)}h3{font-size:1.25rem}p{color:var(--muted)}.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}.narrow{width:min(calc(100% - 40px),840px);margin:auto}.site-header{background:rgba(250,248,242,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.header-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:800;line-height:1.15;font-size:1rem;max-width:260px}.brand:hover{text-decoration:none}.brand img{width:46px;height:46px}.brand small{display:block;color:var(--teal);font-size:.7rem;font-weight:600;letter-spacing:.04em}.nav{display:flex;align-items:center;gap:24px}.nav a{color:var(--ink);font-size:.92rem;font-weight:600}.nav a[aria-current=page]{color:var(--orange)}.menu-toggle{display:none;border:1px solid var(--line);background:var(--white);border-radius:10px;color:var(--ink);padding:8px 13px}.eyebrow{display:block;color:var(--teal);font-size:.76rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;margin-bottom:16px}.section{padding:78px 0}.section.soft{background:var(--mist)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:30px}.section-head p{max-width:620px;margin-bottom:0}.lead{font-size:1.13rem;line-height:1.85}.hero{padding:44px 0 24px}.hero-grid{display:grid;grid-template-columns:45% 1fr;gap:clamp(28px,6vw,90px);align-items:center}.hero-photo{border-radius:18px;overflow:hidden;background:#d7e6eb;max-height:430px}.hero-photo img{width:100%;height:430px;object-fit:contain;background:#b8d0df}.hero-copy{padding:16px 0}.hero-copy h1{margin-bottom:22px}.hero-copy p{max-width:610px}.hero-meta{display:flex;gap:14px;align-items:center;color:var(--muted);font-size:.86rem;margin-top:22px}.hero-meta:before{content:"";height:1px;width:40px;background:var(--orange)}.buttons{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:10px 21px;border-radius:8px;font-weight:700}.btn.primary{background:var(--orange);color:white}.btn.secondary{border:1px solid var(--teal);color:var(--teal)}.btn:hover{text-decoration:none;filter:brightness(.94)}.device-strip{display:flex;gap:0;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:28px}.device-strip a{padding:17px 22px 17px 0;margin-right:30px;color:var(--ink);font-weight:700;font-size:.92rem}.device-strip a:after,.text-link:after{content:" ↗";color:var(--orange)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;counter-reset:step}.step{border-top:2px solid var(--teal);padding-top:20px}.step:before{counter-increment:step;content:"0" counter(step);display:block;color:var(--orange);font-size:.8rem;font-weight:800;letter-spacing:.14em;margin-bottom:16px}.step p{margin-bottom:12px}.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,88px);align-items:center}.split.reverse .media{order:2}.media img{border-radius:13px;width:100%}.media.portrait{max-width:420px;margin:auto}.feature-list{list-style:none;padding:0;margin:22px 0}.feature-list li{padding:10px 0;border-bottom:1px solid var(--line);color:var(--muted)}.feature-list li strong{color:var(--ink)}.triple,.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.info-card{padding:22px 0;border-top:1px solid var(--line)}.info-card .num{color:var(--orange);font-size:.82rem;font-weight:800;letter-spacing:.15em}.news-card{display:flex;flex-direction:column;border-top:1px solid var(--line);padding-top:16px}.news-kicker{display:flex;justify-content:space-between;gap:10px;margin-bottom:13px;font-size:.73rem;font-weight:800;letter-spacing:.1em;color:var(--teal)}.news-kicker span:first-child{color:var(--orange)}.news-media{width:100%;aspect-ratio:3/2;overflow:hidden;border-radius:12px;background:#dae4e5}.news-media img{display:block;width:100%;height:100%;object-fit:cover}.news-card h3{margin:19px 0 9px;min-height:3.2em}.news-card h3 a{color:var(--ink)}.news-card p{font-size:.92rem;flex:1}.news-card .text-link{font-size:.88rem;font-weight:800;border-top:1px solid var(--line);padding-top:12px}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);column-gap:54px}.faq-item{border-top:1px solid var(--line);padding:17px 0}.faq-item h3{font-size:1rem;margin-bottom:7px}.faq-item p{font-size:.94rem;margin:0}.callout{background:var(--ink);color:white;border-radius:16px;padding:38px 44px;display:flex;align-items:center;justify-content:space-between;gap:30px}.callout h2{margin:0;color:white;font-size:1.8rem}.callout p{color:#d7e2e4;margin:8px 0 0}.callout .btn{background:var(--orange);color:white;flex:none}.page-hero{padding:58px 0 38px;background:var(--mist)}.page-hero h1{max-width:980px}.page-hero p{max-width:780px;font-size:1.1rem}.breadcrumb{font-size:.8rem;color:var(--muted);margin-bottom:20px}.breadcrumb a{color:var(--muted)}.prose{font-size:1.03rem}.prose h2{margin:48px 0 16px}.prose h3{margin:28px 0 10px}.prose p,.prose li{color:var(--muted)}.prose ul,.prose ol{padding-left:1.35em}.prose li{margin:9px 0}.article-image{margin:32px 0}.article-image img{border-radius:13px;width:100%}.article-nav{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:22px;margin-top:45px}.article-nav a{max-width:46%;font-weight:700}.resource-links{display:flex;flex-wrap:wrap;gap:8px 22px;border-top:1px solid var(--line);padding-top:18px}.resource-links a{font-size:.9rem}.site-footer{background:#e8eeed;padding:50px 0 24px;margin-top:70px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}.footer-grid h3{font-size:1rem;margin-bottom:16px}.footer-grid a{display:block;margin:7px 0;color:var(--ink);font-size:.9rem}.footer-note{font-size:.85rem;max-width:500px}.footer-bottom{border-top:1px solid #cbd7d6;margin-top:35px;padding-top:18px;color:var(--muted);font-size:.78rem;display:flex;flex-wrap:wrap;gap:8px 24px}.footer-bottom a{color:var(--muted)}.mini-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 38px}.mini-list a{border-top:1px solid var(--line);padding-top:13px;font-weight:700}.icon{width:33px;height:33px;display:inline-block;margin-bottom:16px;color:var(--teal)}.icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}@media(max-width:850px){.nav{gap:12px}.nav a{font-size:.82rem}.hero-grid,.split{gap:28px}.section{padding:58px 0}.triple,.news-grid{gap:18px}}@media(max-width:680px){.wrap,.narrow{width:min(calc(100% - 32px),var(--max))}.header-inner{height:68px}.brand{font-size:.84rem;max-width:240px}.brand img{width:40px;height:40px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--paper);padding:18px 16px 25px;border-bottom:1px solid var(--line);box-shadow:0 10px 25px #21343f14;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{font-size:1rem;padding:8px}.hero{padding-top:27px}.hero-grid{display:flex;flex-direction:column-reverse;align-items:stretch}.hero-photo{max-height:none}.hero-photo img{height:auto}.hero-copy{padding:0}.hero-copy h1{font-size:2.5rem}.device-strip a{width:50%;margin:0;padding:12px 8px 12px 0}.steps,.triple,.news-grid,.faq-grid,.mini-list,.footer-grid{grid-template-columns:1fr}.split{display:flex;flex-direction:column;align-items:stretch}.split.reverse .media{order:0}.section-head{display:block}.news-card h3{min-height:0}.callout{display:block;padding:30px}.callout .btn{margin-top:20px}.footer-grid{gap:22px}.article-nav{display:block}.article-nav a{display:block;max-width:100%;margin:10px 0}}
