@font-face{font-family:Geist;src:url(assets/geist.woff2);font-display:swap}*{box-sizing:border-box}html,body{margin:0;width:100%;font-family:Geist,Arial,sans-serif;color:#1b283d;background:transparent}#stage{width:100%}.scene{padding:25px 24px 22px;background:#fff;border:1px solid #dbe5f4;border-radius:23px;min-height:414px;overflow:hidden}h1{font-size:25px;line-height:1.15;font-weight:590;letter-spacing:-1px;margin:0 0 25px}.scene-body{min-height:315px;display:flex;flex-direction:column;justify-content:center}.icon{width:21px;height:21px;flex:none;color:#3168ee}.star{width:27px;height:27px;flex:none}.wire{stroke:#5381f0;stroke-width:1.6;fill:none}.label{color:#587394;font-size:14px}.book-layout{display:grid;grid-template-columns:118px 40px minmax(0,1fr);align-items:center}.source-stack{display:grid;gap:18px}.source{opacity:1}.source-stack .source{display:flex;align-items:center;gap:8px;border:1px solid #dbe5f4;background:#f8faff;border-radius:12px;padding:14px 10px;font-size:18px;white-space:nowrap}.source-stack b{font-size:17px;color:#4268ac}.book-wires{width:40px;height:210px}.document{border:1px solid #cfdef5;border-radius:17px;background:white;overflow:hidden;box-shadow:0 10px 24px -22px #20457c}.document-title{display:flex;align-items:center;gap:9px;padding:17px 14px;background:#f7f9fd;border-bottom:1px solid #e2e9f4}.document-title strong{font-size:19px;font-weight:550;letter-spacing:-.6px}.finding{opacity:1}.document .finding{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:16px 14px;border-bottom:1px solid #e8edf5;font-size:15px;line-height:1.2}.document .finding:last-child{border:0}.document .icon{width:16px;height:16px}.next-layout{display:grid;grid-template-columns:minmax(0,1fr) 30px 145px;gap:10px;align-items:center}.insight{padding:23px 19px;border:1px solid #d4e1f6;background:#f7f9fe;border-radius:18px}.insight>strong{display:block;font-size:27px;line-height:1.13;font-weight:570;letter-spacing:-.8px;margin:16px 0 23px}.recommend{display:flex;gap:10px;color:#46658b;font-size:17px;line-height:1.3;align-items:center}.recommend .star{width:22px;height:22px}.next-arrow .icon{width:30px}.asset-caption{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:14px;margin-top:10px;color:#294264;line-height:1.25}.asset-caption .icon{width:15px;height:15px}.reel-art,.ad-art,.carousel-art{position:relative;width:100%;aspect-ratio:9/16;overflow:hidden;border-radius:10px;container-type:inline-size}.reel-art{background:#efe8dc url(assets/showreel-v3.jpg) center/cover no-repeat}.reel-art>.reel-poster,.reel-art>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.reel-art>video{opacity:0}.reel-art.is-preview-playing>video{opacity:1}.reel-watch{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;z-index:5}.reel-watch .icon{width:38px;height:38px;padding:10px;background:#192535cc;backdrop-filter:blur(6px);border:1px solid #ffffff66;border-radius:50%;color:white;transition:transform .2s}.reel-watch:hover .icon{transform:scale(1.1)}.reel-watch span{position:absolute;bottom:9px;border-radius:20px;padding:5px 8px;font:500 10px Geist;color:#fff;background:#192535df}.creative-deck{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.creative-note{font-size:10px;color:#607591;margin-top:15px}.art-open{display:block;width:100%;padding:0;background:none;border:0;cursor:pointer;text-align:left;font:inherit;color:inherit;border-radius:10px}.art-open:focus-visible,.reel-watch:focus-visible{outline:3px solid #2554ef;outline-offset:2px}.art-open:hover{box-shadow:0 7px 20px -10px #31527366}.ad-art{background:#f5eedf;color:#302a20}.ad-copy{position:absolute;z-index:2;inset:0 0 auto;padding:8%;height:37%;background:#f5eedf}.ad-kicker{font-size:3cqw;letter-spacing:.12em;font-weight:600;display:block}.ad-copy strong{font-size:16cqw;letter-spacing:-1cqw;line-height:.94;display:block;margin-top:9%;font-weight:620}.ad-sub{font-size:4.4cqw;display:block;margin-top:6%}.ad-image{position:absolute;top:36%;bottom:0;left:0;right:0;overflow:hidden}.ad-image img{width:100%;height:100%;object-fit:cover;object-position:center 72%}.ad-footer{position:absolute;bottom:4%;left:7%;right:7%;display:flex;justify-content:space-between;align-items:center;font-size:3.7cqw;font-weight:500;background:#fbf5e6;padding:4%;border-radius:2px}.ad-footer .icon{color:#302a20;width:6cqw;height:6cqw}.carousel-art{background:#efeee5;color:#fff}.carousel-slide{position:absolute;inset:0;overflow:hidden;z-index:1}.carousel-slide>img{width:100%;height:100%;object-fit:cover}.slide-one:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#1d2925dd)}.editorial-label{font-size:3cqw;font-weight:550;letter-spacing:.08em;display:block}.slide-one>.editorial-label{position:absolute;top:7%;left:7%;background:#25382ade;color:#fff;padding:3%}.slide-one>strong{position:absolute;z-index:2;bottom:16%;left:7%;right:4%;font-size:14.5cqw;letter-spacing:-.8cqw;line-height:1.02;font-weight:550}.slide-number{position:absolute;bottom:6%;left:7%;font-size:4cqw;z-index:4}.slide-two{z-index:2;background:#f4f0e5;color:#30392e}.carousel-copy{padding:8%;position:relative;z-index:2}.carousel-copy strong{display:block;font-size:15cqw;line-height:1;letter-spacing:-.9cqw;margin:10% 0 6%;font-weight:550}.carousel-copy p{font-size:4.5cqw;line-height:1.35;margin:0}.detail-window{position:absolute;right:7%;bottom:13%;width:75%;height:43%;border-radius:50% 50% 4px 4px;overflow:hidden;box-shadow:0 14px 28px #20352520}.detail-window img{width:100%;height:100%;object-fit:cover;object-position:18% 64%;scale:1.2}.slide-three{z-index:3}.slide-three>img{object-position:70% center}.editorial-panel{position:absolute;left:7%;right:7%;bottom:17%;background:#f6f1e7;padding:7%;color:#293a30}.editorial-panel strong{display:block;font-size:12cqw;line-height:1.04;letter-spacing:-.7cqw;margin:10% 0;font-weight:550}.editorial-panel p{font-size:4cqw;margin:0}.slide-three .slide-number{background:#26332dcc;padding:2% 3%;border-radius:2px}.slide-dots{position:absolute;right:7%;bottom:6.6%;display:flex;gap:4px;z-index:5}.slide-dots i{width:4cqw;height:1cqw;min-height:2px;background:#ffffff70;border-radius:5px}.slide-dots i:first-child{background:#fff}.campaign-plan{border:1px solid #d2dff3;border-radius:17px;overflow:hidden;background:white}.plan-row{display:grid;grid-template-columns:28px 98px 1fr 17px;align-items:center;gap:10px;padding:19px 15px;border-bottom:1px solid #e4ebf6}.plan-row:last-child{border:0}.plan-icon{border:1px solid #d5e3f9;border-radius:8px;display:grid;place-items:center;width:27px;height:29px}.plan-icon .icon{width:18px;height:18px;color:#3c659f}.plan-row>span{font-size:16px;color:#506c90}.plan-row strong{font-size:16px;font-weight:550;letter-spacing:-.3px}.plan-row>.icon{width:16px;height:16px}.approval{display:flex;gap:9px;align-items:center;margin-top:25px;padding:18px 16px;border:1px solid #d2dff3;border-radius:14px;background:#f5f8ff}.approval strong{font-size:19px;font-weight:550;letter-spacing:-.5px}.approval>span{margin-left:auto;color:#506c90;font-size:14px}.publish h1{font-size:24px}.publish-origin{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 8px}.publish-origin strong{font-size:20px;font-weight:550;letter-spacing:-.5px}.publish-origin>.icon{margin-left:10px;width:18px}.publish-lines{height:34px;width:100%;margin-bottom:5px;flex:none}.platforms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.platform-name{display:flex;align-items:center;justify-content:center;gap:6px;font-size:14px;margin-bottom:8px}.platform-name img{width:16px;height:16px}.platform-art{aspect-ratio:9/16;border-radius:9px;overflow:hidden;background:#eee9dd}.platform-art img{display:block;width:100%;height:100%;object-fit:cover}.platform .asset-caption{font-size:12px}.learning-layout{display:grid;grid-template-columns:160px 35px 1fr;align-items:center}.signal-stack{display:grid;gap:14px}.signal{display:flex;align-items:center;gap:10px;border:1px solid #d7e3f6;border-radius:14px;padding:11px;background:#f9fbff}.signal>img{width:39px;height:51px;object-fit:cover;border-radius:7px}.signal strong{font-size:20px;font-weight:550}.signal-bars{display:flex;height:22px;gap:5px;align-items:end;margin-top:6px}.signal-bars i{display:block;width:7px;height:var(--bar);background:#87a7eb;transform-origin:bottom;border-radius:2px 2px 0 0}.learn-wires{height:170px;width:35px}.decisions{background:#fff;border:1px solid #d2dff3;border-radius:16px;overflow:hidden}.decisions>div{display:grid;grid-template-columns:20px 1fr auto;gap:7px;align-items:center;padding:19px 14px;border-bottom:1px solid #e6edf6}.decisions>div:last-child{border:0}.decisions small{font-size:12px;color:#53749d}.decisions strong{font-size:18px;font-weight:550;letter-spacing:-.4px}.decisions span{font-size:14px;color:#536e94}.learning-update{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:29px;padding-top:18px;border-top:1px solid #dce6f5}.learning-update strong{font-size:19px;font-weight:500;letter-spacing:-.5px}.learning-update>.icon{width:17px;margin-left:8px}
@media(max-width:460px){.scene{padding:19px 15px 18px;min-height:0;border-radius:17px}h1,.publish h1{font-size:22px;letter-spacing:-.7px;margin-bottom:22px}.scene-body{min-height:0}.book-layout{grid-template-columns:1fr}.source-stack{display:flex;gap:7px;justify-content:space-between;margin-bottom:15px}.source-stack .source{font-size:13px;gap:5px;padding:10px 8px;border-radius:9px}.source-stack b{font-size:13px}.source-stack .icon{width:16px;height:16px}.book-wires{display:none}.document-title{padding:13px}.document-title strong{font-size:18px}.document .finding{padding:14px 13px;font-size:14px}.next-layout{grid-template-columns:minmax(0,1fr) 17px 90px;gap:5px}.insight{padding:16px 12px;border-radius:12px}.label{font-size:11px}.insight>strong{font-size:22px;line-height:1.12;margin:12px 0 18px}.recommend{font-size:12px;gap:6px}.recommend .star{width:18px;height:18px}.next-arrow .icon{width:17px}.asset-caption{font-size:10px;gap:3px;margin-top:8px}.asset-caption .icon{width:11px;height:11px}.creative-deck{gap:9px}.creative-note{font-size:9px;line-height:1.4;margin-top:12px}.reel-watch span{display:none}.reel-watch .icon{width:33px;height:33px;padding:9px}.ad-art,.carousel-art,.reel-art{border-radius:7px}.plan-row{grid-template-columns:22px 68px 1fr 12px;gap:7px;padding:15px 10px}.plan-row>span{font-size:12px}.plan-row strong{font-size:12px;letter-spacing:-.2px}.plan-icon{width:22px;height:24px;border-radius:6px}.plan-icon .icon{width:15px;height:15px}.plan-row>.icon{width:12px}.approval{padding:14px 10px;gap:6px;margin-top:18px}.approval .star{width:21px;height:21px}.approval strong{font-size:14px;letter-spacing:-.3px}.approval>span{font-size:11px}.publish-origin strong{font-size:15px;letter-spacing:-.3px}.publish-origin .star{width:22px;height:22px}.publish-origin>.icon{width:14px;margin-left:0}.platforms{gap:12px}.platform-name{font-size:10px;gap:4px}.platform-name img{width:13px;height:13px}.platform .asset-caption{font-size:9px}.platform .icon{width:10px;height:10px}.learning-layout{grid-template-columns:91px 20px 1fr}.signal{padding:9px 7px;gap:6px;border-radius:9px}.signal>img{width:24px;height:37px;border-radius:4px}.signal strong{font-size:14px}.signal-bars{gap:3px;height:17px;margin-top:4px}.signal-bars i{width:4px}.learn-wires{width:20px;height:137px}.decisions>div{grid-template-columns:14px 1fr;gap:4px;padding:12px 9px}.decisions small{font-size:10px;grid-row:1/3}.decisions strong{font-size:14px}.decisions span{font-size:11px;grid-column:2}.learning-update{gap:6px;margin-top:21px;padding-top:16px}.learning-update strong{font-size:14px;letter-spacing:-.4px}.learning-update .star{width:22px;height:22px}.learning-update>.icon{width:14px;margin-left:0}}
@media(min-width:461px){.scene-body{min-height:295px}.creative-deck{max-width:510px;width:100%;margin:auto}.platforms{max-width:470px;width:100%;margin:auto;gap:28px}.creative-note{max-width:510px;width:100%;margin:15px auto 0}}
/* On a phone, let visitors judge the creative rather than shrinking it to postage stamps. */
@media(max-width:460px){.content .creative-deck{display:flex;align-items:start;gap:13px;width:calc(100% + 30px);margin-left:-15px;padding:0 32px 6px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory}.content .creative-deck::-webkit-scrollbar{display:none}.content .creative-example{width:calc(100vw - 104px);flex:none;scroll-snap-align:center}.content .creative-example .asset-caption{font-size:13px;margin-top:10px}.content .creative-example .asset-caption .icon{width:14px;height:14px}.content .reel-watch .icon{width:43px;height:43px;padding:12px}.content .reel-watch span{display:block;font-size:10px}.content .creative-note{margin-top:12px}}

/* Four connected publishing channels; labels remain aligned with the routed branches. */
.publish .platforms{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:none}.publish .platform-name{font-size:12px;gap:4px;white-space:nowrap}.publish .platform .asset-caption{font-size:11px;gap:3px}.publish .platform .asset-caption .icon{width:12px;height:12px;flex:none}
@media(max-width:460px){.publish .platforms{gap:8px}.publish .platform-name{flex-direction:column;font-size:10px;gap:5px;margin-bottom:8px}.publish .platform-name img{width:16px;height:16px;object-fit:contain}.publish .platform .asset-caption{font-size:9px;flex-wrap:wrap;line-height:1.3}.publish .platform .asset-caption .icon{width:10px;height:10px}}

@media(max-width:460px){.publish .platform .asset-caption{display:flex;flex-direction:column;align-items:flex-start;gap:4px}}

/* One quiet animation surface, with white content and clear foreground contrast. */
.scene{background:#f3f6fb;border-color:transparent}.source-stack .source,.insight,.signal,.approval{background:#fff}.label,.creative-note{color:#526986}.wire{stroke:#3f6bd8}.signal-bars i{background:#537ad2}

/* Quiet analytics activity: channel inputs, real metric names, and a traveling signal. */
.analytics-sources{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 20px;color:#526986;font-size:12px}.analytics-sources>div{display:flex;align-items:center;gap:11px}.analytics-sources img{width:17px;height:17px;object-fit:contain}.learn .signal{display:grid;grid-template-columns:39px 1fr;gap:6px 10px}.signal-metrics{grid-column:1/-1;color:#526986;font-size:11px;line-height:1.4}.analytics-pulse{stroke:#2455ed;stroke-width:3;fill:none;opacity:0;stroke-linecap:round}.learn .decisions .finding{background:#fff}
@media(max-width:460px){.analytics-sources{font-size:10px;gap:8px;margin-bottom:17px}.analytics-sources>div{gap:8px}.analytics-sources img{width:15px;height:15px}.learn .signal{grid-template-columns:24px 1fr;gap:5px 6px}.signal-metrics{font-size:9px;white-space:nowrap}.learn .learn-wires{height:172px}}

/* Full-length data streams, with separate SVG paths for each input. */
.learn .learning-wire{stroke:#9bb3df;stroke-width:1.4;fill:none}.learn .learning-flow{stroke:#2455ed;stroke-width:2.8;stroke-linecap:round;fill:none;opacity:0;filter:drop-shadow(0 0 2px #2455ed33)}.learn .signal{display:flex;align-items:center;gap:10px}.learn .signal-bars{height:24px;gap:5px}.learn .signal-bars i{will-change:transform}.learn .learning-update .star{transform:none!important}
@media(max-width:460px){.learn .signal{gap:6px}.learn .signal-bars{height:19px;gap:3px}.learn .learn-wires{height:137px}}

/* Match the typographic Brand icon to the adjacent outline icons. */
.source-stack .source b{font-weight:400}