/* Qince product-page layout standard v2.10 — shared by current product pages. */
html,body{margin:0;padding:0}
body.product-page-v25{--product-content-max:1200px;--product-section-target:680px;--product-heading-top:88px;--product-h2-size:40px;--product-heading-copy-gap:40px;--product-body-line:1.5;--qince-shadow-card-hover:0 2px 5px rgba(0,0,0,.10);--qince-shadow-dropdown:0 4px 10px rgba(0,0,0,.10);--qince-shadow-modal:0 8px 20px rgba(0,0,0,.10);--qince-shadow-visual:0 12px 32px rgba(32,48,78,.10);--qince-shadow-card:var(--qince-shadow-card-hover);--arch-shadow:var(--qince-shadow-visual);--shadow:var(--qince-shadow-visual)}
body.product-page-v25 *,body.product-page-v25 *::before,body.product-page-v25 *::after{box-sizing:border-box}
body.product-page-v25 main{padding-top:0}
body.product-page-v25 main p,body.product-page-v25 main li,body.product-page-v25 main small{line-height:var(--product-body-line)!important}
body.product-page-v25 main h2{font-size:var(--product-h2-size)!important;font-weight:700!important;line-height:1.3!important}
body.product-page-v25 :is(.arch-button,.button,.btn){display:inline-flex;width:auto!important;min-width:0;max-width:100%;min-height:0;height:auto!important;align-items:center;justify-content:center;padding:13px 20px!important;border-radius:24px!important;font-size:14px;line-height:1.2!important;text-align:center;white-space:normal}
body.product-page-v25 :is(.arch-button,.button,.btn):hover{box-shadow:none}

/* Shared product-section rhythm: use the approved light artwork as an A/B mirrored pair. */
body.product-page-v25 main>section:not(#top):not(.hero):not(#contact):not(.final-cta):not(.cta-section){
  background-color:#f7f9fd!important;
  background-repeat:no-repeat!important;
  background-position:center bottom!important;
  background-size:cover!important;
}
body.product-page-v25 main>section:not(#top):not(.hero):not(#contact):not(.final-cta):not(.cta-section):nth-of-type(even){
  background-image:linear-gradient(rgba(255,255,255,.18),rgba(255,255,255,.18)),url("assets/backgrounds/product-section-bg-a.png")!important;
}
body.product-page-v25 main>section:not(#top):not(.hero):not(#contact):not(.final-cta):not(.cta-section):nth-of-type(odd){
  background-image:linear-gradient(rgba(255,255,255,.32),rgba(255,255,255,.32)),url("assets/backgrounds/product-section-bg-b.png")!important;
}
body.product-page-v25 :is(.arch-combo-grid article,.arch-resource-card,.arch-case-main){
  background-color:rgba(255,255,255,.92);
  backdrop-filter:blur(2px);
}

