/* Hero: same glass + lime language as the carousel, client strip and reviews. */
.masthead{border-bottom:1px solid #ffffff10}
.top-contact{border:1px solid #ffffff1f;background:linear-gradient(180deg,#ffffff0d,#ffffff03);box-shadow:inset 0 1px 0 #ffffff12;transition:border-color .25s,background .25s}
.top-contact:hover{border-color:var(--accent);background:#c1f56814}
.hero{position:relative;isolation:isolate}
.hero::before{content:"";position:absolute;z-index:-1;right:-6%;top:6%;width:min(760px,60vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#c1f5681c,transparent 62%);filter:blur(10px);pointer-events:none}

.hero-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 12px;border-radius:999px;border:1px solid #ffffff14;background:linear-gradient(180deg,#ffffff0b,#ffffff02);box-shadow:inset 0 1px 0 #ffffff10;font-size:12px;font-weight:500;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted)}
.hero-badge i{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:cs-pulse 2.2s infinite}
@keyframes cs-pulse{70%{box-shadow:0 0 0 9px #c1f56800}0%{box-shadow:0 0 0 0 #c1f56899}100%{box-shadow:0 0 0 0 #c1f56800}}

.hero-actions{gap:14px}
.primary-cta{box-shadow:0 12px 34px -14px #c1f568aa;transition:transform .3s,background .2s,box-shadow .3s}
.primary-cta:hover{transform:translateY(-2px);box-shadow:0 18px 40px -14px #c1f568cc}
.hero-watch{padding:15px 22px;border-radius:999px;border:1px solid #ffffff1f;background:linear-gradient(180deg,#ffffff0b,#ffffff02);box-shadow:inset 0 1px 0 #ffffff10;color:var(--text);font-size:15px;transition:border-color .25s,background .25s}
.hero-watch span{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#c1f5681f;font-size:9px}
.hero-watch:hover{border-color:var(--accent);background:#c1f56814;color:var(--text)}

.hero-trust{display:flex;align-items:center;gap:16px;margin-top:34px;padding-top:26px;border-top:1px solid #ffffff10}
.hero-faces{display:flex;padding-left:10px;flex-shrink:0}
.hero-faces img{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-left:-10px;border:2px solid var(--bg);box-shadow:0 0 0 1px #c1f56855}
.hero-trust p{margin:0;font-size:14px;line-height:1.5;color:var(--muted)}
.hero-trust strong{font-family:var(--display);font-size:22px;letter-spacing:.3px;color:var(--accent);font-weight:700;margin-right:4px}

.creator-portrait{position:relative;border:0;background:none;overflow:visible;border-radius:26px}
.hero-frame{display:block;padding:10px;border-radius:26px;background:linear-gradient(180deg,#ffffff0d,#ffffff02);border:1px solid #ffffff14;box-shadow:inset 0 1px 0 #ffffff12,0 40px 80px -40px #000}
.hero-frame img{border-radius:18px;display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.hero-chip{position:absolute;left:-28px;bottom:34px;display:flex;align-items:center;gap:12px;max-width:min(320px,90%);padding:10px 18px 10px 10px;border-radius:999px;background:#141812d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid #ffffff1a;box-shadow:0 20px 40px -20px #000;animation:hero-float 6s ease-in-out infinite}
.hero-chip-play{flex-shrink:0;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#17200f}
.hero-chip-copy{display:flex;flex-direction:column;min-width:0}
.hero-chip-copy strong{font-family:var(--display);font-size:20px;line-height:1.05;color:var(--text);letter-spacing:.3px}
.hero-chip-copy span{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@keyframes hero-float{50%{transform:translateY(-8px)}}

/* Entrance */
.hero-badge,.hero-title h1,.hero-copy,.creator-portrait{animation:hero-in .9s cubic-bezier(.22,.8,.24,1) both}
.hero-title h1{animation-delay:.08s}.hero-copy{animation-delay:.18s}.creator-portrait{animation-delay:.12s}
@keyframes hero-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}

@media(max-width:900px){.hero-chip{left:-12px;bottom:22px}}
@media(max-width:600px){.hero-badge{font-size:10px;letter-spacing:1px;padding:7px 13px 7px 10px}.hero-chip{left:12px;bottom:18px;max-width:calc(100% - 24px)}.hero-trust{margin-top:26px;padding-top:20px}.hero-faces img{width:34px;height:34px}.hero-trust p{font-size:13px}.hero-watch{padding:13px 18px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.hero-badge,.hero-title h1,.hero-copy,.creator-portrait,.hero-chip,.hero-badge i{animation:none}}