/* =========================================================
BICORP WEBSITE - Managed Services
========================================================= */
.ms-hero{padding:88px 0 92px;background:radial-gradient(circle at 84% 16%,rgba(140,198,63,.11),transparent 29%),radial-gradient(circle at 72% 38%,rgba(13,91,225,.08),transparent 24%),linear-gradient(180deg,#fff 0%,#fbfcf7 100%)}
.ms-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:74px;align-items:center}
.ms-hero h1{font-size:clamp(48px,5vw,72px);line-height:1.02;letter-spacing:-.045em;margin:0 0 22px;font-weight:850}
.ms-hero h1 span{color:var(--bicorp-green)}
.ms-hero .lead{font-size:20px;line-height:1.58;color:var(--bicorp-text);font-weight:700;max-width:720px;margin:0 0 14px}
.ms-hero .copy{font-size:17px;line-height:1.72;color:var(--bicorp-muted);max-width:720px;margin:0}
.ms-visual{min-height:470px;border-radius:30px;position:relative;overflow:hidden;background:radial-gradient(circle at 68% 25%,rgba(140,198,63,.30),transparent 25%),radial-gradient(circle at 30% 75%,rgba(13,91,225,.24),transparent 30%),linear-gradient(145deg,#071733 0%,#0b2b58 50%,#315f42 100%);box-shadow:0 30px 70px rgba(15,31,61,.16)}
.ms-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:154px;height:154px;border-radius:34px;display:grid;place-items:center;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.20);backdrop-filter:blur(10px);color:#fff;font-size:58px}
.ms-ring{position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:50%}
.ms-ring.r1{width:360px;height:360px;right:42px;top:50px}.ms-ring.r2{width:250px;height:250px;right:96px;top:105px}
.ms-node{position:absolute;width:155px;padding:16px;border-radius:16px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);color:#fff;backdrop-filter:blur(10px)}
.ms-node strong{display:block;font-size:14px;margin-bottom:5px}.ms-node span{font-size:12px;color:#e3f2e3;line-height:1.45}
.ms-node.n1{left:34px;top:44px}.ms-node.n2{right:26px;top:44px}.ms-node.n3{left:42px;bottom:34px}.ms-node.n4{right:32px;bottom:36px}
.ms-cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}
.ms-card{padding:30px;border:1px solid var(--bicorp-border);border-radius:18px;background:#fff;box-shadow:0 12px 28px rgba(15,31,61,.05);transition:.28s ease}
.ms-card:hover{transform:translateY(-6px);box-shadow:0 20px 42px rgba(15,31,61,.10)}
.ms-card .icon{width:48px;height:48px;border-radius:14px;background:#eef8df;color:#6ca11d;display:grid;place-items:center;font-size:24px;margin-bottom:18px}
.ms-card h3{margin:0 0 10px;font-size:21px}.ms-card p{margin:0;color:var(--bicorp-muted);line-height:1.65;font-size:15px}
.ms-dark{background:linear-gradient(135deg,#061a36 0%,#0b315a 50%,#234d37 100%);color:#fff}
.ms-dark .bic-kicker{color:#badd8d}.ms-dark .bic-section-title,.ms-dark .bic-section-copy{color:#fff}
.ms-process{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:46px;position:relative;padding-top:18px}
.ms-process:before{content:"";position:absolute;top:39px;left:8%;right:8%;height:2px;background:linear-gradient(90deg,#8cc63f,#55a2ff);opacity:.72;z-index:0}
.ms-step{position:relative;z-index:1;padding:0 16px 24px;text-align:center}
.ms-step .num{width:44px;height:44px;margin:0 auto 20px;border-radius:50%;display:grid;place-items:center;background:#76b82a;color:#fff;font-weight:900;border:4px solid #163c33;box-shadow:0 0 0 5px rgba(140,198,63,.17)}
.ms-step h3{color:#fff!important;margin:0 0 9px;font-size:18px}.ms-step p{color:#ddecdf!important;max-width:220px;margin:0 auto;font-size:14px;line-height:1.55}
.ms-architecture-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}
.ms-benefits{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}
.ms-benefit{border:1px solid var(--bicorp-border);border-radius:16px;padding:20px;background:#fff}
.ms-benefit strong{display:block;font-size:17px;margin-bottom:6px}.ms-benefit span{color:var(--bicorp-muted);font-size:14px;line-height:1.5}
.ms-architecture{min-height:470px;border-radius:28px;padding:38px;background:radial-gradient(circle at 70% 10%,rgba(140,198,63,.10),transparent 34%),linear-gradient(145deg,#fbfdf8,#ffffff);border:1px solid var(--bicorp-border);box-shadow:0 18px 46px rgba(15,31,61,.07);display:flex;flex-direction:column;justify-content:center}
.ms-arch-heading{max-width:520px;margin:0 auto;width:100%;display:flex;align-items:center;gap:18px;padding:20px 24px;border-radius:18px;background:linear-gradient(135deg,#6fae25,#2455aa);color:#fff;box-shadow:0 14px 30px rgba(89,132,53,.18)}
.ms-arch-icon{width:52px;height:52px;flex:0 0 52px;border-radius:15px;display:grid;place-items:center;background:rgba(255,255,255,.14);font-size:26px}
.ms-arch-heading strong{display:block;font-size:18px}.ms-arch-heading small{display:block;margin-top:3px;color:#eef8e7;font-size:12px}
.ms-arch-connector{width:2px;height:18px;margin:0 auto;background:linear-gradient(#a9d66f,#6fae25)}
.ms-arch-layer{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px;border-radius:16px;border:1px solid var(--bicorp-border);background:#fff;box-shadow:0 9px 22px rgba(15,31,61,.05)}
.ms-arch-layer span{padding:10px 8px;text-align:center;border-radius:10px;font-size:12px;font-weight:800}
.ms-arch-monitor span{background:#eef8df;color:#5d861d}.ms-arch-operate span{background:#eef4ff;color:#0d5be1}.ms-arch-improve span{background:#f5f7fb;color:#263b62}
.ms-arch-foundation{margin-top:14px;text-align:center;padding:13px 18px;border-radius:12px;background:#071733;color:#dbe7f9;font-size:12px;font-weight:700}
.ms-tech{background:var(--bicorp-light)}
.ms-brand-ecosystem{display:grid;grid-template-columns:repeat(5,1fr);gap:34px;margin-top:48px;align-items:center}
.ms-brand{min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;position:relative}
.ms-brand + .ms-brand:before{content:"";position:absolute;left:-17px;top:20%;bottom:20%;width:1px;background:#dce4ef}
.ms-brand img{display:block;width:auto;height:auto;max-width:185px;max-height:62px;object-fit:contain}.ms-brand strong{font-size:22px;color:#334057}.ms-brand span{font-size:12px;color:#7b879c;line-height:1.45;max-width:210px}
.ms-use-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}
.ms-use{border-radius:18px;padding:26px;border:1px solid var(--bicorp-border);background:#fff}.ms-use .tag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#5d861d;background:#eef8df;padding:7px 10px;border-radius:999px;margin-bottom:15px}
.ms-use h3{margin:0 0 10px;font-size:20px}.ms-use p{margin:0;color:var(--bicorp-muted);font-size:14px;line-height:1.6}
.ms-cta{padding:84px 0;color:#fff;background:radial-gradient(circle at 84% 18%,rgba(140,198,63,.28),transparent 28%),linear-gradient(135deg,#0d5be1 0%,#124aa9 48%,#234d37 100%)}
.ms-cta-grid{display:grid;grid-template-columns:1fr auto;gap:36px;align-items:center}.ms-cta h2{color:#fff!important;font-size:clamp(32px,3vw,48px);margin:0 0 12px}.ms-cta p{color:#eaf5e8!important;margin:0;max-width:760px;font-size:17px;line-height:1.65}.ms-cta .bic-btn{background:#fff;color:#315f42!important;min-width:220px}
@media(max-width:1050px){.ms-hero-grid,.ms-architecture-grid{grid-template-columns:1fr}.ms-cap-grid{grid-template-columns:1fr 1fr}.ms-process{grid-template-columns:1fr 1fr}.ms-process:before{display:none}.ms-step{padding:22px 18px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.04);border-radius:16px;text-align:left}.ms-step .num{margin:0 0 16px;border:0;box-shadow:none}.ms-step p{max-width:none}.ms-brand-ecosystem{grid-template-columns:repeat(3,1fr)}.ms-brand + .ms-brand:before{display:none}.ms-use-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){
  .bic-wrap .bic-section{padding:54px 0}
  .ms-hero{padding:50px 0 56px}
  .ms-hero-grid{gap:34px}
  .ms-hero h1{font-size:40px}
  .ms-hero .lead{font-size:18px}
  .ms-hero .copy{font-size:16px}
  .ms-cap-grid,.ms-process,.ms-benefits,.ms-use-grid{grid-template-columns:1fr}
  .ms-cap-grid,.ms-process{gap:16px;margin-top:34px}
  .ms-card{padding:24px}
  .ms-card .icon{margin-bottom:14px}
  .ms-step{padding:20px}
  .ms-architecture-grid{gap:36px}
  .ms-benefits{gap:14px}
  .ms-benefit{padding:18px}
  .ms-architecture{min-height:0;padding:24px}
  .ms-arch-layer{grid-template-columns:1fr 1fr}
  .ms-brand-ecosystem{grid-template-columns:1fr 1fr;gap:20px 16px;margin-top:36px}
  .ms-brand{min-height:108px;gap:12px}
  .ms-use-grid{gap:16px;margin-top:34px}
  .ms-use{padding:22px}
  .ms-cta{padding:60px 0}
  .ms-cta-grid{grid-template-columns:1fr}
  .bic-wrap .bic-related{padding:44px 0}
  .bic-wrap .bic-related-head{margin-bottom:28px}
  .bic-wrap .bic-related-grid,.bic-wrap .bic-related-grid.cols-3{grid-template-columns:1fr}
  .bic-wrap .bic-related-card{padding:21px}
}
@media(max-width:480px){
  .bic-wrap .bic-section{padding:48px 0}
  .ms-hero{padding:44px 0 48px}
  .ms-hero h1{font-size:36px;line-height:1.06}
  .ms-hero .bic-btns{gap:10px}
  .ms-hero .bic-btn{width:100%;min-height:50px;padding:0 18px}
  .ms-visual{min-height:0;padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .ms-ring{display:none}
  .ms-core{position:static;transform:none;grid-column:1/-1;width:118px;height:108px;justify-self:center;font-size:44px}
  .ms-node{position:static;width:auto;padding:13px}
  .ms-node strong{font-size:13px}
  .ms-node span{font-size:11px}
  .ms-architecture{padding:16px;border-radius:20px}
  .ms-arch-heading{gap:12px;padding:16px}
  .ms-arch-icon{width:44px;height:44px;flex-basis:44px;font-size:22px}
  .ms-arch-heading strong{font-size:16px}
  .ms-arch-layer{gap:7px;padding:10px}
  .ms-arch-layer span{padding:9px 5px;font-size:11px}
  .ms-arch-foundation{padding:11px 12px;font-size:11px}
  .ms-brand img{max-width:145px;max-height:54px}
  .ms-brand span{font-size:11px}
  .ms-cta{padding:52px 0}
  .ms-cta .bic-btn{width:100%;min-width:0}
}
.bic-hero-system{--hero-base:#071733;--hero-accent:#008f82;--hero-accent-secondary:#8cc63f;--hero-line:rgba(255,255,255,.18);--hero-surface:rgba(255,255,255,.08);--hero-glow:rgba(140,198,63,.24);min-height:470px;padding:24px;border:1px solid var(--hero-line);border-radius:30px;background:radial-gradient(circle at 76% 18%,var(--hero-glow),transparent 29%),linear-gradient(145deg,var(--hero-base),#0a3d55 58%,var(--hero-accent));box-shadow:0 30px 70px rgba(15,31,61,.16);color:#fff}.bic-hero-system .bic-hero-icon{display:block;width:25px;height:25px;flex:0 0 25px}.bic-lifecycle-visual{position:relative}.bic-cycle-track{position:absolute;top:50%;left:50%;width:300px;height:300px;border:1px solid var(--hero-line);border-radius:50%;transform:translate(-50%,-50%)}.bic-cycle-track::after{position:absolute;top:17px;right:45px;width:10px;height:10px;border-top:2px solid var(--hero-accent-secondary);border-right:2px solid var(--hero-accent-secondary);content:"";transform:rotate(38deg)}.bic-cycle-core{position:absolute;z-index:2;top:50%;left:50%;display:flex;width:154px;height:154px;padding:18px;align-items:center;justify-content:center;flex-direction:column;border:1px solid var(--hero-line);border-radius:50%;background:rgba(7,23,51,.72);box-shadow:0 18px 45px rgba(3,18,39,.28);text-align:center;transform:translate(-50%,-50%)}.bic-cycle-core .bic-hero-icon{width:34px;height:34px;margin-bottom:7px;color:#b7e477}.bic-cycle-core strong{font-size:16px;line-height:1.05}.bic-cycle-core span{margin-top:6px;color:#bfe9df;font-size:11px;font-weight:800}.bic-cycle-node{position:absolute;z-index:3;display:grid;width:158px;min-height:62px;padding:10px 12px;grid-template-columns:20px 26px 1fr;align-items:center;gap:7px;border:1px solid var(--hero-line);border-radius:14px;background:var(--hero-surface);backdrop-filter:blur(10px)}.bic-cycle-node b{color:#a8df61;font-size:9px}.bic-cycle-node strong{font-size:12px}.cycle-monitoring{top:28px;left:30px}.cycle-administration{top:28px;right:30px}.cycle-support{right:30px;bottom:28px}.cycle-continuity{bottom:28px;left:30px}
@media(max-width:760px){.bic-hero-system{min-height:0;padding:18px;border-radius:24px}.bic-lifecycle-visual{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bic-cycle-track{display:none}.bic-cycle-core{position:static;grid-column:1/-1;width:145px;height:145px;margin:0 auto 8px;transform:none}.bic-cycle-node{position:static;width:auto;min-height:60px}.bic-cycle-node:nth-of-type(n+3)::before{display:none}}
@media(max-width:480px){.bic-lifecycle-visual{grid-template-columns:1fr}.bic-cycle-core{grid-column:auto}.bic-cycle-node{grid-template-columns:24px 26px 1fr}}
.bic-lifecycle-visual{position:relative;isolation:isolate;overflow:hidden}.bic-lifecycle-visual::before{position:absolute;inset:18% 20%;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(140,198,63,.13),rgba(0,143,130,.05) 45%,transparent 72%);filter:blur(8px);content:""}.bic-ops-circuit{position:absolute;inset:67px 56px;border:2px solid rgba(56,202,175,.55);border-radius:120px;box-shadow:0 0 22px rgba(0,169,143,.11),inset 0 0 22px rgba(13,91,225,.08)}.bic-ops-circuit::before,.bic-ops-circuit::after{position:absolute;border-radius:120px;content:""}.bic-ops-circuit::before{inset:-2px;border-top:2px solid #0d5be1;border-right:2px solid #10ad9e;border-bottom:2px solid #8cc63f;border-left:2px solid #159987}.bic-ops-circuit::after{inset:17px;border:1px dashed rgba(255,255,255,.1)}.bic-route-arrow{position:absolute;z-index:2;width:10px;height:10px;border-top:2px solid #b6df70;border-right:2px solid #b6df70}.route-one{top:-6px;right:88px;transform:rotate(45deg)}.route-two{right:-6px;bottom:76px;transform:rotate(135deg)}.route-three{bottom:-6px;left:88px;transform:rotate(225deg)}.route-four{top:76px;left:-6px;transform:rotate(315deg)}.bic-cycle-core{position:absolute;z-index:3;top:50%;left:50%;display:flex;width:172px;height:116px;padding:14px;align-items:center;justify-content:center;flex-direction:column;border:1px solid rgba(140,198,63,.35);border-radius:30px;background:linear-gradient(145deg,rgba(7,23,51,.94),rgba(6,55,66,.9));box-shadow:0 18px 42px rgba(3,18,39,.3),0 0 28px rgba(140,198,63,.08);text-align:center;transform:translate(-50%,-50%)}.bic-cycle-core .bic-hero-icon{width:31px;height:31px;margin-bottom:6px;color:#a8dc56}.bic-cycle-core strong{font-size:16px;line-height:1.05}.bic-cycle-core span{margin-top:5px;color:#bceade;font-size:10px;font-weight:850}.bic-cycle-stage{position:absolute;z-index:4;display:grid;align-items:center;gap:7px;color:#fff;text-shadow:0 1px 2px rgba(2,17,35,.3)}.bic-cycle-stage b{color:#b1df66;font-size:9px}.bic-cycle-stage>.bic-hero-icon{width:28px;height:28px;padding:5px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(255,255,255,.1);box-sizing:content-box}.bic-cycle-stage strong,.bic-cycle-stage span{display:block}.bic-cycle-stage strong{font-size:12px}.bic-cycle-stage span{margin-top:2px;color:#c9e5e0;font-size:9px;line-height:1.3}.cycle-monitoring,.cycle-support{left:50%;width:245px;grid-template-columns:20px 40px 1fr;transform:translateX(-50%)}.cycle-monitoring{top:17px}.cycle-support{bottom:17px}.cycle-administration,.cycle-continuity{top:50%;width:180px;grid-template-columns:18px 40px 1fr;transform:translateY(-50%)}.cycle-administration{right:9px}.cycle-continuity{left:9px}.cycle-administration>.bic-hero-icon{color:#51d2bc}.cycle-support>.bic-hero-icon{color:#78d896}.cycle-continuity>.bic-hero-icon{color:#a8dc56}
@media(max-width:760px){.bic-lifecycle-visual{display:flex;min-height:0;padding:20px;flex-direction:column;gap:0}.bic-lifecycle-visual::before{inset:15% 5%}.bic-ops-circuit{display:none}.bic-cycle-core{position:static;width:170px;height:112px;margin:0 auto 18px;transform:none}.bic-cycle-stage{position:relative;top:auto;right:auto;bottom:auto;left:auto;width:100%;min-height:70px;padding:11px 12px 11px 18px;grid-template-columns:24px 40px 1fr;border-left:2px solid rgba(63,205,167,.55);transform:none;text-shadow:none}.bic-cycle-stage::after{position:absolute;bottom:-5px;left:-5px;width:8px;height:8px;border-right:2px solid #a8dc56;border-bottom:2px solid #a8dc56;content:"";transform:rotate(45deg)}.bic-cycle-stage:last-child::after{top:-5px;bottom:auto;transform:rotate(225deg)}.bic-cycle-stage span{font-size:10px}.bic-cycle-stage>.bic-hero-icon{width:26px;height:26px}.cycle-monitoring{border-color:#0d5be1}.cycle-administration{border-color:#10ad9e}.cycle-support{border-color:#51c58a}.cycle-continuity{border-color:#8cc63f}}