/* Public feature navigation and advertising examples. No simulated live status. */
.feature-index{padding:30px 0;background:#fff;border-bottom:1px solid var(--line)}
.feature-index-label{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:16px}
.feature-index-label h2{font-size:19px}.feature-index-label p{font-size:14px;color:var(--muted)}
.feature-index nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.feature-index a{display:flex;align-items:center;gap:10px;padding:13px 14px;min-height:52px;border:1px solid var(--line);border-radius:7px;font-size:14px;font-weight:700;background:#f7f9f1;transition:background .18s,border-color .18s}
.feature-index a:hover{background:#e6f1d5;border-color:#819966}.feature-index a>span:first-child{font-size:12px;color:#607349}.feature-index a>span:last-child{margin-left:auto}
.feature-result{margin-top:18px;padding:13px 16px;background:rgba(255,255,255,.62);border-left:2px solid #8ca477;font-size:14px;line-height:1.7;display:grid;gap:4px}.feature-result b{font-size:12px;color:#526b3d}
.feature-item>.text-link{margin-top:14px}.feature-item .feature-heading p{line-height:1.7}
.ad-section{background:#f5f5e9;color:var(--ink);border-top:1px solid #d4dec8}
.ad-section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:28px}
.ad-section-heading>div{max-width:770px}.ad-section-heading h2{font-size:clamp(30px,3.3vw,44px);line-height:1.4}
.ad-section-heading>div>p:last-child{font-size:17px;color:#51644e;line-height:1.9;margin-top:18px}
.ad-section-heading>.button{flex-shrink:0;max-width:260px}.ad-kicker{display:block;font-size:12px;font-weight:750;letter-spacing:.05em;color:#526c3c}
.ad-loop{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 24px;background:#e7eddc;border:1px solid #d0dbc0;border-radius:10px;margin-bottom:32px}
.ad-loop span{font-size:14px;font-weight:750;text-align:center}.ad-loop i{font-style:normal;color:#687d50}
.ad-comparison{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);background:#fff;border:1px solid #cad7bd;border-radius:14px;overflow:hidden}
.ad-comparison-intro{padding:34px}.ad-comparison-intro h3{font-size:28px;line-height:1.45;margin-top:15px}.ad-comparison-intro>p:not(.ad-kicker){font-size:15px;line-height:1.9;margin-top:16px;color:#53634c}
.ad-comparison-intro .ad-sample-label{font-size:12px;color:#607252;border-top:1px solid var(--line);padding-top:16px}
.ad-comparison-table{padding:24px 28px 24px 0;min-width:0}.ad-comparison table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px;line-height:1.6}
.ad-comparison caption{text-align:left;font-size:13px;font-weight:700;padding:0 0 12px;color:#526c3c}
.ad-comparison th,.ad-comparison td{padding:12px 8px;border-bottom:1px solid #dce4d3;text-align:center;overflow-wrap:break-word}.ad-comparison th:first-child{text-align:left;width:38%}
.ad-comparison thead{background:#eef3e6}.ad-comparison tbody th{font-weight:550}.ad-comparison .ad-cost-result{background:#f2f7e9}.ad-cost-result td:first-of-type{background:#dff0c3}
.ad-cost-result strong{display:block;font-size:22px;white-space:nowrap}.ad-cost-result td>span{display:block;font-size:12px;margin-top:5px;color:#496038}
.ad-comparison-foot{grid-column:1/-1;padding:16px 28px;border-top:1px solid #dce4d3;color:#53634c;font-size:13px;background:#f8faf4}
.ad-console{margin-top:32px;background:#fff;border:1px solid #bccfa9;border-radius:14px;overflow:hidden}
.ad-console-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 30px;background:#153b2f;color:#f5f8ef}
.ad-console-head .ad-kicker{color:#c9eca4}.ad-console-head h3{font-size:25px;margin-top:7px}.ad-demo-badge{border:1px solid #66835a;color:#d6e7c7;border-radius:18px;font-size:12px;padding:4px 12px;white-space:nowrap}
.ad-controls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;background:#eaf0df;padding:14px 20px}
.ad-controls button{display:flex;gap:7px;align-items:center;justify-content:center;min-height:58px;padding:10px 8px;border:1px solid #b6c6a7;border-radius:7px;background:transparent;font-size:13px;font-weight:650;line-height:1.55;transition:background .18s,color .18s}
.ad-controls button>span{font-size:11px;opacity:.8}.ad-controls button[aria-pressed=true]{background:#254a35;color:white;border-color:#254a35}.ad-controls button:hover:not([aria-pressed=true]){background:#dce8ca}
.ad-decision{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:24px 38px;padding:30px}
.ad-decision+.ad-decision{border-top:1px solid #d6e0cd}.ad-decision-summary{display:flex;align-items:start;flex-direction:column}.ad-decision-summary h4{font-size:23px;line-height:1.5;margin:15px 0 0;text-wrap:balance}
.ad-state{display:inline-flex;border:1px solid #a8c58c;background:#e7f4d5;color:#3b5e24;font-size:12px;font-weight:700;border-radius:5px;padding:4px 10px}.ad-state.pause{color:#825319;background:#fff2db;border-color:#dabc91}.ad-state.return{color:#24635d;background:#e4f3f0;border-color:#a8cec5}.ad-state.done{color:#4e6275;background:#eaf0f5;border-color:#b7c5d0}
.ad-current{display:grid;gap:6px;border-left:3px solid #adc18f;margin-top:24px;padding:8px 0 8px 17px}.ad-current small{color:#576a4b;font-size:12px}.ad-current strong{font-size:23px}.ad-current>span{font-size:12px;color:#596d4c}
.ad-decision-steps{padding:0;list-style:none;display:grid;gap:18px}.ad-decision-steps li{padding-bottom:16px;border-bottom:1px solid #dce4d4}.ad-decision-steps li:last-child{border-bottom:0;padding-bottom:0}.ad-decision-steps li>span{font-size:12px;color:#54783b;font-weight:750}.ad-decision-steps p{font-size:15px;line-height:1.85;margin-top:6px}
.ad-receipt{grid-column:1/-1;background:#eef4e5;padding:12px 17px;border-radius:6px;font-size:13px;font-weight:650;display:flex;align-items:center;gap:12px}.ad-receipt>span{color:#507e30}
.ad-console-note{padding:14px 30px;background:#f7f9f2;border-top:1px solid #d9e3cc;font-size:12px;color:#586d47}
.ad-home-bottom{display:flex;align-items:center;justify-content:space-between;gap:26px;margin-top:28px}.ad-home-bottom p{display:grid;gap:7px}.ad-home-bottom strong{font-size:17px}.ad-home-bottom p>span{font-size:14px;color:#52634a}.ad-home-bottom>a{flex-shrink:0}
.feature-jump{display:flex;flex-wrap:wrap;gap:10px;padding-block:24px}.feature-jump a{min-height:44px;padding:9px 16px;background:#fff;border:1px solid #c9d5be;border-radius:6px;font-size:14px;font-weight:650}.feature-jump a:hover{background:#e6efd9}
.feature-section .section-heading{max-width:880px}.feature-section .section-heading:has(+.ad-console){margin-bottom:24px}.feature-section .ad-console{margin-top:0}
.ad-capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 40px}.ad-capability-grid article{border-top:1px solid #adbea0;padding-top:24px}.ad-capability-grid h3{font-size:23px;margin-top:12px}.ad-capability-grid p{font-size:15px;color:#52644a;margin-top:13px;line-height:1.95}.ad-capability-grid article>div{display:grid;gap:4px;border-left:2px solid #9cb783;margin-top:18px;padding:9px 15px;background:rgba(255,255,255,.6);font-size:14px}.ad-capability-grid article>div>b{font-size:12px;color:#5c704e}
.ad-creative-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ad-creative-grid article{background:#edf3e1;border:1px solid #c6d4b6;border-radius:10px;padding:26px}.ad-creative-grid article:nth-child(2){background:#173b2d;color:#f1f7e7}.ad-creative-grid article:nth-child(3){background:#f6f0e0;border-color:#d5cbb3}.ad-creative-grid article>span{font-size:12px}.ad-creative-grid h3{font-size:25px;margin-top:25px;line-height:1.55}.ad-creative-grid p{font-size:15px;margin-top:20px;line-height:1.9}.ad-creative-grid small{display:block;font-size:12px;margin-top:28px;padding-top:16px;border-top:1px solid #acbea3}.ad-creative-grid+.note{margin-top:20px}
.ad-audiences{border-top:1px solid #c2d0b5}.ad-audiences article{display:grid;grid-template-columns:32px 1fr 150px;gap:22px;align-items:center;border-bottom:1px solid #c2d0b5;padding:23px 0}.ad-audiences article>span{font-size:13px;color:#677d56}.ad-audiences h3{font-size:21px}.ad-audiences p{font-size:15px;color:#52634c;margin-top:5px}.ad-audiences article>b{font-size:14px;background:#dfeccf;padding:8px 14px;border-radius:5px;text-align:center}
.feature-insight{background:#fff;border:1px solid var(--line);border-radius:10px;padding:27px 30px;margin-top:30px}.feature-insight h3{font-size:23px}.feature-insight p{font-size:16px;line-height:1.9;color:var(--muted);margin-top:12px}
.feature-process{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 42px;padding:0;list-style:none}.feature-process li{border-top:1px solid #b7c9a4;padding-top:22px}.feature-process li>span{font-size:13px;color:#5c7644}.feature-process h3{font-size:23px;margin-top:13px}.feature-process p{font-size:16px;line-height:1.95;color:var(--muted);margin-top:13px}
.feature-next{display:flex;align-items:center;justify-content:space-between;gap:40px}.feature-next h2{font-size:34px}.feature-next>div>p:last-child{max-width:640px;margin-top:20px;color:var(--muted)}.feature-next>.actions{max-width:310px;margin-top:0;align-items:start}
.feature-outcomes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-block:27px;border-bottom:1px solid #becbb2}.feature-outcomes>div{display:flex;align-items:center;gap:12px}.feature-outcomes span{font-size:12px;color:#687f54}.feature-outcomes b{font-size:15px;line-height:1.7}
.feature-page-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.feature-page-map article{background:#f1f6e9;border:1px solid #c5d5b4;border-radius:10px;padding:25px 22px}.feature-page-map span{font-size:12px;color:#54763c}.feature-page-map h3{font-size:23px;margin-top:18px}.feature-page-map p{font-size:15px;margin-top:12px;color:var(--muted)}
.feature-watch-example{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #bccaaf;border-radius:12px;overflow:hidden}.feature-watch-example>div{padding:35px;background:#f1f5e9}.feature-watch-example>div+div{background:#fff;border-left:1px solid #c8d5ba}.feature-watch-example h3{font-size:25px;margin-top:18px}.feature-watch-example p{font-size:15px;line-height:1.9;margin-top:17px;color:#53674b}.feature-watch-example .feature-time{font-size:48px;font-weight:750;color:#214b35;margin-top:24px}.feature-time span{font-size:19px;font-weight:500;color:#658156}.feature-progress{height:9px;background:#dae5cf;border-radius:8px;overflow:hidden;margin-top:15px}.feature-progress>span{display:block;width:35.1%;height:100%;background:#56893b}.feature-watch-example .text-link{margin-top:20px}
.feature-messages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.feature-messages article{background:#f8faf3;border:1px solid #cbd9bd;border-radius:10px;padding:28px;display:flex;flex-direction:column;align-items:start}.feature-messages h3{font-size:23px;margin-top:19px;line-height:1.55}.feature-messages p{font-size:15px;line-height:1.9;margin-top:16px;color:var(--muted)}.feature-messages b{font-size:13px;margin-top:auto;padding-top:24px;color:#4c7133}.feature-messages+.note{margin-top:19px}
.feature-content-plan{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;background:#eef3e4;border:1px solid #c6d5b5;padding:35px;border-radius:12px}.feature-content-plan h3{font-size:27px;margin-top:18px;line-height:1.5}.feature-content-plan p{font-size:15px;color:var(--muted);margin-top:18px}.feature-content-plan ol{padding:0;list-style:none;display:grid;gap:20px}.feature-content-plan li{border-bottom:1px solid #bbcdab;padding-bottom:18px;display:grid;gap:8px}.feature-content-plan li>span{font-size:12px;color:#5a7844}.feature-content-plan li>b{font-size:18px;line-height:1.7}
.feature-related{display:flex;flex-wrap:wrap;gap:20px 40px}.feature-hero .breadcrumb{flex-wrap:wrap}.feature-hero .lead{max-width:860px}
@media(max-width:1050px){.ad-section-heading{display:block}.ad-section-heading>.button{margin-top:24px}.ad-comparison{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}.ad-comparison-intro{padding:28px}.ad-comparison-intro h3{font-size:25px}.ad-comparison-table{padding:24px 20px 24px 0}.ad-home-bottom{display:block}.ad-home-bottom>a{margin-top:16px}.feature-page-map{grid-template-columns:repeat(2,minmax(0,1fr))}.ad-creative-grid,.feature-messages{gap:14px}.ad-creative-grid article,.feature-messages article{padding:22px}}
@media(max-width:760px){.feature-index nav{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-index-label{display:block}.feature-index-label p{margin-top:5px}.ad-comparison{grid-template-columns:1fr}.ad-comparison-intro{padding:25px}.ad-comparison-intro h3{font-size:26px}.ad-comparison-intro h3 br{display:none}.ad-comparison-table{padding:0 20px 22px}.ad-comparison-foot{padding:15px 20px}.ad-controls{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:8px}.ad-controls button{justify-content:start;padding:10px 12px;min-height:48px}.ad-controls button:last-child{grid-column:1/-1}.ad-decision{grid-template-columns:1fr;gap:24px;padding:25px}.ad-decision-summary{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;align-items:center}.ad-state{justify-self:start}.ad-decision-summary h4{grid-column:1;grid-row:2;margin:0;font-size:22px}.ad-current{grid-column:2;grid-row:1/3;margin:0;padding:6px 0 6px 15px}.ad-current strong{font-size:20px}.ad-console-head{padding:22px;align-items:start}.ad-console-head h3{font-size:22px}.ad-demo-badge{padding:3px 8px;font-size:11px}.ad-console-note{padding:14px 22px}.ad-loop{flex-wrap:wrap;justify-content:center;padding:17px 14px;gap:10px}.ad-loop span{font-size:13px}.ad-loop span:nth-of-type(3){flex-basis:48%}.ad-loop i:nth-of-type(2){display:none}.ad-loop span:nth-of-type(1),.ad-loop span:nth-of-type(2){flex-basis:40%}.ad-loop span:nth-of-type(4){flex-basis:36%}.ad-capability-grid{gap:30px}.ad-creative-grid,.feature-messages{grid-template-columns:1fr}.ad-creative-grid h3{font-size:26px;margin-top:16px}.ad-creative-grid small{margin-top:20px}.ad-audiences article{grid-template-columns:24px 1fr;gap:12px}.ad-audiences article>b{grid-column:2;justify-self:start}.feature-process{gap:28px}.feature-next{display:block}.feature-next>.actions{margin-top:24px;max-width:none}.feature-watch-example,.feature-content-plan{grid-template-columns:1fr}.feature-watch-example>div+div{border-left:0;border-top:1px solid #c8d5ba}.feature-outcomes{gap:14px}.feature-outcomes>div{align-items:start;flex-direction:column;gap:5px}.feature-outcomes b{font-size:14px}.feature-content-plan{padding:27px;gap:30px}}
@media(max-width:480px){.feature-index a{font-size:13px;padding:12px 10px;gap:7px}.feature-index a>span:first-child{display:none}.feature-index a>span:last-child{flex-shrink:0}.ad-section-heading h2{font-size:30px}.ad-section-heading>div>p:last-child{font-size:16px}.ad-cost-result strong{font-size:18px}.ad-cost-result td>span{font-size:11px}.ad-comparison table{font-size:12px}.ad-comparison th,.ad-comparison td{padding:11px 5px}.ad-comparison-table{padding-inline:12px}.ad-comparison th:first-child{width:35%}.ad-comparison-intro{padding:23px 21px}.ad-comparison-intro h3{font-size:25px}.ad-console-head{display:block}.ad-demo-badge{display:inline-flex;margin-top:13px}.ad-decision{padding:22px 19px}.ad-decision-summary{display:block}.ad-decision-summary h4{margin-top:12px}.ad-current{margin-top:18px}.ad-current strong{font-size:22px}.ad-receipt{align-items:start;padding:12px;font-size:12px}.ad-controls button{font-size:12px;padding:9px;gap:5px}.ad-capability-grid,.feature-process{grid-template-columns:1fr}.ad-capability-grid h3,.feature-process h3{font-size:22px}.ad-audiences h3{font-size:20px}.feature-insight{padding:24px 22px}.feature-insight h3{font-size:22px}.feature-page-map{grid-template-columns:1fr}.feature-page-map article{padding:22px}.feature-page-map h3{margin-top:8px}.feature-watch-example>div{padding:26px 22px}.feature-watch-example h3{font-size:23px}.feature-watch-example .feature-time{font-size:43px}.feature-content-plan{padding:24px 22px}.feature-content-plan h3{font-size:25px}.feature-outcomes{gap:10px}.feature-outcomes b{font-size:13px}.feature-jump{gap:8px}.feature-jump a{font-size:12px;padding:10px 12px}.feature-hero .breadcrumb{font-size:12px;gap:7px}}
@media(prefers-reduced-motion:reduce){.ad-controls button,.feature-index a{transition:none}}