#solutions{padding:88px 0 74px;background:linear-gradient(155deg,#061b31,#071e35 68%,#082640);color:#fff}
#solutions .solutions-grid{grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:clamp(28px,4vw,60px);align-items:center}
#solutions .section-copy h2{font-size:clamp(34px,3.5vw,49px);line-height:1.12;letter-spacing:-.045em}
#solutions .section-copy h2 span{color:#3ec7f7}
#solutions .section-copy>p:not(.eyebrow){line-height:1.65}
#solutions .solution-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
#solutions .solution-card{height:clamp(210px,17vw,260px);border:1px solid rgba(197,225,240,.28);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
#solutions .solution-card:hover{transform:translateY(-3px);border-color:rgba(95,210,232,.7);box-shadow:0 15px 30px rgba(0,0,0,.22)}
#solutions .solution-overlay{background:linear-gradient(180deg,rgba(2,15,29,.02) 20%,rgba(2,15,29,.88) 100%)}
#solutions .solution-text{bottom:18px;left:19px;right:18px}
#solutions .solution-text h3{font-size:18px;margin-bottom:6px}
#solutions .solution-text p{font-size:12px;line-height:1.45;max-width:350px}
#solutions .cargo-section{margin-top:66px;padding-top:34px;border-top:1px solid rgba(173,214,231,.24)}
#solutions .cargo-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}
#solutions .cargo-heading .eyebrow{margin:0 0 10px}
#solutions .cargo-heading h3{font-size:clamp(25px,2.7vw,37px);letter-spacing:-.04em;line-height:1.15;margin:0}
#solutions .cargo-heading>p{color:#b2c7d6;font-size:13px;line-height:1.6;max-width:420px;margin:0}
#solutions .cargo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#solutions .cargo-tile{min-height:77px;display:flex;align-items:center;gap:17px;padding:16px 19px;text-decoration:none;color:#edf8fb;background:rgba(255,255,255,.045);border:1px solid rgba(181,220,233,.19);border-radius:10px;transition:background .2s,border-color .2s,transform .2s}
#solutions .cargo-tile:hover,#solutions .cargo-tile:focus-visible{background:rgba(76,192,216,.13);border-color:rgba(111,223,225,.69);transform:translateY(-2px)}
#solutions .cargo-tile:focus-visible{outline:2px solid #77e5dc;outline-offset:2px}
#solutions .cargo-index{color:#75cfde;font:600 11px ui-monospace,SFMono-Regular,monospace;letter-spacing:.06em}
#solutions .cargo-tile strong{font-size:14px;line-height:1.3;font-weight:650}
#solutions .cargo-arrow{margin-left:auto;color:#6cd7d8;font:400 27px/1 Arial,sans-serif;flex:none}
#solutions .cargo-note{color:#849eae;font-size:11px;line-height:1.5;margin:14px 0 0}
@media(max-width:900px){#solutions .solutions-grid{grid-template-columns:1fr}#solutions .section-copy{max-width:680px}#solutions .cargo-heading{align-items:start}}
@media(max-width:620px){#solutions{padding:64px 0 55px}#solutions .solution-cards{grid-template-columns:1fr;gap:11px}#solutions .solution-card{height:220px}#solutions .cargo-section{margin-top:44px;padding-top:28px}#solutions .cargo-heading{display:block}#solutions .cargo-heading>p{margin-top:12px}#solutions .cargo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#solutions .cargo-tile{min-height:82px;padding:12px;gap:8px}#solutions .cargo-index{font-size:9px}#solutions .cargo-tile strong{font-size:12px}#solutions .cargo-arrow{font-size:24px}#solutions .cargo-tile:last-child{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){#solutions .solution-card,#solutions .cargo-tile{transition:none}}
/* Compact cargo links */
#solutions{padding-bottom:58px}
#solutions .cargo-section{margin-top:46px;padding-top:26px}
#solutions .cargo-heading{margin-bottom:17px}
#solutions .cargo-heading h3{font-size:clamp(24px,2.4vw,31px)}
#solutions .cargo-grid{display:flex;flex-wrap:wrap;gap:8px}
#solutions .cargo-tile{flex:0 0 auto;min-height:47px;padding:9px 13px;gap:10px;border-radius:8px}
#solutions .cargo-tile strong{font-size:13px;white-space:nowrap}
#solutions .cargo-index{font-size:10px}
#solutions .cargo-arrow{font-size:20px;margin-left:4px}
#solutions .cargo-note{margin-top:11px}
@media(max-width:620px){#solutions .cargo-section{margin-top:35px;padding-top:23px}#solutions .cargo-heading{margin-bottom:15px}#solutions .cargo-grid{display:flex;gap:7px}#solutions .cargo-tile{min-height:41px;padding:8px 10px;gap:7px}#solutions .cargo-tile strong{font-size:11px;white-space:normal}#solutions .cargo-index{font-size:9px}#solutions .cargo-arrow{font-size:18px}#solutions .cargo-tile:last-child{grid-column:auto}}
/* Shared canvas with the technology section */
#solutions{background:#071d35}
