#hero{background:var(--hero-bg);min-height:600px;position:relative;overflow:hidden;display:flex;align-items:center}
#hero::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 15% 20%,rgba(26,46,110,.04) 0%,transparent 50%),radial-gradient(circle at 85% 80%,rgba(249,178,51,.06) 0%,transparent 50%);pointer-events:none}
.hero-deco{display:none}
.hero-deco:nth-child(1){top:12%;left:5%}
.hero-deco:nth-child(2){top:20%;right:32%}
.hero-deco:nth-child(3){bottom:18%;left:44%}
.hero-deco:nth-child(4){top:55%;left:3%}
.hero-deco:nth-child(5){bottom:10%;right:35%}
.hero-inner{max-width:var(--wrap-max);margin:0 auto;padding:60px var(--wrap-pad);width:100%;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;position:relative;z-index:1}
.hero-left{max-width:480px}
.hero-eyebrow{display:inline-block;background:rgba(255,255,255,.75);color:var(--navy);border:1px solid rgba(26,46,110,.15);font-family:var(--font-display);font-size:12px;font-weight:700;padding:5px 16px;border-radius:99px;margin-bottom:22px;letter-spacing:.04em}
#hero h1{font-size:clamp(40px,5.5vw,68px);color:var(--td);line-height:1.08;margin-bottom:20px}
#hero h1 span{color:var(--navy)}
.hero-sub{font-size:15px;color:var(--tm);line-height:1.75;margin-bottom:36px;max-width:400px;letter-spacing:.01em}
.hero-ctas{display:flex;align-items:center;gap:16px;margin-bottom:40px}
.cta-services{display:flex;align-items:center;gap:12px;background:var(--sky-m);color:var(--navy);font-family:var(--font-display);font-size:13px;font-weight:800;padding:12px 20px;border-radius:99px;letter-spacing:.04em;text-transform:uppercase;transition:transform .15s,box-shadow .15s}
.cta-services:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(26,46,110,.14)}
.cta-services-icon{width:34px;height:34px;border-radius:50%;background:var(--navy);display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}
.cta-play{width:52px;height:52px;border-radius:50%;background:var(--gold);display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 4px 16px rgba(249,178,51,.35);transition:transform .15s,box-shadow .15s}
.cta-play:hover{transform:scale(1.08);box-shadow:0 8px 28px rgba(249,178,51,.45)}
.hero-clients{display:flex;align-items:center;gap:12px}
.client-avatars{display:flex}
.client-avatars .av{width:36px;height:36px;border-radius:50%;border:2.5px solid var(--white);background:var(--sky-m);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:11px;font-weight:800;color:var(--navy);margin-left:-10px}
.client-avatars .av:first-child{margin-left:0}
.client-avatars .av-more{background:var(--navy);color:var(--white);font-size:10px}
.hero-clients-label{font-size:13px;font-weight:600;color:var(--tm)}
.hero-clients-label strong{display:block;color:var(--td);font-family:var(--font-display);font-weight:800;font-size:12px}
.hero-right{display:flex;align-items:flex-end;justify-content:flex-end;height:100%;min-height:500px}
.hero-photo{width:100%;max-width:520px;height:500px;border-radius:32px 32px 0 0;overflow:hidden;background:linear-gradient(160deg,#c4dcf8 0%,#a8c8f0 100%);position:relative}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.hero-photo::before{content:'';position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to top,rgba(221,238,255,.7) 0%,transparent 100%);z-index:1;pointer-events:none}