
.growth-shell{background:#f5f1e8}
.growth-layout{display:grid;grid-template-columns:260px 1fr;min-height:850px}
.growth-side{background:#171f19;color:#fff;padding:28px 20px}
.growth-side h3{font-size:25px}
.growth-side button{width:100%;border:0;background:transparent;color:rgba(255,255,255,.65);text-align:left;padding:12px;border-radius:10px;margin:3px 0}
.growth-side button.active{background:#2d4d37;color:#fff}
.growth-main{padding:35px}
.growth-view{display:none}.growth-view.active{display:block}
.ai-employee{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px}
.ai-profile{background:var(--green);color:#fff;border-radius:25px;padding:30px}
.ai-avatar{width:110px;height:110px;border-radius:36px;background:rgba(255,255,255,.13);display:grid;place-items:center;font-size:52px}
.ai-profile h2{font-size:40px;margin:20px 0 5px}
.ai-profile ul{padding-left:18px;color:rgba(255,255,255,.74)}
.chat-demo{background:#fff;border:1px solid var(--line);border-radius:25px;overflow:hidden}
.chat-head{background:#edf3e9;padding:18px 22px}
.chat-body{padding:22px;min-height:420px}
.bubble{max-width:75%;padding:13px 15px;border-radius:15px;margin:9px 0;font-size:13px}
.bubble.user{margin-left:auto;background:var(--green);color:#fff}
.bubble.bot{background:#f0f2ee}
.campaign-builder{display:grid;grid-template-columns:.7fr 1.3fr;gap:16px}
.campaign-source{background:var(--green);color:#fff;border-radius:22px;padding:25px}
.output-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.output{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}
.output span{font-size:10px;color:var(--muted);text-transform:uppercase}
.output h3{font-size:24px}
.automation-map{display:grid;grid-template-columns:1fr auto 1fr auto 1.4fr;gap:18px;align-items:center}
.node{background:#fff;border:1px solid var(--line);padding:25px;border-radius:20px}
.node.core{background:var(--green);color:#fff}
.channels{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.channels span{background:#fff;padding:12px;border-radius:10px;font-size:11px;font-weight:700}
.audience-table>div{display:grid;grid-template-columns:1.2fr .5fr 1.4fr .6fr;padding:14px;border-bottom:1px solid var(--line);background:#fff}
.audience-table .head{background:#edf2eb;font-size:10px;text-transform:uppercase;color:var(--muted)}
@media(max-width:900px){.growth-layout{grid-template-columns:1fr}.growth-side{display:flex;gap:5px;overflow:auto}.growth-side h3{display:none}.ai-employee,.campaign-builder,.automation-map{grid-template-columns:1fr}.output-grid{grid-template-columns:1fr}}
