.solutions-page { padding-bottom: 28px; }
.solutions-hero { padding: clamp(64px, 9vw, 116px) 0 70px; }
.solutions-kicker, .solutions-panel-label { display: inline-block; color: var(--accent-cyan); text-transform: uppercase; letter-spacing: .14em; font-size: .75rem; font-weight: 800; }
.solutions-hero h1 { max-width: 920px; margin: 17px 0 24px; font-family: var(--font-heading); font-size: clamp(2.7rem, 6vw, 5.2rem); line-height: 1.05; letter-spacing: -.045em; }
.solutions-hero h1 span { color: var(--accent-cyan); }
.solutions-lead { max-width: 760px; color: #cbd5e1; font-size: clamp(1.05rem, 1.8vw, 1.3rem); line-height: 1.7; margin-bottom: 28px; }
.solutions-hero-grid { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(250px, .8fr); align-items: center; gap: 45px; }
.solutions-hero-card, .solutions-panel, .solutions-card, .solutions-next { border: 1px solid var(--card-border); border-radius: 24px; background: rgba(19, 20, 34, .78); }
.solutions-hero-card { padding: 32px; background: linear-gradient(145deg, rgba(139, 92, 246, .19), rgba(6, 182, 212, .06)); }
.solutions-hero-card h2 { margin: 25px 0 10px; font-size: 1rem; }
.solutions-hero-card p, .solutions-panel p, .solutions-next p { color: #b7c3d5; line-height: 1.7; }
.solutions-icon { width: 52px; height: 52px; display: inline-flex; align-items: center; justify-content: center; border-radius: 15px; background: rgba(139, 92, 246, .15); color: #b9a2ff; font-size: 1.3rem; }
.solutions-code { color: var(--accent-cyan); font-family: var(--font-heading); letter-spacing: .1em; font-size: .77rem; font-weight: 700; }
.solutions-hero-card .solutions-code { display: block; margin-top: 20px; }
.solutions-hero > .btn-glow { gap: 8px; }
.solutions-breadcrumbs { display: flex; flex-wrap: wrap; gap: 10px; color: var(--text-muted); font-size: .85rem; margin-top: 16px; }
.solutions-breadcrumbs a { color: #c4b5fd; }
.solutions-actions { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; }
.solutions-secondary { display: inline-flex; align-items: center; min-height: 42px; padding: 10px 18px; border: 1px solid var(--card-border); border-radius: 99px; text-decoration: none; }
.solutions-not-found { margin-top: 24px; color: #fca5a5; }
.solutions-detail { margin: 0 0 90px; }
.solutions-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.solutions-panel { padding: clamp(24px, 3vw, 36px); }
.solutions-panel--wide { grid-column: 1 / -1; }
.solutions-panel h2 { margin: 11px 0 16px; font-family: var(--font-heading); font-size: clamp(1.35rem, 2.2vw, 1.8rem); }
.solutions-list { display: grid; gap: 12px; list-style: none; color: #cbd5e1; }
.solutions-list li { position: relative; padding-left: 24px; line-height: 1.6; }
.solutions-list li::before { content: '✓'; position: absolute; left: 0; color: var(--accent-cyan); font-weight: 800; }
.solutions-panel--note { background: linear-gradient(145deg, rgba(6, 182, 212, .09), rgba(19, 20, 34, .78)); }
.solutions-text-link { display: inline-flex; gap: 8px; margin-top: 18px; color: #67e8f9; text-decoration: none; }
.solutions-next { padding: clamp(26px, 4vw, 48px); display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-bottom: 90px; }
.solutions-next h2 { max-width: 670px; font-family: var(--font-heading); font-size: clamp(1.5rem, 2.6vw, 2.3rem); margin: 10px 0; }
.solutions-next .btn-glow { flex-shrink: 0; }
.solutions-catalog { padding-bottom: 72px; scroll-margin-top: 120px; }
.solutions-section-head { margin-bottom: 28px; }
.solutions-section-head h2 { font-family: var(--font-heading); font-size: clamp(1.8rem, 3vw, 2.7rem); margin: 8px 0; }
.solutions-section-head p { color: var(--text-muted); }
.solutions-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.solutions-card { padding: 27px; display: flex; flex-direction: column; min-height: 245px; transition: border-color .2s, transform .2s; }
.solutions-card:hover { border-color: var(--card-hover-border); transform: translateY(-3px); }
.solutions-card-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.solutions-card h3 { font-family: var(--font-heading); font-size: 1.25rem; margin: 20px 0 9px; }
.solutions-card p { color: var(--text-muted); line-height: 1.55; flex: 1; }
.solutions-card a { display: inline-flex; align-items: center; gap: 9px; color: #67e8f9; margin-top: 22px; font-weight: 700; text-decoration: none; }
.solutions-page a:focus-visible { outline: 3px solid var(--accent-cyan); outline-offset: 4px; }
@media (max-width: 900px) { .solutions-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .solutions-hero-grid { grid-template-columns: 1fr; } }
@media (max-width: 620px) { .solutions-grid, .solutions-detail-grid { grid-template-columns: 1fr; } .solutions-panel--wide { grid-column: auto; } .solutions-next { align-items: flex-start; flex-direction: column; } .solutions-hero { padding-top: 55px; } .solutions-card { min-height: 0; } }