.hero{ background:var(--ink); color:var(--white); padding:64px 0 72px; }
.hero .eyebrow{ color:var(--mint-soft); }
.hero-grid{ display:grid; grid-template-columns:1.2fr 1fr; gap:48px; align-items:center; }
@media (max-width:800px){ .hero-grid{ grid-template-columns:1fr; } }
.hero h1{ font-size:clamp(2.4rem,5.4vw,3.6rem); margin-top:16px; color:var(--white); }
.hero h1 span{ background:var(--mint-soft); color:var(--ink); padding:0 10px; box-decoration-break:clone; -webkit-box-decoration-break:clone; }
.hero .sub{ margin-top:20px; max-width:52ch; font-size:1.06rem; color:rgba(255,255,255,0.78); }
.hero-ctas{ margin-top:28px; display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.hero-ctas .btn-dark{ background:var(--mint-soft); color:var(--ink); }
.hero-ctas .btn-dark:hover{ background:#93ddc0; }
.hero-trust{ font-size:0.8rem; color:rgba(255,255,255,0.65); }
.hero-photo{ display:flex; justify-content:center; }
.hero-photo .card{ background:var(--white); border-radius:20px; padding:10px; box-shadow:0 16px 40px rgba(61,59,54,0.18); transform:rotate(-2deg); max-width:300px; }
.hero-photo .card img{ display:block; width:100%; height:auto; border-radius:14px; }
.hero-photo .badge{ margin-top:14px; display:inline-flex; align-items:center; gap:6px; background:var(--mint-soft); color:var(--ink); font-weight:700; font-size:0.72rem; padding:6px 12px; border-radius:var(--radius-pill); }
@media (max-width:800px){ .hero-photo{ order:-1; margin-bottom:4px; } .hero-photo .card{ max-width:220px; margin:0 auto; } }