.metricsHero{min-height:720px;padding:95px 5vw 80px;background:var(--paper);display:grid;grid-template-columns:1.25fr .75fr;gap:7vw;align-items:center}.metricsHero h1,.metricsPromise h2,.metricsDemo h2,.metricsVisibility h2,.metricsFinal h2{font-size:clamp(54px,7vw,108px);line-height:.86;letter-spacing:-.065em;margin:25px 0}.metricsHero>div>p:not(.eyebrow){font-size:21px;max-width:700px}.metricsHero aside{display:grid;gap:8px;transform:rotate(3deg)}.metricsHero aside span{padding:22px 28px;background:var(--ink);color:#fff;font-size:28px;font-weight:900;box-shadow:8px 8px 0 var(--lemon)}.metricsHero aside span:nth-child(even){background:var(--lemon);color:var(--ink);transform:translateX(-25px)}.metricsPromise{background:var(--lemon);display:grid;grid-template-columns:1fr 2fr 1fr;gap:35px}.metricsPromise h2{font-size:clamp(46px,5.7vw,88px);margin:0}.metricsPromise>p:last-child{font-size:18px}.metricsDemo{background:var(--ink);color:#fff}.metricsDemo>header{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:45px}.metricsDemo h2{font-size:clamp(43px,5vw,74px);margin:10px 0;max-width:900px}.demoBadge{border:1px solid #fff;padding:9px 12px;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.demoShell{background:#fff;color:var(--ink);box-shadow:14px 14px 0 var(--lemon)}.demoShell>nav{display:flex;overflow:auto;border-bottom:1px solid var(--line)}.demoShell>nav button{padding:17px 20px;background:#fff;border:0;border-right:1px solid var(--line);white-space:nowrap;font-weight:800}.demoShell>nav button[aria-pressed=true]{background:var(--lemon)}.demoPanels>section{padding:28px}.metricCards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metricCards article{background:var(--paper);padding:20px}.metricCards span,.metricCards b,.metricCards em{display:block}.metricCards b{font-size:32px}.metricCards em{color:var(--green);font-size:11px}.demoChart{height:260px;display:flex;align-items:end;gap:15px;padding:30px 10px 0}.demoChart span{flex:1;background:var(--violet)}.calendarPreview{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.calendarPreview article,.approvalPreview article{padding:24px;background:var(--paper);min-height:190px}.calendarPreview span,.calendarPreview b,.calendarPreview em{display:block}.calendarPreview b{font-size:21px;margin:35px 0}.campaignRows article{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:15px;padding:22px;border-bottom:1px solid var(--line)}.campaignRows em{color:var(--green)}.approvalPreview{display:grid;grid-template-columns:1fr 1fr;gap:15px}.approvalPreview button{border:0;background:var(--ink);color:#fff;padding:12px}.recommendationPreview{max-width:800px;padding:35px;background:var(--lemon)}.recommendationPreview h3{font-size:38px;line-height:1.05}.metricsLifecycle>div{display:grid;grid-template-columns:repeat(9,1fr);border-top:1px solid var(--ink)}.metricsLifecycle article{padding:20px 8px;border-right:1px solid var(--line);min-height:135px;display:flex;flex-direction:column;justify-content:space-between}.metricsLifecycle article span{font-size:10px}.metricsLifecycle article b{font-size:17px}.metricsVisibility{background:var(--paper);display:grid;grid-template-columns:1fr 1.2fr;gap:7vw}.metricsVisibility h2{font-size:clamp(43px,5vw,75px)}.visibilityGrid{display:grid;grid-template-columns:1fr 1fr}.visibilityGrid article{padding:25px;border-top:1px solid var(--line)}.visibilityGrid h3{font-size:23px}.resultCases{display:grid;gap:22px}.resultCases article{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.resultCases img{width:100%;height:100%;min-height:420px;object-fit:cover}.resultCases article>div{padding:40px}.resultCases h3{font-size:40px;margin:12px 0 30px}.resultCases p b{display:block;text-transform:uppercase;font-size:10px;letter-spacing:.13em;margin-top:18px}.resultCases article>div>a{font-weight:800}.metricsFinal{padding:110px 5vw;background:var(--lemon)}.metricsFinal h2{max-width:1150px}.metricsFinal>p:not(.eyebrow){font-size:21px}
@media(max-width:1000px){.metricsHero,.metricsPromise,.metricsVisibility{grid-template-columns:1fr}.metricsHero aside{display:none}.metricCards,.calendarPreview{grid-template-columns:1fr 1fr}.metricsLifecycle>div{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.metricsHero{min-height:auto}.metricsHero h1{font-size:55px}.metricsDemo>header{display:block}.metricCards,.calendarPreview,.approvalPreview,.visibilityGrid,.resultCases article{grid-template-columns:1fr}.campaignRows article{grid-template-columns:1fr}.metricsLifecycle>div{grid-template-columns:1fr 1fr}.resultCases img{min-height:300px}.demoPanels>section{padding:17px}}