.solutions-page{background:var(--surface-soft)}
.solutions-overview{padding:100px 0 110px;background:var(--surface)}
.solutions-heading{display:grid;grid-template-columns:1fr .72fr;align-items:end;gap:80px;margin-bottom:45px}
.solutions-heading>p{margin:0;color:var(--muted)}

.solution-tiers{display:grid;gap:28px}
.solution-tabs{display:grid;gap:14px}
.solution-tabs-main{grid-template-columns:repeat(2,1fr)}
.solution-tabs-apps{grid-template-columns:repeat(3,1fr)}
.solution-choice{display:flex;min-height:340px;flex-direction:column;padding:27px 25px;border:1px solid #7893a1;border-radius:8px;background:#fff;color:var(--navy);font:inherit;text-align:left;cursor:pointer;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease,color .25s ease}
.solution-tabs-main .solution-choice{min-height:320px}
.solution-choice:hover,.solution-choice:focus-visible{border-color:var(--brand);box-shadow:0 16px 38px rgba(6,32,49,.1);transform:translateY(-3px);outline:none}
.solution-choice.product-family-web{border-color:#8fcce3;background:#eaf6fb;box-shadow:inset 0 4px 0 var(--brand)}
.solution-choice.product-family-web .card-type{color:#27718f}
.solution-choice.product-family-web:hover,.solution-choice.product-family-web:focus-visible{border-color:var(--brand);box-shadow:inset 0 4px 0 var(--brand),0 16px 38px rgba(32,152,208,.16)}
.solution-choice.is-active{border-color:var(--navy);background:var(--navy);color:#fff;box-shadow:0 20px 44px rgba(6,28,44,.18)}
.solution-choice.product-family-web.is-active{border-color:var(--brand);background:#0b3852;box-shadow:inset 0 4px 0 var(--brand),0 20px 44px rgba(11,56,82,.22)}
.solution-choice .card-type{display:block;margin-bottom:16px;color:var(--muted);font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.solution-choice.is-active .card-type{color:#98b7c5}
.solution-choice>strong{display:block;margin-bottom:13px;font-size:1.55rem;line-height:1.1;letter-spacing:-.035em}
.solution-choice sup{font-size:.5em}
.solution-choice>p{min-height:68px;margin-bottom:22px;color:var(--muted);font-size:.85rem;line-height:1.55}
.solution-choice.is-active>p{color:#bed0d8}
.solution-choice ul{margin:0;padding:20px 0 0;border-top:1px solid var(--line);list-style:none;color:var(--muted);font-size:.75rem;line-height:1.5}
.solution-choice.is-active ul{border-color:rgba(255,255,255,.17);color:#c6d6dd}
.solution-choice li{position:relative;padding-left:14px}
.solution-choice li+li{margin-top:7px}
.solution-choice li:before{content:"";position:absolute;left:0;top:.7em;width:6px;height:1px;background:var(--blue)}
.solution-choice.is-active li:before{background:var(--aqua)}
.solution-choice i{margin-top:auto;padding-top:24px;color:var(--blue);font-size:.76rem;font-style:normal;font-weight:800}
.solution-choice.is-active i{color:var(--aqua)}

.solution-stage{position:relative;margin-top:22px}
.solution-panel{display:grid;grid-template-columns:1.1fr .9fr;gap:75px;min-height:340px;padding:54px 58px;color:#fff;background:var(--navy);border-radius:8px}
.solution-panel.product-family-web-panel{border-top:4px solid var(--brand);background:#0b3852}
.solution-panel[hidden]{display:none}
.solution-panel .eyebrow{color:var(--aqua)}
.solution-panel-copy h2{max-width:650px;font-size:clamp(1.8rem,3vw,2.7rem)}
.solution-panel-copy>p:not(.eyebrow){max-width:680px;color:#bcd0d8}
.solution-panel-copy a{display:inline-block;margin-top:15px;color:var(--aqua);font-size:.84rem;font-weight:800;text-decoration:none}
.solution-panel-copy a span{margin-left:5px;font-size:1.1rem}
.solution-panel-facts{display:grid;border:1px solid rgba(173,222,235,.18)}
.solution-panel-facts article{display:flex;justify-content:center;flex-direction:column;padding:18px 22px;border-bottom:1px solid rgba(173,222,235,.18)}
.solution-panel-facts article:last-child{border-bottom:0}
.solution-panel-facts small{margin-bottom:4px;color:#7fa7b7;font-size:.63rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.solution-panel-facts strong{font-size:.84rem;line-height:1.45}

.solution-architecture{padding:85px 0;background:var(--mist)}
.solution-architecture>.container{display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:75px}
.architecture-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:18px;border:1px solid var(--line);background:var(--surface)}
.architecture-step{position:relative;min-width:0;min-height:116px;padding:20px 17px;border-top:3px solid var(--brand);background:var(--surface-soft)}
.architecture-step:not(:last-child):after{content:"";position:absolute;top:50%;right:-10px;width:10px;height:1px;background:var(--brand)}
.architecture-step span{display:block;margin-bottom:15px;color:var(--muted);font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.architecture-step strong{display:block;color:var(--navy);font-size:.82rem;line-height:1.45}
@media(max-width:950px){.solution-tabs{grid-template-columns:1fr 1fr}
.solution-choice{min-height:320px}
.solution-tabs-apps .solution-choice:last-child{grid-column:1/-1}
.solution-panel{grid-template-columns:1fr;gap:35px}
.solution-architecture>.container{grid-template-columns:1fr}
.architecture-flow{grid-template-columns:repeat(2,1fr)}
.architecture-step:not(:last-child):after{display:none}
}

@media(max-width:650px){.solutions-overview{padding:72px 0}
.solutions-heading{grid-template-columns:1fr;gap:22px}
.solution-tabs{grid-template-columns:1fr}
.solution-choice{min-height:0}
.solution-tabs-apps .solution-choice:last-child{grid-column:auto}
.solution-choice>p{min-height:0}
.solution-panel{padding:35px 27px}
.solution-architecture{padding:70px 0}
.architecture-flow{grid-template-columns:1fr;gap:8px;padding:0;border:0;background:transparent}
.architecture-step{display:grid;grid-template-columns:105px 1fr;align-items:center;min-height:0;padding:15px 17px;border:1px solid var(--line);border-left:3px solid var(--brand);background:var(--surface)}
.architecture-step span{margin:0;padding-right:12px}
.architecture-step strong{padding-left:14px;border-left:1px solid var(--line)}
}

@media(prefers-reduced-motion:reduce){.solution-choice{transition:none}
}