.solutions-hero { position: relative; overflow: hidden; padding: clamp(4.5rem, 10vw, 8rem) 0; background: linear-gradient(135deg, var(--bp-navy-950), var(--bp-navy-800)); color: var(--bp-white); }
.solutions-hero .site-container { position: relative; z-index: 1; max-width: 52rem; }.solutions-hero .eyebrow { color: var(--bp-cyan-500); }.solutions-hero h1 { max-width: 48rem; margin: 0; color: var(--bp-white); font-family: var(--bp-font-display); font-size: clamp(2.7rem, 6vw, 5rem); font-weight: 800; letter-spacing: -.06em; line-height: 1; }.solutions-hero p:not(.eyebrow) { max-width: 38rem; margin: 1.5rem 0 0; color: #d7e4f2; font-size: 1.1rem; line-height: 1.65; }.solutions-hero__orbits { position: absolute; right: -2rem; bottom: -5rem; display: flex; gap: 1rem; color: rgba(18,199,238,.32); font-family: var(--bp-font-display); font-size: clamp(10rem, 25vw, 20rem); font-weight: 800; line-height: .75; }.solutions-hero__orbits span:last-child { color: rgba(255,255,255,.1); transform: translateY(-2rem); }
.product-grid { display: grid; gap: 1.25rem; }.product-card { display: flex; flex-direction: column; padding: clamp(1.5rem, 4vw, 2.5rem); border: 1px solid var(--bp-slate-200); border-radius: var(--bp-radius-lg); background: var(--bp-white); box-shadow: var(--bp-shadow-sm); }.product-card--dark { border-color: var(--bp-navy-800); background: var(--bp-navy-950); color: #d7e4f2; }.product-card--dark h2, .product-card--dark h3 { color: var(--bp-white); }.product-card--dark .icon-box { background: rgba(18,199,238,.14); color: var(--bp-cyan-500); }.product-card--dark .badge { background: rgba(18,199,238,.16); color: var(--bp-cyan-500); }.product-card__top { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }.product-card__top .icon-box { margin: 0; }.product-card h2 { margin: 1.5rem 0 .75rem; color: var(--bp-navy-950); font-family: var(--bp-font-display); font-size: clamp(1.55rem, 3vw, 2rem); font-weight: 750; }.product-card__lead { margin: 0; font-size: 1.05rem; line-height: 1.6; }.product-card__content { display: grid; gap: 1.25rem; margin: 2rem 0; padding-top: 1.5rem; border-top: 1px solid var(--bp-slate-200); }.product-card--dark .product-card__content { border-color: rgba(255,255,255,.14); }.product-card h3 { margin: 0 0 .65rem; color: var(--bp-navy-900); font-size: .86rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }.product-card ul { display: grid; gap: .5rem; margin: 0; padding: 0; list-style: none; }.product-card li { display: flex; gap: .5rem; align-items: flex-start; }.product-card li::before { color: var(--bp-cyan-600); content: "✓"; }.product-card__content p { margin: 0; line-height: 1.6; }.product-card .button { margin-top: auto; align-self: flex-start; }
.comparison-section { background: var(--bp-slate-100); }.comparison { overflow: hidden; border: 1px solid var(--bp-slate-200); border-radius: var(--bp-radius-lg); background: var(--bp-white); }.comparison__head, .comparison__row { display: grid; grid-template-columns: 1fr 1fr; }.comparison__head { background: var(--bp-navy-950); color: var(--bp-white); }.comparison__head strong, .comparison__row > * { padding: 1rem; }.comparison__head strong { color: var(--bp-white); font-family: var(--bp-font-display); }.comparison__head strong:last-child { color: var(--bp-cyan-500); }.comparison__row { border-top: 1px solid var(--bp-slate-200); }.comparison__row > strong { grid-column: 1 / -1; padding-bottom: .25rem; color: var(--bp-navy-900); font-size: .8rem; text-transform: uppercase; letter-spacing: .04em; }.comparison__row span { color: var(--bp-slate-700); line-height: 1.45; }.comparison__row span:last-child { border-left: 1px solid var(--bp-slate-200); }
.solutions-cta { background: linear-gradient(125deg, #e2f9ff, #fff); }.solutions-cta .site-container { display: grid; gap: 1.5rem; align-items: center; }.solutions-cta h2 { max-width: 42rem; margin: 0; color: var(--bp-navy-950); font-family: var(--bp-font-display); font-size: clamp(2rem, 4vw, 3.1rem); font-weight: 750; letter-spacing: -.04em; line-height: 1.1; }.solutions-cta p:not(.eyebrow) { margin: .75rem 0 0; }.solutions-cta .button { justify-self: start; }
@media (min-width: 768px) { .product-grid { grid-template-columns: repeat(2, 1fr); }.product-card__content { grid-template-columns: 1fr 1fr; }.comparison__head, .comparison__row { grid-template-columns: minmax(8rem, .72fr) 1fr 1fr; }.comparison__row > strong { grid-column: auto; padding-bottom: 1rem; }.comparison__row span { border-left: 1px solid var(--bp-slate-200); }.solutions-cta .site-container { grid-template-columns: 1fr auto; }.solutions-cta .button { justify-self: end; } }