/* Responsive, mockup-aligned hero composition. Loaded after hero-v3.css. */
.hero-v3{min-height:0;padding:154px 0 32px;display:block;color:#0f172a;background:radial-gradient(circle at 73% 38%,rgba(6,182,212,.13),transparent 24%),linear-gradient(115deg,#fff 0%,#fbfeff 54%,#f1fbfd 100%)}
.hero-v3::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.45;background:repeating-linear-gradient(160deg,transparent 0 13px,rgba(6,182,212,.04) 14px 15px,transparent 16px 30px)}
.hero-container{grid-template-columns:minmax(0,.92fr) minmax(440px,1.08fr);gap:18px;max-width:1320px;padding:0 32px}.hero-left{position:relative;z-index:1;max-width:555px;padding:45px 0 32px}.hero-badge,.hero-features{display:none}.hero-eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:13px;font-size:.74rem;font-weight:700;letter-spacing:.04em;color:#078ca2}.hero-eyebrow::before{content:"";display:block;width:21px;height:2px;background:currentColor}.hero-title{max-width:540px;font-size:clamp(2.75rem,4.05vw,4.1rem);font-weight:800;line-height:1.12;letter-spacing:-.047em;color:#101827}.hero-title span{color:#069cb1;background:none;-webkit-text-fill-color:currentColor;animation:none}.hero-description{max-width:500px;margin:19px 0 0;color:#3f4b59;font-size:1.03rem;line-height:1.72}.hero-buttons{gap:15px;margin-top:27px}.hero-buttons a{min-height:48px;padding:0 23px;border-radius:999px;font-size:.9rem;font-weight:700}.hero-buttons .btn-primary{border:1px solid #079eb3;background:linear-gradient(135deg,#078da2,#04b7ca);box-shadow:0 10px 22px rgba(6,182,212,.23)}.hero-buttons .btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(6,182,212,.31)}.hero-buttons .btn-secondary{color:#057f94;border:1px solid #0aa7bb;background:rgba(255,255,255,.76)}.hero-buttons .btn-secondary:hover{color:#046d7d;background:#eafbfd;transform:translateY(-2px)}.hero-right{min-height:390px;padding:0;overflow:visible}.hero-glow{width:78%;height:78%;max-width:540px;max-height:430px;background:radial-gradient(circle,rgba(6,182,212,.18),transparent 68%);filter:blur(40px)}.hero-products{width:min(100%,760px);max-width:none;margin:0 -4% -12px 0;filter:drop-shadow(0 21px 22px rgba(15,23,42,.18));animation:mockup-float 7s ease-in-out infinite}.hero-right:hover .hero-products{transform:translateY(-5px) scale(1.01);filter:drop-shadow(0 28px 25px rgba(15,23,42,.2))}@keyframes mockup-float{50%{transform:translateY(-7px)}}
.hero-v3 .brand-strip{position:relative;z-index:2;width:min(calc(100% - 64px),1240px);min-height:80px;margin:14px auto 0;padding:20px 28px;border:1px solid rgba(15,23,42,.05);border-radius:14px;background:rgba(255,255,255,.92);box-shadow:0 10px 27px rgba(15,23,42,.1)}.hero-v3 .brand-title{color:#1d2939;font-size:.72rem;font-weight:800;text-transform:uppercase;white-space:nowrap}.hero-v3 .brand-title::before{content:"";display:inline-block;width:20px;height:2px;margin:0 8px 3px 0;background:#09a9be}.hero-v3 .brand-track span{color:#425466;font-size:1.15rem;font-weight:800;opacity:.9}
@media(max-width:1100px){.hero-container{grid-template-columns:1fr 1fr}.hero-title{font-size:clamp(2.6rem,4.3vw,3.55rem)}.hero-right{min-height:340px}.hero-products{width:115%;max-width:670px}}
@media(max-width:850px){.hero-v3{padding-top:118px}.hero-container{grid-template-columns:1fr;gap:0;text-align:center}.hero-left{margin:auto;padding:15px 0 0}.hero-eyebrow{justify-content:center}.hero-description{margin-right:auto;margin-left:auto}.hero-buttons{justify-content:center}.hero-right{min-height:330px}.hero-products{width:min(100%,600px);margin:-6px auto -12px}.hero-v3 .brand-strip{width:min(calc(100% - 40px),640px);margin-top:8px}}
@media(max-width:576px){.hero-v3{padding:104px 0 22px}.hero-container{padding:0 20px}.hero-left{padding-top:7px}.hero-title{font-size:clamp(2.35rem,11vw,3rem)}.hero-description{font-size:.98rem;line-height:1.65}.hero-buttons{flex-direction:column;align-items:stretch;margin-top:23px}.hero-buttons a{width:100%;justify-content:center}.hero-right{min-height:240px}.hero-products{width:118%;max-width:none;margin:0 0 -10px -9%}.hero-v3 .brand-strip{width:calc(100% - 30px);min-height:66px;padding:15px 18px}.hero-v3 .brand-title{margin-bottom:10px;font-size:.65rem}.hero-v3 .brand-track span{font-size:.95rem}}
@media(prefers-reduced-motion:reduce){.hero-products,.hero-title span{animation:none}.hero-buttons a{transition:none}}