:root {
  --navy: #082b3a;
  --navy-2: #0d3c4d;
  --ink: #0d1b22;
  --muted: #66757f;
  --soft: #f5f8f8;
  --line: #dfe7e8;
  --brand: #ffb703;
  --brand-dark: #d99b00;
  --white: #ffffff;
  --radius: 18px;
  --shadow: 0 18px 55px rgba(8, 43, 58, .12);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { font-family: 'Manrope', sans-serif; color: var(--ink); background: #fff; overflow-x: hidden; }
a { text-decoration: none; }
img { max-width: 100%; }

.announcement-bar { background: var(--brand); color: #132028; font-size: .78rem; font-weight: 800; letter-spacing: .03em; }
.main-nav { background: rgba(8,43,58,.96); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(255,255,255,.08); }
.navbar { --bs-navbar-padding-y: .85rem; }
.navbar .nav-link { color: rgba(255,255,255,.78); font-size: .9rem; font-weight: 600; }
.navbar .nav-link:hover { color: #fff; }
.brand-lockup { display: inline-flex; align-items: center; gap: .65rem; color: #fff !important; font-size: .9rem; letter-spacing: .06em; font-weight: 700; }
.brand-lockup b { color: var(--brand); }
.brand-mark { width: 34px; height: 34px; display: inline-grid; place-items: center; background: var(--brand); color: var(--navy); border-radius: 9px; }

.btn-brand { background: var(--brand); border-color: var(--brand); color: #15242b; font-weight: 800; }
.btn-brand:hover, .btn-brand:focus { background: #ffc228; border-color: #ffc228; color: #15242b; transform: translateY(-1px); }
.btn { transition: .25s ease; }
.btn-ghost-light { color: #fff; border: 1px solid rgba(255,255,255,.22); background: rgba(255,255,255,.04); }
.btn-ghost-light:hover { background: #fff; color: var(--navy); }

.hero-section { background: radial-gradient(circle at 82% 18%, rgba(255,183,3,.18), transparent 22%), linear-gradient(135deg, #062735 0%, #0b3444 68%, #0d3f50 100%); color: #fff; position: relative; }
.hero-section:before { content:""; position:absolute; inset:0; background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size: 46px 46px; mask-image: linear-gradient(to right, transparent, #000 30%, #000); }
.min-vh-hero { min-height: 660px; }
.eyebrow, .section-kicker { text-transform: uppercase; letter-spacing: .16em; font-size: .72rem; font-weight: 800; color: #b27500; }
.eyebrow { color: #fff5d7; display: flex; align-items: center; gap: 10px; }
.eyebrow span { width: 34px; height: 2px; background: var(--brand); }
.hero-title { line-height: .98; max-width: 780px; font-size: clamp(2.9rem, 5.7vw, 5.4rem); letter-spacing: -.055em; }
.hero-title span { color: var(--brand); }
.fw-800 { font-weight: 800; }
.hero-copy { color: rgba(255,255,255,.72); max-width: 670px; font-size: clamp(1rem, 1.5vw, 1.2rem); }
.hero-proof div { display: flex; flex-direction: column; }
.hero-proof strong { font-size: 1.25rem; color: #fff; }
.hero-proof span { color: rgba(255,255,255,.55); font-size: .78rem; }
.hero-visual-wrap { position: relative; max-width: 500px; margin-left: auto; }
.hero-photo-card { position: relative; border-radius: 30px; overflow: visible; min-height: 510px; background: var(--brand); box-shadow: 0 35px 90px rgba(0,0,0,.28); }
.hero-photo-card > img { width: 100%; height: 510px; object-fit: cover; object-position: center; border-radius: 30px; filter: saturate(.85) contrast(1.02); }
.photo-gradient { position:absolute; inset:0; border-radius:30px; background: linear-gradient(to top, rgba(5,28,38,.75), transparent 48%); pointer-events:none; }
.hero-badge { position: absolute; display: flex; align-items: center; gap: .7rem; min-width: 160px; padding: .75rem .9rem; background: rgba(255,255,255,.96); color: var(--ink); border-radius: 14px; box-shadow: 0 14px 36px rgba(5,28,38,.25); }
.hero-badge small { display:block; color: #74828a; font-size: .66rem; }
.hero-badge strong { font-size: 1rem; }
.badge-icon { width: 35px; height:35px; border-radius:10px; display:grid; place-items:center; background:#fff4c8; color:#8a6500; }
.badge-one { left: -44px; top: 66px; }
.badge-two { right: -22px; top: 210px; }
.badge-three { left: -25px; bottom: 45px; }

.section { padding: 92px 0; }
.section-tight { padding: 48px 0; }
.bg-soft { background: var(--soft); }
.section-heading { max-width: 720px; }
.section-heading h2, section h2 { font-size: clamp(2rem, 3.5vw, 3.35rem); line-height: 1.07; letter-spacing: -.045em; font-weight: 800; }
.section-heading p { color: var(--muted); max-width: 620px; }
.section-kicker { display: inline-block; margin-bottom: .85rem; color: #8c6500; }
.section-kicker-light { color: var(--brand); }
.tracking-wide { letter-spacing: .12em; }
.partner-logos span { font-weight: 800; letter-spacing: .08em; color: #6f7d85; font-size: .78rem; }

.video-card, .testimonial-card, .service-card, .blog-card { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; height: 100%; transition: .3s ease; }
.video-card:hover, .testimonial-card:hover, .service-card:hover, .blog-card:hover { transform: translateY(-5px); box-shadow: var(--shadow); border-color: transparent; }
.video-card small { color: #8a6500; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; font-size: .65rem; }
.video-card h5 { font-size: 1rem; margin: .45rem 0 0; line-height: 1.45; }
.play-button { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:58px; height:58px; border:0; border-radius:50%; background:var(--brand); color:var(--navy); font-size:1.55rem; box-shadow:0 12px 30px rgba(0,0,0,.25); }
.testimonial-card { padding: 1.4rem; }
.testimonial-card p { color: #475760; line-height: 1.7; font-size: .92rem; }
.stars { color: #e6a300; letter-spacing: .14em; font-size: .85rem; margin-bottom: .8rem; }
.client-row { display:flex; align-items:center; gap:.75rem; }
.avatar { width:38px; height:38px; border-radius:50%; background:var(--navy); color:#fff; display:grid; place-items:center; font-weight:800; font-size:.72rem; }
.client-row small { display:block; color:#8a979e; font-size:.72rem; }

.check-item { display:flex; align-items:center; gap:.6rem; font-weight:700; font-size:.9rem; }
.check-item i { color:#1b8b64; }
.about-image-shell { position:relative; border-radius:24px; overflow:hidden; box-shadow:var(--shadow); }
.about-image-shell img { width:100%; height:410px; object-fit:cover; }
.floating-note { position:absolute; right:20px; bottom:20px; background:#fff; border-radius:14px; padding:.9rem 1rem; box-shadow:0 15px 40px rgba(0,0,0,.18); }
.floating-note span { display:block; font-size:.68rem; color:#78868c; }
.floating-note strong { color:var(--navy); }
.cert-panel { border:1px solid var(--line); border-radius:24px; padding:2rem; box-shadow:0 12px 40px rgba(8,43,58,.06); }
.cert-panel h3 { font-weight:800; letter-spacing:-.03em; }
.cert-badge { border:1px solid var(--line); border-radius:14px; padding:.8rem .4rem; height:100%; background:#fff; }
.cert-badge i { display:block; font-size:1.5rem; color:var(--navy); margin-bottom:.35rem; }
.cert-badge span { font-size:.7rem; font-weight:800; color:#6e7c84; }

.dark-section { background: linear-gradient(145deg, #062735 0%, #0b3a4b 100%); color:#fff; position:relative; overflow:hidden; }
.dark-section:after { content:""; position:absolute; width:500px; height:500px; right:-220px; top:-200px; border:1px solid rgba(255,255,255,.08); border-radius:50%; box-shadow:0 0 0 80px rgba(255,255,255,.02),0 0 0 160px rgba(255,255,255,.015); }
.dark-section .container { position:relative; z-index:1; }
.pain-card { background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.09); border-radius:18px; padding:1.3rem; min-height:185px; }
.pain-card span { width:30px; height:30px; border-radius:8px; display:grid; place-items:center; color:var(--navy); background:var(--brand); font-weight:800; font-size:.72rem; margin-bottom:1.15rem; }
.pain-card h5 { font-weight:800; }
.pain-card p { color:rgba(255,255,255,.55); font-size:.86rem; margin-bottom:0; line-height:1.6; }

.service-card { padding:1.5rem; position:relative; min-height:260px; }
.service-card > small { position:absolute; right:1.35rem; top:1.25rem; color:#a6b0b5; font-weight:800; }
.service-icon { width:48px; height:48px; border-radius:14px; display:grid; place-items:center; background:#fff4c8; color:#8a6500; font-size:1.25rem; margin-bottom:1.2rem; }
.service-card h4 { font-size:1.12rem; font-weight:800; letter-spacing:-.02em; }
.service-card p { color:#6e7c84; font-size:.87rem; line-height:1.65; }
.service-card a { color:var(--navy); font-weight:800; font-size:.8rem; }
.cta-band { background:var(--navy); color:#fff; padding:1.5rem 1.7rem; border-radius:18px; display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.cta-band small { color:rgba(255,255,255,.55); }

.industry-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.industry-chip { border:1px solid var(--line); border-radius:16px; background:#fff; padding:1.25rem .8rem; text-align:center; min-height:112px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.6rem; font-weight:800; font-size:.76rem; transition:.25s ease; }
.industry-chip i { font-size:1.45rem; color:#0d526c; }
.industry-chip:hover, .industry-chip.active { background:var(--navy); color:#fff; border-color:var(--navy); transform:translateY(-3px); }
.industry-chip:hover i, .industry-chip.active i { color:var(--brand); }
.mini-feature { display:flex; gap:.75rem; align-items:flex-start; }
.mini-feature i { color:var(--brand); font-size:1.2rem; }
.mini-feature strong { display:block; font-size:.86rem; }
.mini-feature span { display:block; color:rgba(255,255,255,.48); font-size:.72rem; }
.browser-mockup { background:#fff; border-radius:20px; box-shadow:0 30px 90px rgba(0,0,0,.3); padding:.7rem; position:relative; transform:rotate(1deg); }
.browser-top { height:34px; background:#f3f5f6; border-radius:12px 12px 7px 7px; display:flex; align-items:center; gap:6px; padding:0 10px; }
.browser-top > span { width:7px; height:7px; border-radius:50%; background:#bdc7cc; }
.browser-top small { margin-left:10px; color:#98a3a8; font-size:.6rem; }
.browser-screen { position:relative; border-radius:7px 7px 14px 14px; overflow:hidden; min-height:350px; background:#20292e; }
.browser-screen img { width:100%; height:350px; object-fit:cover; opacity:.62; }
.screen-copy { position:absolute; left:28px; top:50%; transform:translateY(-50%); z-index:2; max-width:260px; }
.screen-copy span { font-size:.58rem; letter-spacing:.15em; color:#ffd45f; font-weight:800; }
.screen-copy h4 { font-weight:800; margin:.5rem 0 1rem; }
.screen-copy button { border:0; background:var(--brand); border-radius:20px; padding:.55rem .8rem; font-size:.65rem; font-weight:800; }
.speed-pill { position:absolute; right:-22px; bottom:28px; background:#fff; border-radius:14px; box-shadow:0 15px 45px rgba(0,0,0,.2); padding:.8rem .9rem; color:var(--ink); display:flex; gap:.6rem; align-items:center; }
.speed-pill i { color:#0a845d; font-size:1.2rem; }
.speed-pill small { display:block; font-size:.58rem; color:#809096; }
.speed-pill strong { font-size:.85rem; }

.case-card { border-radius:22px; overflow:hidden; position:relative; min-height:430px; box-shadow:var(--shadow); }
.case-card img { width:100%; height:430px; object-fit:cover; }
.case-card:after { content:""; position:absolute; inset:0; background:linear-gradient(to top, rgba(5,27,36,.92), rgba(5,27,36,.05) 60%); }
.case-overlay { position:absolute; z-index:2; inset:auto 24px 24px; color:#fff; }
.case-overlay > span { display:inline-block; background:var(--brand); color:var(--navy); border-radius:20px; padding:.34rem .6rem; font-size:.62rem; font-weight:800; margin-bottom:.7rem; }
.case-overlay h4 { font-weight:800; max-width:530px; }
.case-metrics { display:flex; align-items:baseline; gap:.5rem; flex-wrap:wrap; margin-top:1rem; }
.case-metrics b { color:var(--brand); font-size:1.15rem; }
.case-metrics small { color:rgba(255,255,255,.6); margin-right:.7rem; }

.benefit-list li { display:flex; gap:.7rem; align-items:center; margin-bottom:.8rem; color:#53636b; font-size:.9rem; }
.benefit-list i { color:#18815d; }
.dashboard-card { background:#fff; border:1px solid var(--line); border-radius:22px; padding:1.6rem; box-shadow:var(--shadow); }
.status-dot { background:#eaf9f3; color:#197655; padding:.35rem .6rem; border-radius:20px; font-size:.68rem; font-weight:800; }
.metric-box { background:#f7f9f9; border:1px solid #edf1f1; border-radius:14px; padding:.9rem; min-height:100px; }
.metric-box small { display:block; color:#7d8b91; font-size:.65rem; }
.metric-box strong { display:block; font-size:1.25rem; margin:.25rem 0; color:var(--navy); }
.metric-box span { color:#19805c; font-size:.68rem; font-weight:800; }
.chart-wrap { position:relative; height:190px; overflow:hidden; border-radius:16px; background:linear-gradient(#fbfcfc,#f3f7f7); border:1px solid #edf1f1; }
.chart-bars { position:absolute; inset:26px 20px 18px; display:flex; align-items:flex-end; justify-content:space-between; gap:8px; }
.chart-bars span { width:9%; border-radius:6px 6px 2px 2px; background:linear-gradient(to top,#0b3a4b,#22a477); opacity:.84; }
.dashboard-footer { display:flex; justify-content:space-between; gap:1rem; margin-top:1rem; color:#6f7d85; font-size:.72rem; }
.dashboard-footer i { color:#1b8b64; }
.tech-row { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:1rem; color:#7a878e; font-size:.83rem; font-weight:800; }

.custom-accordion .accordion-item { background:transparent; border-color:rgba(255,255,255,.11); }
.custom-accordion .accordion-button { background:transparent; color:#fff; box-shadow:none; font-weight:800; padding:1.2rem 0; }
.custom-accordion .accordion-button:not(.collapsed) { color:var(--brand); }
.custom-accordion .accordion-button::after { filter:invert(1); }
.custom-accordion .accordion-body { color:rgba(255,255,255,.58); padding:0 0 1.2rem; line-height:1.7; }

.contact-benefits li { margin-bottom:.7rem; color:#52626a; }
.contact-benefits i { color:#1a835e; margin-right:.55rem; }
.trust-row span { color:#e6a300; letter-spacing:.14em; margin-right:.7rem; }
.trust-row small { color:#738188; }
.contact-card { border:1px solid var(--line); border-radius:22px; padding:1.7rem; box-shadow:var(--shadow); }
.form-badge { background:#edf8f4; color:#197253; padding:.4rem .65rem; border-radius:20px; font-size:.68rem; font-weight:800; }
.form-control, .form-select { border-color:#dce4e6; min-height:48px; border-radius:10px; font-size:.9rem; }
textarea.form-control { min-height:auto; }
.form-control:focus, .form-select:focus { border-color:#d9a600; box-shadow:0 0 0 .2rem rgba(255,183,3,.16); }
.form-label { font-size:.78rem; font-weight:800; color:#53636b; }

.blog-card img { width:100%; height:210px; object-fit:cover; }
.blog-card span { color:#8a6500; font-size:.66rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.blog-card h4 { font-size:1.05rem; font-weight:800; margin:.6rem 0; line-height:1.4; }
.blog-card p { color:#6b7980; font-size:.85rem; line-height:1.6; }
.blog-card a { color:var(--navy); font-size:.78rem; font-weight:800; }

.site-footer { background:#041f2a; color:#fff; }
.site-footer h6 { color:#fff; font-size:.8rem; text-transform:uppercase; letter-spacing:.12em; margin-bottom:1rem; }
.site-footer a:not(.btn):not(.brand-lockup) { display:block; color:rgba(255,255,255,.52); font-size:.8rem; margin:.55rem 0; }
.site-footer a:hover { color:#fff !important; }
.social-row { display:flex; gap:.6rem; }
.social-row a { width:36px; height:36px; display:grid !important; place-items:center; border:1px solid rgba(255,255,255,.13); border-radius:10px; }
.footer-rule { border-color:rgba(255,255,255,.12); }
.floating-cta { position:fixed; z-index:20; right:22px; bottom:22px; background:var(--brand); color:var(--navy); padding:.72rem .95rem; border-radius:999px; box-shadow:0 12px 34px rgba(0,0,0,.22); gap:.55rem; align-items:center; font-size:.78rem; font-weight:800; }
.floating-cta:hover { color:var(--navy); transform:translateY(-2px); }

.reveal { opacity:0; transform:translateY(28px); transition:opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1); }
.reveal.is-visible { opacity:1; transform:none; }
.delay-1 { transition-delay:.08s; }
.delay-2 { transition-delay:.16s; }

@media (max-width: 991.98px) {
  .main-nav .navbar-collapse { padding:1rem 0 .4rem; }
  .hero-title { font-size:clamp(2.6rem,9vw,4.5rem); }
  .hero-visual-wrap { margin:0 auto; }
  .badge-one { left:10px; top:30px; }
  .badge-two { right:8px; top:180px; }
  .badge-three { left:12px; bottom:25px; }
  .industry-grid { grid-template-columns:repeat(3,1fr); }
  .cta-band { flex-direction:column; align-items:flex-start; }
  .section { padding:76px 0; }
}

@media (max-width: 767.98px) {
  .hero-photo-card, .hero-photo-card > img { min-height:430px; height:430px; }
  .hero-badge { transform:scale(.88); transform-origin:center; }
  .industry-grid { grid-template-columns:repeat(2,1fr); }
  .dashboard-footer { flex-direction:column; }
  .metric-box { padding:.7rem; }
  .metric-box strong { font-size:1rem; }
  .case-card, .case-card img { min-height:380px; height:380px; }
  .section { padding:64px 0; }
}

@media (max-width: 575.98px) {
  .hero-title { font-size:2.65rem; }
  .hero-copy { font-size:.98rem; }
  .hero-badge { min-width:145px; padding:.6rem .7rem; }
  .hero-badge strong { font-size:.88rem; }
  .hero-photo-card, .hero-photo-card > img { min-height:390px; height:390px; }
  .industry-grid { grid-template-columns:1fr 1fr; }
  .tech-row { justify-content:flex-start; }
  .contact-card { padding:1.25rem; }
}

/* ===== Inner pages ===== */
.inner-hero { position:relative; overflow:hidden; background:radial-gradient(circle at 86% 22%, rgba(255,183,3,.17), transparent 24%), linear-gradient(135deg,#062735 0%,#0a3445 70%,#0d4051 100%); color:#fff; padding:92px 0 84px; }
.inner-hero:before { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:46px 46px; mask-image:linear-gradient(to right,transparent,#000 34%,#000); }
.inner-hero .container { position:relative; z-index:1; }
.breadcrumb-lite { display:flex; flex-wrap:wrap; align-items:center; gap:.45rem; color:rgba(255,255,255,.55); font-size:.75rem; font-weight:700; margin-bottom:1.4rem; }
.breadcrumb-lite a { color:rgba(255,255,255,.7); }
.breadcrumb-lite a:hover { color:#fff; }
.breadcrumb-lite i { font-size:.6rem; }
.inner-title { max-width:880px; font-size:clamp(2.7rem,5vw,5rem); font-weight:800; line-height:.98; letter-spacing:-.055em; }
.inner-title span { color:var(--brand); }
.inner-lead { max-width:720px; color:rgba(255,255,255,.7); font-size:1.08rem; line-height:1.75; }
.hero-side-card { background:rgba(255,255,255,.075); border:1px solid rgba(255,255,255,.11); border-radius:24px; padding:1.55rem; backdrop-filter:blur(8px); }
.hero-side-card small { color:rgba(255,255,255,.5); }
.hero-side-card strong { font-size:1.55rem; display:block; }
.hero-mini-stat { border-top:1px solid rgba(255,255,255,.1); padding-top:1rem; margin-top:1rem; }
.page-band { padding:28px 0; background:#fff; border-bottom:1px solid var(--line); }
.page-band .band-item { display:flex; align-items:center; gap:.7rem; color:#607078; font-size:.8rem; font-weight:700; }
.page-band .band-item i { width:34px; height:34px; display:grid; place-items:center; background:#fff4c8; color:#8a6500; border-radius:10px; }

.content-card { border:1px solid var(--line); border-radius:22px; background:#fff; padding:1.7rem; height:100%; transition:.3s ease; }
.content-card:hover { transform:translateY(-4px); box-shadow:var(--shadow); border-color:transparent; }
.content-card .icon-box { width:48px; height:48px; border-radius:14px; display:grid; place-items:center; background:#fff4c8; color:#8a6500; font-size:1.2rem; margin-bottom:1rem; }
.content-card h3,.content-card h4,.content-card h5 { font-weight:800; letter-spacing:-.025em; }
.content-card p { color:#66757f; line-height:1.7; }
.link-arrow { color:var(--navy); font-weight:800; font-size:.82rem; display:inline-flex; align-items:center; gap:.35rem; }
.link-arrow:hover { color:#8a6500; }

.split-media { border-radius:26px; overflow:hidden; min-height:480px; box-shadow:var(--shadow); position:relative; }
.split-media img { width:100%; height:100%; min-height:480px; object-fit:cover; }
.split-media:after { content:""; position:absolute; inset:0; background:linear-gradient(to top,rgba(5,31,42,.42),transparent 48%); pointer-events:none; }
.overlay-stat { position:absolute; z-index:2; left:22px; bottom:22px; background:#fff; border-radius:16px; padding:1rem 1.1rem; box-shadow:0 14px 40px rgba(0,0,0,.2); }
.overlay-stat small { display:block; color:#7c8a90; font-size:.68rem; }
.overlay-stat strong { display:block; color:var(--navy); font-size:1.2rem; }

.process-step { position:relative; padding:1.7rem 1.4rem 1.5rem 1.7rem; border-left:2px solid #dfe7e8; }
.process-step:before { content:attr(data-step); position:absolute; left:-20px; top:1.4rem; width:38px; height:38px; border-radius:50%; background:var(--brand); color:var(--navy); display:grid; place-items:center; font-size:.72rem; font-weight:800; box-shadow:0 0 0 7px #fff; }
.process-step h4 { font-weight:800; margin-left:.35rem; }
.process-step p { color:#66757f; margin-left:.35rem; line-height:1.7; }

.feature-list { margin:0; padding:0; list-style:none; }
.feature-list li { display:flex; gap:.75rem; align-items:flex-start; margin-bottom:1rem; color:#56666e; }
.feature-list i { color:#16805b; margin-top:.08rem; }
.feature-list strong { color:var(--ink); }
.stat-band { background:var(--navy); color:#fff; border-radius:24px; padding:1.8rem; }
.stat-band .stat-col { padding:1rem; border-right:1px solid rgba(255,255,255,.11); }
.stat-band .stat-col:last-child { border-right:0; }
.stat-band strong { display:block; color:var(--brand); font-size:2rem; letter-spacing:-.04em; }
.stat-band span { color:rgba(255,255,255,.55); font-size:.78rem; }

.service-detail-hero-visual { border-radius:26px; overflow:hidden; min-height:440px; box-shadow:0 30px 80px rgba(0,0,0,.24); }
.service-detail-hero-visual img { width:100%; height:440px; object-fit:cover; }
.deliverable-card { border:1px solid var(--line); border-radius:18px; padding:1.3rem; background:#fff; height:100%; }
.deliverable-card i { font-size:1.25rem; color:#8a6500; }
.deliverable-card h5 { font-weight:800; margin:.85rem 0 .45rem; }
.deliverable-card p { color:#6f7d85; font-size:.85rem; line-height:1.65; margin:0; }

.industry-card-lg { position:relative; overflow:hidden; border-radius:24px; min-height:360px; box-shadow:var(--shadow); }
.industry-card-lg img { width:100%; height:360px; object-fit:cover; }
.industry-card-lg:after { content:""; position:absolute; inset:0; background:linear-gradient(to top,rgba(5,30,41,.96),rgba(5,30,41,.12) 66%); }
.industry-card-lg .copy { position:absolute; z-index:2; inset:auto 24px 24px; color:#fff; }
.industry-card-lg .copy i { color:var(--brand); font-size:1.5rem; }
.industry-card-lg h4 { font-weight:800; margin:.55rem 0 .4rem; }
.industry-card-lg p { color:rgba(255,255,255,.62); font-size:.84rem; margin-bottom:0; }

.case-list-card { border:1px solid var(--line); border-radius:22px; overflow:hidden; background:#fff; height:100%; transition:.3s ease; }
.case-list-card:hover { transform:translateY(-5px); box-shadow:var(--shadow); border-color:transparent; }
.case-list-card img { width:100%; height:265px; object-fit:cover; }
.case-list-card .case-body { padding:1.35rem; }
.case-list-card .tag { display:inline-block; background:#fff4c8; color:#795a00; font-size:.62rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; border-radius:999px; padding:.4rem .65rem; }
.case-list-card h3 { font-size:1.22rem; font-weight:800; margin:.8rem 0 .6rem; line-height:1.35; }
.case-list-card p { color:#6c7b83; font-size:.86rem; line-height:1.65; }
.case-list-card .metrics { display:flex; gap:1.2rem; padding-top:.8rem; border-top:1px solid #eef2f3; }
.case-list-card .metrics strong { color:var(--navy); display:block; }
.case-list-card .metrics span { color:#88959b; font-size:.65rem; }

.article-shell { max-width:860px; margin:0 auto; }
.article-meta { color:#7b8a91; font-size:.78rem; display:flex; flex-wrap:wrap; gap:1rem; }
.article-cover { width:100%; height:min(520px,58vw); object-fit:cover; border-radius:26px; box-shadow:var(--shadow); }
.article-content { font-size:1rem; line-height:1.9; color:#52636b; }
.article-content h2,.article-content h3 { color:var(--ink); font-weight:800; letter-spacing:-.035em; margin-top:2.2rem; margin-bottom:.9rem; }
.article-content h2 { font-size:2rem; }
.article-content h3 { font-size:1.4rem; }
.article-content blockquote { border-left:4px solid var(--brand); background:#f8faf9; border-radius:0 14px 14px 0; padding:1.2rem 1.3rem; color:#2f424b; font-weight:700; }
.article-content ul { padding-left:1.1rem; }
.article-content li { margin-bottom:.6rem; }

.contact-info-card { background:var(--navy); color:#fff; border-radius:24px; padding:1.6rem; height:100%; }
.contact-info-card a { color:#fff; }
.contact-info-card .info-row { display:flex; gap:.85rem; align-items:flex-start; padding:1rem 0; border-top:1px solid rgba(255,255,255,.1); }
.contact-info-card .info-row:first-of-type { border-top:0; }
.contact-info-card .info-row i { color:var(--brand); font-size:1.1rem; }
.contact-info-card small { display:block; color:rgba(255,255,255,.48); }
.contact-info-card strong { display:block; }

.simple-cta { background:linear-gradient(135deg,#072b3a,#0a3d50); color:#fff; border-radius:26px; padding:2rem; position:relative; overflow:hidden; }
.simple-cta:after { content:""; position:absolute; width:260px; height:260px; right:-110px; top:-120px; border:1px solid rgba(255,255,255,.09); border-radius:50%; box-shadow:0 0 0 55px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.018); }
.simple-cta > * { position:relative; z-index:1; }
.simple-cta p { color:rgba(255,255,255,.62); }

.navbar .nav-link.active { color:var(--brand); }

.skip-link {
  position: absolute;
  left: -999px;
  top: 0;
  z-index: 2000;
  background: #082b3a;
  color: #fff;
  padding: .6rem 1rem;
}
.skip-link:focus { left: 8px; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible {
  outline: 2px solid #ffb703;
  outline-offset: 2px;
}

@media (max-width: 991.98px) {
  .inner-hero { padding:76px 0 68px; }
  .stat-band .stat-col { border-right:0; border-bottom:1px solid rgba(255,255,255,.11); }
  .stat-band .stat-col:last-child { border-bottom:0; }
  .split-media,.split-media img { min-height:390px; }
}
@media (max-width: 575.98px) {
  .inner-title { font-size:2.65rem; }
  .inner-lead { font-size:.98rem; }
  .service-detail-hero-visual,.service-detail-hero-visual img { min-height:330px; height:330px; }
  .article-content { font-size:.94rem; }
}