.solutions-page{background:var(--paper);color:var(--metal-950)}
.solutions-page h1,.solutions-page h2,.solutions-page h3,.solutions-page p{margin-top:0}
.solutions-page .metal-button{border-radius:2px}
.solutions-header{border-bottom:1px solid var(--metal-200);background:rgba(251,253,252,.96)}
.solutions-header .brand-logo{filter:none}
.solutions-header .metal-nav-link,.solutions-header .metal-phone{color:var(--metal-950)!important}
.solutions-header .phone-icon{stroke:var(--bronze-dark)}
.solutions-header .metal-nav-link:after{background:var(--metal-800)}

.solutions-eyebrow{margin:0 0 16px;color:var(--bronze-dark);font-size:10px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}
.solutions-hero{padding:76px 0 82px;border-bottom:1px solid var(--metal-200);background:linear-gradient(135deg,var(--paper) 0%,var(--paper) 58%,var(--metal-200) 100%)}
.solutions-hero-layout{display:block}
.solutions-hero-copy{max-width:900px;margin:0 auto;text-align:center}
.solutions-hero h1{max-width:900px;margin:0 auto;color:var(--metal-950);font-size:clamp(42px,4.6vw,64px);font-weight:500;letter-spacing:-.048em;line-height:1.06;text-wrap:balance}
.solutions-hero-copy>p:not(.solutions-eyebrow){max-width:720px;margin:26px auto 32px;color:var(--metal-700);font-size:17px;line-height:1.72}
.solutions-hero-actions{display:flex;justify-content:center}
.solutions-primary-cta{min-width:300px}

.solutions-section{position:relative;padding:112px 0;border-bottom:1px solid var(--metal-200)}
.agent-types,.agent-benefits,.agent-use-cases,.deployment-section,.deployment-steps li{scroll-margin-top:100px}
.solutions-heading{max-width:760px;margin:0 auto 54px;text-align:center}
.solutions-heading h2,.deployment-intro h2,.final-cta-layout h2{margin:0;color:var(--metal-950);font-size:clamp(38px,4.6vw,60px);font-weight:500;letter-spacing:-.05em;line-height:1.04;text-wrap:balance}
.solutions-heading>p:last-child,.deployment-intro>p:not(.solutions-eyebrow){max-width:650px;margin:20px auto 0;color:var(--metal-700);font-size:16px;line-height:1.7}

