/* Посадочные /uslugi — генерирует export_next.py (office) */
.us-sec{padding:56px 0}.us-sec.alt{background:var(--bg-elev)}
.us-sec h2{font-size:clamp(24px,3vw,32px);letter-spacing:-.02em;margin:0 0 10px}
.us-sec .us-intro{color:var(--text-2);max-width:760px;margin:0 0 28px;font-size:16.5px;line-height:1.6}
.us-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0 0}
.us-hero-stats div{border:1px solid var(--border);border-radius:14px;padding:12px 14px;background:var(--bg-elev)}
.us-hero-stats b{display:block;font-size:24px;letter-spacing:-.02em}
.us-hero-stats span{font-size:13px;color:var(--text-2);line-height:1.4}
.us-cta{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0}
.us-chat{border:1px solid var(--border);border-radius:18px;background:var(--bg-elev);padding:18px;display:grid;gap:10px;font-size:14.5px;line-height:1.55}
.us-chat .m{max-width:88%;padding:10px 14px;border-radius:14px}
.us-chat .u{justify-self:end;background:var(--accent);color:#fff;border-bottom-right-radius:4px}
.us-chat .a{background:var(--bg);border:1px solid var(--border);border-bottom-left-radius:4px}
.us-chat .a small{display:block;color:var(--text-3);margin-top:6px;font-size:12px}
.us-chat-h{font-size:12.5px;color:var(--text-3);display:flex;justify-content:space-between}
.us-pains{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.us-pain{border:1px solid var(--border);border-radius:14px;padding:16px 18px;background:var(--bg);font-size:15px;line-height:1.55}
.us-pain b{display:block;margin-bottom:4px}
.us-fact{margin:18px 0 0;font-size:14px;color:var(--text-2)}.us-fact b{color:var(--text)}
.us-scen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.us-sc{border:1px solid var(--border);border-radius:16px;padding:18px;background:var(--bg-elev);display:grid;gap:10px}
.us-sc h3{margin:0;font-size:17px}
.us-ba{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;font-size:14px;line-height:1.5}
.us-ba div{border-radius:10px;padding:10px 12px}
.us-ba .was{background:color-mix(in srgb,#ef4444 8%,transparent)}
.us-ba .now{background:color-mix(in srgb,#16a34a 10%,transparent)}
.us-ba i{display:block;font-style:normal;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin-bottom:3px}
.us-who{font-size:13px;color:var(--text-2)}
.us-story{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:28px;align-items:start}
.us-quote{border-left:3px solid var(--accent);padding:4px 0 4px 16px;font-size:17px;line-height:1.55;margin:0 0 18px}
.us-how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.us-how div{border:1px solid var(--border);border-radius:14px;padding:16px;background:var(--bg)}
.us-how h3{margin:0 0 6px;font-size:16px}.us-how p{margin:0;font-size:14.5px;line-height:1.55;color:var(--text-2)}
.us-cmp{width:100%;border-collapse:collapse;font-size:15px}
.us-cmp th,.us-cmp td{border-bottom:1px solid var(--border);padding:12px 10px;text-align:left;vertical-align:top}
.us-cmp th{font-size:13px;color:var(--text-3);font-weight:500}.us-cmp td:first-child{color:var(--text-2);width:30%}
.us-cmp .us-our{background:color-mix(in srgb,var(--accent) 7%,transparent)}
.us-price{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 22px}
.us-price div{border:1px solid var(--accent-border);border-radius:14px;padding:14px 18px;background:var(--bg-elev)}
.us-price b{display:block;font-size:22px}.us-price span{font-size:13.5px;color:var(--text-2)}
.us-src{font-size:12.5px;color:var(--text-3);margin:10px 0 0}
.us-arts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.us-art{border:1px solid var(--border);border-radius:14px;padding:14px;background:var(--bg-elev);font-size:14.5px;line-height:1.45;color:var(--text);text-decoration:none}
.us-art span{display:block;font-size:12px;color:var(--text-3);margin-top:8px}
.us-plan{font-size:11.5px;color:var(--text-3);font-family:'Geist Mono',monospace;margin-top:6px}
@media(max-width:860px){.us-pains,.us-scen,.us-how,.us-arts,.us-story{grid-template-columns:minmax(0,1fr)}
 .us-hero-stats{grid-template-columns:minmax(0,1fr)}.us-ba{grid-template-columns:minmax(0,1fr)}
 .us-cmp{font-size:14px}.us-cmp td:first-child{width:auto;font-weight:600;color:var(--text-1)}.us-sec{padding:40px 0}
 .us-cmp thead{display:none}.us-cmp tr{display:block;border-bottom:1px solid var(--border);padding:10px 0}
 .us-cmp td{display:block;border:0;padding:6px 10px}.us-cmp td[data-l]::before{content:attr(data-l);display:block;font-size:12px;color:var(--text-3)}}
.us-intro a{color:var(--accent)}
.us-hub{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.us-hub a{display:flex;flex-direction:column;gap:8px;padding:20px;border:1px solid var(--border);border-radius:16px;background:var(--bg-elev,#fff);color:inherit;text-decoration:none;transition:border-color .15s}
.us-hub a:hover{border-color:var(--accent)}.us-hub b{font-size:17px;line-height:1.3}.us-hub span{font-size:14px;color:var(--text-2);line-height:1.5}
.us-hub i{font-style:normal;font-size:13px;color:var(--accent);margin-top:auto}
@media(max-width:860px){.us-hub{grid-template-columns:minmax(0,1fr)}}