.zz-ad-host { position:relative!important; isolation:isolate; }
.zz-ad-layer { --zz-ad-accent:#b8ff66; --zz-ad-mint:#72ead1; position:absolute; z-index:40; inset:0; display:grid; overflow:hidden; color:#fff; background-color:#0a0712; background-image:linear-gradient(105deg,rgba(12,7,24,.98) 0 45%,rgba(20,9,35,.78) 67%,rgba(4,7,12,.9)),var(--zz-ad-poster,none); background-position:center; background-size:cover; font-family:Inter,Manrope,"Segoe UI",Arial,sans-serif; opacity:1; animation:zz-ad-enter .24s ease; }
.zz-ad-layer.is-leaving { opacity:0; transition:opacity .18s ease; }
.zz-ad-media { position:absolute; z-index:-1; inset:0; width:100%; height:100%; object-fit:cover; opacity:.48; }
.zz-ad-backdrop { position:absolute; z-index:-1; inset:0; overflow:hidden; background:radial-gradient(circle at 80% 20%,rgba(143,74,255,.46),transparent 28%),radial-gradient(circle at 66% 86%,rgba(75,228,197,.16),transparent 30%); }
.zz-ad-backdrop::after { position:absolute; inset:0; background:repeating-linear-gradient(125deg,transparent 0 25px,rgba(255,255,255,.018) 26px 27px); content:""; }
.zz-ad-backdrop i { position:absolute; border:1px solid rgba(189,157,255,.23); border-radius:50%; animation:zz-ad-orbit 12s linear infinite; }
.zz-ad-backdrop i:nth-child(1) { top:-55%; right:-8%; width:66%; aspect-ratio:1; }
.zz-ad-backdrop i:nth-child(2) { right:8%; bottom:-62%; width:54%; aspect-ratio:1; animation-direction:reverse; animation-duration:15s; }
.zz-ad-backdrop i:nth-child(3) { top:22%; right:21%; width:22%; aspect-ratio:1; border-color:rgba(105,233,207,.23); }
.zz-ad-creative { display:grid; grid-template-columns:auto minmax(250px,650px) minmax(190px,1fr); gap:clamp(18px,3vw,46px); align-items:center; padding:clamp(24px,5vw,72px) clamp(25px,6vw,86px) 78px; }
.zz-ad-brand { align-self:start; display:flex; align-items:center; gap:10px; }
.zz-ad-brand>span { display:grid; width:42px; height:42px; place-items:center; border:1px solid rgba(255,255,255,.22); border-radius:14px; color:#0a0d13; background:linear-gradient(145deg,var(--zz-ad-accent),var(--zz-ad-mint)); box-shadow:0 12px 40px rgba(114,234,209,.18); font-size:21px; font-weight:950; }
.zz-ad-brand>div { display:grid; line-height:.84; }.zz-ad-brand b { font-size:15px; letter-spacing:-.05em; }.zz-ad-brand strong { margin-top:7px; color:var(--zz-ad-mint); font-size:10px; letter-spacing:.16em; text-transform:uppercase; }
.zz-ad-copy { max-width:680px; }.zz-ad-copy>small { color:#af9bff; font-size:clamp(7px,.7vw,11px); font-weight:900; letter-spacing:.16em; }.zz-ad-copy h2 { max-width:720px; margin:12px 0 0; font-size:clamp(25px,3.7vw,64px); line-height:.93; letter-spacing:-.075em; }.zz-ad-copy p { max-width:610px; margin:17px 0 0; color:#c7c5d3; font-size:clamp(10px,1vw,16px); line-height:1.55; }.zz-ad-copy>a { display:inline-flex; min-height:46px; align-items:center; gap:18px; margin-top:22px; padding:0 17px; border-radius:12px; color:#11131a; background:linear-gradient(105deg,var(--zz-ad-accent),var(--zz-ad-mint)); box-shadow:0 14px 34px rgba(83,211,172,.18); font-size:clamp(9px,.9vw,13px); font-weight:900; }.zz-ad-copy>a b { font-size:16px; }
.zz-ad-products { position:relative; min-height:210px; align-self:stretch; }.zz-ad-products::before,.zz-ad-products::after { position:absolute; inset:10% 2%; border:1px solid rgba(190,162,255,.23); border-radius:50%; transform:rotate(-18deg); content:""; }.zz-ad-products::after { inset:22% -10%; transform:rotate(18deg); }.zz-ad-products>i { position:absolute; width:clamp(82px,9vw,142px); height:clamp(118px,13vw,195px); border:1px solid rgba(255,255,255,.2); border-radius:26px 26px 18px 18px; background:linear-gradient(150deg,rgba(255,255,255,.22),rgba(255,255,255,.045)); box-shadow:0 28px 50px rgba(0,0,0,.36); backdrop-filter:blur(8px); }.zz-product-one { top:5%; left:18%; transform:rotate(-9deg); }.zz-product-two { right:8%; bottom:0; transform:rotate(11deg) scale(.8); }.zz-ad-products>i::before { position:absolute; top:20%; right:18%; left:18%; height:40%; border-radius:22px 22px 9px 9px; background:linear-gradient(145deg,#d8ddff,#7c6bec 70%,#493663); content:""; }.zz-ad-products>strong { position:absolute; top:44%; left:47%; display:grid; width:48px; height:48px; place-items:center; border-radius:50%; color:#161222; background:linear-gradient(145deg,var(--zz-ad-accent),var(--zz-ad-mint)); box-shadow:0 13px 35px rgba(0,0,0,.4); font-size:22px; transform:translate(-50%,-50%); }
.zz-ad-layer.has-poster .zz-ad-products { visibility:hidden; }
.zz-ad-layer.has-poster { animation:zz-ad-enter .24s ease,zz-ad-poster-pan 10s ease-out both; }
.zz-ad-copy>* { animation:zz-ad-copy-in .5s ease both; }.zz-ad-copy>h2 { animation-delay:.08s; }.zz-ad-copy>p { animation-delay:.16s; }.zz-ad-copy>a { animation-delay:.24s; }
.zz-ad-chrome { position:absolute; right:0; bottom:0; left:0; background:linear-gradient(transparent,rgba(0,0,0,.9)); }.zz-ad-progress { height:3px; overflow:hidden; background:rgba(255,255,255,.25); }.zz-ad-progress i { display:block; width:100%; height:100%; background:linear-gradient(90deg,var(--zz-ad-accent),var(--zz-ad-mint)); transform-origin:left; }.zz-ad-bottom { display:flex; min-height:58px; align-items:center; gap:7px; padding:8px 13px; }.zz-ad-bottom button,.zz-ad-compact-cta { min-height:34px; border:1px solid rgba(255,255,255,.14); border-radius:8px; color:#fff; background:rgba(18,15,25,.7); font-size:9px; font-weight:850; backdrop-filter:blur(9px); }.zz-ad-pause,.zz-ad-mute { width:34px; padding:0; }.zz-ad-mute:disabled { opacity:.5; }.zz-ad-clock { margin-right:auto; color:#e6e2ec; font-size:9px; font-weight:750; }.zz-ad-compact-cta { display:flex; align-items:center; padding:0 12px; }.zz-ad-skip { min-width:135px; padding:0 12px; }.zz-ad-skip:not(:disabled):hover { border-color:rgba(184,255,102,.65); color:#12151a; background:var(--zz-ad-accent); }.zz-ad-skip:disabled { color:#88828d; cursor:not-allowed; }
.is-ad-playing>.player-main-button,.is-ad-playing>.player-controls,.is-ad-playing>.player-status,.is-ad-playing>.player-topline,.is-ad-playing>.player-loading,.is-ad-playing>.player-play,.is-ad-playing>p { opacity:0!important; pointer-events:none!important; }
.zz-native-ad { position:relative; display:grid; grid-template-columns:auto minmax(0,1fr) auto 120px; min-height:104px; align-items:center; gap:16px; overflow:hidden; padding:18px 20px; border:1px solid rgba(139,105,225,.22); border-radius:16px; color:#f6f3fa; isolation:isolate; background-color:#0b0d14; background-image:linear-gradient(90deg,rgba(15,10,23,.98) 0%,rgba(15,10,23,.94) 49%,rgba(15,10,23,.58) 72%,rgba(10,8,16,.44)),var(--zz-native-poster,none),radial-gradient(circle at 92% 18%,rgba(134,76,235,.42),transparent 36%); background-position:center; background-size:cover; box-shadow:0 12px 36px rgba(19,10,34,.08); font-family:Inter,Manrope,"Segoe UI",Arial,sans-serif; }.zz-native-ad::after { position:absolute; z-index:-1; inset:0; background:repeating-linear-gradient(125deg,transparent 0 25px,rgba(255,255,255,.018) 26px 27px); content:""; }.zz-native-ad>span:first-child { padding:5px 7px; border:1px solid rgba(255,255,255,.16); border-radius:7px; color:#b9aec3; background:rgba(8,8,13,.35); font-size:7px; font-weight:900; letter-spacing:.12em; }.zz-native-ad>div { display:grid; min-width:0; gap:5px; }.zz-native-ad>div b { overflow:hidden; font-size:16px; letter-spacing:-.035em; text-overflow:ellipsis; white-space:nowrap; }.zz-native-ad>div small { overflow:hidden; color:#a69eac; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }.zz-native-ad>strong { display:flex; min-height:38px; align-items:center; padding:0 12px; border-radius:10px; color:#11151b; background:linear-gradient(105deg,#c8ff68,#77ead1); font-size:8px; font-weight:900; white-space:nowrap; }.zz-native-ad-art { position:relative; display:block; width:112px; height:72px; }.zz-native-ad-art::before,.zz-native-ad-art::after { position:absolute; width:42px; height:56px; border:1px solid rgba(255,255,255,.2); border-radius:12px 12px 8px 8px; background:linear-gradient(145deg,rgba(255,255,255,.2),rgba(255,255,255,.05)); box-shadow:0 12px 25px rgba(0,0,0,.26); content:""; }.zz-native-ad-art::before { top:2px; left:17px; transform:rotate(-9deg); }.zz-native-ad-art::after { right:13px; bottom:0; transform:rotate(10deg) scale(.82); }.zz-native-ad-art i { position:absolute; z-index:2; top:26px; left:52px; display:grid; width:26px; height:26px; place-items:center; border-radius:50%; color:#11151a; background:linear-gradient(145deg,#c8ff68,#77ead1); font-size:13px; font-style:normal; transform:translate(-50%,-50%); }.zz-native-ad:hover { border-color:rgba(119,234,209,.35); }.zz-native-ad:hover>strong { filter:brightness(1.05); }
.zz-native-ad.has-poster .zz-native-ad-art { visibility:hidden; }
@keyframes zz-ad-enter { from { opacity:0; transform:scale(1.015); } to { opacity:1; transform:none; } }
@keyframes zz-ad-poster-pan { from { background-position:46% 50%; } to { background-position:52% 50%; } }
@keyframes zz-ad-copy-in { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:none; } }
@keyframes zz-ad-orbit { to { transform:rotate(342deg); } }
@media (max-width:760px) { .zz-ad-creative { grid-template-columns:1fr; align-content:center; gap:13px; padding:24px 22px 62px; }.zz-ad-brand { align-self:auto; }.zz-ad-brand>span { width:32px; height:32px; border-radius:10px; font-size:15px; }.zz-ad-brand b { font-size:12px; }.zz-ad-brand strong { margin-top:5px; font-size:7px; }.zz-ad-copy h2 { margin-top:7px; font-size:clamp(22px,7vw,36px); }.zz-ad-copy p { display:none; }.zz-ad-copy>a { min-height:38px; margin-top:12px; border-radius:9px; }.zz-ad-products { display:none; }.zz-ad-bottom { min-height:48px; padding:6px 8px; }.zz-ad-pause,.zz-ad-mute { width:30px; min-height:30px!important; }.zz-ad-clock { font-size:8px; }.zz-ad-compact-cta { display:none; }.zz-ad-skip { min-width:118px; min-height:31px!important; padding:0 8px; font-size:8px!important; } }
@media (max-width:760px) { .zz-native-ad { grid-template-columns:auto minmax(0,1fr) auto; min-height:92px; padding:14px; }.zz-native-ad>div b { font-size:13px; white-space:normal; }.zz-native-ad>div small { display:none; }.zz-native-ad-art { display:none; }.zz-native-ad>strong { padding:0 9px; } }
@media (max-width:500px) { .zz-native-ad { grid-template-columns:minmax(0,1fr) auto; }.zz-native-ad>span:first-child { grid-column:1/-1; justify-self:start; }.zz-native-ad>strong { align-self:end; }.zz-native-ad>div b { font-size:12px; } }

/* Final marketplace placement: more breathing room without turning it into a second hero. */
.zz-native-ad { min-height:126px; padding:22px 24px; border-radius:18px; }
.zz-native-ad>div b { font-size:18px; }
.zz-native-ad>div small { font-size:10px; line-height:1.45; }
.zz-native-ad>strong { min-height:42px; padding-inline:15px; font-size:9px; }
.zz-native-ad-art { width:120px; height:82px; }
@media (max-width:760px) { .zz-native-ad { min-height:102px; padding:16px; border-radius:15px; }.zz-native-ad>div b { font-size:14px; }.zz-native-ad>strong { min-height:38px; padding-inline:10px; font-size:8px; } }
@media (max-width:500px) { .zz-native-ad { min-height:108px; }.zz-native-ad>div b { font-size:13px; } }
@media (max-width:430px) {
  .zz-ad-creative { height:100%; min-height:0; align-content:start; gap:6px; padding:10px 12px 54px; overflow:hidden; }
  .zz-ad-brand,.zz-ad-copy>small,.zz-ad-copy p { display:none; }
  .zz-ad-copy { align-self:start; }
  .zz-ad-copy h2 { max-width:92%; margin-top:0; font-size:17px; line-height:1; letter-spacing:-.055em; }
  .zz-ad-copy>a { display:none; }
  .zz-ad-bottom { min-height:48px; gap:5px; padding-right:6px; padding-left:6px; }
  .zz-ad-pause,.zz-ad-mute { display:none; }
  .zz-ad-compact-cta { display:flex; min-height:30px; margin-right:auto; padding:0 8px; font-size:7px; }
  .zz-ad-skip { min-width:104px; min-height:30px!important; }
  .zz-ad-clock { display:none; }
}
@media (prefers-reduced-motion:reduce) { .zz-ad-layer,.zz-ad-backdrop i,.zz-ad-copy>* { animation:none!important; }.zz-ad-layer { transition-duration:.01ms!important; } }