.agent-types{background:var(--paper)}
.agent-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.agent-card{min-height:390px;padding:38px;border:1px solid rgba(17,100,102,.18);background:var(--white);box-shadow:0 16px 42px rgba(44,53,49,.06);transition:transform .2s ease,box-shadow .2s ease}
.agent-card:hover{transform:translateY(-4px);box-shadow:0 22px 52px rgba(44,53,49,.1)}
.card-mark{display:grid;width:56px;height:56px;place-items:center;margin-bottom:30px;border:1px solid rgba(17,100,102,.28);border-radius:50%;background:var(--metal-100);color:var(--metal-800)}
.solution-icon{display:block;width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.agent-card h3{margin:0 0 15px;color:var(--metal-950);font-size:25px;font-weight:600;letter-spacing:-.03em}
.agent-card p{margin-bottom:24px;color:var(--metal-700);font-size:15px;line-height:1.65}
.agent-card ul{display:grid;gap:10px;list-style:none;margin:0;padding:18px 0 0;border-top:1px solid var(--metal-200)}
.agent-card li{min-height:19px;padding-left:28px;background:url("/assets/solution-check.svg") left 1px/18px 18px no-repeat;color:var(--metal-700);font-size:13px}

.agent-benefits{background:var(--metal-200)}
.benefits-layout{display:block}
.benefit-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.benefit-list article{min-height:290px;padding:32px 25px;border:1px solid rgba(17,100,102,.16);background:rgba(251,253,252,.78);text-align:center}
.benefit-list article>span{display:grid;width:58px;height:58px;place-items:center;margin:0 auto 25px;border:1px solid rgba(17,100,102,.25);border-radius:50%;background:var(--paper);color:var(--metal-800);font-size:15px;font-weight:700}
.benefit-list article>span .solution-icon{width:30px;height:30px}
.benefit-list h3{margin:0 0 10px;color:var(--metal-950);font-size:20px;font-weight:600;letter-spacing:-.025em}
.benefit-list p{margin:0;color:var(--metal-700);font-size:14px;line-height:1.62}

.agent-use-cases{background:var(--paper)}
.use-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.use-case-grid article{display:flex;min-height:330px;flex-direction:column;padding:38px;border:1px solid rgba(17,100,102,.18);background:var(--white);box-shadow:0 16px 42px rgba(44,53,49,.055)}
.use-case-grid h3{margin:0 0 14px;color:var(--metal-950);font-size:24px;font-weight:600;letter-spacing:-.03em}
.use-case-grid p{margin-bottom:24px;color:var(--metal-700);font-size:15px;line-height:1.64}
.use-case-grid strong{display:block;margin-top:auto;padding:17px 18px 0;border-top:1px solid rgba(17,100,102,.16);background:linear-gradient(to bottom,rgba(209,232,226,.32),transparent);color:var(--metal-800);font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.use-case-grid small{display:block;padding:8px 18px 17px;background:linear-gradient(to bottom,transparent,rgba(209,232,226,.32));color:var(--metal-700);font-size:13px;line-height:1.5}

.deployment-section{background:var(--metal-100)}
.deployment-layout{display:block}
.deployment-intro{max-width:760px;margin:0 auto 54px;text-align:center}
.deployment-intro .metal-button{display:none}
.deployment-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;list-style:none;margin:0;padding:0}
.deployment-steps li{min-height:310px;padding:32px 24px;border:1px solid rgba(17,100,102,.17);background:var(--paper);text-align:center}
.deployment-steps li>span{display:grid;width:54px;height:54px;place-items:center;margin:0 auto 28px;border-radius:50%;background:var(--metal-800);color:var(--white);font-size:12px;font-weight:700;letter-spacing:.06em}
.deployment-steps h3{margin:0 0 12px;color:var(--metal-950);font-size:20px;font-weight:600;letter-spacing:-.025em;line-height:1.3}
.deployment-steps p{margin:0;color:var(--metal-700);font-size:14px;line-height:1.62}

.solutions-final-cta{padding:96px 0;background:var(--metal-950);color:var(--white)}
.final-cta-layout{max-width:1000px;padding:64px 72px;border:1px solid rgba(209,232,226,.18);background:linear-gradient(135deg,rgba(17,100,102,.6),rgba(44,53,49,.88));text-align:center}
.final-cta-layout>div:first-child{max-width:760px;margin:0 auto}
.final-cta-layout .solutions-eyebrow{color:var(--peach)}
.final-cta-layout h2{color:var(--white)}
.final-cta-copy{max-width:660px;margin:20px auto 30px;color:var(--metal-200);font-size:15px;line-height:1.7}
.final-cta-layout>div:last-child{display:flex;flex-direction:column;align-items:center}
.final-cta-layout .metal-button{border-color:var(--peach);background:var(--peach);color:var(--metal-950)!important}
.final-cta-layout .metal-button:hover{border-color:var(--white);background:var(--white)}
.final-cta-layout>div:last-child p{margin:13px 0 0;color:rgba(209,232,226,.72);font-size:10px}

@media(max-width:1000px){
  .benefit-list,.deployment-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .benefit-list article,.deployment-steps li{min-height:260px}
}
@media(max-width:640px){
  .solutions-header .metal-nav{grid-template-columns:auto 1fr auto}
  .solutions-header .metal-nav-link{grid-column:2;grid-row:2}
  .solutions-header .metal-button-small{grid-column:3}
  .solutions-hero{padding:48px 0 54px}
  .solutions-hero h1{font-size:36px;line-height:1.06}
  .solutions-hero-copy>p:not(.solutions-eyebrow){margin:22px auto 27px;font-size:15px;line-height:1.62}
  .solutions-primary-cta{width:100%;min-width:0}
  .solutions-section{padding:76px 0}
  .solutions-heading{margin-bottom:38px}
  .solutions-heading h2,.deployment-intro h2,.final-cta-layout h2{font-size:37px}
  .agent-card-grid,.benefit-list,.use-case-grid,.deployment-steps{grid-template-columns:1fr}
  .agent-card,.benefit-list article,.use-case-grid article,.deployment-steps li{min-height:0;padding:28px}
  .final-cta-layout{padding:42px 24px}
  .final-cta-layout .metal-button{width:100%}
}
