/* WordPress integration; the original presentation styles remain intact. */
.do-accent{color:var(--accent)}
body{background:var(--bg)}
.custom-logo-link img{max-width:140px;max-height:65px;width:auto;height:auto}
.admin-bar .header{top:32px}
@media(max-width:782px){.admin-bar .header{top:46px}}
.do-document{padding:180px 8% 90px;max-width:1250px;margin:auto;min-height:70vh}
.do-document h1{font-size:clamp(42px,6vw,88px);line-height:1.08;letter-spacing:-.05em;font-weight:500;margin:40px 0}
.do-prose{font-size:18px;line-height:1.8;max-width:850px}.do-prose a,.do-post-meta a{color:var(--accent);text-decoration:underline}.do-prose h2{font-size:36px;line-height:1.2}.do-article-image{max-width:100%;height:auto}.do-post-summary{padding:30px 0;border-bottom:1px solid #333}.do-post-summary h2{font-size:32px}.do-post-meta{color:#aaa}
.do-text-section{padding:90px 10%;background:var(--bg);position:relative;z-index:5}
.do-text-section h2{font-size:clamp(38px,6vw,80px);line-height:1.1;letter-spacing:-.045em;font-weight:400}
.do-text-section p,.do-text-section li{font-size:18px;line-height:1.7}.do-text-section a{color:var(--accent)}
.do-home-content>.wp-block-heading,.do-home-content>p,.do-home-content>.wp-block-list,.do-home-content>.wp-block-columns,.do-home-content>.wp-block-image,.do-home-content>.wp-block-buttons{max-width:1100px;margin:40px auto;padding-inline:24px;position:relative;z-index:5}
.do-home-content>p{font-size:18px;line-height:1.7}
.knowledge-card>a{display:block}.do-photo-cover{padding:0}.do-photo-cover img{width:100%;height:100%;object-fit:cover}.do-photo-cover::before{display:none}
.contact-bottom{flex-wrap:wrap}.do-home-content .pricing-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.approach-outcomes li:nth-child(n){color:var(--outcome-color)}
.tool-tile{background:var(--tile-bg,#fff)!important}
.hero[data-do-motion]{height:var(--do-desktop,calc(var(--do-svh, 1svh) * 400))}
.martech[data-do-motion]:not(.martech-static){height:var(--do-desktop,calc(var(--do-svh, 1svh) * 1180))}
.approach[data-do-motion] .approach-portal.is-ready{height:var(--do-desktop,calc(var(--do-svh, 1svh) * 200))}
.particles-enabled .help{margin-top:0;padding-top:90px;background:#101010}
.particles-enabled .hero:not(.do-motion-off)+.help{margin-top:calc(var(--do-svh, 1svh) * -100);padding-top:calc(var(--do-svh, 1svh) * 27);background:linear-gradient(to bottom,transparent 0,#101010db calc(var(--do-svh, 1svh) * 38),#101010 calc(var(--do-svh, 1svh) * 78))}
.hero.do-motion-off{height:auto!important}
.hero.do-motion-off .hero-stage{height:auto;min-height:0;position:relative;padding:140px 8% 50px}
.hero.do-motion-off .chapter{position:relative;inset:auto;display:block!important;opacity:1!important;visibility:visible!important;padding:30px 0;transform:none!important}
.hero.do-motion-off .chapter-label,.hero.do-motion-off .chapter h1,.hero.do-motion-off .chapter h2,.hero.do-motion-off .chapter p{position:static;max-width:100%;width:auto;margin:20px 0}
.hero.do-motion-off .chapter h1,.hero.do-motion-off .chapter h2{font-size:clamp(42px,8vw,110px)}
.hero.do-motion-off .scroll-cue,.hero.do-motion-off .chapter-counter,.hero.do-motion-off .ai-wave-background{display:none}
@media(max-width:700px){.do-text-section{padding:60px 7%}.do-document{padding:130px 7% 60px}}
@media(max-width:600px){.hero[data-do-motion]{height:var(--do-mobile,calc(var(--do-svh, 1svh) * 380))}.martech[data-do-motion]:not(.martech-static){height:var(--do-mobile,calc(var(--do-svh, 1svh) * 1100))}.approach[data-do-motion] .approach-portal.is-ready{height:var(--do-mobile,calc(var(--do-svh, 1svh) * 200))}}

/* Stable scrolling through animated sections on mobile. */
@media(max-width:700px){
 .hero,.help,.martech,.approach,.journey{overflow-anchor:none;}
 .tool-tile{box-shadow:0 6px 24px #0003;}
 .finale-glyph{will-change:auto!important;}
 .martech-stage{min-height:0;}
}
html{overflow-x:clip;}

/* The timeline is a clipped view, never a second native scroll container. */
@supports(overflow:clip){.journey.is-animated .journey-stage{overflow:clip}}
@media(max-width:700px){
 .approach-portal.is-ready h2{font-size:10vw}
}