.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}
.hero h1{font-size:clamp(28px,4vw,44px);line-height:1.08;margin:6px 0}
.hero .sub{font-size:17px;font-weight:800;color:var(--steel);margin-bottom:10px}
.hero-desc{color:var(--muted)}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
.hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.hero-tags span{padding:4px 10px;border:1px solid var(--line);font-size:12px;font-weight:800}
.hero-shot{width:180px;height:110px;object-fit:cover;border:1px solid var(--line)}
.desk{background:#fff;border:1px solid var(--line)}
.desk-top{display:flex;justify-content:space-between;padding:10px 12px;background:var(--ink);color:#e8ecee;font-size:12px}
.chans{display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px;border-bottom:1px solid var(--line)}
.chans b{padding:3px 8px;border:1px solid var(--line);font-size:11px}
.desk table{width:100%;border-collapse:collapse;font-size:13px}
.desk th,.desk td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--line)}
.desk th{color:var(--muted);font-size:11px}
.hall{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:16px}
.hall span{background:#fff;border:1px solid var(--line);padding:12px 6px;text-align:center;font-size:12px;font-weight:800}
.explode{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto auto;gap:12px;align-items:stretch}
.part{background:#fff;border:1px solid var(--line);padding:14px;min-height:120px}
.p1{grid-area:1/1;transform:translate(-6px,-6px)}
.p2{grid-area:1/2;transform:translate(0,-10px)}
.p3{grid-area:1/3;transform:translate(6px,-6px)}
.p4{grid-area:2/1;transform:translate(-10px,0)}
.part.hub{grid-area:2/2;background:var(--ink);color:#e8ecee;text-align:center;border-color:var(--brass);transform:none}
.p5{grid-area:2/3;transform:translate(10px,0)}
.p6{grid-area:3/1;transform:translate(-6px,6px)}
.p7{grid-area:3/2;transform:translate(0,10px)}
.p8{grid-area:3/3;transform:translate(6px,6px)}
.part .pn{font-size:11px;color:var(--brass);font-weight:800;letter-spacing:.08em}
.part h3{font-size:14px;margin:6px 0 4px}
.part p{font-size:12px;color:var(--muted)}
.part.hub p{color:#9aa6ac}
.kpi{display:block;margin-top:6px;font-size:12px;font-weight:800;color:var(--steel)}
.part.hub .kpi{color:var(--brass)}
.shot{width:100%;max-height:220px;object-fit:cover;margin-top:16px;border:1px solid var(--line)}
.demo{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.view{background:#fff;border:1px solid var(--line);padding:16px}
.bubble{margin-top:10px;font-size:14px}
.tips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;font-size:12px}
.tips span{padding:6px 10px;border:1px solid var(--line)}
.pain{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ps{background:#fff;border:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr}
.ps .bad,.ps .good{padding:14px;font-size:14px}
.ps .good{border-left:1px solid var(--line)}
.ps h3{font-size:11px;letter-spacing:.1em;color:var(--brass);margin-bottom:4px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.stats div{background:#fff;border:1px solid var(--line);padding:16px}
.stats strong{display:block;font-size:28px}
.stats span{font-size:12px;color:var(--muted)}
.review{background:#fff;border:1px solid var(--line);padding:20px;display:grid;grid-template-columns:72px 1fr;gap:16px}
.avatars{display:flex;flex-direction:column;gap:8px}
.avatars button{height:40px;border:1px solid var(--line);background:#fff;cursor:pointer;font-weight:800;font-size:11px}
.avatars button.is-on{background:var(--ink);color:#fff;border-color:var(--ink)}
.quote p{font-size:18px}
.quote small{display:block;margin-top:10px;color:var(--muted)}
.refs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.ref{background:#fff;border:1px solid var(--line);padding:16px}
.ref .fee{font-size:24px;font-weight:800;margin:6px 0}
.ref ul{list-style:none;font-size:13px;color:var(--muted);margin-bottom:10px}
.cta-band{background:var(--ink);color:#e8ecee}
.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
@media(max-width:980px){.hero-grid,.demo,.review,.pain,.stats,.refs,.hall,.explode,.ps{grid-template-columns:1fr}.p1,.p2,.p3,.p4,.p5,.p6,.p7,.p8,.part.hub{grid-area:auto;transform:none}.avatars{flex-direction:row}}
@media(max-width:720px){.hall{grid-template-columns:1fr 1fr}}