/* Reading layout: limited line lengths, quiet surfaces and distinct levels of text. */
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('fonts/inter-latin-variable.woff2') format('woff2')}
:root{--text:#edf1f7;--text-muted:#bdc7d5;--text-faint:#9daabd;--particle-strength:.45;--reading-surface:#141923;--reading-line:#303847;--reading-copy:#c7d0dd}
body{font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:16px;line-height:1.65;font-weight:400;font-optical-sizing:auto}
.hero__sub{font-size:clamp(16px,1.2vw,18px);font-weight:400;line-height:1.7;max-width:72ch;color:#cbd4e1}
.section__note{font-size:16px;line-height:1.65}
.service-card{padding:19px 21px;min-height:104px}
.service-card__copy{gap:7px}.service-card__name{font-family:'Inter',system-ui,sans-serif;font-weight:600;font-size:17px;line-height:1.4;white-space:normal;overflow:visible;text-overflow:clip}
.service-card__tagline{font-size:15px;line-height:1.55;font-weight:400;white-space:normal;overflow:visible;text-overflow:clip;color:#b8c3d3}

/* Center the introduction while keeping the live examples full width. */
.features-panel__head{justify-content:center;margin-bottom:20px;text-align:center}
.features-panel__titles{align-items:center;gap:10px;max-width:800px}
.features-panel__name,.detail-panel__title{font-family:'Inter',system-ui,sans-serif;font-weight:650;letter-spacing:-.025em;line-height:1.25}
.features-panel__name{font-size:clamp(28px,3vw,40px)}
.features-panel__tagline{font-size:17px;line-height:1.6;font-weight:400;color:#c1cbda;max-width:64ch}
.service-overview,.detail-panel__desc,.detail-panel.is-analysis-detail .detail-panel__desc{max-width:68ch;margin:0 auto 24px;font-size:16px;line-height:1.7;font-weight:400;color:var(--reading-copy);white-space:pre-line;text-align:left}
.service-overview{margin-top:25px;margin-bottom:0}
.service-starting-price{max-width:68ch;margin:15px auto 0;text-align:center}
.starting-price,.detail-panel__price{font-family:'Inter',system-ui,sans-serif;font-size:15px;line-height:1.6;font-weight:600}
.feature-grid{justify-content:center;gap:8px;margin-top:28px}
.feature-chip{padding:9px 13px}.feature-chip__title{font-family:'Inter',system-ui,sans-serif;font-size:14px;font-weight:500;line-height:1.5}
.detail-panel{margin-top:30px}
.detail-panel__title{max-width:800px;margin:0 auto 9px;text-align:center;font-size:clamp(24px,2.2vw,30px)}
.detail-panel__summary{font-family:'Inter',system-ui,sans-serif;font-size:16px;line-height:1.65;font-weight:500;max-width:64ch;margin:0 auto 11px;text-align:center;color:#e2e8f1}
.detail-panel__price{margin:0 auto 21px;text-align:center}
.detail-panel.is-analysis-detail .detail-panel__title{margin-bottom:9px}
.detail-panel.is-analysis-detail .detail-panel__summary{margin-bottom:11px}
.detail-panel.is-analysis-detail .detail-panel__price{margin-bottom:18px}
.detail-panel.is-analysis-detail .detail-panel__desc{margin-bottom:20px}

/* The compact question provides a clear break before the dashboard. */
.analysis-case.is-compact{max-width:880px;margin:22px auto 20px;padding:20px 24px;border:1px solid var(--reading-line);border-left:2px solid #8e9fc4;border-radius:10px;background:#121720}
.analysis-case.is-compact .analysis-case__label{font-size:12px;font-weight:600;letter-spacing:.09em;color:#acbad0}
.analysis-case.is-compact h4{font-family:'Inter',system-ui,sans-serif;font-size:17px;line-height:1.55;font-weight:600;letter-spacing:-.01em;color:#eff3f9;margin:7px 0 9px;max-width:75ch}
.analysis-case.is-compact>p{font-size:15px;line-height:1.65;font-weight:400;color:#bcc8d8;max-width:83ch;margin:0}

/* One shared panel makes the finding and response easy to compare. */
.analysis-after{max-width:1040px;margin:30px auto 42px;padding:0;border:1px solid var(--reading-line);border-radius:14px;background:var(--reading-surface);overflow:hidden}
.analysis-after .analysis-case__steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0}
.analysis-after .analysis-case__steps article{min-width:0;padding:26px 28px;border:0}
.analysis-after .analysis-case__steps article+article{border-left:1px solid var(--reading-line);background:#191f2a}
.analysis-after .analysis-case__steps strong{display:block;font-family:'Inter',system-ui,sans-serif;font-size:17px;line-height:1.45;font-weight:600;color:#f0f3f9}
.analysis-after .analysis-case__steps p{font-size:16px;line-height:1.7;font-weight:400;color:var(--reading-copy);margin:14px 0 0;max-width:54ch}
.prose-heading-icon,.output-caption__point .prose-heading-icon,.analysis-after .prose-heading-icon{display:inline-block;font-size:17px;line-height:1.2;vertical-align:baseline;margin:0 9px 0 0;font-weight:400}

/* Supporting capabilities become short, separate reading units. */
.output-caption{max-width:1040px;margin:0 auto;padding:0}
.output-caption h4{font-family:'Inter',system-ui,sans-serif;font-size:25px;font-weight:650;line-height:1.35;letter-spacing:-.025em;max-width:700px;margin:0 auto 16px;text-align:center}
.output-caption>p{max-width:68ch;margin:0 auto;font-size:16px;line-height:1.7;font-weight:400;color:var(--reading-copy);white-space:pre-line}
.is-sales-analysis .output-caption>p{max-width:68ch;line-height:1.7;color:var(--reading-copy)}
.output-caption>#capabilityIntro{margin:24px auto 18px;text-align:center;font-size:14px;font-weight:500;color:#aebdd0}
.output-caption__points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:0;border:0}
.output-caption__point{padding:23px 24px;background:var(--reading-surface);border:1px solid var(--reading-line);border-radius:12px;min-width:0}
.output-caption__point strong{display:block;font-family:'Inter',system-ui,sans-serif;font-size:16px;line-height:1.5;font-weight:600;color:#eef2f8}
.output-caption__point>span{display:block;margin-top:12px;font-size:16px;line-height:1.65;font-weight:400;color:var(--reading-copy)}
.output-caption__point:last-child:nth-child(3n+1){grid-column:1/-1;display:grid;grid-template-columns:1fr 2fr;gap:24px;align-items:start}
.output-caption__point:last-child:nth-child(3n+1)>span{margin-top:0;max-width:68ch}
.overview-after-dashboard{max-width:76ch;margin:30px auto 0;padding:25px 28px;background:var(--reading-surface);border:1px solid var(--reading-line);border-radius:12px;color:var(--reading-copy);font-size:16px;line-height:1.7;font-weight:400}

:is(#engineeringAfterDemo,#seoAfterDemo,#customApiAfterDemo,#systemIntegrationAfterDemo,#automationAfterDemo,#cloudAfterDemo,#analyticsAfterDemo){max-width:800px;margin:30px auto 5px;padding:28px 32px;background:var(--reading-surface);border:1px solid var(--reading-line);border-radius:12px}
:is(#engineeringAfterDemo,#seoAfterDemo,#customApiAfterDemo,#systemIntegrationAfterDemo,#automationAfterDemo,#cloudAfterDemo,#analyticsAfterDemo) h4{font-family:'Inter',system-ui,sans-serif;font-size:19px;font-weight:600;line-height:1.5;color:#eff3f9;margin:0 0 15px}
:is(#engineeringAfterDemo,#seoAfterDemo,#customApiAfterDemo,#systemIntegrationAfterDemo,#automationAfterDemo,#cloudAfterDemo,#analyticsAfterDemo) p{font-family:'Inter',system-ui,sans-serif;max-width:68ch;font-size:16px;line-height:1.7;font-weight:400;color:var(--reading-copy);margin:0 0 18px}
:is(#engineeringAfterDemo,#seoAfterDemo,#customApiAfterDemo,#systemIntegrationAfterDemo,#automationAfterDemo,#cloudAfterDemo,#analyticsAfterDemo) p:last-child{margin-bottom:0}

/* Retain useful chart labels without enlarging every dashboard element. */
:is(.sp-app,.fp-app,.wa-app,.cs-app,.il-app,.pr-app){font-family:'Inter',system-ui,sans-serif;font-size:14px;line-height:1.6;font-weight:400}
.sp-app{--sp-muted:#bbccdc;--sp-text:#eff4fa}.sp-story p{font-size:15px;line-height:1.7;color:#c7d3e2}
:is(.sp-app,.fp-app,.wa-app,.cs-app,.il-app,.pr-app) :is(td,th){font-size:14px;line-height:1.65}
:is(.sp-app,.fp-app,.wa-app,.cs-app,.il-app,.pr-app) td{font-weight:400}
:is(.sp-app,.fp-app,.wa-app,.cs-app,.il-app,.pr-app) svg text{font-family:'Inter',system-ui,sans-serif!important;font-weight:500}
:is(.sp-report-head,.sp-insight,.fp-decision,.wa-finding,.cs-action,.il-finding,.pr-finding) p{font-family:'Inter',system-ui,sans-serif;font-size:15px;line-height:1.75;font-weight:400;color:#c8d4e3;max-width:75ch}
:is(.sp-insight,.fp-decision,.wa-finding,.cs-action,.il-finding,.pr-finding) h5{font-family:'Inter',system-ui,sans-serif;font-size:18px;line-height:1.5;font-weight:600;color:#eff4fc}
:is(.sp-insight,.fp-decision,.wa-finding,.cs-action,.il-finding,.pr-finding) h6{font-family:'Inter',system-ui,sans-serif;font-size:14px;line-height:1.5;font-weight:600}
:is(.sp-card,.fp-card,.wa-card,.cs-card,.il-card,.pr-card) h5{font-family:'Inter',system-ui,sans-serif;font-weight:600;font-size:16px;line-height:1.5}
.sp-card-head{flex-wrap:wrap;align-items:start}.sp-card-head>span{white-space:normal}
.sp-bridge-row{grid-template-columns:112px minmax(0,1fr) 83px;gap:10px;font-size:14px}
.sp-filter-note,.sp-trend-note,.sp-foot,.sp-scope-note,.sp-report-basis,.sp-report-summary div{font-size:14px;line-height:1.65;color:#b9cadc}
.sp-insight-meta{font-size:14px;line-height:1.65}.sp-insight-meta strong{font-weight:500;color:#d6e5f4}
.sp-trend-plot{width:100%;height:300px;min-width:0}.sp-trend-plot .sp-chart{display:block;width:100%;height:100%;max-height:none;overflow:visible}.sp-trend-plot .sp-chart text{font:500 14px 'Inter',system-ui,sans-serif;fill:#c3d2e3}
.client-proof__quote{font-family:'Inter',system-ui,sans-serif;line-height:1.6}.contact__sub{font-size:16px;line-height:1.7}

@media(max-width:1000px){
 .output-caption__points{grid-template-columns:repeat(2,minmax(0,1fr))}
 .output-caption__point:last-child:nth-child(3n+1){grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
 .hero__sub{font-size:16px}
 .service-card{padding:17px 18px;min-height:100px}.service-card__name{font-size:16px}.service-card__tagline{font-size:14px}
 .features-panel__head{margin-bottom:18px}.features-panel__tagline{font-size:16px}.features-panel{margin-top:44px}
 .detail-panel__summary{font-size:15px}.feature-grid{justify-content:flex-start}.feature-chip{padding:9px 12px}
 .service-overview,.detail-panel__desc,.detail-panel.is-analysis-detail .detail-panel__desc{font-size:16px;line-height:1.7}
 .analysis-case.is-compact{padding:17px 18px}.analysis-case.is-compact h4{font-size:16px}.analysis-case.is-compact>p{font-size:14px;line-height:1.7}
 .analysis-after{margin:24px auto 32px}.analysis-after .analysis-case__steps{grid-template-columns:minmax(0,1fr);gap:0}
 .analysis-after .analysis-case__steps article{padding:22px}
 .analysis-after .analysis-case__steps article+article{border-left:0;border-top:1px solid var(--reading-line)}
 .analysis-after .analysis-case__steps strong{font-size:16px}.analysis-after .analysis-case__steps p{font-size:15px;line-height:1.7;margin-top:12px}
 .output-caption h4{font-size:22px}.output-caption>p{font-size:16px}
 .output-caption__points{grid-template-columns:minmax(0,1fr);gap:12px}
 .output-caption__point{padding:21px 22px}.output-caption__point:last-child:nth-child(3n+1){display:block}
 .output-caption__point:last-child:nth-child(3n+1)>span{margin-top:12px}
 .output-caption__point>span{font-size:15px;line-height:1.7}
 .overview-after-dashboard{padding:22px;font-size:15px}
 :is(#engineeringAfterDemo,#seoAfterDemo,#customApiAfterDemo,#systemIntegrationAfterDemo,#automationAfterDemo,#cloudAfterDemo,#analyticsAfterDemo){padding:22px}
 :is(#engineeringAfterDemo,#seoAfterDemo,#customApiAfterDemo,#systemIntegrationAfterDemo,#automationAfterDemo,#cloudAfterDemo,#analyticsAfterDemo) h4{font-size:18px}
 :is(#engineeringAfterDemo,#seoAfterDemo,#customApiAfterDemo,#systemIntegrationAfterDemo,#automationAfterDemo,#cloudAfterDemo,#analyticsAfterDemo) p{font-size:15px;line-height:1.7}
 .sp-bridge-row{grid-template-columns:100px minmax(0,1fr) 76px;gap:6px}.sp-trend-plot{height:260px}
}

@media(max-width:700px){
 .features-panel.is-analytics-service .feature-grid{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#465369 transparent;padding-bottom:8px;justify-content:flex-start}
 .features-panel.is-analytics-service .feature-chip{flex:0 0 auto}
 .features-panel.is-analytics-service .feature-chip__title{white-space:nowrap}
}