:root{--cream:#f7f7f0;--paper:#fffefa;--ink:#183c35;--text:#233831;--muted:#6c7a73;--line:#cdd8cf;--mint:#c8f1df;--mint-dark:#7cbba2;--peach:#f8d9c4;--graphite:#262f2c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--text);font-family:'Segoe UI','Microsoft YaHei',Arial,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}a:hover{color:#148063}img{display:block;max-width:100%;height:auto}figure{margin:0}button{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink);line-height:1.22;font-weight:600;letter-spacing:-.045em}p{line-height:1.9}h1{font-size:clamp(3rem,6.5vw,6.6rem)}h2{font-size:clamp(2.2rem,4.1vw,4.4rem)}h3{font-size:clamp(1.35rem,2vw,2.1rem)}.wrap{width:min(100% - 72px,1360px);margin-inline:auto}.eyebrow{font-size:.75rem;letter-spacing:.16em;font-weight:700;color:#477263;text-transform:uppercase}.text-link{font-size:.9rem;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:5px;display:inline-block}.button{display:inline-flex;gap:2.5rem;justify-content:space-between;align-items:center;background:var(--mint);color:var(--ink);padding:1rem 1.3rem;min-width:240px;font-weight:700;transition:background .2s,transform .2s}.button:hover{background:#a7e7cd;transform:translateY(-2px);color:var(--ink)}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:#276552;color:white}
.site-header{background:var(--cream);border-bottom:1px solid var(--line)}.header-inner{width:min(100% - 72px,1360px);margin:auto;min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{display:flex;align-items:center;gap:.7rem;font-size:1.05rem;letter-spacing:.02em;font-weight:700;line-height:1.2;color:var(--ink)}.brand small{display:block;font-size:.59rem;letter-spacing:.18em;font-weight:500;color:var(--muted);margin-top:4px}.brand-mark{width:46px;height:46px;flex:none}.main-nav{display:flex;align-items:center;gap:clamp(1rem,2.1vw,2.5rem);font-size:.84rem;font-weight:600}.main-nav a{padding:.6rem 0}.main-nav a:hover{box-shadow:inset 0 -2px var(--mint-dark)}.menu-toggle{display:none;border:0;background:none;color:var(--ink);font-size:1.8rem;cursor:pointer}
.hero{padding-top:3.2rem;padding-bottom:7rem}.hero-top{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:1rem}.hero-top span{color:var(--muted)}.hero h1{max-width:1200px;margin:5.3rem 0 2.8rem;font-weight:500}.hero h1 em{font-style:normal;color:#85bca5}.hero-intro{display:grid;grid-template-columns:1fr 1fr;gap:5rem;max-width:1020px;margin:0 0 5rem auto}.hero-intro p{font-size:1.05rem;max-width:470px}.hero-intro .button{margin-top:1rem}.hero-collage{display:grid;grid-template-columns:1.6fr .73fr .9fr .8fr;align-items:end;gap:1.2rem}.hero-collage figure{position:relative}.hero-collage img{width:100%;object-fit:cover;background:#e8ece6}.hero-land img{aspect-ratio:1.45}.hero-portrait img{aspect-ratio:2/3}.hero-square img{aspect-ratio:1}.hero-collage figcaption{font-size:.61rem;letter-spacing:.12em;font-weight:700;margin-top:.65rem;color:var(--muted)}.hero-index{align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end;margin-bottom:1.8rem;padding-left:1.4rem}.hero-index .eyebrow{margin-bottom:1.4rem}.hero-index a{display:flex;justify-content:space-between;padding:.8rem 0;border-top:1px solid var(--line);font-size:.9rem}.hero-index b{font-size:.68rem;color:var(--muted)}
.section-head{display:grid;grid-template-columns:1.2fr .85fr;column-gap:7rem;align-items:end;margin-bottom:3.6rem}.section-head .eyebrow{grid-column:1/-1;margin-bottom:1.5rem}.section-head h2{margin-bottom:0}.section-head p{margin-bottom:.4rem;color:#52685d;max-width:470px}.matrix-section{padding:7rem 0 8rem;background:#eaf1e9}.device-matrix{display:grid;grid-template-columns:145px repeat(3,1fr);border-top:1px solid #aebfb1;border-left:1px solid #aebfb1}.device-matrix>div{border-right:1px solid #aebfb1;border-bottom:1px solid #aebfb1;padding:1.45rem}.matrix-corner,.matrix-head,.axis{font-size:.7rem;letter-spacing:.14em;font-weight:700;color:#4e7161}.axis{background:#d9e8dc;writing-mode:vertical-rl;transform:none;display:flex;align-items:center;justify-content:center;gap:1rem}.axis small{font-size:.68rem}.matrix-cell{min-height:210px;display:flex;flex-direction:column;justify-content:space-between}.matrix-cell strong{font-size:1.5rem;font-weight:600;color:var(--ink)}.matrix-cell p{font-size:.88rem;line-height:1.75;margin:1rem 0}.matrix-cell a,.desktop-notes a{font-size:.8rem;font-weight:700;color:#207456}.matrix-cell:hover{background:#f4f7f0}.wide-story{padding-top:7rem;padding-bottom:8rem}.wide-label{margin-bottom:1.1rem}.wide-story figure img{width:100%;height:min(57vw,620px);object-fit:cover}.wide-caption{border-top:1px solid var(--line);padding-top:2rem;margin-top:1.2rem;display:grid;grid-template-columns:1fr 1fr;gap:5rem}.wide-caption h2{font-size:clamp(1.8rem,3vw,3.2rem);margin:0}.wide-caption p{max-width:520px}
.guide-section{background:var(--paper);padding:8rem 0}.guide-section .section-head{margin-bottom:5rem}.scroll-guide{max-width:1020px;margin-left:auto}.scroll-guide article{display:grid;grid-template-columns:130px 1fr;gap:3rem;border-top:1px solid var(--line);padding:3rem 0 4rem}.guide-letter{font-size:3.7rem;font-weight:500;line-height:1;color:#9bcdb4}.scroll-guide h3{margin-bottom:1.1rem}.scroll-guide p{max-width:760px;color:#52685d}.desktop-section{padding-top:8rem;padding-bottom:9rem}.desktop-photo img{width:100%;height:min(52vw,560px);object-fit:cover}.desktop-notes{display:grid;grid-template-columns:1fr 1fr;gap:5rem;border-top:1px solid var(--line);margin-top:2rem}.desktop-notes article{padding-top:2.5rem}.desktop-notes article+article{border-left:1px solid var(--line);padding-left:5rem}.desktop-notes h3{margin:1.5rem 0}.desktop-notes p{color:#52685d}
.news-section{background:#193e36;color:#eaf5ed;padding:8rem 0}.news-section h2,.news-section h3{color:#f7faf4}.news-layout{display:grid;grid-template-columns:30% 1fr;gap:5rem}.news-rail{position:sticky;top:2rem;align-self:start}.news-rail .eyebrow{color:#9fddbe}.news-rail h2{font-size:clamp(2.4rem,3.4vw,3.9rem);margin:2rem 0}.news-rail p{max-width:290px;color:#bfd2c7}.news-numbers{color:#6b9b85;font-size:3.4rem;line-height:1.04;font-weight:500;margin:3rem 0;letter-spacing:-.09em}.news-feed{border-top:1px solid #638376}.news-row{display:grid;grid-template-columns:210px 1fr;gap:2rem;padding:2rem 0;border-bottom:1px solid #638376;align-items:start}.news-thumb img{width:210px;height:140px;object-fit:cover;aspect-ratio:3/2}.news-row .eyebrow{color:#9fddbe}.news-row h3{font-size:1.35rem;line-height:1.45;margin:1rem 0}.news-row p{color:#bfd2c7;font-size:.85rem;line-height:1.7}.news-row .text-link{color:#c8f1df}.news-row a:hover{color:#b4efca}
.mobile-section{padding-top:8rem;padding-bottom:7rem}.mobile-story{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;align-items:center;margin-top:4rem}.mobile-story figure{max-width:450px}.mobile-story img{width:100%;aspect-ratio:2/3;object-fit:cover}.mobile-story h3{font-size:clamp(2rem,3.1vw,3.4rem);margin:1.5rem 0}.mobile-story p{max-width:520px;color:#52685d}.ios-story{grid-template-columns:1.25fr .7fr;border-top:1px solid var(--line);padding-top:5rem;margin-top:5rem}.ios-story figure{max-width:340px;margin-left:auto}.switch-section{background:#dcebe1;padding:7rem 0}.switch-layout{display:grid;grid-template-columns:1fr 1fr;gap:7rem}.switch-layout p{max-width:610px}.switch-layout h2{margin-top:1.3rem}.faq-section{padding-top:8rem;padding-bottom:8rem}.faq-section .section-head{margin-bottom:3rem}.table-wrap{overflow-x:auto}.faq-section table{border-collapse:collapse;width:100%;min-width:690px}.faq-section th{text-align:left;color:#537367;font-size:.72rem;letter-spacing:.12em;padding:1rem 1.2rem;border-block:1px solid var(--line)}.faq-section td{padding:1.5rem 1.2rem;border-bottom:1px solid var(--line);vertical-align:top}.faq-section td:first-child{color:var(--ink);font-weight:700;width:28%}.faq-section td:nth-child(2){width:50%}.faq-section td a{color:#1d795a;font-weight:700}.quick-section{background:var(--paper);padding:7rem 0}.quick-section h2{margin:1.5rem 0 3rem}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.quick-grid a{min-height:220px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:1.6rem;display:flex;flex-direction:column}.quick-grid a:hover{background:#eaf2e9}.quick-grid span{font-size:.7rem;color:#6c9581}.quick-grid strong{font-size:1.45rem;margin-top:1.4rem;color:var(--ink)}.quick-grid small{color:var(--muted);margin-top:.4rem}.quick-grid b{align-self:end;margin-top:auto}.final-cta{padding-top:9rem;padding-bottom:9rem;text-align:center}.final-cta h2{margin:1.7rem auto;max-width:880px}.final-cta p{max-width:600px;margin:0 auto 2rem}.site-footer{background:#122d28;color:#bfd2c7;padding:4.5rem 0 5rem}.footer-inner{width:min(100% - 72px,1360px);margin:auto;display:flex;justify-content:space-between;gap:3rem}.footer-kicker{font-size:.7rem;letter-spacing:.2em}.footer-name{font-weight:700;color:#e8f5e9;margin:2rem 0 1rem}.footer-inner p{font-size:.8rem}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem 3rem;font-size:.83rem}.footer-links a:hover{color:white}
.interior-hero{padding-top:6rem;padding-bottom:4rem;border-bottom:1px solid var(--line)}.interior-hero h1{font-size:clamp(2.9rem,5.4vw,5.5rem);max-width:1050px;margin:1.5rem 0}.interior-hero>p{font-size:1.1rem;max-width:800px;color:#5b6d62}.breadcrumb{display:flex;gap:.8rem;flex-wrap:wrap;font-size:.76rem;color:#718177;margin-top:2.8rem}.breadcrumb a{text-decoration:underline}.platform-nav{display:flex;justify-content:space-between;gap:1rem;padding-block:2.2rem;border-bottom:1px solid var(--line);font-size:.78rem;letter-spacing:.1em;font-weight:700}.platform-section{display:grid;grid-template-columns:25% 1fr;gap:4rem;padding-block:6rem;border-bottom:1px solid var(--line);scroll-margin-top:2rem}.platform-copy h2{font-size:clamp(2.3rem,4vw,4rem)}.platform-copy>p{font-size:1.05rem;max-width:720px}.platform-copy dl{margin:3rem 0;border-top:1px solid var(--line)}.platform-copy dl div{display:grid;grid-template-columns:145px 1fr;gap:2rem;padding:1.1rem 0;border-bottom:1px solid var(--line)}.platform-copy dt{font-size:.82rem;font-weight:700;color:#50816b}.platform-copy dd{margin:0}.inline-actions{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.related-section{padding-block:7rem}.related-section h2{margin:1rem 0}.related-links{display:grid;grid-template-columns:repeat(5,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line);margin-top:2rem}.related-links a{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:1.2rem;font-size:.9rem}.related-links a:hover{background:#e9f1e7}.article-body{padding-top:5rem;padding-bottom:8rem}.prose{max-width:850px;margin:auto}.prose h2{font-size:2rem;margin:3rem 0 1rem}.prose p{font-size:1.02rem;color:#536a5d}.prose a{color:#167b5b;text-decoration:underline;text-underline-offset:3px}.note{background:#e4efe4;padding:1.6rem 2rem;margin:3rem 0}.note p{margin:0}.listing{padding-block:4rem 8rem}.listing-row{display:grid;grid-template-columns:330px 1fr;gap:3rem;align-items:center;padding:2.5rem 0;border-bottom:1px solid var(--line)}.listing-row img{width:330px;height:220px;object-fit:cover}.listing-row h2{font-size:clamp(1.7rem,2.5vw,2.6rem);margin:1rem 0}.listing-row p{color:#5d7165}.story{padding-top:6rem;padding-bottom:8rem}.story h1{font-size:clamp(2.8rem,5vw,5rem);max-width:1120px;margin:1.6rem 0}.story-lead{max-width:780px;font-size:1.17rem;color:#546b5e}.story-image{margin:4rem 0 5rem}.story-image img{width:100%;max-height:650px;object-fit:cover}.story-pagination{display:flex;justify-content:space-between;gap:2rem;border-top:1px solid var(--line);margin-top:6rem;padding-top:2rem}.story-pagination a{max-width:45%;font-weight:700}.story-pagination small{display:block;color:#7e9686;font-size:.72rem;margin-bottom:.4rem}
@media(max-width:1050px){.wrap,.header-inner,.footer-inner{width:min(100% - 48px,1360px)}.main-nav{gap:.8rem;font-size:.75rem}.hero-collage{grid-template-columns:1.3fr .65fr .8fr}.hero-index{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:0;margin:1rem 0 0}.hero-index .eyebrow{grid-column:1/-1;margin:0}.hero-index a{gap:1rem}.news-layout{gap:2.5rem}.news-row{grid-template-columns:150px 1fr}.news-thumb img{width:150px;height:100px}.related-links{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){h1{font-size:clamp(2.6rem,10.2vw,4.7rem)}h2{font-size:clamp(2rem,8vw,3.4rem)}.wrap,.header-inner,.footer-inner{width:min(100% - 36px,1360px)}.header-inner{min-height:74px}.brand-mark{width:40px;height:40px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;z-index:20;top:74px;left:0;right:0;background:var(--cream);padding:1.5rem 18px;border-bottom:1px solid var(--line);box-shadow:0 12px 18px #183c3512}.main-nav.open{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.main-nav a{padding:.7rem}.hero{padding-top:2rem;padding-bottom:5rem}.hero-top{font-size:.63rem}.hero-top span{display:none}.hero h1{margin:3.4rem 0 2rem}.hero-intro{grid-template-columns:1fr;gap:.4rem;margin-bottom:3rem}.hero-intro p{font-size:.97rem}.hero-collage{display:flex;flex-direction:column;align-items:stretch;gap:1.5rem}.hero-collage figure{width:100%}.hero-land img{aspect-ratio:1.5}.hero-portrait{max-width:75%;align-self:flex-start}.hero-square{max-width:82%;align-self:flex-end}.hero-index{display:block;width:100%}.hero-index a{font-size:1rem}.section-head,.wide-caption,.switch-layout{grid-template-columns:1fr;gap:1rem}.section-head{margin-bottom:2.4rem}.matrix-section,.guide-section,.news-section,.switch-section,.quick-section{padding:5rem 0}.device-matrix{grid-template-columns:65px repeat(3,minmax(165px,1fr));overflow-x:auto;font-size:.83rem}.matrix-section .wrap{overflow-x:auto}.device-matrix>div{padding:1rem}.matrix-cell{min-height:230px}.wide-story,.desktop-section,.mobile-section,.faq-section{padding-top:5rem;padding-bottom:5rem}.wide-story figure img,.desktop-photo img{height:auto;aspect-ratio:3/2}.wide-caption{padding-top:1.6rem}.scroll-guide{margin:0}.scroll-guide article{grid-template-columns:55px 1fr;gap:1rem;padding:2rem 0}.guide-letter{font-size:2.6rem}.desktop-notes{grid-template-columns:1fr;gap:0}.desktop-notes article+article{border-left:0;border-top:1px solid var(--line);padding-left:0;margin-top:2.4rem}.news-layout{grid-template-columns:1fr}.news-rail{position:static}.news-rail h2{margin:1rem 0}.news-numbers{display:none}.news-row{grid-template-columns:110px 1fr;gap:1rem}.news-thumb img{width:110px;height:74px}.news-row h3{font-size:1.05rem;margin:.5rem 0}.news-row p{font-size:.8rem}.news-row .eyebrow{font-size:.58rem}.mobile-story,.ios-story{display:flex;flex-direction:column;align-items:stretch;gap:2rem}.android-story figure{order:0;max-width:70%}.ios-story figure{order:1;max-width:63%;margin-left:auto}.ios-story>div{order:0}.switch-layout{gap:1rem}.quick-grid{grid-template-columns:1fr}.quick-grid a{min-height:170px}.final-cta{padding-top:6rem;padding-bottom:6rem}.footer-inner{display:block}.footer-links{margin-top:2rem}.interior-hero{padding-top:4rem}.interior-hero h1,.story h1{font-size:clamp(2.4rem,9vw,4rem)}.platform-nav{overflow-x:auto;white-space:nowrap;gap:2rem}.platform-section{grid-template-columns:1fr;gap:1rem;padding-block:4rem}.platform-copy dl div{grid-template-columns:90px 1fr;gap:1rem}.related-links{grid-template-columns:repeat(2,1fr)}.listing-row{grid-template-columns:1fr;gap:1rem}.listing-row img{width:100%;height:auto;aspect-ratio:3/2}.story{padding-top:4rem}.story-image{margin:3rem 0}.story-pagination{flex-direction:column}.story-pagination a{max-width:100%}}
@media(max-width:430px){.brand{font-size:.95rem}.brand small{font-size:.5rem}.hero h1{font-size:2.6rem}.button{width:100%}.news-row{grid-template-columns:1fr}.news-thumb img{width:100%;height:auto;aspect-ratio:3/2}.related-links{grid-template-columns:1fr}.footer-links{gap:.3rem 1rem}}