/* AI Strategy & Architecture service detail page. */
.strategy-page { color:#334155; }
.strategy-page main > section { content-visibility:visible; contain-intrinsic-size:none; }
.strategy-hero { padding:125px 0 72px; background:#f1f5fb; }
.strategy-breadcrumb { display:flex; flex-wrap:wrap; gap:10px; font-size:13px; margin-bottom:44px; }
.strategy-breadcrumb a { text-decoration:underline; text-underline-offset:4px; }
.strategy-hero-grid { display:grid; grid-template-columns:1fr 1.05fr; gap:44px; align-items:center; }
.strategy-page h1 { font-size:clamp(2.5rem,4.6vw,4.4rem); line-height:1.12; letter-spacing:-.04em; color:#0f172a; margin:16px 0 24px; }
.strategy-deck { font-family:var(--enterprise-heading); font-size:clamp(1.35rem,2vw,1.8rem); line-height:1.4; color:#075985; }
.strategy-hero .button { margin-top:18px; }
.strategy-page figure { margin:0; }
.strategy-page figure img { width:100%; height:auto; display:block; border-radius:16px; }
.strategy-page figcaption { margin:14px 0 0; font-size:13px; color:#475569; }
.strategy-jump { border-block:1px solid #dce3eb; background:white; }
.strategy-jump .container { display:flex; flex-wrap:wrap; gap:8px 30px; padding-block:12px; }
.strategy-jump a { padding:12px 0; font-size:14px; font-weight:700; color:#075985; }
.strategy-section { padding:80px 0; scroll-margin-top:90px; }
.strategy-tint { background:#f3f6f8; }
.strategy-section-heading { max-width:850px; margin-bottom:30px; }
.strategy-page h2 { font-size:clamp(1.9rem,3vw,2.8rem); line-height:1.25; letter-spacing:-.025em; color:#0f172a; margin:12px 0 22px; }
.strategy-page h3 { font-size:1.4rem; line-height:1.4; color:#0f172a; margin:0 0 20px; }
.strategy-prose > p,.strategy-prose > ul { max-width:880px; }
.strategy-prose p { line-height:1.85; margin:0 0 20px; }
.strategy-prose li { margin:12px 0; line-height:1.8; }
.strategy-prose ul { padding-left:22px; }
.strategy-prose strong { color:#153550; }
.strategy-prose a { color:#075985; text-decoration:underline; text-underline-offset:4px; }
.strategy-section figure { max-width:960px; margin:0 auto 40px; }
.strategy-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-top:32px; }
.strategy-card { background:white; border:1px solid #d8e2e9; border-radius:16px; padding:30px; }
.strategy-card:last-child:nth-child(odd) { grid-column:1/-1; }
.strategy-card p:last-child { margin-bottom:0; }
.architecture-cards { grid-template-columns:1fr; }
.architecture-cards .strategy-card { padding:36px; }
.strategy-faq { max-width:920px; }
.strategy-faq details { border-bottom:1px solid #cbd5e1; padding:8px 0; }
.strategy-faq summary { cursor:pointer; color:#0f172a; font-weight:700; padding:16px 4px; line-height:1.6; }
.strategy-faq details p { padding:0 4px; }
.strategy-close { background:#e4efec; }
.strategy-close .strategy-prose a { display:inline-flex; align-items:center; padding:12px 20px; border:1px solid #0f766e; border-radius:8px; text-decoration:none; font-weight:700; }
.strategy-related { padding-block:56px; display:flex; flex-wrap:wrap; gap:16px 32px; }
.strategy-related h2 { width:100%; font-size:1.7rem; margin:0; }
.strategy-related a { padding-block:12px; color:#075985; text-decoration:underline; }
.strategy-page a:focus-visible,.strategy-page summary:focus-visible { outline:3px solid #0f766e; outline-offset:5px; }
@media(max-width:760px) { .strategy-hero { padding:105px 0 48px; } .strategy-hero-grid,.strategy-cards { grid-template-columns:1fr; } .strategy-breadcrumb { margin-bottom:28px; } .strategy-section { padding:50px 0; } .strategy-card,.architecture-cards .strategy-card { padding:24px; } .strategy-hero-grid { gap:30px; } .strategy-page .button { white-space:normal; text-align:center; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
