.mockups-page{--navy:#061322;--ink:#102b40;--mint:#6bf1ef;--soft:#ecf1ef;--blue:#5b83f4;--orange:#f49562;min-height:100vh;color:var(--ink);background:#e6ece9;padding:clamp(38px,7vw,90px) clamp(18px,6vw,88px) clamp(70px,10vw,150px);font-family:Arial,Helvetica,sans-serif}.mockups-intro{grid-template-columns:1.2fr .8fr;gap:50px;max-width:1180px;margin:0 auto 42px;display:grid}.mockups-kicker,.dash-eyebrow{color:#327982;letter-spacing:.15em;text-transform:uppercase;margin:0 0 12px;font-size:11px;font-weight:700}.mockups-intro h1{letter-spacing:-.055em;max-width:700px;margin:0;font:400 clamp(48px,6vw,82px)/.92 Georgia,serif}.mockups-intro>p{color:#49616a;align-self:end;max-width:425px;margin:0;font:17px/1.6 Georgia,serif}.mockup-controls{justify-content:space-between;gap:20px;max-width:1180px;margin:0 auto 20px;display:flex}.view-tabs,.format-tabs{align-items:center;gap:5px;display:flex}.view-tabs button,.format-tabs button{color:#365461;cursor:pointer;background:0 0;border:1px solid #adc1c0;padding:9px 12px;font:700 12px/1 Arial,sans-serif}.view-tabs button.active,.format-tabs button.active{background:var(--navy);border-color:var(--navy);color:#e8f5f3}.format-tabs{gap:6px}.format-tabs>span{color:#60777c;margin-right:5px;font-size:12px}.ad-frame{box-sizing:border-box;background:var(--navy);color:#edf6f3;max-width:1200px;margin:auto;position:relative;overflow:hidden;box-shadow:0 28px 75px #1330343d}.ad-frame.wide{aspect-ratio:1.91}.ad-frame.square{aspect-ratio:1;max-width:820px}.ad-frame.portrait{aspect-ratio:4/5;max-width:760px}.dash-topline,.dash-foot{z-index:2;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;font-size:clamp(8px,.8vw,11px);display:flex;position:absolute;left:5.5%;right:5.5%}.dash-topline{color:#b9cecf;border-bottom:1px solid #ebf6f333;padding-bottom:2%;top:4%}.dash-logo{color:#f0f8f6;font-weight:700}.dash-logo i{background:var(--mint);width:7px;height:7px;margin-right:7px;display:inline-block;box-shadow:10px 0 #6bf1ef73}.dash-period b{color:var(--mint)}.dash-foot{color:#8fa9ad;bottom:3.6%}.dash-foot span:last-child{color:#6bf1ef}.dash{flex-direction:column;display:flex;position:absolute;inset:13% 5.5% 10%}.dash-heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.dash-heading h2{color:#f1f8f6;letter-spacing:-.045em;max-width:640px;margin:0;font:400 clamp(23px,2.7vw,44px)/.98 Georgia,serif}.dash-eyebrow{color:var(--mint);margin-bottom:8px;font-size:clamp(7px,.75vw,10px)}.signal-callout{box-sizing:border-box;border-left:3px solid var(--mint);background:#163448;width:21%;min-width:145px;padding:11px 12px}.signal-callout span,.signal-callout p{color:#a7c0c1;margin:0;font-size:clamp(8px,.72vw,10px);display:block}.signal-callout b{color:var(--mint);margin:6px 0 3px;font-size:clamp(10px,.86vw,13px);display:block}.metric-row,.lift-cards{background:#d3efeb33;border:1px solid #d3efeb33;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:3%;display:grid}.metric{background:#0c2234;padding:clamp(9px,1.3vw,17px)}.metric>span{color:#a7bdc0;font-size:clamp(8px,.72vw,10px);display:block}.metric strong{color:#f1f8f6;letter-spacing:-.05em;margin:5px 0;font:400 clamp(19px,2.25vw,34px)/1 Georgia,serif;display:block}.metric small{color:var(--mint);font-size:clamp(8px,.72vw,10px)}.metric small.warm{color:#ffb783}.attribution-grid{flex:1;grid-template-columns:1.35fr .8fr;gap:12px;margin-top:2.6%;display:grid}.card{background:#102b40;border:1px solid #def2ee24;padding:clamp(10px,1.3vw,16px)}.card-title{color:#a9c0c2;justify-content:space-between;gap:15px;font-size:clamp(8px,.72vw,10px);display:flex}.card-title b{color:#73d6d1;font-weight:400}.sankey{grid-template-columns:.7fr 1fr .6fr;align-items:center;height:58%;margin-top:7%;display:grid}.sankey-col{gap:9px;display:grid}.sankey-col small{color:#7c9aa0;font-size:clamp(8px,.7vw,9px)}.sankey-col b{color:#d7e9e7;background:#1e4a5b;padding:5px 7px;font-size:clamp(8px,.75vw,11px);font-weight:400}.sankey-col.end b{color:#b9fff3;background:#1c665f}.sankey-col em{color:#93b7b4;font-size:clamp(8px,.7vw,9px);font-style:normal}.sankey-streams{height:100%;position:relative}.sankey-streams i{transform-origin:0;background:linear-gradient(90deg,#4a95a9cc,#50dac28c);border-radius:100%;height:11px;position:absolute;left:0;right:0}.sankey-streams i:first-child{top:20%;transform:rotate(10deg)}.sankey-streams i:nth-child(2){height:18px;top:43%;transform:rotate(-4deg)}.sankey-streams i:nth-child(3){height:7px;top:66%;transform:rotate(-20deg)}.sankey-streams i:nth-child(4){height:5px;top:78%;transform:rotate(-35deg)}.card-caption{color:#b2c6c7;margin:5% 0 0;font-size:clamp(8px,.75vw,11px);line-height:1.4}.channel-bars{gap:12%;margin:12% 0;display:grid}.channel-bars>div,.cohort-lines>div{grid-template-columns:27% 1fr 15%;align-items:center;gap:7px;font-size:clamp(8px,.72vw,10px);display:grid}.channel-bars span{color:#c1d5d4}.channel-bars i,.cohort-lines i{background:#29475a;height:7px}.channel-bars i b,.cohort-lines i b{background:var(--mint);height:100%;display:block}.channel-bars em,.cohort-lines em{color:#84dcce;text-align:right;font-style:normal}.attribution-table{background:#d7f0ec26;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:12px;display:grid}.attribution-table>div{background:#0b2031;gap:3px;padding:9px 10px;font-size:clamp(7px,.65vw,10px);display:grid}.attribution-table strong{color:#e8f4f1;font-size:clamp(8px,.75vw,11px)}.attribution-table span{color:#91aaaf}.attribution-table b{color:#74ded3;font-weight:400}.attribution-table em{color:#6bf1ef;font-style:normal}.attribution-table em.negative{color:#f3a676}.model-badge{color:#afc8c8;border:1px solid #d3efeb40;padding:10px 14px;font-size:clamp(8px,.72vw,10px)}.model-badge i,.test-status i{background:#6bf1ef;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.model-badge b{color:#f0f7f5;margin-left:6px;font-size:clamp(12px,1vw,15px)}.model-badge small{color:#79a2a1;margin-left:5px}.mmm-layout{flex:1;grid-template-columns:1.35fr .65fr;gap:12px;margin-top:2.7%;display:grid}.response-chart{height:70%;margin-top:4%;position:relative}.gridlines{background:linear-gradient(#b1d4d021 1px,#0000 1px) 0 0/100% 33.333%;position:absolute;inset:0}.response-chart svg{width:100%;height:100%;position:absolute;inset:0}.response-chart path{fill:none;stroke:var(--mint);stroke-width:3px}.response-chart path.area{fill:#6bf1ef1f;stroke:none}.response-chart line{stroke:#f7ad79;stroke-dasharray:4 4}.response-chart circle{fill:#f7ad79}.response-label{color:#ffc08d;font-size:clamp(8px,.7vw,10px);position:absolute;top:52%;left:55%}.chart-axis{color:#8eaaad;justify-content:space-between;font-size:clamp(7px,.65vw,9px);display:flex;position:absolute;bottom:-10%;left:0;right:0}.allocation-card{color:#12353e;background:#d7f0e9;padding:clamp(12px,1.6vw,20px)}.allocation-card>p{margin:0;font-size:clamp(9px,.8vw,12px)}.allocation{aspect-ratio:1;background:conic-gradient(#1d6e75 0 45%,#66cbc3 45% 75%,#f3a775 75%);color:#f5fffc;text-align:center;border-radius:50%;justify-content:center;align-items:center;width:min(75%,180px);margin:11% auto;font:400 clamp(10px,1vw,14px)/1 Georgia,serif;display:flex}.allocation span{position:absolute}.allocation .a1{transform:translate(-40%,-120%)}.allocation .a2{transform:translate(45%,50%)}.allocation .a3{transform:translate(-95%,75%)}.allocation small{font:clamp(7px,.6vw,9px) Arial,sans-serif}.allocation-card dl{margin:0}.allocation-card dl div{border-top:1px solid #a9cecb;padding:9px 0}.allocation-card dt{color:#4c7175;font-size:clamp(7px,.65vw,9px)}.allocation-card dd{margin:3px 0 0;font:400 clamp(14px,1.4vw,21px)/1 Georgia,serif}.contribution-strip{border-top:1px solid #daf1ed40;grid-template-columns:repeat(5,1fr);margin-top:12px;display:grid}.contribution-strip div{border-right:1px solid #daf1ed33;padding:10px}.contribution-strip span{color:#97b4b4;font-size:clamp(7px,.65vw,9px);display:block}.contribution-strip b{color:#dff5f1;font:400 clamp(14px,1.4vw,22px)/1 Georgia,serif}.journey-mini{color:#b7cdcd;align-items:center;gap:8px;font-size:clamp(8px,.7vw,10px);line-height:1.25;display:flex}.journey-mini b{color:#6bf1ef;font:400 clamp(26px,3vw,43px)/1 Georgia,serif}.journey-map{grid-template-columns:1fr .32fr 1fr .32fr 1fr .32fr 1fr;align-items:center;margin:7% 2% 0;display:grid}.journey-stage{background:#102d40;border-top:3px solid #498a99;padding:clamp(10px,1.4vw,18px)}.journey-stage.hot{background:#1a4858;border-color:#6bf1ef}.journey-stage.finish{color:#0d303a;background:#6bf1ef;border-color:#b8fff6}.journey-stage span{text-transform:uppercase;letter-spacing:.08em;font-size:clamp(7px,.65vw,9px)}.journey-stage b{color:#eaf7f3;margin:8px 0 3px;font:400 clamp(21px,2.4vw,35px)/1 Georgia,serif;display:block}.journey-stage.finish b{color:#0d303a}.journey-stage small{color:#a7c0c0;font-size:clamp(7px,.65vw,9px)}.journey-stage.finish small{color:#27545b}.journey-connector{height:45px;position:relative}.journey-connector i{background:#70b7b0;height:1px;position:absolute;top:16px;left:0;right:0}.journey-connector i:after{content:"›";color:#70b7b0;font-size:20px;position:absolute;top:-11px;right:-1px}.journey-connector em{color:#89aaa9;font-size:clamp(7px,.65vw,9px);font-style:normal;position:absolute;top:-2px;left:25%}.journey-bottom{grid-template-columns:1.15fr .85fr;gap:12px;margin-top:auto;display:grid}.cohort-lines{gap:12%;margin:12% 0 0;display:grid}.cohort-lines>div{grid-template-columns:13% 1fr 12%}.cohort-lines i b{background:#5e92f5}.friction-card{color:#1b3540;background:#f4a370;padding:clamp(14px,1.8vw,24px)}.friction-card span{letter-spacing:.1em;text-transform:uppercase;font-size:clamp(7px,.65vw,9px)}.friction-card h3{letter-spacing:-.04em;margin:12% 0 7%;font:400 clamp(18px,2vw,30px)/1 Georgia,serif}.friction-card p{color:#435761;margin:0;font-size:clamp(8px,.75vw,11px);line-height:1.4}.friction-card>b{border-top:1px solid #17333b40;margin-top:9%;padding-top:5%;font-size:clamp(8px,.7vw,10px);display:inline-block}.test-status{color:#b5d2d0;background:#123b49;padding:9px 12px;font-size:clamp(8px,.7vw,10px)}.test-status i{background:#9ae2a0}.test-status span{color:#82a4a5;margin:4px 0 0;display:block}.lift-hero{flex:1;grid-template-columns:.65fr 1.35fr;gap:12px;margin-top:5%;display:grid}.lift-number{color:#173842;background:#c8f0e7;padding:clamp(13px,1.8vw,23px)}.lift-number span{text-transform:uppercase;letter-spacing:.1em;font-size:clamp(8px,.7vw,10px)}.lift-number b{letter-spacing:-.07em;margin:12% 0 4%;font:400 clamp(32px,4.2vw,62px)/.9 Georgia,serif;display:block}.lift-number p{color:#4a7174;margin:0;font-size:clamp(8px,.75vw,11px);line-height:1.35}.lift-chart{background:#102b40;border:1px solid #daf1ed24;padding:clamp(11px,1.3vw,17px)}.lift-chart svg{width:100%;height:70%;margin-top:4%;display:block}.lift-chart path{fill:none;stroke-width:3px}.lift-chart path.control{stroke:#73919a;stroke-dasharray:5 4}.lift-chart path.test{stroke:#6bf1ef}.lift-chart line{stroke:#f4a572;stroke-dasharray:4 4}.lift-chart>div:last-child{color:#8fa9ac;justify-content:space-between;font-size:clamp(7px,.65vw,9px);display:flex}.lift-cards{margin-top:12px}.method-note{color:#b6cac9;margin:12px 0 0;font-size:clamp(8px,.75vw,11px);line-height:1.4}.method-note b{color:#6bf1ef}.mockup-notes{background:#a9bfbd;grid-template-columns:repeat(3,1fr);gap:1px;max-width:1180px;margin:58px auto 0;display:grid}.mockup-notes>div{background:#d9e4e1;padding:26px}.mockup-notes span{color:#39828b;font-size:11px;font-weight:700}.mockup-notes h2{letter-spacing:-.04em;margin:35px 0 10px;font:400 28px/1 Georgia,serif}.mockup-notes p{color:#4a6269;max-width:275px;margin:0;font-size:14px;line-height:1.5}@media (max-width:700px){.mockups-intro{grid-template-columns:1fr;gap:20px}.mockup-controls{flex-direction:column;align-items:flex-start}.view-tabs{flex-wrap:wrap}.ad-frame{width:100%;max-width:none!important}.ad-frame.wide{aspect-ratio:1/1.08}.dash{inset:14% 5% 10%}.dash-heading h2{font-size:clamp(19px,5vw,30px)}.signal-callout,.model-badge,.test-status{display:none}.attribution-grid,.mmm-layout,.lift-hero,.journey-bottom,.attribution-grid{grid-template-columns:1fr}.attribution-table,.channel-card,.allocation-card{display:none}.response-card{min-height:0}.contribution-strip{display:none}.journey-map{grid-template-columns:1fr;gap:4px;margin-top:4%}.journey-connector{height:12px;transform:rotate(90deg)}.journey-bottom{margin-top:8px}.friction-card{display:none}.lift-number{padding:13px}.lift-number b{margin:8px 0}.mockup-notes{grid-template-columns:1fr;margin-top:32px}.dash-foot span:last-child{display:none}.metric-row,.lift-cards{margin-top:10px}.metric strong{font-size:clamp(16px,5vw,23px)}.journey-stage{padding:7px}.journey-stage b{margin:3px 0}.journey-stage small{display:none}}body:has(.mockups-page) .cookie-consent{display:none}body:has(.mockups-page) .operations-chart{flex:none!important;height:36%!important}body:has(.mockups-page) .operations-table{position:absolute;bottom:0;left:0;right:0}body:has(.mockups-page) .operations-table{display:block!important}body:has(.mockups-page) .trend-chart{height:78%;min-height:115px;margin-top:3%;position:relative}body:has(.mockups-page) .trend-chart .recharts-responsive-container{min-height:110px}body:has(.mockups-page) .chart-legend{color:#b6cccc;gap:12px;margin-top:3px;font-size:clamp(7px,.65vw,9px);display:flex}body:has(.mockups-page) .chart-legend span{align-items:center;gap:4px;display:inline-flex}body:has(.mockups-page) .chart-legend i{width:9px;height:2px;display:inline-block}body:has(.mockups-page) .response-data{height:70%;margin-top:4%}body:has(.mockups-page) .lift-chart .trend-chart{height:74%;margin-top:3%}body:has(.mockups-page) .operations-chart .trend-chart{height:calc(100% - 24px);margin-top:4px}body:has(.mockups-page) .operations-chart .chart-legend{margin-top:-2px}:is(body:has(.capture-mode) .site-nav,body:has(.capture-mode) .cookie-consent){display:none!important}body:has(.capture-mode){background:#071523}.capture-mode{min-height:0!important;padding:0!important}.capture-mode .ad-frame{margin:0 auto!important}body:has(.mockups-page) .dash-logo{align-items:center;gap:7px;display:flex}body:has(.mockups-page) .dash-logo img{object-fit:cover;border-radius:4px;width:18px;height:18px}.operations-chart{flex:none;height:36%}.operations-head{justify-content:space-between;align-items:end;display:flex}.operations-head h2{letter-spacing:-.025em;font-family:Arial,Helvetica,sans-serif;font-size:clamp(20px,2vw,29px);line-height:1.1}.operations-actions{color:#b7cccc;gap:14px;font-size:clamp(8px,.7vw,10px);display:flex}.operations-actions span:before{content:"◫";color:#6bf1ef;text-align:center;margin-bottom:5px;font-size:14px;display:block}.operations-tabs{color:#91abad;border-bottom:1px solid #daf1ed38;gap:20px;margin-top:2.2%;padding-bottom:9px;font-size:clamp(8px,.75vw,11px);display:flex}.operations-tabs b{color:#6bf1ef;position:relative}.operations-tabs b:after{content:"";background:#6bf1ef;height:2px;position:absolute;bottom:-10px;left:0;right:0}.operations-metrics{margin-top:2.4%}.operations-chart{background:#102b40;border:1px solid #daf1ed26;flex:1;min-height:100px;margin-top:2.3%;padding:clamp(10px,1.1vw,15px);position:relative}.chart-title{color:#c4d8d5;justify-content:space-between;font-size:clamp(8px,.7vw,10px);display:flex}.chart-title b{color:#87aaa8;font-weight:400}.operations-chart svg{width:100%;height:72%;margin-top:2%}.operations-chart path{fill:none;stroke-width:3px}.operations-chart .revenue{stroke:#6bf1ef}.operations-chart .spend{stroke:#6b91ed}.operations-legend{color:#9bb6b5;align-items:center;gap:12px;font-size:clamp(7px,.65vw,9px);display:flex}.operations-legend span i{vertical-align:middle;background:#6bf1ef;width:8px;height:2px;margin-right:4px;display:inline-block}.operations-legend span:nth-child(2) i{background:#6b91ed}.operations-legend em:first-of-type{margin-left:auto}.operations-legend em{font-style:normal}.operations-table{background:#0c2234;border:1px solid #daf1ed26;margin-top:10px;font-size:clamp(8px,.7vw,10px)}.table-head,.table-row{border-bottom:1px solid #daf1ed1f;grid-template-columns:1.8fr .8fr .65fr .7fr;gap:10px;padding:7px 10px;display:grid}.table-head{color:#8ea9ac}.table-row{color:#b9d0cf}.table-row:last-child{border-bottom:0}.table-row strong{color:#e7f5f1;font-weight:400}.table-row b{color:#78ded2;font-weight:400}.table-row em{color:#9bd99e;font-style:normal}@media (max-width:700px){.operations-actions,.operations-tabs span:not(:first-child),.operations-table{display:none}.operations-chart{margin-top:12px}.operations-metrics{margin-top:10px}}.ad-frame.mobile{aspect-ratio:9/16;max-width:420px}.mobile-summary{flex-direction:column;display:flex;position:absolute;inset:18% 10% 13%}.mobile-summary h2{color:#f1f8f6;letter-spacing:-.05em;margin:0;font:400 clamp(29px,8vw,43px)/.98 Georgia,serif}.mobile-value{border-top:1px solid #daf1ed3d;border-bottom:1px solid #daf1ed3d;margin:clamp(28px,8vw,44px) 0 24px;padding:18px 0}.mobile-value b{color:#6bf1ef;letter-spacing:-.07em;font:400 clamp(50px,13vw,75px)/.9 Georgia,serif;display:block}.mobile-value span{color:#b7cfce;max-width:230px;margin-top:9px;font-size:14px;line-height:1.35;display:block}.mobile-bars{gap:18px;display:grid}.mobile-bars>div{color:#c6dad7;grid-template-columns:82px 1fr 32px;align-items:center;gap:9px;font-size:12px;display:grid}.mobile-bars i{background:#1d4658;height:9px}.mobile-bars i b{background:#6bf1ef;height:100%;display:block}.mobile-bars em{color:#81ddd2;text-align:right;font-style:normal}.mobile-note{color:#c6d9d7;border-top:1px solid #daf1ed3d;margin:auto 0 0;padding-top:19px;font:16px/1.45 Georgia,serif}