:root{--ink:#111;--panel:#1c1c1c;--line:#404040;--amber:#ffc400;--text:#fff;--muted:#c4c4c4;}
*{box-sizing:border-box;}
body{margin:0;background:var(--ink);color:var(--text);font-family:'IBM Plex Sans',sans-serif;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
a:focus-visible{outline:2px solid var(--amber);outline-offset:5px;}
img{display:block;max-width:100%;}
.wrap{max-width:1080px;margin:0 auto;padding:0 28px;}
header{border-bottom:1px solid var(--line);}
.nav{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:84px;}
.brand-logo{width:160px;height:auto;}
.back-link{font-size:14px;color:var(--muted);padding:12px 0;}
.back-link:hover,.related a:hover{color:var(--amber);}
main{padding:64px 0 80px;}
.breadcrumb{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px;font-size:13px;color:var(--muted);}
.breadcrumb a{text-decoration:underline;text-underline-offset:4px;}
.article-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center;margin-bottom:56px;}
.kicker{display:block;margin-bottom:16px;color:var(--amber);font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;}
h1,h2{font-family:'Space Grotesk',sans-serif;letter-spacing:-.02em;margin:0;}
h1{font-size:clamp(34px,4.5vw,54px);line-height:1.08;}
.lead{font-size:18px;margin:22px 0 0;}
p,li{color:var(--muted);line-height:1.7;}
.article-visual{display:flex;justify-content:center;align-items:center;min-height:280px;padding:24px;border:1px solid var(--line);border-radius:20px;background:radial-gradient(ellipse at bottom,rgba(255,196,0,.1),transparent 75%),var(--panel);}
.article-visual .phone{width:170px;height:auto;}
.article-visual .diagram{width:100%;height:auto;}
.article-body{max-width:740px;}
.article-body section+section{margin-top:36px;}
h2{font-size:clamp(23px,3vw,28px);line-height:1.25;}
.article-body p{margin:14px 0 0;}
ol{padding-left:24px;}
li{padding-left:6px;margin:12px 0;}
li strong{color:var(--text);}
.article-cta{margin-top:44px;padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--panel);}
.btn{display:inline-flex;justify-content:center;align-items:center;margin-top:20px;min-height:48px;padding:12px 20px;background:var(--amber);color:var(--ink);font-weight:600;border-radius:9px;}
.btn:hover{background:#ffda45;}
.related{display:flex;flex-wrap:wrap;gap:16px 28px;margin-top:32px;font-size:14px;}
.related a{text-decoration:underline;text-underline-offset:4px;}
footer{padding:28px 0;border-top:1px solid var(--line);font-size:13px;color:var(--muted);}
@media(max-width:760px){.article-hero{grid-template-columns:1fr;gap:28px;}.article-visual{min-height:220px;}.article-visual .phone{width:144px;}.article-visual .diagram{max-width:400px;}}
@media(max-width:480px){.wrap{padding:0 20px;}.brand-logo{width:124px;}.back-link{font-size:13px;}main{padding:36px 0 56px;}.breadcrumb{margin-bottom:28px;}.lead{font-size:16px;}.article-cta{padding:24px;}.btn{width:100%;}}