/* Home page — ported from the approved mockup (hero, features, FAQ).
   Uses the theme tokens from theme.css, so it follows the accent picker. */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:110px 20px 60px}
.hero-in{position:relative;z-index:1;max-width:860px}
.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:999px;background:rgba(var(--ar),.1);border:1px solid rgba(var(--ar),.3);color:var(--al);font-size:.85rem;font-weight:600}
.hero .hero-badge{margin-bottom:30px}
.hero-h1{font-size:clamp(2.8rem,8vw,5.2rem)!important;line-height:1.08!important;margin:0 0 26px;font-weight:700}
.lead{font-size:1.2rem;color:var(--mut);max-width:620px;margin:0 auto 40px}
.home-cta{display:inline-flex;align-items:center;gap:10px;padding:15px 34px;border-radius:14px;font:700 1.05rem var(--font-b);color:#fff;box-shadow:0 10px 30px -8px rgba(var(--ar),.6);transition:transform .25s,box-shadow .25s}
.home-cta:hover{transform:translateY(-3px);box-shadow:0 16px 40px -8px rgba(var(--ar),.8)}

.home-sec{padding:90px 20px}
.home-head{text-align:center;margin-bottom:56px}
.home-head .hero-badge{margin-bottom:22px}
.home-head h2{font-size:clamp(2rem,5vw,3.1rem);margin:0 0 16px;font-weight:700}
.home-head p{color:var(--mut);font-size:1.1rem;max-width:640px;margin:0 auto}
.home-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.home-grid .glass-card{position:relative;text-align:left}
.home-grid .glass-card .feat-ico{margin-bottom:24px}
.home-grid .glass-card h3{margin:0 0 12px;color:#fff;font-weight:700}
.home-grid .glass-card p{margin:0;color:var(--mut)}

.home-faq{max-width:760px;margin:0 auto}
.faq-d{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:0 24px;margin-bottom:12px;transition:border-color .2s,background .2s}
.faq-d[open]{border-color:rgba(var(--ar),.4);background:rgba(var(--ar),.05)}
.faq-d summary{cursor:pointer;list-style:none;padding:20px 0;font:600 1.1rem var(--font-h);display:flex;justify-content:space-between;gap:16px}
.faq-d summary::-webkit-details-marker{display:none}
.faq-d summary::after{content:"+";color:var(--al);font-size:1.5rem;line-height:1;transition:transform .2s}
.faq-d[open] summary::after{transform:rotate(45deg)}
.faq-d p{margin:0 0 20px;color:var(--mut)}
.faq-d a{color:var(--al);text-decoration:underline}

@media(max-width:860px){.home-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.floating{animation:none!important}}