.solutions-hero .detail-hero-inner { min-height: 400px; }
.solutions-hero .detail-hero-copy > p:not(.eyebrow) { max-width: 600px; }

.solutions-hero-art { position: relative; min-height: 310px; }
.solutions-orbit { position: absolute; inset: 14% 9%; border: 1px solid #ffffff45; border-radius: 50%; transform: rotate(-28deg) scaleY(.64); }
.solutions-orbit.orbit-b { inset: 9% 18%; transform: rotate(35deg) scaleY(.7); }
.solutions-hub { position: absolute; top: 50%; left: 50%; display: grid; width: 142px; height: 142px; align-content: center; justify-items: center; border: 1px solid #ffffff70; border-radius: 34px; background: linear-gradient(145deg,#ffffff36,#ffffff0c); box-shadow: 0 22px 58px #001b4a55; transform: translate(-50%,-50%) rotate(-5deg); backdrop-filter: blur(8px); }
.solutions-hub span { font: 800 20px Manrope,sans-serif; letter-spacing: 1px; }
.solutions-hub b { margin-top: 7px; color: #d9eaff; font-size: 11px; line-height: 1.35; text-align: center; }
.solutions-node { position: absolute; padding: 9px 12px; border: 1px solid #ffffff55; border-radius: 20px; background: #ffffff1d; color: #fff; font-size: 10px; font-weight: 800; letter-spacing: .7px; backdrop-filter: blur(8px); }
.node-compta { top: 13%; left: 8%; }
.node-gescom { top: 16%; right: 5%; }
.node-erp { bottom: 15%; left: 12%; }
.node-data { right: 10%; bottom: 12%; }

.solutions-catalogue { padding: 76px 0; background: #f5f8fd; scroll-margin-top: 80px; }
.solutions-intro { max-width: 770px; margin: 0 auto 34px; text-align: center; }
.solutions-intro h2,.solutions-approach-heading h2 { margin: 0 0 12px; color: var(--ink); font: 800 clamp(27px,3vw,38px)/1.15 Manrope,sans-serif; letter-spacing: -1px; }
.solutions-intro > p:last-child,.solutions-approach-heading > p:last-child { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.7; }
.solutions-product-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 17px; }
.solution-product-card { display: flex; min-height: 238px; flex-direction: column; padding: 23px; border: 1px solid #e1e9f4; border-radius: 16px; background: #fff; box-shadow: 0 8px 24px #062c6508; transition: transform .25s ease,box-shadow .25s ease,border-color .25s ease; }
.solution-product-card:hover { transform: translateY(-5px); border-color: #b9d3fb; box-shadow: 0 18px 34px #062c6518; }
.solution-product-top { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }
.solution-product-mark { display: grid; flex: 0 0 42px; width: 42px; height: 42px; place-items: center; border-radius: 12px; background: #eaf3ff; color: var(--blue); }
.solution-product-mark svg { width: 23px; height: 23px; }
.solution-product-category { color: var(--blue); font-size: 10px; font-weight: 800; letter-spacing: .6px; text-transform: uppercase; }
.solution-product-card h3 { margin: 0 0 8px; color: var(--ink); font: 800 20px Manrope,sans-serif; }
.solution-product-card > p { margin: 0 0 19px; color: var(--muted); font-size: 12px; line-height: 1.65; }
.solution-product-card > a { display: flex; align-items: center; gap: 8px; margin-top: auto; color: var(--blue); font-size: 11px; font-weight: 800; }
.solution-product-card > a span { font-size: 17px; transition: transform .2s ease; }
.solution-product-card:hover > a span { transform: translateX(4px); }

.solutions-approach { padding: 74px 0; background: #fff; }
.solutions-approach-heading { max-width: 700px; margin-bottom: 29px; }
.solutions-approach-heading h2 { font-size: clamp(25px,3vw,34px); }
.solutions-approach-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.solutions-approach-grid article { padding: 24px; border: 1px solid #e1e9f4; border-radius: 15px; background: #fff; }
.solutions-approach-grid article > span { color: #a8c9f7; font: 800 27px Manrope,sans-serif; }
.solutions-approach-grid h3 { margin: 13px 0 7px; color: var(--ink); font: 800 18px Manrope,sans-serif; }
.solutions-approach-grid p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.65; }
.solutions-more { margin: 18px 0 0; text-align: right; }
.solutions-more a { display: inline-flex; align-items: center; gap: 8px; color: var(--blue); font-size: 12px; font-weight: 800; }
.solutions-more span { font-size: 17px; }

@media (max-width: 900px) {
    .solutions-hero .detail-hero-inner { grid-template-columns: 1fr .75fr; }
    .solutions-product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 650px) {
    .solutions-hero .detail-hero-inner { grid-template-columns: 1fr; }
    .solutions-hero-art { min-height: 230px; }
    .solutions-catalogue,.solutions-approach { padding: 52px 0; }
    .solutions-intro { text-align: left; }
    .solutions-product-grid,.solutions-approach-grid { grid-template-columns: 1fr; }
    .solution-product-card { min-height: 210px; }
    .solutions-more { text-align: left; }
}

@media (prefers-reduced-motion: reduce) {
    .solution-product-card,.solution-product-card > a span { transition: none; }
    .solution-product-card:hover { transform: none; }
}