/* Effect hierarchy: static cards use borders; interaction and product visuals use separate tokens. */
body.product-page-v25.product-page-dynamic :is(.arch-value-grid article,.arch-path-grid article,[data-shared-component="sales-resources"] .arch-resource-card,.arch-case-brands){box-shadow:none}
body.product-page-v25.product-page-dynamic :is(.arch-combo-grid article,.arch-resource-grid a,[data-shared-component="sales-resources"] .arch-resource-card){transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
body.product-page-v25.product-page-dynamic :is(.arch-combo-grid article,.arch-resource-grid a,[data-shared-component="sales-resources"] .arch-resource-card):hover{transform:translateY(-2px);box-shadow:var(--qince-shadow-card-hover)}
body.product-page-v25.product-page-dynamic :is(.arch-placeholder,.arch-case-main,[data-shared-component="customer-stories"] .arch-case-main){box-shadow:var(--qince-shadow-visual)}
body.product-page-v25.product-page-ai :is(.product-switcher,.cta-box){box-shadow:none}
body.product-page-v25.product-page-ai :is(.hero-stage,.mock-screen,.product-image-shell){box-shadow:var(--qince-shadow-visual)}
body.product-page-v25.product-page-ai .use-card:hover{transform:translateY(-2px);box-shadow:var(--qince-shadow-card-hover)}
body.product-page-v25.product-page-sfa :is(.resource-card,.case-navigation){box-shadow:none}
body.product-page-v25.product-page-sfa .combo-card:hover{transform:translateY(-2px);box-shadow:var(--qince-shadow-card-hover)}
body.product-page-v25.product-page-sfa :is(.product-frame,.case-main){box-shadow:var(--qince-shadow-visual)}

/* Shared dynamic architecture: DMS / TPM / DP / LTC / BI / aPaaS. */
body.product-page-v25 .product-architecture .arch-container{width:min(var(--product-content-max),calc(100% - 64px))}
body.product-page-v25 .product-architecture [data-shared-component="product-hero"]{min-height:600px;padding:0}
body.product-page-v25 .product-architecture [data-shared-component="product-hero"] .arch-container{width:min(1200px,calc(100% - 200px));max-width:1200px}
body.product-page-v25 .product-architecture [data-shared-component="product-hero"] .arch-hero-grid{min-height:600px;gap:44px}
body.product-page-v25 .product-architecture [data-shared-component="product-hero"] .arch-hero-headline{max-width:696px;line-height:1.5!important}
body.product-page-v25 .product-architecture [data-shared-component="product-hero"].arch-hero--title-only .arch-hero-headline{font-size:clamp(38px,3.2vw,48px);letter-spacing:-.03em}
body.product-page-v25 .product-architecture [data-shared-component="product-hero"] .arch-hero-visual{min-height:430px}
body.product-page-v25 .product-architecture [data-shared-component="product-hero"] .arch-hero-visual-main{max-width:100%}
body.product-page-v25.product-page-apaas .product-architecture [data-shared-component="product-hero"] .arch-hero-visual-main{right:0;width:100%}
body.product-page-v25 .product-architecture .arch-section:not(.arch-capability-intro){min-height:var(--product-section-target);padding:var(--product-heading-top) 0 88px}
body.product-page-v25 .product-architecture .arch-heading{margin:0 auto 40px}
body.product-page-v25 .product-architecture .arch-heading>h2+p{margin:var(--product-heading-copy-gap) auto 0}
body.product-page-v25 .product-architecture .arch-feature{display:flex;min-height:var(--product-section-target);align-items:flex-start;padding:0}
body.product-page-v25 .product-architecture .arch-feature>.arch-container{padding-top:var(--product-heading-top);padding-bottom:88px}
body.product-page-v25 .product-architecture .arch-feature--with-heading{display:block}
body.product-page-v25 .product-architecture .arch-feature--with-heading>.arch-capability-group-heading{width:min(var(--product-content-max),calc(100% - 64px));max-width:900px;padding-top:var(--product-heading-top);margin:0 auto 48px;text-align:center}
body.product-page-v25 .product-architecture .arch-feature--with-heading>.arch-container{padding-top:0!important}
body.product-page-v25 .product-architecture .arch-feature-grid{grid-template-columns:minmax(0,450px) minmax(0,1fr);gap:60px}
body.product-page-v25 .product-architecture .arch-feature-grid.is-reverse{grid-template-columns:minmax(0,1fr) minmax(0,450px)}
body.product-page-v25 .product-architecture .arch-feature-copy{position:relative}
body.product-page-v25 .product-architecture .arch-feature-name{position:absolute;top:-28px;left:0;margin:0}
body.product-page-v25 .product-architecture .arch-feature-desc{margin:var(--product-heading-copy-gap) 0 0}
body.product-page-v25 .product-architecture .arch-point-list{margin-top:22px}
body.product-page-v25 .product-architecture .arch-point-list li{padding:12px 0}
body.product-page-v25 .product-architecture .arch-feature-trial{margin-top:20px}
body.product-page-v25 .product-architecture .arch-capability-intro{min-height:216px;padding:88px 0 48px}
body.product-page-v25 .product-architecture [data-shared-component="customer-stories"] .arch-case-main{min-height:500px}
body.product-page-v25 .product-architecture [data-shared-component="customer-stories"] .arch-case-image{height:484px;min-height:484px}
body.product-page-v25 .product-architecture [data-shared-component="customer-stories"] .arch-case-brands{margin-top:24px}
body.product-page-v25 .product-architecture [data-shared-component="sales-resources"] .arch-resource-cover{min-height:0;padding:0;border:0;border-radius:0}
body.product-page-v25 .product-architecture [data-shared-component="sales-resources"] .arch-resource-card{min-height:320px}
body.product-page-v25 .product-architecture [data-shared-component="sales-resources"] .arch-resource-body{padding:18px}
body.product-page-v25 .product-architecture [data-shared-component="product-faq"] .arch-faq-list{margin-top:0}
body.product-page-v25 .product-architecture .arch-final-cta{padding:64px 0}
body.product-page-v25 .product-architecture .arch-final-cta>.arch-container{
  flex-direction:column;
  justify-content:center;
  gap:28px;
  text-align:center;
}
body.product-page-v25 .product-architecture .arch-final-cta>.arch-container>div:first-child{max-width:820px}
body.product-page-v25 .product-architecture .arch-final-cta .arch-actions{justify-content:center;margin-top:0}

/* Standalone current pages: SFA v4 / AI Image Recognition / AI Agent. */
body.product-page-v25:not(.product-page-dynamic) main>.hero{min-height:680px;padding-top:0;padding-bottom:0}
body.product-page-v25:not(.product-page-dynamic) main>.hero>.container{width:min(1200px,calc(100% - 200px));max-width:1200px;min-height:680px}
body.product-page-v25:not(.product-page-dynamic) main>.hero h1{max-width:696px;line-height:1.5!important}
body.product-page-v25:not(.product-page-dynamic) main>.hero.hero--title-only h1{font-size:clamp(38px,3.2vw,48px);letter-spacing:-.03em}
body.product-page-v25.product-page-sfa main>.hero>.container{display:grid;align-items:center}
body.product-page-v25.product-page-ai main>.hero>.container{display:flex;flex-direction:column;justify-content:center;padding-top:56px;padding-bottom:56px}
body.product-page-v25:not(.product-page-dynamic) main>section:not(.hero):not(.final-cta):not(.cta-section){min-height:var(--product-section-target);padding:var(--product-heading-top) 0 88px}
body.product-page-v25:not(.product-page-dynamic) main>section:not(.hero)>.container{width:min(var(--product-content-max),calc(100% - 64px));max-width:var(--product-content-max)}
body.product-page-v25.product-page-sfa .section-head,
body.product-page-v25.product-page-sfa .case-section-head,
body.product-page-v25.product-page-sfa .journey-head{margin-top:0}
body.product-page-v25.product-page-sfa #capabilities{padding-top:88px}
body.product-page-v25.product-page-sfa #capabilities>.container>.capability-group-heading{margin-bottom:48px}
body.product-page-v25.product-page-sfa :is(.section-head,.case-section-head,.journey-head)>h2+p,
body.product-page-v25.product-page-ai :is(.capability-head)>h2+p,
body.product-page-v25.product-page-ai main>section>.container>h2+p{margin-top:var(--product-heading-copy-gap)!important}
body.product-page-v25.product-page-sfa .case-section-head .section-heading+.section-lead{margin-top:var(--product-heading-copy-gap)!important}
body.product-page-v25.product-page-ai .capability-head{margin-top:0}
body.product-page-v25.product-page-ai .section-title{margin-top:0}
body.product-page-v25.product-page-ai .cta-section{padding:64px 0}
body.product-page-v25.product-page-ai .cta-section>.container{width:min(var(--product-content-max),calc(100% - 64px));max-width:var(--product-content-max)}

@media(max-width:1040px){
  body.product-page-v25 .product-architecture [data-shared-component="product-hero"] .arch-container,
  body.product-page-v25:not(.product-page-dynamic) main>.hero>.container{width:calc(100% - 64px)}
  body.product-page-v25 .product-architecture .arch-feature-grid,
  body.product-page-v25 .product-architecture .arch-feature-grid.is-reverse{grid-template-columns:1fr 1fr;gap:40px}
}
@media(max-width:820px){
  body.product-page-v25 main>section:not(#top):not(.hero):not(#contact):not(.final-cta):not(.cta-section){background-size:auto 100%!important}
  body.product-page-v25 .product-architecture .arch-container,
  body.product-page-v25 .product-architecture [data-shared-component="product-hero"] .arch-container,
  body.product-page-v25:not(.product-page-dynamic) main>.hero>.container,
  body.product-page-v25:not(.product-page-dynamic) main>section:not(.hero)>.container{width:calc(100% - 40px)}
  body.product-page-v25 .product-architecture [data-shared-component="product-hero"],
  body.product-page-v25 .product-architecture [data-shared-component="product-hero"] .arch-hero-grid,
  body.product-page-v25:not(.product-page-dynamic) main>.hero,
  body.product-page-v25:not(.product-page-dynamic) main>.hero>.container{min-height:0}
  body.product-page-v25 .product-architecture [data-shared-component="product-hero"]{padding:48px 0}
  body.product-page-v25 .product-architecture [data-shared-component="product-hero"] .arch-hero-grid{gap:28px}
  body.product-page-v25 .product-architecture [data-shared-component="product-hero"] .arch-hero-visual{min-height:360px}
  body.product-page-v25:not(.product-page-dynamic) main>.hero>.container{padding-top:72px;padding-bottom:72px}
  body.product-page-v25 .product-architecture .arch-section:not(.arch-capability-intro){min-height:0;padding:88px 0}
  body.product-page-v25 .product-architecture .arch-feature{min-height:0;padding:0}
  body.product-page-v25 .product-architecture .arch-feature>.arch-container{padding-top:88px}
  body.product-page-v25 .product-architecture .arch-feature--with-heading>.arch-capability-group-heading{width:calc(100% - 40px)}
  body.product-page-v25 .product-architecture .arch-feature--with-heading>.arch-container{padding-top:0}
  body.product-page-v25 .product-architecture .arch-feature-grid,
  body.product-page-v25 .product-architecture .arch-feature-grid.is-reverse{grid-template-columns:1fr}
  body.product-page-v25 .product-architecture .arch-feature-copy{order:1!important}
  body.product-page-v25 .product-architecture .arch-feature-media{order:2!important}
  body.product-page-v25:not(.product-page-dynamic) main>section:not(.hero):not(.final-cta):not(.cta-section){min-height:0;padding:88px 0}
  body.product-page-v25.product-page-sfa :is(.feature-stack,.feature-row,.feature-copy,.feature-visual,.product-frame,.field-track-preview){width:100%;min-width:0;max-width:100%}
  body.product-page-v25.product-page-sfa .feature-row{overflow:hidden}
}
@media(max-width:600px){
  body.product-page-v25 .product-architecture .arch-container,
  body.product-page-v25 .product-architecture [data-shared-component="product-hero"] .arch-container,
  body.product-page-v25:not(.product-page-dynamic) main>.hero>.container,
  body.product-page-v25:not(.product-page-dynamic) main>section:not(.hero)>.container,
  body.product-page-v25.product-page-ai .cta-section>.container{width:calc(100% - 32px)}
  body.product-page-v25 main h2{font-size:clamp(28px,8vw,34px)!important;line-height:1.25!important}
  body.product-page-v25 .product-architecture [data-shared-component="product-hero"].arch-hero--title-only .arch-hero-headline,
  body.product-page-v25:not(.product-page-dynamic) main>.hero.hero--title-only h1{font-size:32px;line-height:1.5!important}
  body.product-page-v25 .product-architecture [data-shared-component="product-hero"]{padding:44px 0}
  body.product-page-v25 .product-architecture [data-shared-component="product-hero"] .arch-hero-grid{gap:22px}
  body.product-page-v25 .product-architecture [data-shared-component="product-hero"] .arch-hero-visual{min-height:260px}
  body.product-page-v25 .product-architecture .arch-heading{text-align:left}
  body.product-page-v25 .product-architecture .arch-heading>h2+p{margin-top:18px}
  body.product-page-v25 .product-architecture .arch-actions{flex-direction:column}
  body.product-page-v25 :is(.arch-button,.button,.btn){width:auto!important;flex:none}
  body.product-page-v25 .product-architecture [data-shared-component="customer-stories"] .arch-case-image{height:320px;min-height:320px}
}