/* Continue the homepage treatment without changing the underlying explanations. */
.overview-page .product-hero{min-height:calc(100svh - 76px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;padding-block:64px}
.overview-page .product-hero h1{font-size:clamp(46px,5.6vw,76px);font-weight:600;max-width:850px;line-height:1.04;margin:0}
.overview-page .product-hero .soft{color:var(--accent)}
.overview-page .product-hero>p{margin:28px 0 0;max-width:650px;font-size:19px;line-height:1.7}
.overview-page .hero-actions{justify-content:flex-start;margin-top:32px}
.overview-page .hero-actions .button,.focused-page .pilot-action .button{background:var(--accent);color:var(--accent-on);border-color:var(--accent)}
.route-directory{padding-block:80px;border-top:1px solid var(--line)}
.route-directory h2{font-size:34px;margin-bottom:32px}
.route-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.route-cards>a{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--line);border-radius:12px;padding:30px 24px;min-height:110px;transition:background .25s,border-color .25s,transform .25s}
.route-cards>a:hover{background:var(--accent-soft);border-color:var(--accent);transform:translateY(-3px)}
.route-cards h3{font-size:20px!important;line-height:1.3;letter-spacing:-.025em}
.route-cards>a>span{color:var(--accent);font-size:23px}
.route-breadcrumb{display:flex;gap:12px;align-items:center;padding-top:28px;font-size:12px;color:var(--muted);height:52px}
.route-breadcrumb a{color:var(--accent)}
.route-opening{min-height:calc(100svh - 128px);display:flex;flex-direction:column;justify-content:center;padding-block:36px 64px}
.focused-page .route-opening>section{width:min(1160px,calc(100% - 80px));padding-block:28px;border:0;margin-inline:auto}
.focused-page .route-opening h1{font-size:clamp(36px,4vw,56px);line-height:1.08;letter-spacing:-.05em;font-weight:600;margin:0;color:var(--ink);max-width:740px}
.focused-page .route-opening .detail-heading h1{max-width:440px}
.focused-page .product-detail{gap:80px;align-items:start}
.focused-page .detail-copy>p{font-size:17px;line-height:1.8}
.focused-page .detail-copy>p+p{margin-top:22px}
.focused-page .detail-note,.focused-page .product-status,.focused-page .environment-note{background:var(--accent-soft);color:var(--ink);padding:24px;border:0;border-radius:12px;margin-top:30px}
.focused-page .detail-note strong,.focused-page .product-status strong{color:var(--accent)}
.focused-page .product-list{margin-top:28px}
.focused-page .product-list li{padding-block:12px;line-height:1.75}
.focused-page .product-list li::marker{color:var(--accent)}
.focused-page .route-opening .section-heading{margin-bottom:36px}
.focused-page .section-heading p{max-width:720px;font-size:17px;line-height:1.8;margin-top:24px}
.focused-page .product-ai{background:var(--canvas);color:var(--ink)}
.focused-page .product-ai p{color:var(--muted)}
.focused-page .product-ai>.wrap{width:100%}
.focused-page> .product-ai{padding:70px max(40px,calc((100% - 1160px)/2));background:var(--accent-soft)}
.focused-page> .product-ai>.wrap{width:100%}
.focused-page .product-prompt{border-color:var(--accent);background:var(--accent-soft);border-radius:10px}
.focused-page .setup-accordion{max-width:900px;margin:36px 0 0}
.focused-page .setup-accordion details{border-color:var(--line)}
.focused-page .setup-accordion summary{padding:24px 8px;font-size:21px;transition:color .2s,background .2s}
.focused-page .setup-accordion details[open]{background:var(--accent-soft);border-radius:10px;padding-inline:20px}
.focused-page .setup-accordion summary:hover,.focused-page .setup-accordion details[open] summary{color:var(--accent)}
.focused-page .setup-content{padding-bottom:26px;line-height:1.8}
.focused-page .product-faq{max-width:950px}
.focused-page .product-faq h1{margin-bottom:36px}
.focused-page .faq-list{margin-top:32px}
.focused-page .faq-list details[open]{background:var(--accent-soft);padding-inline:20px;border-radius:8px}
.focused-page .faq-list summary:hover{color:var(--accent)}
.focused-page>.product-detail,.focused-page>.data-section{padding-block:80px}
.overview-page .flow-steps a:hover,.focused-page .flow-steps a:hover{background:var(--accent-soft);border-color:var(--accent)}
.overview-page .flow-steps strong,.focused-page .flow-steps strong{color:var(--accent)}
.overview-page .new-platform{padding-block:80px;border-top:1px solid var(--line)}
.overview-page .new-section-heading{display:grid;grid-template-columns:1fr 1fr;gap:70px}
.overview-page .new-section-heading h2{font-size:34px;line-height:1.2}
.overview-page .new-section-heading p,.overview-page .new-benefits p{line-height:1.8}
.overview-page .new-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:44px}
.overview-page .new-benefits article{padding-top:24px;border-top:1px solid var(--line)}
.overview-page .new-benefits h3{font-size:23px;margin-bottom:18px}
.overview-page .new-benefits a{margin-top:20px}
@media(max-width:800px){
.overview-page .product-hero{min-height:calc(100svh - 68px);padding-block:48px}
.overview-page .product-hero h1{font-size:48px}
.overview-page .product-hero>p{font-size:17px}
.route-directory{padding-block:48px}.route-cards{grid-template-columns:1fr}.route-cards>a{min-height:86px;padding:24px}
.route-opening{min-height:calc(100svh - 120px);padding-block:30px 44px}
.focused-page .route-opening>section{width:calc(100% - 40px);padding-block:12px}
.focused-page .route-opening h1{font-size:38px}
.focused-page .product-detail{gap:28px}.focused-page .detail-copy>p{font-size:16px}
.focused-page .setup-accordion summary{font-size:18px}
.focused-page>.product-ai{padding:44px 20px}.focused-page>.product-detail,.focused-page>.data-section{padding-block:48px}
.overview-page .new-section-heading,.overview-page .new-benefits{grid-template-columns:1fr;gap:28px}
}
@media(prefers-reduced-motion:reduce){.route-cards>a{transition:none;transform:none}}
.focused-page .route-opening h1{color:var(--accent)}
.overview-page .product-overview{padding-block:28px;color:var(--muted);border-bottom:0}
body main.overview-page .product-hero>p{margin:28px 0 0;text-align:left;max-width:650px}
body main.overview-page .product-hero .hero-actions{margin:32px 0 0;justify-content:flex-start}
/* Refinement: selective accents, full-width guides and balanced workflow panels. */
.focused-page .route-opening h1{color:var(--ink)}
.title-accent{color:var(--accent)}
.focused-page .setup-accordion{max-width:none;width:100%}
.focused-page .setup-content,.focused-page .setup-content p,.focused-page .setup-content ol{max-width:none;width:100%}
.focused-page .setup-content{padding:0 8px 28px}
.focused-page .setup-content p,.focused-page .setup-content li{font-size:16px;line-height:1.8}
.setup-page .route-opening .section-heading>div,.how-page .route-opening .section-heading>div{display:block;max-width:none}
.setup-page .route-opening .section-heading p,.how-page .route-opening .section-heading p{max-width:850px;margin-top:24px}
.focused-page .environment-note{display:block;max-width:none;padding:28px 32px;background:var(--surface);border:1px solid var(--line);border-radius:16px;transition:border-color .25s,box-shadow .25s}
body main.focused-page .environment-note h3:not(.page-title){margin:0 0 16px;max-width:none;font-size:21px;line-height:1.3}
.focused-page .environment-note>div,.focused-page .environment-note p{max-width:none}
.focused-page .environment-note p{font-size:16px;line-height:1.8}
.focused-page .environment-note:hover{border-color:var(--accent);box-shadow:0 8px 24px #00000008}
.focused-page>.product-ai{width:min(1160px,calc(100% - 80px));margin:32px auto 64px;padding:48px;border-radius:22px}
.focused-page .connector-examples{gap:26px}
.focused-page .connector-examples article{padding:24px;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:12px;transition:background .25s,transform .25s}
.focused-page .connector-examples article:hover{background:var(--surface);transform:translateY(-3px)}
.how-page .route-opening{padding-block:48px;justify-content:center}
.how-page .flow-steps{margin-top:48px;gap:18px}
.how-page .flow-steps a{padding:24px 20px;min-height:170px;border:1px solid var(--line);border-radius:12px;transition:transform .25s,border-color .25s,background .25s}
.how-page .flow-steps a:hover{transform:translateY(-4px)}
.how-page .flow-steps a>span{display:none}
.how-page .flow-steps strong{font-size:22px;margin-bottom:12px}
.how-page .flow-steps small{font-size:14px;line-height:1.6}
@media(max-width:800px){.focused-page>.product-ai{width:calc(100% - 40px);padding:24px;margin-block:24px 44px}.focused-page .environment-note{padding:22px}.how-page .flow-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.how-page .flow-steps a{padding:18px;min-height:145px}.focused-page .connector-examples article{padding:20px}}
@media(prefers-reduced-motion:reduce){.focused-page .environment-note,.focused-page .connector-examples article,.how-page .flow-steps a{transition:none;transform:none}}
.how-page .flow-steps{border:0}
.how-page .flow-steps li{border:0;padding:0}
.how-page .flow-steps li::after,.how-page .flow-steps li::before{display:none}
/* Setup disclosures stay flat against their shared dividers. */
.focused-page .setup-accordion details[open]{border-radius:0}
.focused-page .setup-accordion summary,.focused-page .setup-accordion details{border-radius:0}
.overview-page .product-faq{padding-block:72px;max-width:950px}
.overview-page .product-faq .faq-list{margin-top:32px}
body main .faq-list summary,body main .faq-list summary:hover,body main .faq-list details[open] summary{color:var(--ink)}
@media(max-width:800px){.overview-page .product-faq{padding-block:44px}}
/* Consistent soft-green panels, matching the homepage treatment. */
.ai-workspace-page .product-prompt,.ai-workspace-page .product-status{display:block;background:var(--accent-soft);color:var(--ink);border:0;border-radius:20px;padding:28px 32px;box-shadow:none;margin-top:28px}
.ai-workspace-page .product-prompt p,.ai-workspace-page .product-status p{color:var(--muted);margin:12px 0 0;font-size:16px;line-height:1.8}
.ai-workspace-page .product-prompt cite{display:block;margin-top:16px;color:var(--muted)}
.ai-workspace-page .product-status strong{color:var(--accent);display:block}
body main.setup-page #setup .environment-note{display:block;margin-top:36px;padding:26px 28px;border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:visible}
body main.setup-page #setup .environment-note h3:not(.page-title){margin:0 0 14px;line-height:1.4}
.setup-page .route-opening{padding-block:20px 32px}
.setup-page .route-opening .section-heading{margin-bottom:24px}
.setup-page .setup-accordion{margin-top:24px}
.setup-page .setup-accordion summary{padding-block:20px}
.connector-access{border-top:1px solid var(--line)}
.connector-access .product-detail,.connector-access .data-section{padding-block:64px}
.connector-access .detail-note{background:var(--accent-soft);border:0;border-radius:20px;padding:26px;margin-top:24px}
.connector-access .detail-note strong{color:var(--accent)}
.connector-access .product-detail{gap:70px}
@media(max-width:800px){.connector-access .product-detail{gap:28px}.connector-access .product-detail,.connector-access .data-section{padding-block:44px}.ai-workspace-page .product-prompt,.ai-workspace-page .product-status{padding:24px}body main.setup-page #setup .environment-note{padding:22px}}
/* Subpage headings stay neutral; sticky headings match the Connector overview. */
.focused-page :is(h1,h2,h3),.focused-page :is(h1,h2,h3) .title-accent,.focused-page :is(h1,h2,h3) .soft{color:var(--ink)}
body main.focused-page .detail-heading h1,body main.focused-page .detail-heading h2{font-size:clamp(26px,2.55vw,34px);line-height:1.2;letter-spacing:-.035em;font-weight:600;max-width:28ch}
@media(max-width:800px){body main.focused-page .detail-heading h1,body main.focused-page .detail-heading h2{font-size:28px}}
@media(max-width:520px){body main.focused-page .detail-heading h1,body main.focused-page .detail-heading h2{font-size:26px}}
.focused-page .detail-note>strong,.focused-page .product-status>strong{color:var(--ink)}
/* Centre the overview openings, which have no accompanying hero visual. */
body main.overview-page .product-hero{align-items:center;text-align:center}
body main.overview-page .product-hero h1{text-align:center}
body main.overview-page .product-hero>p{margin:28px auto 0;text-align:center}
body main.overview-page .product-hero .hero-actions{margin:32px auto 0;justify-content:center}