.content-page{background:#f6f8fb;color:#182230}.content-page .header{background:rgba(10,10,10,.96)}
.content-hero{padding:150px 0 86px;background:radial-gradient(circle at 80% 20%,rgba(0,212,170,.22),transparent 32%),linear-gradient(135deg,#071627,#0a3563);color:#fff}
.content-hero.has-image{position:relative;background-image:linear-gradient(90deg,rgba(3,17,32,.94) 0%,rgba(3,17,32,.78) 43%,rgba(3,17,32,.25) 100%),var(--hero-image);background-position:center;background-size:cover}.content-hero.has-image .container{position:relative;z-index:1}
.content-hero .eyebrow{display:inline-block;margin-bottom:18px;color:#67e8d1;font-size:13px;font-weight:700;letter-spacing:2.4px;text-transform:uppercase}
.content-hero h1{max-width:920px;margin:0 0 22px;font-size:clamp(36px,5vw,58px);line-height:1.15}.content-hero p{max-width:780px;color:#d7e3ef;font-size:19px;line-height:1.8}
.content-hero .hero-actions{margin-top:30px;opacity:1;transform:none;animation:none}.content-hero .btn-outline{color:#fff}
.content-section{padding:86px 0}.content-section.alt{background:#fff}.content-section.dark{background:#0b1724;color:#fff}
.content-intro{max-width:880px;margin:0 auto 46px;text-align:center}.content-intro .kicker{display:block;margin-bottom:12px;color:#0066ff;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase}
.content-intro h2{margin-bottom:16px;font-size:clamp(30px,4vw,42px);line-height:1.25}.content-intro p{color:#64748b;font-size:17px;line-height:1.8}.dark .content-intro p{color:#aebdca}
.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.content-grid.two{grid-template-columns:repeat(2,1fr)}.content-grid.four{grid-template-columns:repeat(4,1fr)}
.content-card{height:100%;padding:30px;background:#fff;border:1px solid #e5eaf0;border-radius:16px;box-shadow:0 8px 24px rgba(7,22,39,.06)}.content-card h3{margin-bottom:12px;color:#12375b;font-size:21px}.content-card p,.content-card li{color:#586879;line-height:1.8}.content-card ul{display:grid;gap:8px;padding-left:20px;list-style:disc}.content-card .tag{display:inline-block;margin-bottom:14px;padding:5px 10px;border-radius:999px;background:#e9f3ff;color:#0057c9;font-size:12px;font-weight:700}
.dark .content-card{background:#122538;border-color:#243b51;box-shadow:none}.dark .content-card h3{color:#fff}.dark .content-card p,.dark .content-card li{color:#b8c6d3}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.metric{padding:24px;text-align:center;background:#edf5ff;border-radius:14px}.metric strong{display:block;color:#0066ff;font-size:30px}.metric span{color:#526273;font-size:14px}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:step}.process .content-card{position:relative;padding-top:60px}.process .content-card:before{counter-increment:step;content:"0" counter(step);position:absolute;top:22px;left:30px;color:#00a98f;font-size:19px;font-weight:800}
.solution-table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;background:#fff;border:1px solid #dfe6ee;border-radius:14px}.solution-table th,.solution-table td{padding:18px 20px;text-align:left;vertical-align:top;border-bottom:1px solid #e8edf2;line-height:1.65}.solution-table th{background:#0d3964;color:#fff}.solution-table tr:last-child td{border-bottom:0}.solution-table td:first-child{width:34%;color:#173b5e;font-weight:700}
.case-block{margin-top:28px;padding:36px;background:#fff;border:1px solid #e4eaf0;border-radius:18px}.case-block h3{margin-bottom:10px;color:#12375b;font-size:26px}.case-block h4{margin:24px 0 10px;color:#0066ff}.case-block p,.case-block li{color:#526273;line-height:1.8}.case-block ul{display:grid;gap:8px;padding-left:20px;list-style:disc}.quote{margin-top:24px;padding:22px 24px;border-left:4px solid #00b89c;background:#eefaf8;color:#264d49;font-style:italic;line-height:1.8}
.content-photo{margin:0 0 28px;overflow:hidden;border-radius:18px;background:#0b1724;box-shadow:0 18px 42px rgba(7,22,39,.14)}.content-photo img{display:block;width:100%;aspect-ratio:16/7;object-fit:cover}.content-photo figcaption{padding:10px 16px;background:#0b1724;color:#aebdca;font-size:12px;text-align:right}.brand-panel{display:grid;grid-template-columns:220px 1fr;gap:34px;align-items:center;margin:40px 0 0;padding:30px;background:#fff;border:1px solid #e5eaf0;border-radius:18px;box-shadow:0 8px 24px rgba(7,22,39,.06)}.brand-panel img{width:100%;border-radius:12px}.brand-panel h3{margin-bottom:10px;color:#12375b;font-size:24px}.brand-panel p{color:#586879;line-height:1.8}
.content-cta{padding:72px 0;text-align:center;background:linear-gradient(135deg,#0066ff,#004dbd);color:#fff}.content-cta h2{margin-bottom:12px;font-size:36px}.content-cta p{margin-bottom:26px;color:#dceaff}
.text-link{display:inline-flex;margin-top:16px;color:#0066ff;font-weight:700}.content-page .footer-desc{max-width:420px}
@media(max-width:992px){.content-grid,.content-grid.four,.process,.metric-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.content-hero{padding:120px 0 64px}.content-hero.has-image{background-position:62% center}.content-section{padding:64px 0}.content-grid,.content-grid.two,.content-grid.four,.process,.metric-grid{grid-template-columns:1fr}.solution-table,.solution-table tbody,.solution-table tr,.solution-table td{display:block}.solution-table thead{display:none}.solution-table td:first-child{width:auto;background:#edf5ff}.case-block{padding:24px}.content-photo img{aspect-ratio:4/3}.brand-panel{grid-template-columns:1fr;text-align:center}.brand-panel img{max-width:220px;margin:auto}}