/* Product templates reuse the homepage container, font, buttons, nav and footer. */
.product-page {background:#fff}
.product-page .site-header {color:#111b32;border-color:#d7e6f0;background:#ffffff66}
.product-page #main-nav > a {color:#4e5661}
.product-page #main-nav > a.current,.product-page #main-nav > a:hover {color:var(--blue)}
.product-page .site-header .button-ghost {color:var(--blue);border-color:var(--blue)}
.product-page .site-header .brand {position:relative}
.product-page .site-header .brand img:not(.brand-symbol) {filter:brightness(0)}
.product-page .site-header .brand-symbol {position:absolute;inset:0;clip-path:inset(0 82% 0 0)}
.product-page :where(main) h1 span,.product-page :where(main) h1 strong {display:inline;white-space:normal}
.product-page :where(main) h1 {font-size:calc(70 * var(--measure));line-height:1.25;margin:calc(20 * var(--measure)) 0;overflow-wrap:anywhere}
.product-page :where(main) h1 strong,.product-page :where(main) h2 strong {color:#142d9a}
.product-page :where(main) h2 {font-size:calc(60 * var(--measure));line-height:1.3;letter-spacing:0;margin:0 0 calc(22 * var(--measure))}
.product-page :where(main) h2 > span,.product-page :where(main) h2 > strong {display:inline}
.product-page .eyebrow {font-size:max(14px,calc(20 * var(--measure)));margin-bottom:calc(22 * var(--measure))}
.product-intro {font-size:max(15px,calc(22 * var(--measure)));line-height:1.65;color:#606873;white-space:pre-line;overflow-wrap:anywhere;margin:0 0 calc(42 * var(--measure))}
.product-section {position:relative;isolation:isolate;padding:calc(88 * var(--measure)) 0 calc(110 * var(--measure));overflow:hidden}
.product-backdrop {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;pointer-events:none}
.product-hero {position:relative;isolation:isolate;min-height:calc(853 * var(--measure));background:#f2faff}
.product-hero-inner {padding-top:calc(220 * var(--measure));padding-bottom:calc(110 * var(--measure));display:grid;grid-template-columns:minmax(0,60fr) minmax(0,40fr);align-items:center}
.product-code {display:inline-block;font-size:max(12px,calc(16 * var(--measure)));border:1px solid #bed5ff;color:var(--blue);padding:2px 8px;border-radius:3px}
.product-hero h2 {font-size:calc(48 * var(--measure));color:#3483ff;margin:0 0 calc(32 * var(--measure))}
.product-hero .product-intro {max-width:calc(795 * var(--measure));font-size:max(15px,calc(20 * var(--measure)));margin-bottom:calc(64 * var(--measure))}
.product-hero-art {width:100%;height:auto;object-fit:contain}
.product-hero .button {min-width:calc(250 * var(--measure))}
.product-architecture {width:100%;height:auto;margin-top:calc(66 * var(--measure));object-fit:contain}
.product-feature {min-height:calc(1120 * var(--measure));color:white;background:#030b10}
.product-feature .eyebrow {color:#b1d9f2}
.product-feature h2 strong,.product-feature h3 strong {color:#80d5fa}
.product-feature .product-intro {color:#aeb9c3}
.product-feature-grid {position:relative;margin-top:calc(86 * var(--measure));width:42%;z-index:1}
.product-kicker {font-size:calc(22 * var(--measure));color:#c7d4dd;margin-bottom:calc(42 * var(--measure))}
.product-feature-grid h3 {font-size:calc(44 * var(--measure));line-height:1.4;margin-bottom:calc(26 * var(--measure))}
.product-feature-grid h3 span,.product-feature-grid h3 strong {display:inline}
.product-feature-tags {display:flex;flex-wrap:wrap;gap:calc(18 * var(--measure));font-size:max(12px,calc(15 * var(--measure)));margin-top:calc(48 * var(--measure))}
.product-feature-tags > span {display:flex;align-items:center;gap:8px}
.product-feature-tags img {width:18px;height:18px;object-fit:contain;filter:brightness(0) invert(1)}
.product-feature-art {position:absolute;width:100vw;max-width:none;height:calc(1120 * var(--measure));left:calc(-1 * var(--gutter));top:calc(-330 * var(--measure));object-fit:contain;z-index:-1;pointer-events:none}
.product-scenarios {background:#f5faff;min-height:calc(900 * var(--measure))}
.product-scenario-grid {display:grid;grid-template-columns:45% 49%;gap:6%;align-items:center}
.product-scenario-tabs button {display:flex;width:100%;text-align:left;align-items:flex-start;gap:14px;border:0;border-bottom:1px solid #dfe8ef;background:none;color:#414a5a;padding:calc(28 * var(--measure)) 0;font-size:max(16px,calc(24 * var(--measure)));line-height:1.4}
.product-scenario-tabs button.active {color:#347cff;border-bottom:2px solid #2a80ff}
.product-scenario-tabs img {width:24px;height:24px;object-fit:contain;flex:none}
.tab-description {font-size:max(13px,calc(18 * var(--measure)));font-weight:400;color:#7b8594;line-height:1.6;white-space:pre-line;overflow-wrap:anywhere}
.product-scenario-tabs .tab-description {display:none;margin-top:calc(22 * var(--measure))}
.product-scenario-tabs .active .tab-description {display:block}
.product-scenario-panels img {width:100%;height:auto;object-fit:contain;border:1px solid #c9d9eb}
.product-value {min-height:calc(953 * var(--measure));background:#f5f6fb}
.product-value > .container {position:static}
.product-value-copy {position:relative;z-index:1;width:46%}
.product-value h2 {margin-bottom:calc(72 * var(--measure))}
.product-value-tabs button {display:block;width:100%;background:none;border:0;border-left:3px solid transparent;text-align:left;padding:calc(18 * var(--measure)) calc(28 * var(--measure));font-size:max(17px,calc(28 * var(--measure)));line-height:1.4;color:#5b6470}
.product-value-tabs button.active {border-left-color:#3d4b5d;color:#182130}
.product-value-tabs .tab-description {display:none;margin-top:calc(18 * var(--measure))}
.product-value-tabs .active .tab-description {display:block}
.product-value-panels {position:absolute;inset:0;z-index:0;pointer-events:none}
.product-value-panels > div,.product-value-panels img {width:100%;height:100%}
.product-value-panels img {object-fit:cover;object-position:center}
.product-case-grid {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:calc(28 * var(--measure))}
.product-case-card {grid-column:span 2;border:1px solid #d7e2ee;border-radius:8px;padding:calc(24 * var(--measure));display:flex;flex-direction:column;min-width:0;overflow:hidden}
.product-case-card.case-large {grid-column:span 3}
.product-case-category {font-size:max(12px,calc(16 * var(--measure)));color:#3478e5;margin-bottom:10px}
.product-case-card h3 {font-size:max(21px,calc(30 * var(--measure)));line-height:1.35;margin-bottom:12px;overflow-wrap:anywhere}
.product-case-card > p:not(.product-case-category) {font-size:max(14px,calc(18 * var(--measure)));line-height:1.6;color:#7b8594;flex:1;margin-bottom:14px}
.product-case-link {font-size:max(14px,calc(18 * var(--measure)));align-self:flex-start;margin-bottom:16px;color:#253546}
.product-case-link:after {content:' ↗'}
.product-case-card > img {width:100%;aspect-ratio:739 / 196;object-fit:cover;border-radius:6px}
.product-case-card:not(.case-large) > img {aspect-ratio:472 / 249}
.product-image-missing {aspect-ratio:739 / 196;border:1px dashed #b5c9df;border-radius:6px;background:#f0f6fc;color:#64788e;font-size:max(14px,calc(18 * var(--measure)));display:grid;place-items:center}
.product-case-card:not(.case-large) .product-image-missing {aspect-ratio:472 / 249}
.product-cta {position:relative;isolation:isolate;min-height:calc(365 * var(--measure));padding:calc(62 * var(--measure)) 0;background:#f0f7ff}
.product-cta-eyebrow {font-size:max(14px,calc(20 * var(--measure)));color:#397cff;margin:0 0 8px}
.product-cta h2 {font-size:calc(46 * var(--measure));margin-bottom:12px}
.product-cta .container > p:not(.product-cta-eyebrow) {font-size:max(14px,calc(20 * var(--measure)));line-height:1.5;max-width:60%;margin-bottom:20px;color:#72849a}
.product-cta-actions {display:flex;gap:24px;flex-wrap:wrap}
.product-cta .button {font-size:max(14px,calc(18 * var(--measure)));min-height:calc(54 * var(--measure))}
.product-video {padding:50px 0}
.product-video video {display:block;width:100%;max-height:80vh;background:#071020}
@media(max-width:1100px){
 .product-page :where(main) h1 {font-size:clamp(32px,4vw,44px)}
 .product-page :where(main) h2 {font-size:clamp(28px,3.2vw,36px)}
 .product-section {padding:64px 0;min-height:0}
 .product-hero {min-height:620px}
 .product-hero-inner {padding-top:160px;padding-bottom:80px;grid-template-columns:minmax(0,60fr) minmax(0,40fr)}
 .product-hero h2 {font-size:28px}.product-hero .product-intro {margin-bottom:32px}
 .product-feature {min-height:680px}.product-feature-grid {margin-top:60px;width:45%}
 .product-feature-grid h3 {font-size:28px}.product-kicker {font-size:16px;margin-bottom:24px}
 .product-feature-art {height:680px;top:-240px}.product-feature-tags {font-size:12px;gap:12px;margin-top:24px}
 .product-value {min-height:620px}.product-value h2 {margin-bottom:32px}.product-value-tabs button {font-size:21px;padding:14px 20px}
 .product-scenario-tabs button {padding:18px 0}.product-cta {min-height:290px;padding:50px 0}
 .product-cta h2 {font-size:32px}.product-case-grid {gap:20px}.product-case-card {padding:20px}
}
@media(max-width:640px){
 .product-page .site-header {background:#f4faff}.product-page .menu-toggle {background:#153559}.product-page #main-nav.open {background:#f4faff;color:#153559}
 .product-hero-inner {grid-template-columns:1fr;padding-top:135px;padding-bottom:35px;gap:20px}.product-hero-art {width:min(100%,380px);justify-self:center}
 .product-hero h1 {font-size:32px}.product-hero h2 {font-size:24px}.product-hero .product-intro {margin-bottom:26px}
 .product-section {padding:45px 0}.product-page :where(main) h2 {font-size:28px}.product-intro {font-size:15px;margin-bottom:28px}
 .product-architecture {margin-top:26px;min-height:0}
 .product-feature {padding-bottom:0}.product-feature-grid {width:100%;margin-top:34px}.product-feature-grid h3 {font-size:28px}
 .product-feature-art {position:relative;left:-22px;top:0;width:100vw;height:350px;object-fit:cover;object-position:right bottom;margin-top:22px;z-index:0}
 .product-feature-tags {margin:24px 0 0}.product-feature .product-backdrop {object-fit:cover}
 .product-scenario-grid {grid-template-columns:1fr;gap:28px}.product-scenario-tabs button {font-size:18px;padding:16px 0}.tab-description {font-size:14px}
 .product-value {padding-bottom:0}.product-value-copy {width:100%}.product-value h2 {margin-bottom:28px}
 .product-value-panels {position:relative;width:100%;height:280px}.product-value-panels img {object-fit:cover;object-position:75% center}
 .product-value-tabs button {font-size:19px}.product-value-tabs .tab-description {font-size:14px}
 .product-case-grid {grid-template-columns:1fr;gap:18px}.product-case-card,.product-case-card.case-large {grid-column:auto;padding:20px}.product-case-card h3 {font-size:23px}
 .product-cta {padding:36px 0 170px;min-height:0}.product-cta h2 {font-size:28px}.product-cta .container > p:not(.product-cta-eyebrow) {max-width:100%;font-size:15px}
 .product-cta .product-backdrop {object-position:70% bottom}.product-cta-actions {gap:14px}.product-cta .button {min-height:42px;font-size:14px}
}

.product-scenario-tabs button:not(.active) img {filter:grayscale(1);opacity:.55}

@media(max-width:640px){.product-page .product-hero h2 {font-size:24px}.product-page .product-hero .product-intro {font-size:16px;line-height:1.7}}

/* Sketch layer calibration. Natural text flow remains allowed to grow for CMS content. */
.product-value-tabs b{font-family:AlimamaShuHeiTi,"PingFang SC","Microsoft YaHei",sans-serif;font-weight:700}
.product-scroll-cue{width:26px;height:42px;margin-top:calc(130 * var(--measure));opacity:.8}
@media(min-width:1101px){
 .product-page :where(main) h1{font-size:calc(75 * var(--measure));line-height:1.24;margin:calc(5 * var(--measure)) 0 calc(12 * var(--measure))}
 .product-page :where(main) h2{font-size:calc(64 * var(--measure));line-height:1.32;margin-bottom:calc(22 * var(--measure))}
 .product-section{padding-top:calc(76 * var(--measure));padding-bottom:calc(90 * var(--measure))}
 .product-page .eyebrow{margin-bottom:calc(14 * var(--measure))}
 .product-intro{font-size:calc(24 * var(--measure));line-height:1.45;margin-bottom:calc(28 * var(--measure))}
 .product-hero-inner{padding-top:calc(235 * var(--measure));padding-bottom:calc(140 * var(--measure));grid-template-columns:minmax(0,60fr) minmax(0,40fr);align-items:start}
 .product-hero-inner>div{max-width:none}
 .product-hero h2{font-size:calc(52 * var(--measure));line-height:1.38;color:#3483ff;margin-bottom:calc(38 * var(--measure))}
 .product-hero .product-intro{font-size:calc(22 * var(--measure));line-height:1.55;max-width:calc(800 * var(--measure));margin-bottom:calc(64 * var(--measure))}
 .product-hero-art{position:absolute;width:calc(644 * var(--measure));max-width:none;right:calc(-62 * var(--measure));top:calc(177 * var(--measure));height:auto}
 #architecture{padding-top:calc(62 * var(--measure));padding-bottom:calc(90 * var(--measure))}
 #architecture .product-intro{margin-bottom:calc(27 * var(--measure))}
 .product-architecture{width:calc(100% + 47 * var(--measure));max-width:none;margin-top:0;margin-left:calc(-24 * var(--measure))}
 .product-feature{padding-top:calc(78 * var(--measure));padding-bottom:calc(80 * var(--measure))}
 .product-feature-grid{width:calc(600 * var(--measure));margin-top:calc(86 * var(--measure))}
 .product-kicker{font-size:calc(24 * var(--measure));margin-bottom:calc(36 * var(--measure))}
 .product-feature-grid h3{font-size:calc(51 * var(--measure));line-height:1.37;margin-bottom:calc(22 * var(--measure))}
 .product-feature-grid .product-intro{font-size:calc(24 * var(--measure));line-height:1.5}
 .product-feature-tags{flex-wrap:nowrap;gap:calc(24 * var(--measure));font-size:calc(17 * var(--measure));margin-top:calc(40 * var(--measure));width:calc(700 * var(--measure))}
 .product-feature-tags>span{gap:calc(8 * var(--measure));white-space:nowrap}
 .product-feature-tags img{width:calc(20 * var(--measure));height:calc(20 * var(--measure))}
 .product-feature-art{width:calc(1920 * var(--measure));left:calc((var(--content-width) - 1920 * var(--measure))/2);top:calc(-330 * var(--measure))}
 .product-scenarios{padding-top:calc(80 * var(--measure));padding-bottom:calc(60 * var(--measure))}
 .product-scenarios .product-intro{margin-bottom:0}
 .product-scenario-grid{grid-template-columns:minmax(0,calc(704 * var(--measure))) minmax(0,1fr);gap:calc(76 * var(--measure));align-items:start;width:calc(100% + 83 * var(--measure))}
 .product-scenario-tabs button{padding:calc(23 * var(--measure)) 0;line-height:1.4;font-size:calc(24 * var(--measure))}
 .product-scenario-tabs button.active{padding-bottom:calc(36 * var(--measure))}
 .product-scenario-tabs .tab-description{margin-top:calc(20 * var(--measure));line-height:1.6;font-size:calc(18 * var(--measure))}
 .product-scenario-panels img{aspect-ratio:903 / 561;object-fit:contain;background:#eaf5ff}
 .product-value{padding-top:calc(76 * var(--measure));padding-bottom:calc(100 * var(--measure))}
 .product-value-copy{width:calc(710 * var(--measure));max-width:46%}
 .product-value h2{line-height:1.38;margin-bottom:calc(66 * var(--measure))}
 .product-value-tabs button{font-size:calc(29 * var(--measure));padding:calc(18 * var(--measure)) calc(32 * var(--measure))}
 .product-value-tabs .tab-description{font-size:calc(17 * var(--measure));line-height:1.5;max-width:calc(435 * var(--measure))}
 #product-cases{padding-top:calc(42 * var(--measure));padding-bottom:calc(64 * var(--measure))}
 .product-case-grid{gap:calc(24 * var(--measure))}
 .product-case-card{padding:calc(24 * var(--measure))}
 .product-case-card h3{font-size:calc(32 * var(--measure));line-height:1.35;margin-bottom:calc(4 * var(--measure))}
 .product-case-category{margin-bottom:calc(4 * var(--measure));line-height:1.4}
 .product-case-card>p:not(.product-case-category){line-height:1.4;margin-bottom:calc(12 * var(--measure))}
 .product-case-link{font-size:calc(20 * var(--measure));line-height:1.35;margin-bottom:calc(14 * var(--measure))}
 .product-case-card.case-large{min-height:calc(429 * var(--measure))}
 .product-case-card:not(.case-large){min-height:calc(511 * var(--measure))}
 .product-case-card:not(.case-large)>img{aspect-ratio:471 / 248}
 .product-cta{padding:calc(72 * var(--measure)) 0 calc(62 * var(--measure))}
 .product-page .product-cta h2{font-size:calc(52 * var(--measure));line-height:1.38;margin-bottom:calc(8 * var(--measure))}
 .product-cta .container>p:not(.product-cta-eyebrow){font-size:calc(23 * var(--measure));max-width:60%;line-height:1.4;margin-bottom:calc(22 * var(--measure))}
}
@media(min-width:641px) and (max-width:1100px){.product-scroll-cue{margin-top:40px}.product-feature-tags{max-width:100%}.product-value-tabs b{font-size:21px}}
@media(max-width:640px){.product-scroll-cue{margin-top:32px;width:18px;height:29px}.product-value-tabs b{font-size:19px}}
@media(min-width:1101px){
 /* The supplied copy needs two CTA lines; recover space through padding, not clipping. */
 .product-cta{padding-top:calc(62 * var(--measure));padding-bottom:calc(48 * var(--measure))}
}

.product-hero-inner>div{min-width:0}
.product-hero h1{max-width:none}
.product-value-tabs button{cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.product-value-tabs button:hover{background:#e5edf780}
.product-value-tabs button:focus-visible{outline:2px solid #2878ff;outline-offset:3px}
.product-value-panels>[role=tabpanel]:not([hidden]){animation:product-value-reveal .24s ease}
@keyframes product-value-reveal{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.product-value-panels>[role=tabpanel]:not([hidden]){animation:none}}