*{box-sizing:border-box}html{background:#f7f7f3}body{margin:0;background:#f7f7f3;color:#273126;font-family:Arial,Helvetica,sans-serif}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #5a7651;outline-offset:3px}.showcase-header{height:76px;border-bottom:1px solid #e4e3df;background:#fafaf8}.header-brands{height:100%;max-width:1320px;margin:auto;padding:0 25px;display:flex;align-items:center;gap:22px}.header-brands img{display:block;object-fit:contain}.relde-logo{width:108px;height:34px}.adbro-logo{width:96px;height:31px}.brand-divider{width:1px;height:27px;background:#d7d8d1}.showcase-shell{max-width:1320px;margin:auto;padding:30px 25px;display:grid;grid-template-columns:minmax(0,1fr) 390px minmax(0,1fr);column-gap:32px;align-items:start;min-height:0}.desktop-info{max-width:335px;padding:28px 0 0}.desktop-eyebrow{font-size:10px;letter-spacing:1.8px;color:#8d9587;margin:0 0 22px}.desktop-info h1{font:normal 39px/1.14 Georgia,serif;letter-spacing:-1.2px;color:#343e30;margin:0 0 22px}.desktop-copy{font-size:13px;line-height:1.85;color:#87917f;margin:0 0 23px}.desktop-points{list-style:none;padding:0;margin:0}.desktop-points li{position:relative;font-size:11px;line-height:1.65;color:#78866d;padding:10px 0 10px 15px}.desktop-points li::before{content:'';width:4px;height:4px;border-radius:50%;background:#a4b393;position:absolute;left:0;top:17px}.format-details{border-top:1px solid #dedfd7;margin:25px 0 0;padding:18px 0;font-size:10px}.format-details>div{display:flex;justify-content:space-between;gap:15px;padding:8px 0}.format-details dt{color:#9ba390}.format-details dd{margin:0;color:#68795a}.showcase-stage{width:390px;height:auto;display:flex;flex-direction:column;align-items:center}.device{position:relative;width:100%;height:min(844px,calc(100dvh - 170px));min-height:320px;border:1px solid #ccd2df;border-radius:26px;padding:0;background:#fff;box-shadow:0 16px 40px #182b4720;perspective:1600px}.qr-panel{display:flex;justify-content:center;padding-top:43px}.qr-card{width:260px;padding:24px 24px 21px;border:1px solid #e0e2da;border-radius:16px;background:#fff;box-shadow:0 3px 15px #35412804;text-align:center}.qr-eyebrow{font-size:8px;letter-spacing:1.7px;color:#a0ab94;margin:0 0 15px}.qr-card h2{font:normal 24px/1.15 Georgia,serif;letter-spacing:-.4px;color:#48573e;margin:0 0 11px}.qr-copy{font-size:11px;line-height:1.7;color:#9ba68f;margin:0 0 16px}.qr-card img{display:block;width:210px;max-width:100%;height:auto;margin:auto}.qr-direct-link{display:inline-block;margin-top:13px;color:#8e9d7e;font-size:9px;text-underline-offset:3px}.device-flipper{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.7,.2,1);border-radius:25px}.device-flipper.is-flipped{transform:rotateY(180deg)}.device-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:25px;overflow:hidden;background:#fff}.article-side{transform:rotateY(0deg)}.article-window{height:100%;overflow:auto;overscroll-behavior:contain;scrollbar-width:none}.article-window::-webkit-scrollbar{display:none}.article-window:focus-visible{outline-offset:-3px}.description-side{transform:rotateY(180deg);padding:47px 28px 28px;overflow:auto;background:#f8f9f5}.description-back{background:none;border:0;padding:4px 0 10px;color:#74806c;font-size:11px;text-decoration:underline;text-underline-offset:4px}.description-brand{font-size:27px;font-weight:900;letter-spacing:-1.4px;display:flex;align-items:center;margin-top:42px;color:#263024}.description-brand>span{width:7px;height:7px;border-radius:50%;background:#99b666;margin:14px 0 0 3px}.description-format{font-size:12px;letter-spacing:2px;color:#8b997e;margin:39px 0 12px}.description-side h1{font:normal 34px/1.1 Georgia,serif;letter-spacing:-.7px;max-width:290px;margin:0 0 24px}.description-copy{font-size:13px;line-height:1.8;color:#7a8871;margin-bottom:26px}.description-points{list-style:none;padding:0;margin:0;border-top:1px solid #e0e6d8}.description-points li{position:relative;font-size:11px;color:#6f7e66;padding:14px 0 14px 16px;border-bottom:1px solid #e0e6d8;line-height:1.6}.description-points li::before{content:'';width:4px;height:4px;border-radius:50%;background:#a3b18e;position:absolute;left:0;top:21px}.description-footer{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#adb7a3;margin-top:42px}.demo-controls{height:34px;padding:10px 0 0}.demo-controls button{border:0;background:none;color:#a1aaa0;font-size:10px;padding:4px 8px;text-decoration:underline;text-underline-offset:3px}.publisher-frame{position:relative;width:100%;max-width:none;background:#fff;overflow:hidden}.publisher-topline{height:47px;display:flex;align-items:center;justify-content:space-between;padding:0 23px;font:600 17px Georgia,serif;border-bottom:1px solid #f1f2ee;color:#4e5c48}.publisher-topline small{font:7px Arial,sans-serif;letter-spacing:1px;color:#9ca694}.hero-host{position:relative;width:100%;overflow:visible;background:#edf1e8}.publisher-hero{width:100%;height:auto;aspect-ratio:320/214;object-fit:cover;display:block}.publisher-copy{padding:23px 25px 18px}.publisher-kicker{font-size:8px;text-transform:uppercase;letter-spacing:1.8px;color:#9aa58f;margin:0 0 10px}.publisher-copy h2{font:normal 27px/1.16 Georgia,serif;letter-spacing:-.65px;margin:0 0 12px;color:#434f3d}.publisher-deck{font-size:11px;line-height:1.75;color:#9fa896;margin:0 0 12px}.publisher-byline{font-size:8px;color:#b0b9a8}.publisher-caption{margin:0;padding:7px 25px 9px;font:9px/13px Arial,Helvetica,sans-serif;color:#68795a}.article-after{padding:22px 25px 30px}.article-after p{font:12px/1.9 Georgia,serif;color:#9aa58f;margin:0 0 17px}.article-after h3{font:normal 21px/1.2 Georgia,serif;letter-spacing:-.3px;margin:22px 0 15px;color:#748269}.video-toggle svg,.video-sound svg{width:55%;height:55%;display:block;pointer-events:none}.video-toggle,.video-sound{align-items:center;justify-content:center;display:flex}.video-toggle svg{max-width:28px}.video-sound svg{width:70%;height:70%}.video-toggle[hidden]{display:none}.takeover-clock:empty{display:none}.dialog-close{font-size:10px!important;top:14px!important;right:14px!important;text-decoration:underline}.classic-frame .publisher-scroll{scrollbar-width:none}.classic-frame .publisher-scroll::-webkit-scrollbar{display:none}.classic-frame .article-after{padding-bottom:60px}.dialog-eyebrow{font-size:9px;letter-spacing:1.5px;color:#929d86}.dialog-product{height:140px;object-fit:contain;display:block;margin:14px auto}.dialog-title{font-weight:500;font-size:24px}.dialog-copy{font-size:13px;line-height:1.8;color:#7c8970}.dialog-code{font-size:10px;color:#a0aa95;word-break:break-all}
.scaled-wrap{position:relative;width:100%;overflow:visible}.native-canvas{position:absolute;top:0;left:0;transform-origin:top left}.creative-zone{position:absolute;display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:Georgia,Arial,sans-serif}.creative-control{border:0;background:transparent;padding:0;overflow:visible;z-index:9}.creative-control img{width:100%;height:100%;display:block}.creative-control::after{content:'';position:absolute;inset:-5px}.creative-control:hover{filter:brightness(1.2)}.creative-logo{object-fit:contain}.creative-text{white-space:nowrap;text-overflow:ellipsis;justify-content:flex-start;font-size:13px;color:#fff;line-height:1.1}.strip-bg{position:absolute;left:0;overflow:visible;pointer-events:none}.strip-cta{background:#f8f3e8;color:#20231f;border:1px solid #fffdf6;border-radius:999px;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:600;line-height:1;white-space:nowrap;text-decoration:none;justify-content:center}.strip-cta span{max-width:100%;overflow:hidden;text-overflow:ellipsis}.strip-peek{object-fit:contain;pointer-events:none}.strip-root{position:absolute;bottom:0;left:0;z-index:5}.module-bg{background:#fff7ed}.module-header{background:#b54f34;color:#fff}.module-header-title{font-size:14px;line-height:18px;white-space:nowrap;text-overflow:clip}.module-footer{background:#fff7ed}.module-footer .footer-cta{position:absolute;border:1px solid #b54f34;border-radius:4px;color:#fff;background:#b54f34;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:600;line-height:1.15;text-align:center;padding:0 12px;white-space:nowrap}.card-scroll{position:absolute;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#e77c92 #fff7ed}.card-stack{position:relative;width:100%;min-width:0;overflow-x:clip}.product-card{position:absolute;padding:0;border:0;border-radius:3px;overflow:hidden;background:#fff}.product-card img{height:100%;width:100%;object-fit:cover;display:block}.product-card .card-title{position:absolute;left:12px;right:12px;bottom:10px;font-size:14px;text-align:left;color:#4b242a;font-family:Georgia,sans-serif}.product-card:focus-visible{outline-offset:-4px}.card-down-hint{position:absolute;left:50%;margin:0 0 0 -12px;width:24px;height:30px;z-index:1;pointer-events:none;background:url(./assets/adbro-grid-down-cue.png) no-repeat left bottom;background-size:contain;opacity:0}.cards-module.cue-active .card-stack{animation:adbro-card-nudge 1.8s 2s both;animation-iteration-count:2}.cards-module.cue-active .card-down-hint{animation:adbro-card-hint-in .5s 5s both}.card-down-hint[hidden]{display:none}.cards-module .module-header,.cards-module .module-footer{z-index:2}.cards-module .creative-logo,.cards-module .module-header-title{z-index:3}.video-element{position:absolute;object-fit:cover;background:#eee}.video-toggle{background:transparent;color:#6c422e;border:1px solid #d5bda9;border-radius:3px;box-shadow:none}.video-sound{background:transparent;color:#6c422e;border:1px solid #d5bda9;border-radius:3px}.video-toggle::after,.video-sound::after{inset:0}.video-toggle svg,.video-sound svg{width:14px;height:14px}.video-element.autoplay-blocked{cursor:pointer}.video-progress{position:absolute;background:#ffffff70;pointer-events:none;z-index:6}.video-progress-fill{height:100%;width:0;background:#b54f34}.video-clock{position:absolute;color:#6c422e;font:10px/14px Arial,sans-serif;background:none;padding:0;pointer-events:none}.takeover-root{position:absolute;inset:0;z-index:7;overflow:hidden}.takeover-surface{position:absolute;inset:0;background-color:#f6e8d4;background-size:cover;background-position:center;background-repeat:no-repeat;animation:takeover-open .42s cubic-bezier(.2,.8,.2,1) both;will-change:transform}.takeover-surface.is-closing{animation:takeover-close .32s cubic-bezier(.4,0,1,1) forwards;pointer-events:none}.takeover-surface.is-closing .takeover-meter{animation-play-state:paused}.takeover-headline{font-size:18px;color:#9c4b33;white-space:normal;line-height:21px;align-items:flex-start;font-family:Georgia,Arial,sans-serif}.takeover-cta{background:#b54f34;color:#fff;border:1px solid #b54f34;border-radius:3px;font-size:13px;font-family:Arial,Helvetica,sans-serif;font-weight:600}.takeover-product{display:block;object-fit:contain;z-index:2;opacity:1;visibility:visible;animation:none}.takeover-meter{height:3px;width:100%;background:#b54f34;position:absolute;bottom:0;left:0;transform:scaleX(0);transform-origin:left;animation:takeover-progress 6s linear forwards;pointer-events:none}.takeover-clock{position:absolute;font-size:8px;color:#8f6971;bottom:8px;right:12px}.dismissed-note{position:absolute;bottom:10px;right:10px;color:#526346;background:#fff9;border-radius:3px;font-size:9px;padding:6px 8px}.publisher-scroll{height:670px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b7c5a7 #f1f4ed}.reveal-aperture{position:relative;overflow:hidden;background:#eee8e0}.reveal-creative{position:absolute;left:0;top:0;width:100%;overflow:hidden;background:#f8e8dd;will-change:transform}.reveal-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.reveal-zone{position:absolute}.reveal-native{position:absolute;top:0;left:0;transform-origin:top left}.reveal-headline{color:#9c4b33;font-size:18px;line-height:20px;text-align:left;justify-content:flex-start;align-items:center;font-family:Georgia,Arial,sans-serif}.reveal-cta{border:1px solid #b54f34;border-radius:4px;color:#fff;background:#b54f34;font-family:Arial,Helvetica,sans-serif;font-size:17px;font-weight:600;line-height:1.15}.scroll-status{position:sticky;bottom:6px;left:8px;width:max-content;max-width:calc(100% - 16px);margin:0 8px 6px;padding:5px 7px;color:#fff;background:#26301de0;font-size:8px;border-radius:3px;z-index:20;pointer-events:none}.scroll-ready-label{font-size:9px;color:#95a18c;display:flex;align-items:center;gap:6px}.scroll-ready-label::before{content:'↓';font-size:14px;color:#82956d}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);max-width:calc(100vw - 32px);background:#202b19;color:#fff;padding:12px 18px;border-radius:7px;font-size:12px;z-index:100;box-shadow:0 6px 24px #0002}.toast[hidden]{display:none}dialog{padding:32px;border:1px solid #ddd;border-radius:12px;max-width:420px;width:calc(100% - 36px);color:#35442a;box-shadow:0 15px 70px #0003}dialog::backdrop{background:#18200e77;backdrop-filter:blur(2px)}.dialog-close{position:absolute;right:10px;top:8px;border:0;background:none;font-size:26px;color:#8e9688}.dialog-eyebrow{font-size:9px;letter-spacing:1.5px;color:#929d86}.dialog-product{height:140px;object-fit:contain;display:block;margin:14px auto}.dialog-title{font-weight:500;font-size:24px}.dialog-copy{font-size:13px;line-height:1.8;color:#7c8970}.dialog-code{font-size:10px;color:#a0aa95;word-break:break-all}@keyframes adbro-card-nudge{50%{transform:translateY(-13%)}}@keyframes adbro-card-hint-in{from{opacity:0}to{opacity:1}}@keyframes takeover-open{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes takeover-close{from{transform:var(--takeover-exit-from,translateY(0))}to{transform:translateY(100%)}}@keyframes takeover-progress{to{transform:scaleX(1)}}@media(min-width:1024px){.device-flipper{transition:none}.device-flipper.is-flipped{transform:none}html,body,.article-window,.card-scroll,.publisher-scroll,.description-side{scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar,.article-window::-webkit-scrollbar,.card-scroll::-webkit-scrollbar,.publisher-scroll::-webkit-scrollbar,.description-side::-webkit-scrollbar{display:none;width:0;height:0}}@media(max-width:1023px){.showcase-header{height:60px}.header-brands{justify-content:center;padding:0 18px;gap:20px}.relde-logo{width:91px;height:29px}.adbro-logo{width:82px;height:27px}.brand-divider{height:23px}.showcase-shell{display:flex;justify-content:center;padding:20px 16px 24px}.desktop-info,.qr-panel{display:none}.showcase-stage{width:390px;max-width:100%;height:auto}.device{width:100%;height:min(844px,calc(100dvh - 138px))}.device-face,.device-flipper{border-radius:25px}.description-side{padding:47px 26px 26px}.description-brand{margin-top:30px}.description-side h1{font-size:31px}.description-copy{font-size:12px}.description-points li{font-size:10px}.description-footer{margin-top:28px}.publisher-topline{height:40px;padding:0 20px;font-size:15px}.publisher-topline small{font-size:6px}.publisher-copy{padding:21px 21px 17px}.publisher-copy h2{font-size:24px}.publisher-deck{font-size:10px}.publisher-caption{padding-left:21px;padding-right:21px}.article-after{padding:20px 21px 28px}.article-after p{font-size:11px}.demo-controls{padding-top:10px}}@media(max-width:760px){.showcase-shell{display:block;padding:0}.showcase-stage{width:100%;max-width:none}.device{height:calc(100dvh - 94px);border:0;border-radius:0;box-shadow:none}.device-face,.device-flipper{border-radius:0}}@media(prefers-reduced-motion:reduce){.cards-module.cue-active .card-stack{animation:none;transform:none}.card-down-hint{background-image:url(./assets/adbro-grid-down-cue-still.png)}.cards-module.cue-active .card-down-hint{animation:none;opacity:1}*{scroll-behavior:auto!important}.device-flipper{transition:none}.takeover-surface,.takeover-surface.is-closing{animation:none;transform:none}.takeover-meter{animation:none;transform:scaleX(1)}}

.strip-root .creative-text{background:transparent;z-index:5;justify-content:center;text-align:center}.strip-root .strip-bg{z-index:2}.strip-root .strip-peek{z-index:4}.strip-root .creative-logo{z-index:5}.strip-root .creative-logo,.module-bg .creative-logo{filter:brightness(0) invert(1)}.takeover-root .creative-logo,.reveal-native .creative-logo{filter:none;opacity:1}

.desktop-points li,.description-points li{overflow-wrap:anywhere}.desktop-info h1,.description-side h1{text-wrap:balance}

.card-scroll::-webkit-scrollbar{width:6px;height:0}.card-scroll::-webkit-scrollbar-thumb{background:#c7ab96;border-radius:4px}.card-scroll::-webkit-scrollbar-track{background:#fff7ed}

.desktop-points:empty,.description-points:empty{display:none}

/* Append after all existing styles.css rules. Frame only; no stage geometry. */
.showcase-stage > .device {
  border-color: rgba(8, 15, 30, .82);
  border-radius: 34px;
  box-shadow: 0 18px 45px rgba(8, 15, 30, .28);
}

/* Paint above both flipping faces without participating in layout or input. */
.showcase-stage > .device::after {
  content: "";
  position: absolute;
  inset: 0;
  box-sizing: border-box;
  border: 2px solid rgba(8, 15, 30, .82);
  border-radius: inherit;
  pointer-events: none;
  z-index: 20;
}

.showcase-stage > .device > .device-flipper,
.showcase-stage > .device > .device-flipper > .device-face {
  border-radius: 33px;
}

/* Keep the frame on real mobile too; retain the existing border:0 and widths. */
@media (max-width: 760px) {
  .showcase-stage > .device {
    border-radius: 34px;
    box-shadow: 0 8px 20px rgba(8, 15, 30, .18);
  }
  .showcase-stage > .device > .device-flipper,
  .showcase-stage > .device > .device-flipper > .device-face {
    border-radius: 34px;
  }
}

/* Actual IBV player controls live on the video, not below its content. */
.ibv-player{position:absolute;background:#111;overflow:hidden}
.ibv-media{display:block;width:100%;height:100%;object-fit:cover;cursor:pointer}
.ibv-player button{position:absolute;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.65);color:#fff;z-index:2}
.ibv-player button[hidden]{display:none}
.ibv-player button::after{content:'';position:absolute;inset:-6px}
.ibv-player button svg{width:65%;height:65%;pointer-events:none}
.ibv-play{width:44px;height:44px;left:50%;top:50%;transform:translate(-50%,-50%)}
.ibv-sound{width:32px;height:32px;left:10px;top:10px}
.ibv-back{width:36px;height:36px;right:10px;top:10px}
.ibv-fullpage{position:absolute;inset:0;background:#080f1e;z-index:30}
.ibv-player.is-expanded{inset:0!important;left:0!important;top:0!important;width:100%!important;height:100%!important}
.ibv-player.is-expanded .ibv-media{object-fit:contain}