*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#000;color:#ddd;font:16px/1.76 system-ui,-apple-system,"Microsoft YaHei",sans-serif;overflow-wrap:anywhere}body.panel-active{overflow:hidden}a{color:#f7f7f7;text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}button{cursor:pointer}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #fff;outline-offset:3px}.wrap{width:min(1240px,calc(100% - 48px));margin-inline:auto}.site-head{position:sticky;top:0;z-index:20;background:#050505;border-bottom:1px solid #ffffff20}.top{height:72px;display:flex;align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;flex-shrink:0;min-width:64px}.brand-logo{height:32px;width:auto;max-width:120px;object-fit:contain}.brand-word{font-size:26px;font-weight:800;color:#f7f7f7;letter-spacing:.12em}.brand-sub{margin-right:auto;letter-spacing:.14em;color:#c7c7c7;font-size:13px}.brand-sub small{letter-spacing:0;color:#a5a5a5;margin-left:14px}.top-actions{display:flex;align-items:center;gap:8px}.top-actions button,.top-actions a,.panel-close{min-width:56px;min-height:44px;padding:8px 12px;background:transparent;border:1px solid #ffffff35;border-radius:4px;color:#f7f7f7;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.top-actions a{background:#fff;color:#000}.top-actions button:hover,.panel-close:hover{background:#1a1a1a}.primary-nav{border-top:1px solid #ffffff18}.nav-links{display:flex;align-items:center;justify-content:space-between;gap:12px;height:48px}.nav-links a{font-size:14px;white-space:nowrap;height:100%;display:flex;align-items:center;border-bottom:2px solid transparent}.nav-links a[aria-current]{border-color:#fff;color:#fff}.nav-links a:hover{border-color:#c7c7c7}main{min-height:45vh;padding-block:32px 64px}h1,h2,h3{color:#f7f7f7;line-height:1.3;overflow-wrap:break-word}h1{font-size:clamp(28px,3vw,34px);margin:12px 0 18px}h2{font-size:clamp(21px,2.3vw,27px);margin:0 0 18px}h3{font-size:18px;margin:0 0 10px}p{margin:0 0 16px}figure{margin:0}img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;object-position:center}.media img{margin-inline:auto}.media{min-width:0;max-width:100%;align-self:start}.intro{max-width:880px;margin:0 0 40px}.intro .eyebrow,.eyebrow{font-size:12px;letter-spacing:.22em;color:#a5a5a5}.intro p{max-width:780px}.actions,.related{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.actions a,.related a,.text-link{display:inline-flex;align-items:center;justify-content:center;padding:9px 16px;border:1px solid #ffffff55;border-radius:4px;min-height:44px}.actions a:first-child{background:#fff;color:#000}.actions a:hover,.related a:hover,.text-link:hover{background:#1a1a1a;color:#fff;text-decoration:none}.actions a:first-child:hover{background:#ddd;color:#000}.page-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,300px);gap:42px}.main-copy{min-width:0}.prose-section{padding:28px 0;border-top:1px solid #ffffff24;max-width:860px}.prose-section p{max-width:76ch}.page-aside{align-self:start;border:1px solid #ffffff24;padding:22px;background:#0b0b0b}.page-aside a{display:block;border-top:1px solid #ffffff24;padding:10px 0}.page-aside h2{font-size:19px}.index-section{padding:48px 0;border-top:1px solid #ffffff24}.hero-photo{max-width:100%;margin:0 auto 25px}.hero-photo img{max-height:300px}.hero-copy{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.hero-copy h1{margin-top:8px}.hero-copy .actions{grid-column:1/-1;margin-top:0}.grid-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.simple-card,.topic-card,.stage-card{background:#0b0b0b;border:1px solid #ffffff22;border-radius:6px;padding:22px;min-width:0}.simple-card p,.topic-card p{color:#a5a5a5}.simple-card a{display:inline-block;margin-top:8px;text-decoration:underline}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:start}.split>*{min-width:0}.split .media img{max-height:240px}.short-list article,.stack-list article,.topic-band,.step{border-top:1px solid #ffffff29;padding:20px 0}.short-list h3,.stack-list h3{margin-bottom:8px}.topic-band{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px}.topic-band p{max-width:80ch}.step{display:grid;grid-template-columns:64px minmax(0,1fr);gap:20px}.step-num{color:#a5a5a5;font-size:24px}.feature-img{margin:0 0 22px}.feature-img img{max-height:260px}.app-media{max-width:320px;margin-inline:auto}.app-media img{max-height:420px}.mini-icon{width:64px;max-width:64px}.mini-icon img{max-height:64px}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:baseline}.opinion{color:#c7c7c7;border-left:3px solid #c7c7c7;padding-left:14px}.faq-item{padding:24px 0;border-top:1px solid #ffffff24;max-width:950px}.faq-item h2{font-size:20px}.stage-label{display:inline-block;border:1px solid #ffffff60;padding:2px 9px;font-size:13px;margin-bottom:14px}.site-footer{background:#050505;border-top:1px solid #ffffff24;padding:38px 0 24px}.foot-intro{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.foot-intro p{width:100%;max-width:800px;color:#a5a5a5}.foot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:26px 0}.foot-grid h2{font-size:16px}.foot-grid a{display:block;color:#c7c7c7;font-size:14px;padding:4px 0}.legal{font-size:13px;color:#a5a5a5;border-top:1px solid #ffffff20;padding-top:16px}.overlay{position:fixed;inset:0;z-index:30;background:#000b}.overlay[hidden]{display:none}.panel{position:fixed;top:120px;left:0;right:0;z-index:40;background:#121212;border-bottom:1px solid #ffffff50;visibility:hidden;pointer-events:none;opacity:0;transition:opacity .15s}.panel.is-open{visibility:visible;pointer-events:auto;opacity:1}.panel-inner{max-height:min(70dvh,700px);overflow-y:auto;padding-top:18px;padding-bottom:24px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.panel-title h2{margin:0}.menu-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.menu-col h3{font-size:16px;color:#c7c7c7;border-bottom:1px solid #ffffff30;padding-bottom:10px}.menu-col a{display:block;border-bottom:1px solid #ffffff18;padding:9px 0}.menu-col a strong{display:block}.menu-col a span{display:block;font-size:12px;color:#a5a5a5}.search-panel .panel-inner{max-width:740px}.search-panel label{display:block;margin-bottom:8px}.search-panel input{display:block;width:100%;background:#000;border:1px solid #ffffff70;color:#fff;padding:12px;min-height:48px}.quick-links,.search-match{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.quick-links a,.search-match a{border:1px solid #ffffff40;padding:5px 12px;border-radius:4px;min-height:44px;display:inline-flex;align-items:center}.mobile-nav{display:none}@media(max-width:1050px){.brand-sub small{display:none}.nav-links a:nth-last-child(-n+2){display:none}.page-layout{grid-template-columns:minmax(0,1fr) 220px;gap:25px}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.wrap{width:calc(100% - 32px)}.top{height:60px;gap:6px}.site-head{position:sticky}.brand-word{font-size:23px}.brand-logo{height:28px;max-width:75px}.brand-sub,.primary-nav,.desktop-app{display:none}.top-actions{margin-left:auto;gap:4px}.top-actions button,.top-actions a{min-width:44px;padding:6px 7px;font-size:13px;min-height:44px}.panel{top:60px}.panel-inner{max-height:70dvh}.menu-grid{grid-template-columns:minmax(0,1fr);gap:16px}.menu-col a{padding:10px 0}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:25;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:calc(56px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#0b0b0b;border-top:1px solid #ffffff44}.mobile-nav a,.mobile-nav button{min-width:0;min-height:56px;display:flex;align-items:center;justify-content:center;color:#ddd;background:transparent;border:0;font-size:12px;padding:0 2px;text-align:center}.mobile-nav [aria-current]{color:#fff;border-top:2px solid #fff}.site-footer{padding-bottom:calc(30px + 56px + env(safe-area-inset-bottom))}main{padding-top:24px;padding-bottom:45px}h1{font-size:29px}.hero-copy,.split,.page-layout,.topic-band{grid-template-columns:minmax(0,1fr);gap:16px}.hero-copy .actions{grid-column:auto}.index-section{padding:32px 0}.foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-aside{padding:16px}.section-heading{display:block}.short-list article,.stack-list article{padding:17px 0}.app-media img{max-height:360px}}@media(max-width:350px){.top-actions{gap:2px}.top-actions button,.top-actions a{font-size:12px;padding-inline:5px}.brand{min-width:48px}.brand-word{font-size:20px}.grid-four{grid-template-columns:minmax(0,1fr)}.wrap{width:calc(100% - 32px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.panel{transition:none}}
.app-home-split:not(:has(.app-media)){grid-template-columns:minmax(0,1fr)}