/* hero */
hero-section{max-width:1100px;margin:0 auto;padding:64px 24px 52px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
@media(max-width:720px){hero-section{grid-template-columns:1fr;padding:36px 16px 32px}hero-text{order:0}hero-img{order:1;width:100%}}
hero-tag{display:inline-block;background:rgba(26,111,173,.1);color:#1666a0;border:1px solid rgba(26,111,173,.25);border-radius:20px;padding:3px 14px;font-size:.78rem;font-weight:600;letter-spacing:.05em;margin-bottom:14px}
hero-text page-title{display:block;font-size:clamp(1.9rem,4.5vw,3rem);font-weight:900;line-height:1.15;margin-bottom:16px}
.accent{color:var(--accent)}
hero-text ce-p{display:block;color:var(--text2);font-size:1rem;margin-bottom:28px;max-width:440px}
hero-cta{display:flex;gap:12px;flex-wrap:wrap}
.btn-primary{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;padding:11px 26px;border-radius:var(--radius);font-weight:700;font-size:.92rem;transition:background .2s,transform .15s}
.btn-primary:hover{background:#b02030;transform:translateY(-1px)}
.btn-ghost{display:inline-block;background:transparent;color:var(--text2);text-decoration:none;padding:11px 26px;border-radius:var(--radius);border:1px solid var(--border);font-weight:500;font-size:.92rem;transition:border-color .2s,color .2s}
.btn-ghost:hover{border-color:var(--accent2);color:var(--accent2)}
hero-img{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
hero-img img{display:block;width:100%;height:auto}
[lang="en"] hero-text{grid-column:1}
[lang="en"] hero-img{grid-column:2}
@media(max-width:720px){[lang="en"] hero-text{grid-column:auto}[lang="en"] hero-img{grid-column:auto}}

/* features */
features-section{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:16px}
feature-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:22px;transition:border-color .2s,box-shadow .2s}
feature-card:hover{border-color:var(--accent2);box-shadow:var(--shadow)}
feat-icon{font-size:1.5rem;margin-bottom:10px;display:block}
card-title{display:block;font-size:.92rem;font-weight:700;margin-bottom:6px}
feature-card ce-p{display:block;color:var(--text2);font-size:.84rem;line-height:1.6}

/* video card on home */
feature-card.video-card a{text-decoration:none;color:inherit;display:block}
feature-card.video-card feat-icon{color:var(--accent)}
feature-card.video-card:hover{border-color:var(--accent2);box-shadow:var(--shadow)}

/* install teaser */
install-section{border-top:1px solid var(--border)}
install-placeholder{display:block;margin-top:16px;padding:28px;border:2px dashed var(--border);border-radius:var(--radius);text-align:center;color:var(--text2);font-size:.92rem;max-width:420px}