.btn-invite {
    display:inline-flex; align-items:center; gap:8px;
    padding:11px 24px; border-radius:var(--r);
    font-family:'Plus Jakarta Sans', sans-serif;
    font-size:0.85rem; font-weight:700;
    cursor:pointer; text-decoration:none;
    white-space:nowrap; transition:all 0.18s ease;
    letter-spacing:-0.01em;
    background:#ffffff;
    color:#111114;
    border:1px solid #ffffff;
}
.btn-invite:hover {
    background:#ece8e1;
    color:#111114;
    border-color:#ece8e1;
}
.btn-invite:active { transform:translateY(0); }

[data-theme="light"] .btn-invite { border:1px solid #cccccc; }
[data-theme="light"] .btn-invite:hover { border-color:#aaaaaa; }

.bot-hero {
    padding-top:calc(var(--nav-h) + 72px);
    padding-bottom:64px;
    border-bottom:1px solid var(--border);
    position:relative; z-index:1;
}
.bot-hero-inner { display:flex; align-items:center; justify-content:space-between; gap:48px; }

.bot-hero h1 {
    font-size:clamp(2rem, 4.5vw, 3.2rem);
    font-weight:800; letter-spacing:-0.05em;
    color:var(--text); line-height:1.02; margin-bottom:16px;
}
.bot-hero > .w > .bot-hero-inner > div > p {
    font-size:0.9rem; color:var(--text-2);
    line-height:1.75; max-width:480px; margin-bottom:28px;
}
.bot-hero-btns { display:flex; gap:10px; flex-wrap:wrap; }
.bot-hero-visual img {
    width:88px; border-radius:20px;
    border:1px solid var(--border-2);
    box-shadow:0 8px 40px rgba(0,0,0,0.35);
    animation:float 5s ease-in-out infinite;
}

@keyframes float { 0%, 100% { transform:translateY(0); } 50% { transform:translateY(-10px); } }

.feature {
    padding:72px 0;
    border-bottom:1px solid var(--border);
    position:relative; z-index:1;
}
.feature-inner { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }
.feature-inner.rev { direction:rtl; }
.feature-inner.rev > * { direction:ltr; }

.feature-tag {
    font-size:0.65rem; font-weight:800;
    letter-spacing:0.22em; text-transform:uppercase;
    color:var(--text-2); margin-bottom:12px;
    display:flex; align-items:center; gap:10px;
}
.feature-tag::before {
    content:''; width:20px; height:2px;
    background:var(--text); border-radius:2px;
    opacity:0.7; flex-shrink:0;
}

.feature h2 {
    font-size:1.5rem; font-weight:800;
    letter-spacing:-0.04em; color:var(--text);
    line-height:1.12; margin-bottom:14px;
}
.feature p { font-size:0.88rem; color:var(--text-2); line-height:1.78; margin-bottom:22px; max-width:400px; }

.feature-visual {
    border:1px solid var(--border-2);
    border-radius:var(--r-lg);
    overflow:hidden;
    transition:border-color 0.2s, box-shadow 0.2s, transform 0.35s ease;
    position:relative;
}
.feature-visual:hover {
    border-color:var(--border-3);
    box-shadow:0 8px 40px rgba(0,0,0,0.25);
}
.feature-visual img {
    width:100%; height:100%; object-fit:cover; display:block;
}
.feature-visual:hover { transform:scale(1.02); }

/* ── Feature grid (Copymoji etc.) ───────────────────────────── */
.bot-feature-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    margin-bottom:12px;
}

.service-card {
    padding:22px 20px;
    background:var(--bg-card);
    border:1px solid var(--border);
    border-radius:var(--r-lg);
    opacity:0; transform:translateY(12px);
    transition:opacity 0.5s ease, transform 0.5s ease;
}
.service-card.visible { opacity:1; transform:translateY(0); }

.svc-icon {
    width:34px; height:34px;
    display:flex; align-items:center; justify-content:center;
    background:var(--accent-bg); border:1px solid var(--border-2);
    border-radius:var(--r); font-size:0.85rem;
    color:var(--text-2); margin-bottom:14px; flex-shrink:0;
}

.service-card h3 {
    font-size:0.92rem; font-weight:700;
    letter-spacing:-0.02em; color:var(--text);
    margin-bottom:8px; line-height:1.25;
}

.service-card p {
    font-size:0.82rem; color:var(--text-2); line-height:1.72;
}

@media (max-width:860px) {
    .bot-hero-visual { display:none; }
    .feature-inner { grid-template-columns:1fr; gap:28px; direction:ltr !important; }
    .bot-hero-inner { flex-direction:column; gap:24px; }
    .bot-hero-btns { flex-wrap:wrap; }
    .feature { padding:48px 0; }
}
@media (max-width:680px) {
    .bot-hero { padding-top:calc(var(--nav-h) + 36px); padding-bottom:36px; }
    .bot-hero h1 { font-size:clamp(1.7rem, 7vw, 2.4rem); }
    .bot-hero-btns { gap:8px; }
    .feature h2 { font-size:1.25rem; }
    .feature-visual { min-height:140px; }
    .bot-feature-grid { grid-template-columns:1fr; }
    .service-card { padding:18px 16px; }
}
@media (max-width:400px) {
    .bot-hero-btns { flex-direction:column; }
    .btn-invite { width:100%; justify-content:center; }
}