.solution-page { background:#fff; }
.solution-hero { min-height:560px; position:relative; display:flex; align-items:end; overflow:hidden; background:#061727; color:white; }
.solution-hero-image { position:absolute; inset:0; background:linear-gradient(90deg,rgba(4,18,30,.97) 0%,rgba(4,18,30,.8) 54%,rgba(4,18,30,.28) 100%),var(--solution-hero) center/cover; }
.solution-hero:after { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px); background-size:80px 80px; opacity:.13; mask-image:linear-gradient(90deg,#000,transparent 72%); }
.solution-hero-content { position:relative; z-index:2; padding:96px 0 82px; }
.solution-hero .breadcrumb { display:flex; flex-wrap:wrap; gap:9px; margin-bottom:30px; color:#91a4b3; font-size:10px; letter-spacing:.13em; text-transform:uppercase; }
.solution-hero .breadcrumb a { color:var(--cyan); }
.solution-hero h1 { max-width:850px; margin-bottom:24px; font-size:clamp(42px,5.2vw,68px); line-height:1.08; }
.solution-hero p { max-width:700px; margin-bottom:32px; color:#c8d3dc; font-size:17px; line-height:1.75; }
.solution-hero .button { min-width:210px; }
.solution-intro { display:grid; grid-template-columns:.88fr 1.12fr; gap:100px; align-items:start; }
.solution-intro h2 { margin-bottom:0; }
.solution-intro-copy { border-left:2px solid var(--blue); padding-left:34px; }
.solution-intro-copy p { color:var(--muted); }
.solution-intro-copy p:first-child { color:var(--ink); font-size:18px; font-weight:650; }
.solution-labels { display:flex; flex-wrap:wrap; gap:10px; margin-top:28px; }
.solution-labels span { border:1px solid var(--line); background:var(--paper); padding:8px 12px; color:#536473; font-size:9px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.solution-section { background:var(--paper); }
.solution-heading { max-width:760px; margin-bottom:52px; }
.solution-heading p { color:var(--muted); max-width:650px; }
.solution-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.solution-card { min-height:300px; padding:38px; background:white; border:1px solid var(--line); position:relative; display:flex; flex-direction:column; transition:.25s; }
.solution-card:hover { transform:translateY(-5px); box-shadow:0 22px 55px rgba(8,27,45,.09); border-color:#b9c8d5; }
.solution-card-number { width:42px; height:42px; display:grid; place-items:center; margin-bottom:48px; background:var(--navy); color:var(--cyan); font-size:10px; font-weight:800; letter-spacing:.08em; }
.solution-card h3 { margin-bottom:13px; font-size:22px; line-height:1.25; }
.solution-card p { margin-bottom:0; color:var(--muted); font-size:14px; }
.solution-card a { margin-top:auto; padding-top:24px; color:var(--blue); font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.solution-process { padding:110px 0; background:var(--navy); color:white; }
.solution-process-grid { display:grid; grid-template-columns:.75fr 1.25fr; gap:90px; align-items:start; }
.solution-process-copy { position:sticky; top:130px; }
.solution-process-copy p { color:#99aab8; }
.process-list { border-top:1px solid rgba(255,255,255,.15); }
.process-item { display:grid; grid-template-columns:70px 1fr; gap:24px; padding:28px 0; border-bottom:1px solid rgba(255,255,255,.15); }
.process-item b { color:var(--cyan); font-size:11px; letter-spacing:.12em; }
.process-item h3 { margin:0 0 7px; font-size:20px; }
.process-item p { margin:0; color:#91a3b1; font-size:13px; }
.solution-notice { margin-top:44px; padding:24px 26px; border:1px solid rgba(67,216,255,.28); color:#b7c6d1; font-size:12px; }
.solution-notice strong { color:white; }
.solution-cta { padding:84px 0; background:var(--blue); color:white; }
.solution-cta-inner { display:flex; align-items:center; justify-content:space-between; gap:70px; }
.solution-cta h2 { max-width:720px; margin:0; font-size:clamp(34px,3.8vw,52px); }
.solution-cta p { max-width:460px; margin:10px 0 22px; color:#c9e2f7; }
.solution-cta .button { background:var(--cyan); color:var(--navy); }
@media (max-width:900px) {
  .solution-intro,.solution-process-grid { grid-template-columns:1fr; gap:42px; }
  .solution-process-copy { position:static; }
  .solution-cta-inner { align-items:flex-start; flex-direction:column; gap:24px; }
}
@media (max-width:700px) {
  .solution-hero { min-height:620px; }
  .solution-hero-content { padding:96px 0 70px; }
  .solution-hero h1 { font-size:clamp(36px,10vw,44px); line-height:1.13; }
  .solution-hero p { font-size:15px; }
  .solution-intro-copy { padding-left:22px; }
  .solution-cards { grid-template-columns:1fr; }
  .solution-card { min-height:270px; padding:30px 25px; }
  .solution-card-number { margin-bottom:34px; }
  .process-item { grid-template-columns:48px 1fr; gap:16px; }
}