/* Homepage visual system. Scoped to .home; keep the original gzip bundle intact. */
.home{--home-ink:#081426;--home-text:#182b42;--home-muted:#596b80;--home-line:#dce5ef;--home-blue:#165dde}
/* One light surface and one dark surface; blue is an accent, not another section theme. */
.home .products-section,.home .home-package-promo,.home .industry-section,.home .about-section,.home .faq-section,.home .topic-section{background:#fff;color:var(--home-text)}
.home .services-section,.home .ai-section,.home .delivery-section,.home .insights-section,.home .contact-section{background:var(--home-ink);color:#f7faff}
.home .section{padding-block:80px}
.home .section-heading{margin-bottom:32px}
.home .section-heading h2,.home .about-section h2,.home .contact-section h2{font-size:clamp(28px,2.5vw,36px);line-height:1.5;font-weight:600;letter-spacing:-.025em;text-wrap:pretty}
.home .eyebrow{letter-spacing:.1em;font-size:12px}
.home .section-description{font-size:16px;line-height:1.85;color:var(--home-muted)}
.home .services-section>.container>.section-heading .eyebrow,.home .services-section>.container>.section-heading .blue,.home .delivery-section .eyebrow,.home .insights-section .eyebrow,.home .contact-section .eyebrow{color:#6ccbff}
.home .delivery-section .muted,.home .delivery-steps summary small,.home .delivery-steps details>p,.home .insights-section .section-description,.home .contact-section>.container>div>p{color:#b6c6da}
.home .insights-section .section-top>.text-link{color:#6ccbff}
/* Case navigation: keep every full name, align the image and action in a single column. */
.home .product-showcase{grid-template-columns:250px minmax(0,1fr);gap:32px;align-items:start}
.home .product-tabs{gap:10px;grid-template-rows:none;align-self:start;align-content:start}
.home .product-tabs button,.home .product-tabs button[aria-selected=true]{height:auto;min-height:84px;padding:16px;gap:10px;align-items:start;border:1px solid var(--home-line);background:#f6f8fb;color:#405572;border-radius:10px;box-shadow:none}
.home .product-tabs button[aria-selected=true]{background:#164b9e;color:#fff;border-color:#164b9e}
.home .product-tabs button>span:not(.tab-index){min-width:0}
.home .product-tabs strong{font-size:16px;font-weight:600;line-height:1.65;overflow-wrap:anywhere;letter-spacing:0}
.home .product-tabs small{display:none}
.home .tab-index{margin-top:5px;color:inherit;opacity:.8}
.home .product-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-content:start;min-width:0}
.home .project-intro{min-width:0}
.home .project-intro h3{max-width:none;font-size:18px;font-weight:500;line-height:1.85;color:#405572;text-wrap:pretty;margin:14px 0 10px;letter-spacing:0}
.home .project-intro .tag{font-size:12px;line-height:1.7;white-space:normal;border-color:var(--home-line);color:#596b80}
.home .project-intro>p{margin:0;font-size:13px;color:#63758a}
.home .product-panel>.project-public-cover{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:auto;object-fit:contain;margin:0;border:1px solid var(--home-line);border-radius:10px;background:#eef3f8}
.home .product-panel>.text-link{justify-self:start;display:inline-flex;margin:0;min-height:44px}
/* Service cards all use the same light surface; illustrations retain their detail. */
.home .service-family{background:#fff;border:1px solid var(--home-line);border-radius:12px;color:var(--home-text)}
.home .family-art{background:#f4f8fc}
.home .family-number{color:#63758a;letter-spacing:.06em}
.home .service-family h3{font-size:20px;font-weight:600;line-height:1.6;color:#182b42}
.home .family-links h4{font-size:17px;line-height:1.6;font-weight:600;color:#183958}
.home .family-links p{font-size:14px;line-height:1.8;color:#596b80}
/* Treat this as a quiet business introduction, not an unrelated campaign banner. */
.home .home-package-promo{border:0;padding-block:64px}
.home .home-package-promo:after{display:none}
.home .home-package-promo .eyebrow{color:var(--home-blue)}
.home .home-package-price{font-size:28px;line-height:1.4;margin-bottom:10px;color:var(--home-blue);font-weight:600}
.home .home-package-promo h2{font-size:30px;line-height:1.5;color:var(--home-text);letter-spacing:-.02em}
.home .home-package-promo p{color:var(--home-muted);line-height:1.9}
.home .home-package-promo-actions>div span{color:#405572;border-color:var(--home-line);background:#f6f8fb;border-radius:6px}
.home .home-package-promo .text-link{color:var(--home-blue)}
.home .ai-scenarios h3{font-size:20px;line-height:1.6;font-weight:600}
.home .industry-panels h3{font-size:25px;font-weight:600;line-height:1.6}
.home .industry-outcome{background:#f4f8fc;border-color:var(--home-line)}
.home .delivery-steps details{border-color:#ffffff26}
.home .delivery-steps summary strong{font-size:19px;line-height:1.6;font-weight:600}
.home .delivery-section .principle-tags span{background:#ffffff08;border-color:#ffffff26;color:#cfdded;border-radius:6px}
.home .delivery-section .delivery-visual>.icon{background:#122b45;border-color:#2c4d6e;color:#8ecbff}
.home .about-year{font-size:clamp(64px,7vw,100px);font-weight:600;letter-spacing:-.05em}
.home .about-section .about-inner>div>p:not(.eyebrow){color:var(--home-muted);line-height:1.9}
/* Readable editorial cards on the dark section. */
.home .insight-card{background:#fff;color:var(--home-text);border:1px solid #20354f;border-radius:12px;overflow:hidden;padding-bottom:22px;display:flex;flex-direction:column}
.home .insight-card .article-cover{margin:0;border-radius:0}
.home .insight-card .article-meta,.home .insight-card h3,.home .insight-card>.text-link{margin-inline:20px}
.home .insight-card h3{font-size:18px;line-height:1.7;font-weight:600;margin-bottom:16px}
.home .insight-card>.text-link{margin-top:auto}
.home .insight-card .article-meta{color:#63758a}
.home .faq-list summary{font-size:17px;line-height:1.7}
.home .topic-section{border-top:1px solid var(--home-line)}
.home .contact-card{box-shadow:none;border-radius:12px}
.home .contact-section .contact-card p{color:#596b80}
.home .ai-section .section-description{color:#b6c6da}
.home .delivery-section .step-number{color:#6ccbff}
.home .contact-section .contact-inner>.contact-card p{color:#596b80}
.home .contact-section .contact-inner>div>.eyebrow{color:#6ccbff}
@media(max-width:767px){
 .home .section{padding-block:48px}
 .home .section-heading{margin-bottom:28px}
 .home .section-heading h2,.home .about-section h2,.home .contact-section h2{font-size:26px;line-height:1.55;margin-bottom:14px}
 .home .section-description{font-size:15px}
 .home .hero h1{font-size:32px;line-height:1.5;letter-spacing:-.035em}
 .home .hero-layout{gap:36px}
 .home .hero-description{font-size:15px;line-height:1.9}
 .home .product-showcase{display:block}
 .home .product-tabs{grid-template-columns:minmax(0,1fr);gap:10px;align-items:stretch}
 .home .product-tabs button,.home .product-tabs button[aria-selected=true]{align-items:center;padding:13px 16px;min-height:60px}
 .home .product-tabs button>span:not(.tab-index){flex:1}
 .home .product-tabs strong{font-size:15px}
 .home .product-tabs .icon{display:block;width:18px;height:18px;flex:none}
 .home .product-tabs .tab-index{margin-top:0}
 .home .product-panel{gap:16px}
 .home .service-family,.home .service-family.family-2{grid-template-columns:minmax(0,1fr)}
 .home .service-family .family-art{padding:12px 24px 28px}
 .home .service-family .family-diagram{max-width:260px;margin-inline:auto}
 .home .service-family .family-content{padding:10px 22px 24px}
 .home .service-family .family-links{grid-template-columns:minmax(0,1fr)}
 .home .family-links>a{padding-block:14px}
 .home .service-family h3{font-size:19px;margin-bottom:14px}
 .home .industry-panels h3{font-size:22px}
 .home .home-package-promo{padding-block:48px}
 .home .home-package-price{font-size:24px}
 .home .home-package-promo h2{font-size:25px}
 .home .about-year{font-size:64px}
 .home .insight-card h3{font-size:18px}
 .home .faq-list summary{font-size:16px}
}