/* Product presentation uses the shared page shell and navigation components. */
.product-page{--max:1220px}
.product-page .hero{padding:70px 0 62px}
.product-page .hero h2{font-size:clamp(25px,3vw,39px);line-height:1.25}
.product-page .hero> .shell>p{max-width:790px;font-size:16px;line-height:1.8}
.product-page .hero h2,.product-page .hero> .shell>p,.product-page .section-title h2,.product-page .cta h3{text-wrap:balance}
.product-page .product-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:22px;margin-top:26px}
.product-page .product-actions a{font-size:13px;color:#1764bf;white-space:nowrap}
.product-page .product-actions .product-primary{padding:11px 18px;border-radius:999px;background:#1677ff;color:#fff}
.product-page .product-actions span{margin-left:7px}
.product-linkage{display:grid;grid-template-columns:190px 38px minmax(0,1fr) 38px 190px;align-items:center;gap:12px;max-width:1040px;margin:42px auto 0;text-align:center}
.product-caption{display:block;font-size:11px;color:#7b8794;font-weight:600;letter-spacing:.02em}
.product-endpoint{display:grid;gap:9px}
.product-endpoint .product-caption{margin-bottom:6px}
.product-source{padding:11px 12px;border:1px solid #e5eaf0;border-radius:9px;font-size:12px;color:#637184;background:#fbfcfd}
.product-bridge{color:#b2bfcd;font-size:24px;font-weight:300}
.product-core{padding:23px 25px 18px;border:1px solid #c5d9f3;border-radius:18px;background:linear-gradient(145deg,#fbfdff,#f0f6ff);box-shadow:0 14px 38px rgba(36,119,221,.06)}
.product-core-brand{display:flex;justify-content:center;align-items:center;gap:9px;color:#172033}
.product-core-brand img{width:27px;height:27px;border-radius:4px}
.product-core-brand strong{font-size:26px;letter-spacing:-.035em}
.product-core-sub{margin-top:6px;color:#657b96;font-size:11px}
.product-core-outputs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:21px}
.product-core-outputs>div{padding:16px 7px;border:1px solid #dce7f5;border-radius:9px;background:rgba(255,255,255,.8)}
.product-core-outputs b{display:block;color:#245787;font-size:14px}
.product-core-outputs span{display:block;margin-top:7px;color:#6c8095;font-size:10px}
.product-core-foundation{margin-top:17px;color:#708399;font-size:10px;line-height:1.7}
.product-linkage figcaption{grid-column:1/-1;margin-top:8px;color:#8a95a2;font-size:11px;line-height:1.6}
.product-page .section-title h2{margin:0;font-size:clamp(32px,4.4vw,52px);letter-spacing:-.045em;line-height:1.16}
.product-page .section-title h2 span{display:inline-block}
.product-page .section-title p{font-size:14px;line-height:1.85;max-width:850px}
.product-components{margin-top:44px;border-top:1px solid var(--line)}
.product-component{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,1.6fr);gap:55px;padding:29px 10px;border-bottom:1px solid var(--line);align-items:center}
.product-component-heading{position:relative;padding-left:52px}
.product-component-heading>span{position:absolute;left:0;top:3px;font-size:12px;color:#94a0ae}
.product-component h3{margin:0;font-size:23px;letter-spacing:-.025em}
.product-component-heading p{margin:9px 0 0;font-size:12px;color:#8b95a1}
.product-component-body>p{margin:0;font-size:14px;line-height:1.85;color:#637081}
.product-examples{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}
.product-examples span{padding:5px 9px;border-radius:6px;background:#f4f7fa;color:#718095;font-size:11px}
.product-page .product-section-note{margin:23px 0 0;color:#7b8795;font-size:12px;line-height:1.85}
.product-workflow{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:34px;margin-top:42px;align-items:start}
.product-steps{border-top:1px solid var(--line)}
.product-detail{border-bottom:1px solid var(--line)}
.product-detail summary{display:flex;align-items:center;gap:18px;list-style:none;cursor:pointer;padding:21px 0;color:#28364a}
.product-detail summary::-webkit-details-marker{display:none}
.product-detail summary b{display:block;font-size:16px;font-weight:650}
.product-detail summary small{display:block;margin-top:5px;font-size:12px;color:#7f8b99}
.product-step-number{width:25px;flex:none;color:#93a1b1;font-size:12px}
.product-disclosure{width:18px;height:18px;flex:none;position:relative;margin-left:auto}
.product-disclosure::before,.product-disclosure::after{content:"";position:absolute;background:#8799ad;left:4px;right:4px;top:8px;height:1px}
.product-disclosure::after{transform:rotate(90deg);transition:transform .16s}
.product-detail[open] .product-disclosure::after{transform:rotate(0)}
.product-detail[open] summary b{color:#1764bf}
.product-detail-body{padding:0 32px 22px 43px;color:#637183;font-size:13px;line-height:1.85}
.product-detail-body p{margin:0}
.product-output-label{display:block;margin-top:13px;font-size:11px;color:#7d8ea2}
.product-deliverable{padding:30px;border:1px solid #dbe5f1;border-radius:18px;background:#fff}
.product-deliverable .product-caption{color:#8b9caf}
.product-deliverable h3{font-size:25px;letter-spacing:-.03em;margin:12px 0 24px}
.product-deliverable dl{margin:0}
.product-deliverable dl>div{display:grid;grid-template-columns:70px 1fr;gap:14px;padding:17px 0;border-top:1px solid #eaf0f6}
.product-deliverable dt{color:#4b6e97;font-size:12px;font-weight:600}
.product-deliverable dd{margin:0;color:#768599;font-size:12px;line-height:1.7}
.product-deliverable>a{display:inline-block;margin-top:25px;color:#1764bf;font-size:12px;line-height:1.7}
.product-page .product-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px;margin-top:54px}
.product-controls article{border-top:1px solid #333e4d;padding-top:23px}
.product-controls article>span{font-size:11px;color:#729bd1}
.product-controls h3{margin:15px 0 12px;font-size:23px;letter-spacing:-.025em}
.product-controls p{margin:0;color:#9ca9bb;font-size:13px;line-height:1.85}
.product-text-link{display:inline-block;color:#1764bf;font-size:12px;line-height:1.7;margin-top:30px}
.product-page .dark .product-text-link{color:#91b8ec}
.product-integration{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:70px;margin-top:45px}
.product-system-roles{border-top:1px solid var(--line)}
.product-system-roles>div{display:grid;grid-template-columns:145px 1fr;gap:20px;padding:25px 0;border-bottom:1px solid var(--line)}
.product-system-roles h3{margin:0;font-size:16px}
.product-system-roles p{margin:0;color:#6c798b;font-size:13px;line-height:1.85}
.product-faq>h3{margin:0 0 12px;font-size:18px}
.product-faq .product-detail summary{gap:10px;padding:20px 0}
.product-faq .product-detail summary b{font-size:13px}
.product-faq .product-detail-body{padding:0 15px 21px 0}
.product-start{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin:48px 0 0;padding:0;list-style:none}
.product-start li{position:relative;border-top:1px solid #dce3eb;padding-top:24px}
.product-start li>span{color:#7797bc;font-size:12px}
.product-start h3{margin:17px 0 12px;font-size:24px;letter-spacing:-.025em}
.product-start p{color:#6d7b8d;font-size:14px;line-height:1.85;margin:0}
.product-start small{display:block;color:#8c9aac;font-size:11px;margin-top:19px}
.product-start-note{display:grid;grid-template-columns:1fr auto;gap:7px 35px;align-items:center;margin-top:45px;padding:24px 27px;background:#fff;border:1px solid #e2e8ef;border-radius:14px}
.product-start-note b{font-size:15px}
.product-start-note p{grid-column:1;margin:0;font-size:12px;line-height:1.8;color:#8490a0}
.product-start-note a{grid-column:2;grid-row:1/3;font-size:13px;color:#1764bf}
.product-page .cta .product-actions{margin-top:27px}
.product-page .cta .product-actions a{color:#fff;font-size:12px;margin:0;padding:11px 18px}
.product-page .cta .product-actions a+a{background:transparent;border:1px solid #46546a}
.product-page a:focus-visible,.product-page summary:focus-visible{outline:2px solid #2477dd;outline-offset:5px}
@media(max-width:1000px){
  .product-linkage{grid-template-columns:150px 22px minmax(0,1fr) 22px 150px;gap:8px}
  .product-core{padding:21px 15px 18px}
  .product-component{gap:30px}
  .product-integration{gap:35px}
  .product-system-roles>div{grid-template-columns:1fr;gap:10px}
  .product-page .product-controls{gap:23px}
}
@media(max-width:760px){
  .product-page .hero{padding:60px 0 52px}
  .product-page .hero> .shell>p{font-size:14px}
  .product-page .product-actions{gap:18px;margin-top:23px}
  .product-page .product-actions a{font-size:12px}
  .product-linkage{grid-template-columns:1fr;margin-top:32px;gap:12px;max-width:460px}
  .product-endpoint{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .product-endpoint .product-caption{grid-column:1/-1;margin-bottom:2px}
  .product-source{padding:10px 5px;font-size:11px}
  .product-bridge{font-size:20px;line-height:20px;transform:rotate(90deg)}
  .product-core{padding:22px}
  .product-core-outputs{gap:10px}
  .product-linkage figcaption{font-size:10px;margin-top:6px}
  .product-page .section-title h2{font-size:32px}
  .product-page .section-title p{font-size:13px}
  .product-component{grid-template-columns:1fr;gap:18px;padding:27px 0}
  .product-component-heading{padding-left:34px}
  .product-component-body{padding-left:34px}
  .product-component h3{font-size:22px}
  .product-component-body>p{font-size:13px}
  .product-examples{gap:6px}
  .product-examples span{font-size:10px;padding:5px 7px}
  .product-workflow,.product-integration{grid-template-columns:1fr;gap:32px;margin-top:29px}
  .product-deliverable{padding:25px}
  .product-page .product-controls{grid-template-columns:1fr 1fr;gap:30px 24px;margin-top:33px}
  .product-controls h3{font-size:20px}
  .product-controls p{font-size:12px}
  .product-start{grid-template-columns:1fr;gap:28px;margin-top:32px}
  .product-start li{padding-top:19px}
  .product-start h3{font-size:23px;margin-top:11px}
  .product-start p{font-size:13px}
  .product-start small{margin-top:12px}
  .product-start-note{display:block;padding:22px;margin-top:31px}
  .product-start-note p{margin-top:9px}
  .product-start-note a{display:inline-block;margin-top:16px}
}
@media(prefers-reduced-motion:reduce){.product-disclosure::after{transition:none}}