@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
:root{--paper:#f6f5ef;--sheet:#fffefa;--ink:#18323b;--muted:#66777a;--line:#d9dfda;--teal:#2b817e;--sage:#d8e5dd;--orange:#d9905b;--font:'DM Sans','Noto Sans SC',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);line-height:1.75}img{max-width:100%;display:block;object-fit:cover}a{color:inherit;text-decoration:none}a:hover{color:var(--teal)}button{font:inherit}.wrap{width:min(1440px,calc(100% - 64px));margin:auto}.site-header{background:var(--sheet);border-bottom:1px solid var(--line);position:relative;z-index:5}.header-inner{min-height:88px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;min-width:230px;font-weight:700;line-height:1.25;font-size:15px;letter-spacing:.02em}.brand img{width:44px;height:44px;object-fit:contain}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;margin-top:4px}.main-nav{margin-left:auto;display:flex;align-items:center;gap:28px;font-size:13px;font-weight:600;white-space:nowrap}.main-nav a{padding:10px 0;border-bottom:2px solid transparent}.main-nav a.active{color:var(--teal);border-color:var(--teal)}.nav-toggle{display:none}.header-note{border-left:1px solid var(--line);padding-left:24px;font-size:11px;color:var(--muted);white-space:nowrap}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.18em;font-weight:700;color:var(--teal)}.rule{height:1px;background:var(--line)}.home-layout{display:grid;grid-template-columns:minmax(225px,24%) minmax(0,76%)}.home-aside{border-right:1px solid var(--line);padding:42px 24px 40px 0}.aside-sticky{position:sticky;top:30px}.aside-label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:26px}.index-list{list-style:none;padding:0;margin:0}.index-list li{border-top:1px solid var(--line)}.index-list li:last-child{border-bottom:1px solid var(--line)}.index-list a{display:flex;gap:18px;align-items:baseline;padding:17px 0;font-size:13px;font-weight:600}.index-list span{color:var(--teal);font-size:11px;letter-spacing:.1em}.aside-bottom{margin-top:42px;color:var(--muted);font-size:12px;line-height:1.9}.home-canvas{min-width:0;padding:42px 0 100px 5.5%}.cover{padding-bottom:82px}.cover-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}.cover h1{font-size:clamp(40px,5.3vw,82px);line-height:1.17;letter-spacing:-.055em;max-width:1040px;margin:0 0 24px;font-weight:600}.lede{font-size:16px;color:#42575b;max-width:850px;margin:0 0 36px;line-height:1.95}.cover-photo{position:relative}.cover-photo img{width:100%;aspect-ratio:16/8.3}.cover-actions{position:absolute;right:0;bottom:0;background:var(--sheet);padding:15px 0 0 15px;display:flex;gap:1px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:15px 22px;background:var(--ink);color:white;font-size:13px;font-weight:600;min-height:50px;transition:background .2s}.btn:hover{background:var(--teal);color:white}.btn.light{background:var(--sheet);color:var(--ink);border:1px solid var(--line)}.btn.light:hover{border-color:var(--teal);color:var(--teal)}.chapter{padding:75px 0;border-top:1px solid var(--line);scroll-margin-top:20px}.chapter-heading{display:flex;align-items:baseline;gap:24px;margin-bottom:30px}.chapter-heading .num{color:var(--teal);font-size:12px;letter-spacing:.2em}.chapter h2,.page-intro h1{font-size:clamp(27px,3vw,46px);line-height:1.28;letter-spacing:-.04em;margin:0;font-weight:600}.chapter h3{font-size:20px;line-height:1.45;margin:0 0 12px}.chapter p,.body-copy p{font-size:14px;color:#4b6063;line-height:2.05;margin:0 0 17px}.wide-photo{width:100%;aspect-ratio:16/7.5;margin:30px 0}.caption{font-size:11px!important;color:var(--muted)!important;letter-spacing:.05em}.split-copy{display:grid;grid-template-columns:1fr 1fr;gap:42px}.text-link{font-size:13px;font-weight:700;color:var(--teal);border-bottom:1px solid currentColor;padding-bottom:4px}.device-row{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:0;min-height:300px;border-top:1px solid var(--line)}.device-row:last-child{border-bottom:1px solid var(--line)}.device-row img{width:100%;height:100%;max-height:340px}.device-copy{padding:36px 8% 30px 0;display:flex;flex-direction:column;justify-content:center}.device-copy .text-link{align-self:flex-start}.device-row.reverse img{order:2}.device-row.reverse .device-copy{order:1;padding:36px 8% 30px 0}.device-label{font-size:11px;letter-spacing:.18em;color:var(--teal);margin-bottom:15px}.steps{border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:70px minmax(0,1fr) 180px;gap:25px;padding:24px 0;border-bottom:1px solid var(--line);align-items:center}.step .step-num{font-size:27px;color:var(--teal);font-weight:500}.step img{width:180px;height:115px}.step p{margin:0}.scene-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:36px}.scene-grid img{width:100%;height:100%;min-height:470px}.scene-copy{align-self:center}.news-list{border-top:1px solid var(--line)}.news-item{display:grid;grid-template-columns:55px minmax(0,1fr) minmax(180px,31%);gap:26px;padding:29px 0;border-bottom:1px solid var(--line);align-items:center}.news-item .item-no{font-size:13px;color:var(--teal)}.news-item h3{font-size:18px;margin:0 0 10px}.news-item p{margin:0;font-size:13px}.news-item img{width:100%;height:155px}.news-item.feature img{height:210px}.qa-list{border-top:1px solid var(--line)}.qa{display:grid;grid-template-columns:62px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}.qa strong{color:var(--teal);font-size:12px;letter-spacing:.12em}.qa h3{font-size:16px;margin:0 0 8px}.qa p{margin:0}.related-band{background:var(--sage);padding:36px;display:flex;justify-content:space-between;gap:25px;align-items:center}.related-band h2{font-size:25px;margin:0 0 7px}.related-band p{margin:0}.related-links{display:flex;gap:12px;flex-wrap:wrap}.related-links a{padding:10px 15px;border:1px solid #adc8be;font-size:12px;font-weight:600}.related-links a:hover{background:var(--sheet)}.site-footer{background:#e9eee9;border-top:1px solid var(--line);padding:45px 0 30px}.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}.footer-top h3{font-size:13px;margin:0 0 15px}.footer-top p,.footer-top a{font-size:12px;color:#53676a}.footer-top a{display:block;margin:7px 0}.footer-bottom{border-top:1px solid #cdd9d1;margin-top:35px;padding-top:22px;display:flex;flex-wrap:wrap;gap:10px 25px;justify-content:space-between;color:#687b7b;font-size:11px}.page-shell{max-width:1160px;margin:auto;padding:46px 32px 95px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:11px;color:var(--muted);margin-bottom:42px}.breadcrumbs a{color:var(--teal)}.page-intro{padding-bottom:35px;border-bottom:1px solid var(--line)}.page-intro h1{max-width:850px;margin:10px 0 18px}.page-intro p{color:#4b6063;max-width:780px;margin:0;font-size:15px;line-height:1.95}.page-hero{width:100%;aspect-ratio:16/7.2;margin:34px 0}.content-section{padding:44px 0;border-bottom:1px solid var(--line)}.content-section h2{font-size:27px;line-height:1.35;margin:0 0 18px}.content-section h3{font-size:18px;margin:24px 0 8px}.content-section p,.content-section li{font-size:14px;color:#4b6063;line-height:2}.content-section p{max-width:850px}.jump-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.jump-links a{border:1px solid var(--line);padding:10px 15px;font-size:12px}.manual-chapter{display:grid;grid-template-columns:85px 1fr 35%;gap:32px;padding:55px 0;border-bottom:1px solid var(--line);align-items:center;scroll-margin-top:20px}.manual-chapter.reverse{grid-template-columns:35% 1fr 85px}.manual-chapter.reverse .manual-no{order:3}.manual-chapter.reverse .manual-text{order:2}.manual-chapter.reverse img{order:1}.manual-no{font-size:36px;color:var(--teal);align-self:start}.manual-chapter img{width:100%;height:290px}.manual-chapter h2{font-size:27px;line-height:1.35;margin:0 0 14px}.manual-chapter p{font-size:14px;color:#4b6063;line-height:2}.manual-text .btn{margin-top:10px}.resource-links{display:flex;gap:12px 22px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:24px}.resource-links a{font-size:12px;color:var(--teal);border-bottom:1px solid var(--line)}.article-body{max-width:800px;margin:0 auto}.article-body p{font-size:15px;color:#40575b;line-height:2.15;margin:0 0 24px}.article-body h2{font-size:26px;margin:44px 0 14px}.article-body ul{padding-left:20px;line-height:2;color:#40575b}.article-nav{display:flex;justify-content:space-between;gap:30px;padding:30px 0;border-top:1px solid var(--line);margin-top:45px;font-size:13px}.article-nav a{max-width:45%;color:var(--teal)}.article-meta{font-size:12px;color:var(--muted);margin:18px 0 0}.simple-list{padding:0;list-style:none;border-top:1px solid var(--line)}.simple-list li{padding:18px 0;border-bottom:1px solid var(--line)}.simple-list a{color:var(--teal);font-weight:600}.privacy-copy{max-width:850px}.privacy-copy h2{font-size:24px;margin:35px 0 8px}.privacy-copy p{color:#4b6063;line-height:2.05;font-size:14px}
@media(max-width:1050px){.header-note{display:none}.main-nav{gap:17px}.brand{min-width:190px}.home-layout{grid-template-columns:23% 77%}.home-canvas{padding-left:5%}.step{grid-template-columns:50px 1fr 140px}.step img{width:140px;height:100px}}
@media(max-width:760px){.wrap{width:min(100% - 36px,600px)}.header-inner{min-height:70px;flex-wrap:wrap}.brand{font-size:13px;min-width:0}.brand img{width:38px;height:38px}.nav-toggle{display:block;margin-left:auto;border:1px solid var(--line);background:transparent;color:var(--ink);padding:8px 12px;font-size:12px}.main-nav{display:none;order:3;width:100%;margin:0;padding:0 0 15px;flex-wrap:wrap;gap:0 18px}.main-nav.open{display:flex}.main-nav a{font-size:12px}.home-layout{display:block}.home-aside{border-right:0;border-bottom:1px solid var(--line);padding:20px 0}.aside-sticky{position:static}.aside-label,.aside-bottom{display:none}.index-list{display:flex;overflow-x:auto;gap:18px;white-space:nowrap}.index-list li,.index-list li:last-child{border:0}.index-list a{padding:4px 0;font-size:11px;gap:7px}.home-canvas{padding:30px 0 70px}.cover{padding-bottom:55px}.cover-top{margin-bottom:18px}.cover h1{font-size:clamp(35px,9vw,54px)}.lede{font-size:14px}.cover-photo img{aspect-ratio:4/3}.cover-actions{position:static;padding:0;display:grid;grid-template-columns:1fr 1fr}.btn{padding:12px;font-size:11px;min-height:47px}.chapter{padding:55px 0}.chapter-heading{gap:15px}.chapter h2,.page-intro h1{font-size:30px}.split-copy,.scene-grid{display:block}.scene-grid img{min-height:0;aspect-ratio:4/3;margin-bottom:24px}.device-row,.device-row.reverse{grid-template-columns:1fr}.device-row img,.device-row.reverse img{order:0;height:auto;aspect-ratio:4/3}.device-copy,.device-row.reverse .device-copy{order:1;padding:23px 0 28px}.step{grid-template-columns:38px 1fr;gap:12px}.step img{grid-column:2;width:100%;height:180px}.step .step-num{font-size:21px}.news-item,.news-item.feature{grid-template-columns:38px 1fr;gap:12px}.news-item .item-no{grid-row:1}.news-item img,.news-item.feature img{grid-column:2;grid-row:1;height:auto;aspect-ratio:16/10}.news-item>div:nth-child(2){grid-column:2}.news-item h3{font-size:17px}.qa{grid-template-columns:42px 1fr;gap:10px}.related-band{display:block;padding:25px}.related-links{margin-top:20px}.footer-top{grid-template-columns:1fr 1fr;gap:20px}.footer-top>div:first-child{grid-column:1/-1}.page-shell{padding:30px 18px 70px}.breadcrumbs{margin-bottom:25px}.manual-chapter,.manual-chapter.reverse{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:38px 0}.manual-chapter.reverse .manual-no,.manual-chapter.reverse .manual-text,.manual-chapter.reverse img{order:initial}.manual-no{font-size:28px}.manual-chapter img{height:auto;aspect-ratio:4/3}.manual-chapter h2{font-size:23px}.page-hero{aspect-ratio:4/3}.article-nav{display:block}.article-nav a{display:block;max-width:100%;margin-bottom:14px}}