:root{--bg:#f7f8fc;--ink:#142342;--navy:#152444;--pink:#f08da7;--coral:#ed657d;--glass:rgba(255,255,255,.78);--line:#dce2ee;--muted:#65718a;--max:1360px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.75;letter-spacing:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-nav{height:72px;padding:0 max(20px,calc((100vw - var(--max))/2));display:flex;align-items:center;gap:30px;position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(199,208,224,.72);background:rgba(250,251,254,.82);backdrop-filter:blur(22px) saturate(150%)}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:900;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 8px 24px rgba(21,36,68,.15)}.brand>span:last-child{display:flex;flex-direction:column;line-height:1.15}.brand b{font-size:18px}.brand small{font-size:9px;color:var(--muted)}.site-nav nav{margin-left:auto;display:flex;gap:24px;font-size:13px;font-weight:700}.site-nav nav span{color:var(--coral)}.nav-actions{display:flex;gap:7px}.nav-actions a{padding:8px 14px;border:1px solid var(--line);border-radius:10px;font-size:12px;font-weight:800}.nav-actions .primary{background:var(--navy);border-color:var(--navy);color:#fff}.menu-button{display:none;border:0;background:none;font-size:23px;color:var(--ink)}.hero{height:min(820px,calc(100vh - 72px));min-height:680px;position:relative;overflow:hidden;background:var(--navy);color:#fff}.hero>img{width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,25,52,.96) 0%,rgba(12,25,52,.82) 33%,rgba(12,25,52,.2) 62%,rgba(12,25,52,.03) 100%)}.hero-copy{position:absolute;z-index:2;left:max(20px,calc((100vw - var(--max))/2));top:45%;transform:translateY(-50%);width:min(610px,47vw)}.eyebrow{margin:0 0 14px;color:var(--coral);font-size:10px;font-weight:900;letter-spacing:.15em}.hero h1{font-size:clamp(56px,6.2vw,96px);line-height:1.02;margin:0 0 24px;font-weight:650}.hero-copy>p:not(.eyebrow){max-width:570px;color:#e2e8f2;font-size:16px}.hero-actions{display:flex;gap:10px;margin-top:30px}.hero-actions a,.primary-button{min-height:49px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.55);border-radius:12px;font-weight:800}.hero-actions .primary-button,.primary-button{background:#fff;color:var(--navy);border-color:#fff}.hero-status{position:absolute;z-index:3;left:0;right:0;bottom:0;min-height:72px;padding:13px max(20px,calc((100vw - var(--max))/2));display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.15);border-top:1px solid rgba(255,255,255,.28);backdrop-filter:blur(22px)}.hero-status span{color:#ffb9ca;font-size:11px;font-weight:900}.hero-status b{font-size:26px}.hero-status small{color:#e7eaf1}.hero-status i{margin-left:auto;font-style:normal;font-size:12px;color:#e7eaf1}.setup,.device-compare,.device-grid,.stories{max-width:var(--max);margin:105px auto;padding:0 20px}.setup header,.device-grid header{display:grid;grid-template-columns:180px 1fr;align-items:end;margin-bottom:34px}.setup h2,.device-compare h2,.version-lab h2,.device-grid h2,.stories h2,.page-head h1{font-size:clamp(38px,4.5vw,65px);line-height:1.08;margin:0;font-weight:650}.setup-track{display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid var(--navy);border-bottom:2px solid var(--navy)}.setup-track a{min-height:220px;padding:27px;border-right:1px solid var(--line);display:flex;flex-direction:column;transition:.2s}.setup-track a:last-child{border:0}.setup-track a:hover{background:#fff1f5}.setup-track span{font-family:monospace;color:var(--coral)}.setup-track b{font-size:26px;margin-top:20px}.setup-track p{margin-top:auto;color:var(--muted)}.device-compare{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;padding-top:64px;border-top:7px solid var(--navy)}.device-compare>div:first-child>p:not(.eyebrow){color:var(--muted);font-size:17px}.device-compare>div:first-child>a,.version-lab a{font-weight:900;border-bottom:2px solid var(--coral)}.device-list{border-top:1px solid var(--navy)}.device-list a{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--line);align-items:center}.device-list span{font-family:monospace;color:var(--coral)}.device-list b{font-size:19px}.version-lab{margin:0;padding:100px max(20px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr .88fr;gap:90px;background:var(--navy);color:#fff}.version-lab>div:first-child>p:not(.eyebrow){color:#c6d0e2;max-width:620px}.version-lab a{border-color:#ff9db4;color:#ffb6c7}.version-panel{display:grid;grid-template-columns:115px 1fr;align-items:center;border:1px solid rgba(255,255,255,.24);border-radius:18px;padding:26px;background:rgba(255,255,255,.07);backdrop-filter:blur(18px)}.version-panel span,.version-panel b{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.15)}.version-panel span{color:#ffadc0;font-family:monospace;font-size:12px}.device-grid header{margin-bottom:40px}.device-grid>div{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.device-grid a{min-height:150px;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--glass);display:flex;flex-direction:column;box-shadow:0 18px 50px rgba(41,60,98,.06)}.device-grid b{font-size:22px}.device-grid span{margin-top:auto;color:var(--muted);font-size:13px}.stories>header{display:flex;justify-content:space-between;align-items:end;border-bottom:2px solid var(--navy);padding-bottom:20px}.stories>header>a{font-weight:900}.story-row{display:grid;grid-template-columns:115px 1fr 65px;gap:28px;padding:27px 0;border-bottom:1px solid var(--line)}.story-row time{font-family:monospace;color:var(--muted)}.story-row h3{font-size:23px;line-height:1.3;margin:0 0 7px}.story-row p{margin:0;color:var(--muted)}.story-row>a{text-align:right;font-weight:900;color:#b63659}.page-head{max-width:var(--max);margin:auto;padding:105px 20px 64px;border-bottom:2px solid var(--navy)}.page-head h1{max-width:1000px}.page-head>p:last-child{max-width:790px;color:var(--muted);font-size:18px}.protocol-list{max-width:1000px;margin:55px auto 100px;padding:0 20px;border-top:1px solid var(--navy)}.protocol-list article{display:grid;grid-template-columns:275px 1fr;gap:55px;padding:32px 0;border-bottom:1px solid var(--line)}.protocol-list h2{font-size:24px;margin:0}.protocol-list p{margin:0;color:var(--muted)}.continue-panel{max-width:1000px;margin:0 auto 100px;padding:28px 20px;border-top:6px solid var(--navy);display:flex;gap:28px;align-items:center}.continue-panel p{margin-right:auto}.continue-panel a{font-weight:900;color:#b63659}.story-list{max-width:var(--max);margin:50px auto 110px;padding:0 20px}.article-shell{max-width:1180px;margin:auto;padding:45px 20px 110px}.breadcrumbs{font-size:12px;color:var(--muted);display:flex;gap:8px}.article-shell>header{padding:68px 0 48px;border-bottom:2px solid var(--navy)}.article-shell>header h1{font-size:clamp(42px,5vw,70px);line-height:1.1;max-width:980px;margin:0 0 18px}.article-shell>header>p:not(.eyebrow){max-width:820px;font-size:19px;color:var(--muted)}.article-layout{display:grid;grid-template-columns:minmax(0,790px) 220px;gap:78px;margin-top:58px}.article-body{font-size:17px}.article-lead{font-size:23px;border-left:6px solid var(--coral);padding-left:22px}.article-body h2{font-size:29px;line-height:1.25;margin:52px 0 15px}.article-body a{font-weight:800;color:#b63659;border-bottom:1px solid}.article-shell aside{position:sticky;top:105px;height:max-content;border-top:4px solid var(--pink);padding-top:16px;display:flex;flex-direction:column;gap:8px;font-size:12px}.article-shell aside span{color:var(--muted)}.article-shell aside a{font-weight:900;margin-top:8px}.missing{max-width:900px;margin:100px auto;padding:90px 20px}.missing h1{font-size:clamp(55px,8vw,108px);margin:0}.footer-brand{padding:45px max(20px,calc((100vw - var(--max))/2));border-top:1px solid var(--navy);border-bottom:1px solid var(--navy);display:flex;justify-content:space-between;align-items:end}.footer-brand b{font-size:29px}.footer-brand p{color:var(--muted)}.footer-grid{max-width:var(--max);margin:auto;padding:42px 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:60px}.footer-grid>div{display:flex;flex-direction:column;gap:7px}.footer-grid strong{margin-bottom:7px}.footer-grid a{font-size:13px}.copyright{max-width:var(--max);margin:auto;padding:18px 20px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}
@media(max-width:900px){.site-nav nav{display:none;position:absolute;top:71px;left:0;right:0;padding:20px;background:#f9faff;flex-direction:column;border-bottom:1px solid var(--line)}.site-nav nav.open{display:flex}.menu-button{display:block}.nav-actions{margin-left:auto}.hero-copy{width:55vw}.setup-track,.device-grid>div{grid-template-columns:1fr 1fr}.device-compare,.version-lab,.article-layout{grid-template-columns:1fr}.article-shell aside{position:static}.protocol-list article{grid-template-columns:220px 1fr}}
@media(max-width:580px){.site-nav{height:66px;padding:0 15px}.brand small,.nav-actions a:first-child{display:none}.hero{height:750px;min-height:0}.hero>img{object-position:62% center}.hero:after{background:linear-gradient(180deg,rgba(12,25,52,.95),rgba(12,25,52,.71) 58%,rgba(12,25,52,.18))}.hero-copy{left:18px;right:18px;top:58px;transform:none;width:auto}.hero h1{font-size:49px}.hero-copy>p:not(.eyebrow){font-size:14px}.hero-actions{flex-direction:column;width:205px}.hero-status{flex-wrap:wrap;padding:10px 18px}.hero-status i{width:100%;margin-left:0}.setup,.device-compare,.device-grid,.stories{margin-top:74px}.setup header,.device-grid header{grid-template-columns:1fr}.setup h2,.device-compare h2,.version-lab h2,.device-grid h2,.stories h2,.page-head h1{font-size:36px}.setup-track{grid-template-columns:1fr 1fr}.setup-track a{min-height:170px;padding:20px}.device-compare{grid-template-columns:1fr;gap:42px}.device-list a{grid-template-columns:96px 1fr}.version-lab{padding-top:74px;padding-bottom:74px;gap:42px}.device-grid>div{grid-template-columns:1fr 1fr}.stories>header{align-items:flex-start;flex-direction:column;gap:14px}.story-row{grid-template-columns:1fr;gap:7px}.story-row>a{text-align:left}.page-head{padding-top:80px}.protocol-list article{grid-template-columns:1fr;gap:8px}.continue-panel{display:grid}.continue-panel p{margin:0}.article-shell>header{padding-top:48px}.article-shell>header h1{font-size:39px}.article-body{font-size:16px}.article-lead{font-size:20px}.footer-brand{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr;gap:20px}}
.story-row{grid-template-columns:115px minmax(0,1fr) 110px}.story-row>a{white-space:nowrap}@media(max-width:580px){.story-row{grid-template-columns:1fr}.story-row>a{white-space:normal}}