.px{height:auto;min-height:0;padding:144px 0 68px;align-items:center}.px .wrap{display:block;padding:0;position:relative}.px h1{font-size:clamp(40px,5.5vw,82px);max-width:20ch;margin:20px 0}.px .lead{max-width:670px;font-size:18px}.pxact{margin-top:26px}.px .px-img,.pxband .px-img{background-image:var(--product-bg);background-size:cover;background-position:center 48%;filter:blur(4px) saturate(.6);opacity:.55}.px:after{background:linear-gradient(90deg,rgba(11,10,10,.96),rgba(11,10,10,.76) 50%,rgba(11,10,10,.28)),linear-gradient(0deg,#0b0a0a,transparent 45%)}.pxband{min-height:0;padding:88px 0}.pxband .px-img{background-position:center 65%;filter:blur(2px) saturate(.65);opacity:.7}.pxband:after{background:linear-gradient(90deg,rgba(11,10,10,.8),rgba(11,10,10,.58),rgba(11,10,10,.8))}.ctaband{position:relative;isolation:isolate;overflow:hidden;padding:85px 0}.ctaband:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(11,10,10,.85),rgba(11,10,10,.9)),var(--product-bg) center/cover;z-index:-1}.sec{padding:86px 0}.example-controls{display:flex;justify-content:flex-end;gap:8px;margin-bottom:18px}.example-controls button{width:44px;height:44px;background:#fff;border:1px solid #dbcac0;border-radius:50%;font-size:22px;cursor:pointer;color:#39291f}.example-rail{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 0 22px}.example-rail::-webkit-scrollbar{display:none}.example-card{flex:0 0 38%;min-width:280px;scroll-snap-align:start;background:#fff;border:1px solid #e6d8cf;border-radius:18px;overflow:hidden;box-shadow:0 16px 35px -24px #755441}.example-card img{display:block;width:100%;height:200px;object-fit:cover;background:#15110e}.example-card>div{padding:25px}.example-card span{font:10px monospace;letter-spacing:.13em;color:#8c5b45}.example-card h3{font-size:24px;margin:16px 0 12px}.example-card p{font-size:15px;line-height:1.7;color:#5f544e;margin:0 0 18px}.example-card small{font-size:11px;color:#9c8375}.faq summary{display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:'+';color:#8c5b45}.faq details[open] summary:after{content:'−'}.blk{scroll-margin-top:100px}#detay{scroll-margin-top:68px}
@media(max-width:760px){.px{padding:124px 0 48px}.px .lead{font-size:16px}.pxband{padding:65px 0}.sec{padding:62px 0}.example-card{flex-basis:87%;min-width:0}.example-card img{height:170px}.ctaband{padding:65px 0}}
@media(prefers-reduced-motion:reduce){.example-rail{scroll-behavior:auto}}
/* Editorial product title, restrained architectural imagery */
.px{padding:152px 0 76px;min-height:360px}.px h1{font-size:clamp(54px,8.4vw,132px);line-height:.98;letter-spacing:-.055em;max-width:100%;margin:0;font-weight:650;text-wrap:balance}.px h1 em{font-family:'DM Serif Display',Georgia,serif;font-weight:400;letter-spacing:-.025em;color:#e7bcaa;display:inline-block}.px .px-img{background-image:url('/assets/product-editorial-hero.png');filter:none;opacity:.8;background-position:center 50%}.px:after{background:linear-gradient(90deg,rgba(16,15,14,.85),rgba(16,15,14,.34) 70%,rgba(16,15,14,.1)),linear-gradient(0deg,rgba(16,15,14,.5),transparent 55%)}.pxband .px-img{background-image:var(--sector-bg);filter:saturate(.4);opacity:.72;background-position:center}.pxband:after{background:linear-gradient(90deg,rgba(17,15,14,.83),rgba(17,15,14,.62),rgba(17,15,14,.83))}.ctaband:before{background:linear-gradient(rgba(17,15,14,.87),rgba(17,15,14,.89)),var(--sector-bg) center/cover}.example-card>div{text-align:center;padding:28px 24px 34px}.example-card h3{margin:0 0 16px;font-size:23px;line-height:1.2}.example-card p{margin:0;line-height:1.75}.example-card img{height:230px;object-fit:cover}.example-card{flex-basis:38%;min-height:420px}.sec.light .tile{text-align:center;justify-content:center}.sec.light .tile h3{margin-top:0}.pxband small{display:none}
@media(max-width:760px){.px{min-height:290px;padding:124px 0 60px}.px h1{font-size:clamp(48px,13vw,76px)}.example-card{flex-basis:87%;min-height:0}.example-card img{height:200px}.example-card>div{padding:24px 20px 28px}.example-card h3{font-size:22px}}

.sec .grid3 .tile{text-align:center;align-items:center;justify-content:center}.sec .grid3 .tile h3{margin-top:0}

.outcome-title .hi{font-size:.9em!important}@media(max-width:760px){.sec h2.outcome-title{font-size:clamp(28px,7.5vw,42px)}}

/* Equal-height product banners, with typography fitted to product names. */
.px{height:390px;min-height:390px;padding:100px 0 36px;align-items:center}
.px .wrap{padding:0}
.px h1{font-size:clamp(54px,7vw,104px);line-height:1.05;max-width:100%;text-wrap:balance}
body[data-product="web-conversion-system"] .px h1,body[data-product="workflow-automation"] .px h1{font-size:clamp(42px,5.8vw,88px)}
body[data-product="commerce-experience"] .px h1,body[data-product="seo-intelligence"] .px h1{font-size:clamp(46px,6.4vw,96px)}
.px .px-img{background-image:var(--hero-bg);background-position:center;opacity:.85}
.pxband .px-img{background-image:var(--band-bg);filter:saturate(.65);opacity:.85}
.pxband:after{background:linear-gradient(90deg,rgba(17,15,14,.72),rgba(17,15,14,.58),rgba(17,15,14,.72))}
.ctaband:before{background:linear-gradient(rgba(17,15,14,.82),rgba(17,15,14,.88)),var(--cta-bg) center/cover}
.sec h2.outcome-title{font-size:clamp(32px,4.3vw,64px)}
@media(max-width:760px){.px{height:310px;min-height:310px;padding:100px 0 30px}.px h1{font-size:clamp(42px,10vw,70px)}body[data-product="web-conversion-system"] .px h1,body[data-product="workflow-automation"] .px h1{font-size:clamp(34px,8.4vw,60px)}body[data-product="commerce-experience"] .px h1,body[data-product="seo-intelligence"] .px h1{font-size:clamp(38px,9vw,64px)}.sec h2.outcome-title{font-size:clamp(28px,7vw,42px)}}

/* Explicit, cache-safe first banner assets for every product. */
body[data-product="agent-desk"] .px .px-img{background-image:url("agent-desk-hero-v2.png?v=10")!important}
body[data-product="custom-crm-os"] .px .px-img{background-image:url("custom-crm-os-hero-v2.png?v=10")!important}
body[data-product="flow-docs"] .px .px-img{background-image:url("flow-docs-hero-v2.png?v=10")!important}
body[data-product="web-conversion-system"] .px .px-img{background-image:url("web-conversion-system-hero-v3.png?v=12")!important}
body[data-product="seo-intelligence"] .px .px-img{background-image:url("seo-intelligence-hero-v3.png?v=12")!important}
body[data-product="commerce-experience"] .px .px-img{background-image:url("commerce-experience-hero-v3.png?v=12")!important}
body[data-product="workflow-automation"] .px .px-img{background-image:url("workflow-automation-hero-v3.png?v=12")!important}
body[data-product="google-ads-engine"] .px .px-img{background-image:url("google-ads-engine-hero-v3.png?v=12")!important}
body[data-product="meta-creative-lab"] .px .px-img{background-image:url("meta-ads-management-hero-v1.png?v=13")!important}
.px .px-img{opacity:1;background-position:65% center}
.px:after{background:linear-gradient(90deg,rgba(16,15,14,.78),rgba(16,15,14,.22) 70%,rgba(16,15,14,.06)),linear-gradient(0deg,rgba(16,15,14,.3),transparent 60%)}

/* Separate FAQ questions from their answers. */
.doc article .faq details>p{margin-top:24px}

body[data-product="meta-creative-lab"] .px h1{font-size:clamp(40px,5.8vw,88px)}.meta-hero-subtitle{font-size:18px;color:#d8c5b8;margin:20px 0 0}@media(max-width:760px){body[data-product="meta-creative-lab"] .px h1{font-size:clamp(32px,8vw,60px)}.meta-hero-subtitle{font-size:15px;margin-top:16px}}

body[data-product="meta-creative-lab"] .px .px-img{background-position:65% 75%}