.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:30px;min-height:640px}
.hero-copy .eyebrow{color:#dd96a6}
.hero-copy>p{max-width:610px}
.hero .hero-visual{height:530px;min-width:0;position:relative}
.hero .hero-aura{width:100%;height:82%;left:0;top:9%;background:radial-gradient(ellipse at 50% 48%,#94173534,transparent 68%)}
.hero-laptop{position:absolute;left:0;top:50%;width:100%;transform:translateY(-50%);filter:drop-shadow(0 25px 35px #000a)}
.hero-laptop-screen{padding:10px 10px 12px;background:#17181b;border:2px solid #6c6c73;border-radius:18px 18px 9px 9px;box-shadow:inset 0 0 0 1px #ffffff16,0 0 0 4px #111115}
.hero-laptop-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:2px 6px 10px;color:#f3e9e9;font-size:9px;font-weight:750;letter-spacing:.06em}
.hero-laptop-bar span:last-child{color:#d5b0ba}
.hero-laptop-video{position:relative;overflow:hidden;border-radius:7px;background:#16262c}
.hero-laptop-video video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.hero-laptop-play{position:absolute;inset:0 0 40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:0;background:transparent;color:#fff;font-size:10px;font-weight:800;letter-spacing:.1em;text-shadow:0 2px 9px #000;transition:background .2s}
.hero-laptop-play:hover{background:#0002}
.hero-play-disc{display:grid;place-items:center;width:82px;height:82px;background:#0b0b0be8;border:2px solid #fff;border-radius:50%;box-shadow:0 12px 35px #000b;transition:transform .2s,background .2s}
.hero-laptop-play:hover .hero-play-disc{transform:scale(1.08);background:#c2002d}
.hero-play-disc .play-icon{border-top-width:11px;border-bottom-width:11px;border-left-width:17px;margin-left:5px}
.hero-video-controls{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:10px;height:40px;padding:8px 13px;background:linear-gradient(transparent,#070808df 20%);color:#fff;font-size:9px;font-weight:700;letter-spacing:.04em}
.hero-video-controls>i{flex:1;height:4px;border-radius:4px;background:#ffffff70;overflow:hidden}
.hero-video-controls>i>span{display:block;width:0;height:100%;background:#d91644;border-radius:4px}
.hero-laptop-base{position:relative;width:110%;height:20px;margin-left:-5%;background:linear-gradient(#c5c5cc,#696a72 55%,#2e2f35);border-radius:0 0 24px 24px;box-shadow:0 12px 25px #0008}
.hero-laptop-base:after{content:'';position:absolute;top:0;left:38%;width:24%;height:5px;background:#565860;border-radius:0 0 8px 8px}
.hero-format-note{position:absolute;left:0;right:0;bottom:0;margin:0;text-align:center;color:#a69fa4;font-size:10px;letter-spacing:.02em}
.hero-examples{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-bottom:38px}
.hero-examples button{display:flex;align-items:center;gap:11px;min-width:0;min-height:92px;padding:9px;text-align:left;background:#171719;border:1px solid #353236;border-radius:12px;color:#f5f0ef;transition:border-color .2s,transform .2s}
.hero-examples button:hover{border-color:#c2002d;transform:translateY(-2px)}
.hero-examples img{width:52px;height:74px;object-fit:cover;border-radius:6px;flex:none}
.hero-examples span{display:grid;min-width:0;flex:1}
.hero-examples b{font-size:11px;line-height:1.3}
.hero-examples small{font-size:9px;color:#a8a0a6;line-height:1.4}
.hero-examples i{flex:none;margin-right:5px;color:#e84366}
@media(max-width:1000px){.hero{grid-template-columns:1fr;gap:0;padding-top:60px;min-height:0}.hero-copy{max-width:760px}.hero .hero-visual{width:min(650px,100%);height:510px;margin-inline:auto}.hero-examples{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.hero{padding-top:38px}.hero h1{font-size:clamp(45px,11.7vw,65px)}.hero-copy>p{font-size:13px;line-height:1.75}.hero .hero-visual{height:315px;max-width:420px;margin-top:18px}.hero-laptop-screen{padding:5px 5px 7px;border-radius:11px 11px 5px 5px}.hero-laptop-bar{font-size:6px;padding:1px 3px 5px}.hero-laptop-base{height:12px}.hero-play-disc{width:58px;height:58px}.hero-play-disc .play-icon{border-top-width:8px;border-bottom-width:8px;border-left-width:13px}.hero-laptop-play{inset:0 0 25px;gap:5px;font-size:7px}.hero-video-controls{height:25px;gap:5px;padding:4px 7px;font-size:6px}.hero-video-controls>i{height:3px}.hero-format-note{font-size:8px}.hero-examples{gap:8px;padding-bottom:22px}.hero-examples button{min-height:72px;gap:7px;padding:6px}.hero-examples img{width:37px;height:58px}.hero-examples b{font-size:9px}.hero-examples small{font-size:7px}.hero-examples i{display:none}}
@media(prefers-reduced-motion:reduce){.hero-examples button,.hero-play-disc,.hero-laptop-play{transition:none}}
@media(max-width:620px){.hero{padding-top:18px}.hero h1{margin:17px 0}.hero-copy>p{margin:12px 0 18px}.hero-proof{display:none}.hero .hero-visual{margin-top:4px}}