/* Final premium UX pass: preserve existing page layout and SEO */
.hero-product{background:linear-gradient(155deg,#f8fafc,#f1f5f9)!important;border:1px solid #dbe3ed!important;border-radius:24px!important;padding:24px 22px 19px!important;box-shadow:0 18px 44px rgba(16,29,53,.07)!important}
.hero-product .product-caption{font-size:13px!important;letter-spacing:.075em!important;color:#334155!important;margin-bottom:18px!important}
.hero-product .authentic-shots{display:grid!important;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important;align-items:end!important;gap:18px!important;max-height:none!important;overflow:visible!important;padding:5px 2px 12px!important}
.hero-product .sidebar-proof,.hero-product .manager-proof{min-width:0!important;max-height:none!important;overflow:visible!important;align-self:end!important}
.hero-product .sidebar-proof img,.hero-product .manager-proof img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center bottom!important;border:5px solid #fff!important;border-radius:19px!important;box-shadow:0 0 0 1px #d6dfe9,0 14px 27px rgba(15,23,42,.13)!important}
.hero-product .screenshot-label{font-size:13px!important;padding:0 0 10px!important;border:0!important;background:transparent!important;color:#334155!important;font-weight:650!important}
.hero-product figcaption{font-size:13px!important;margin-top:7px!important;color:#64748b!important}
.extension-section .walkthrough-premium-cta{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 23px;border:1px solid #cfe8da;border-radius:15px;background:linear-gradient(105deg,#f1faf5,#fff);color:#08734b;text-decoration:none;font-weight:750;font-size:17px;box-shadow:0 8px 22px #0b65470a;transition:box-shadow .2s,transform .2s,border-color .2s}
.extension-section .walkthrough-premium-cta:after{content:'Step-by-step guide';color:#52667a;font-size:13px;font-weight:550}
.extension-section .walkthrough-premium-cta:hover{border-color:#90c9a9;box-shadow:0 12px 27px #0b654719;transform:translateY(-1px)}
.editorial-card .guide-cover.safety img,.editorial-card .guide-cover img.white-frame-screenshot{border:5px solid #fff!important;border-radius:15px!important;box-shadow:0 0 0 1px #d1dae6,0 10px 23px #101a3525!important;box-sizing:border-box!important}
.footer-top .official-brand{width:156px!important;height:52px!important}
.brand-logo-fallback:after{content:'ChatGPT';display:block;font-size:12px;color:#111827;font-weight:750}
/* Walkthrough uses same editorial typography as homepage and articles */
.walkthrough-hero h1{font-size:clamp(34px,3.6vw,48px)!important;line-height:1.13!important;letter-spacing:-.035em!important}
.walkthrough-hero .walkthrough-lede,.workflow-intro p,.workflow-copy p,.workflow-extra p{font-size:17px!important;line-height:1.68!important}
.workflow-intro h2,.workflow-panel h2{font-size:clamp(26px,2.5vw,32px)!important;letter-spacing:-.025em!important;line-height:1.25!important}
.workflow-copy h3{font-size:22px!important;line-height:1.32!important}
.workflow-panel{gap:clamp(24px,4vw,52px)!important}
.workflow-visual{max-width:300px!important}
.workflow-visual img{max-height:350px!important}
@media(max-width:760px){.hero-product{padding:16px 13px!important}.hero-product .authentic-shots{gap:9px!important}.hero-product .sidebar-proof img,.hero-product .manager-proof img{border-width:3px!important;border-radius:13px!important}.extension-section .walkthrough-premium-cta{align-items:flex-start;flex-direction:column;gap:5px;padding:16px}.footer-top .official-brand{width:156px!important;height:52px!important}.workflow-visual{max-width:275px!important}.walkthrough-hero .walkthrough-lede,.workflow-intro p,.workflow-copy p{font-size:16px!important}}