.article-head{max-width:860px;margin:0 auto;padding:clamp(44px,7vh,80px) var(--pad-x) 0}.article-head .crumb{font-family:var(--font-mono);font-size:12px;color:var(--ink-faint);text-decoration:none}.article-head .crumb:hover{color:var(--accent)}.article-head h1{font-size:clamp(32px,4.2vw,52px);font-weight:640;font-stretch:110%;letter-spacing:-.03em;line-height:1.04;margin-top:18px}.article-meta{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin-top:22px;font-family:var(--font-mono);font-size:12px;color:var(--ink-faint)}.article-meta .tag{color:var(--accent)}.article-meta .author{color:var(--ink)}.article-cover{max-width:860px;margin:clamp(28px,4vh,44px) auto 0;padding:0 var(--pad-x)}.article-cover .post-cover{border-radius:16px;border:1px solid var(--line);height:220px}.article{max-width:700px;margin:0 auto;padding:clamp(32px,5vh,56px) var(--pad-x) 0;font-size:17px;line-height:1.78;color:#2a2a2f}.article>p{margin:0 0 20px}.article h2{font-size:26px;margin:44px 0 16px;letter-spacing:-.02em}.article h2 .h-num{color:var(--accent);font-family:var(--font-mono);font-size:15px;font-weight:500;margin-right:10px;vertical-align:2px}.article ul{margin:0 0 20px;padding-left:22px}.article li{margin-bottom:8px}.article strong{color:var(--ink)}.article a{color:var(--accent);text-decoration-color:var(--accent-mint);text-underline-offset:3px}.article .pull{margin:36px 0;padding:26px 30px;background:var(--accent-mint-soft);border:1px solid var(--accent-mint);border-radius:14px;font-size:20px;line-height:1.45;font-weight:600;letter-spacing:-.015em;color:var(--accent-ink);text-wrap:balance}.article .pull .mono{display:block;margin-bottom:10px;color:var(--accent)}.article .code{margin:28px 0;background:#101013;color:#d8d8dc;border-radius:12px;padding:18px 22px;font-family:var(--font-mono);font-size:13px;line-height:1.7;overflow-x:auto}.article .code .c-dim{color:#ffffff61}.article .code .c-ok{color:var(--accent-bright)}.article .check-box{margin:32px 0;border:1px solid var(--line);border-radius:14px;padding:22px 26px}.article .check-box h3{font-size:16px;margin:0 0 12px}.article .check-box ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.article .check-box li{display:flex;gap:10px;font-size:15px;margin:0;align-items:baseline}.article .check-box li:before{content:"✓";color:var(--accent);font-family:var(--font-mono);font-weight:600}.article-footer{max-width:700px;margin:48px auto 0;padding:24px var(--pad-x) 0;border-top:1px solid var(--line);display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.article-footer .share{font-family:var(--font-mono);font-size:12px;color:var(--ink-faint)}.svc-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center;padding:clamp(44px,7vh,80px) var(--pad-x) 0}.svc-hero .glyph{height:200px}.svc-hero .glyph svg{max-width:360px;height:190px}.svc-hero-panel{border:1px solid var(--line);border-radius:18px;background:var(--bg-card);padding:28px;display:grid;place-items:center}.mode-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mode-card{border:1px solid var(--line);border-radius:14px;background:var(--bg-card);padding:24px 24px 26px;transition:border-color .25s,transform .25s}.mode-card:hover{border-color:var(--accent-bright);transform:translateY(-3px)}.mode-card .mono{color:var(--accent)}.mode-card h3{font-size:20px;margin-top:10px}.mode-card .m-when{font-size:13px;color:var(--ink-faint);margin-top:4px;font-family:var(--font-mono)}.mode-card p{font-size:14px;color:var(--ink-soft);margin-top:12px}.mode-card.featured{background:var(--ink);color:#fff;border-color:var(--ink)}.mode-card.featured h3{color:#fff}.mode-card.featured p{color:#ffffffb3}.mode-card.featured .mono{color:var(--accent-bright)}.faq-list{display:grid;gap:12px;max-width:820px}.faq-list details{border:1px solid var(--line);border-radius:12px;background:var(--bg-card);padding:0 22px;transition:border-color .2s}.faq-list details[open]{border-color:var(--accent-bright)}.faq-list summary{cursor:pointer;font-weight:600;font-size:16px;padding:18px 0;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";font-family:var(--font-mono);color:var(--accent);font-size:19px;transition:transform .25s}.faq-list details[open] summary:after{transform:rotate(45deg)}.faq-list details p{padding:0 0 20px;color:var(--ink-soft);font-size:15px;max-width:64ch}.case-hero{padding:clamp(44px,7vh,80px) var(--pad-x) 0}.case-hero .metrics-strip{display:flex;gap:clamp(28px,5vw,72px);flex-wrap:wrap;margin-top:36px;padding:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.rsr{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.rsr-block{border:1px solid var(--line);border-radius:14px;background:var(--bg-card);padding:26px}.rsr-block .mono{color:var(--accent)}.rsr-block h3{font-size:20px;margin-top:10px}.rsr-block p{font-size:14.5px;color:var(--ink-soft);margin-top:12px}.rsr-block.dark{background:var(--ink);border-color:var(--ink);color:#fff}.rsr-block.dark h3{color:#fff}.rsr-block.dark p{color:#ffffffb8}.rsr-block.dark .mono{color:var(--accent-bright)}.next-case{margin:var(--sec-gap) var(--pad-x) 0;border:1px solid var(--line);border-radius:18px;padding:clamp(26px,4vw,44px);display:flex;justify-content:space-between;align-items:center;gap:24px;text-decoration:none;background:var(--bg-card);transition:border-color .25s,transform .25s}.next-case:hover{border-color:var(--accent-bright);transform:translateY(-2px)}.next-case h3{font-size:clamp(24px,3vw,36px);margin-top:8px}.next-case .arr{font-size:28px;color:var(--accent)}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 1080px){.svc-hero,.mode-cards,.rsr,.related-grid{grid-template-columns:1fr}}