:root{
  --om-blue:#072dd2;
  --om-blue-2:#3158ef;
  --om-blue-dark:#041a79;
  --om-blue-soft:#eef2ff;
  --om-orange:#f1b410;
  --om-orange-dark:#9d7200;
  --om-orange-soft:#fff7dd;
  --om-green:#19d92b;
  --om-green-dark:#0b8b1a;
  --om-green-soft:#effff1;
  --om-ink:#13213a;
  --om-muted:#65728a;
  --om-bg:#f7f9fc;
  --om-border:#e4e9f2;
  --header-height:80px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 18px)}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--om-ink);background:#fff;overflow-x:hidden}
a{text-decoration:none}
img{max-width:100%}
.site-header{position:sticky;top:0;z-index:1035;box-shadow:0 10px 30px rgba(7,45,210,.08)}
.navbar-brand{display:flex;align-items:center;gap:.75rem;font-weight:850;color:var(--om-ink)!important;letter-spacing:-.02em}
.navbar-brand img{width:46px;height:46px;object-fit:cover;border-radius:10px}
.nav-link{font-weight:650;color:#23324d!important}.nav-link:hover,.nav-link.active{color:var(--om-blue)!important}
.btn{font-weight:750;transition:.2s ease}
.btn-om{background:var(--om-blue);border-color:var(--om-blue);color:#fff}.btn-om:hover{background:var(--om-blue-dark);border-color:var(--om-blue-dark);color:#fff;transform:translateY(-1px)}
.btn-outline-om{border:1px solid var(--om-blue);color:var(--om-blue)}.btn-outline-om:hover{background:var(--om-blue);color:#fff}
.btn-om-orange{background:var(--om-orange);border-color:var(--om-orange);color:#13213a}.btn-om-orange:hover{background:#dca208;border-color:#dca208;color:#081127;transform:translateY(-1px)}
.btn-outline-orange{border:1px solid var(--om-orange);color:#856000;background:#fff}.btn-outline-orange:hover{background:var(--om-orange);border-color:var(--om-orange);color:#13213a}
.btn-om-green{background:var(--om-green);border-color:var(--om-green);color:#072511}.btn-om-green:hover{background:#15c526;border-color:#15c526;color:#041a0a;transform:translateY(-1px)}

.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#f8faff 0%,#eef2ff 58%,#fff9e8 100%)}
.hero-fit{min-height:calc(100svh - var(--header-height));display:flex;align-items:center;padding:clamp(2.1rem,4vh,4rem) 0}
.hero>.container{z-index:2}
.hero .mesh-art{position:absolute;width:min(920px,75vw);height:auto;right:-14%;top:1%;opacity:.17;z-index:0;pointer-events:none;transform:rotate(-3deg)}
.hero .mesh-glow{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}.hero .mesh-glow.blue{width:330px;height:330px;background:rgba(7,45,210,.13);right:-100px;top:-110px}.hero .mesh-glow.orange{width:230px;height:230px;background:rgba(241,180,16,.13);left:-90px;bottom:-90px}
.eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.42rem .78rem;border-radius:999px;background:#fff;border:1px solid var(--om-border);font-size:.78rem;font-weight:850;color:var(--om-blue);letter-spacing:.065em;text-transform:uppercase;box-shadow:0 8px 22px rgba(18,31,64,.04)}
.hero h1,.page-hero h1{font-weight:880;letter-spacing:-.047em;line-height:1.02}
.hero h1{font-size:clamp(2.55rem,4.8vw,4.7rem)}
.gradient-text{background:linear-gradient(90deg,var(--om-blue),var(--om-blue-2) 48%,var(--om-orange) 76%,var(--om-green-dark));-webkit-background-clip:text;background-clip:text;color:transparent}
.lead-copy{font-size:clamp(1rem,1.35vw,1.16rem);line-height:1.65;color:var(--om-muted);max-width:760px}
.brand-card{background:rgba(255,255,255,.94);border:1px solid rgba(228,233,242,.95);box-shadow:0 24px 70px rgba(27,42,84,.12);border-radius:28px;padding:clamp(1.35rem,2.4vw,2rem);backdrop-filter:blur(8px)}
.brand-card img{width:112px;height:112px;object-fit:cover;border-radius:24px;box-shadow:0 16px 45px rgba(7,45,210,.18)}
.mini-stat{padding:1rem;border-radius:18px;background:var(--om-bg);height:100%;border-top:3px solid transparent}.mini-stat.blue{border-top-color:var(--om-blue)}.mini-stat.orange{border-top-color:var(--om-orange)}.mini-stat.green{border-top-color:var(--om-green)}.mini-stat strong{display:block;font-size:1.3rem;color:var(--om-blue)}
.tagline-dots{display:flex;align-items:center;gap:.55rem;font-weight:750}.tagline-dots .dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot.blue{background:var(--om-blue)}.dot.orange{background:var(--om-orange)}.dot.green{background:var(--om-green)}

.section{padding:5rem 0;position:relative}.section-soft{background:var(--om-bg)}
.section-fit-screen{min-height:calc(100svh - var(--header-height));display:flex;align-items:center}
.mesh-section{overflow:hidden}.mesh-section:after{content:"";position:absolute;inset:auto -220px -130px auto;width:720px;height:380px;background:url('../img/network-mesh.svg') center/contain no-repeat;opacity:.06;pointer-events:none;transform:rotate(7deg)}
.section-title{font-weight:860;letter-spacing:-.038em;font-size:clamp(2rem,4vw,3.2rem)}
.section-kicker{color:var(--om-blue);font-weight:850;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}
.accent-orange{color:var(--om-orange-dark)}.accent-green{color:var(--om-green-dark)}
.feature-card,.solution-card,.resource-card,.compare-card,.faq-wrap{background:#fff;border:1px solid var(--om-border);border-radius:22px;box-shadow:0 14px 36px rgba(18,31,64,.055)}
.feature-card,.solution-card,.resource-card{padding:1.55rem;height:100%;transition:.22s ease;position:relative;overflow:hidden}.feature-card:hover,.solution-card:hover,.resource-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(18,31,64,.09)}
.feature-card.accent-top-blue{border-top:3px solid var(--om-blue)}.feature-card.accent-top-orange{border-top:3px solid var(--om-orange)}.feature-card.accent-top-green{border-top:3px solid var(--om-green)}
.icon-box{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--om-blue-soft);color:var(--om-blue);font-size:1.3rem;margin-bottom:1rem}.icon-box.orange{background:var(--om-orange-soft);color:var(--om-orange-dark)}.icon-box.green{background:var(--om-green-soft);color:var(--om-green-dark)}
.pill{display:inline-block;padding:.4rem .7rem;border-radius:999px;background:var(--om-blue-soft);color:var(--om-blue);font-weight:700;font-size:.8rem;margin:.2rem .15rem}.pill.orange{background:var(--om-orange-soft);color:var(--om-orange-dark)}.pill.green{background:var(--om-green-soft);color:var(--om-green-dark)}
.compare-table thead th{background:var(--om-blue);color:#fff}.compare-table td,.compare-table th{padding:1rem;border-color:var(--om-border)}.compare-table tbody tr:nth-child(even){background:#fafbfe}.compare-table td:last-child{border-left:3px solid rgba(25,217,43,.45)}
.cta-band{background:linear-gradient(115deg,var(--om-blue-dark),var(--om-blue));color:#fff;border-radius:30px;padding:3rem;position:relative;overflow:hidden}.cta-band:after{content:"";position:absolute;inset:-80px -130px auto auto;width:520px;height:320px;background:url('../img/network-mesh.svg') center/contain no-repeat;opacity:.18;transform:rotate(-8deg);pointer-events:none}.cta-band>*{position:relative;z-index:1}

.page-hero{position:relative;overflow:hidden;padding:4.25rem 0 3rem;background:linear-gradient(135deg,#f8faff,#eef2ff)}.page-hero:after{content:"";position:absolute;width:680px;height:360px;right:-130px;top:-80px;background:url('../img/network-mesh.svg') center/contain no-repeat;opacity:.08;pointer-events:none}.page-hero .container{position:relative;z-index:1}
.breadcrumb-item a{color:var(--om-blue)}
.accordion-item{border:0;border-bottom:1px solid var(--om-border)}.accordion-button{font-weight:760;padding:1.2rem 0;background:#fff!important;box-shadow:none!important;color:var(--om-ink)}.accordion-button:not(.collapsed){color:var(--om-blue)}.accordion-body{padding:0 0 1.3rem;color:var(--om-muted);line-height:1.7}
.article-block,.resource-answer{scroll-margin-top:calc(var(--header-height) + 20px);padding:2rem;background:#fff;border:1px solid var(--om-border);border-radius:22px;margin-bottom:1.5rem}.article-block h2,.resource-answer h2{font-weight:820}.resource-answer:target{box-shadow:0 0 0 3px rgba(7,45,210,.10),0 18px 45px rgba(18,31,64,.08)}
.resource-layout>aside{align-self:stretch;position:relative}.resource-sidebar{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b8c4e9 transparent;overflow-x:hidden}.resource-sidebar:hover{transform:none;box-shadow:0 14px 36px rgba(18,31,64,.055)}.resource-sidebar::-webkit-scrollbar{width:7px}.resource-sidebar::-webkit-scrollbar-track{background:transparent}.resource-sidebar::-webkit-scrollbar-thumb{background:#b8c4e9;border-radius:10px}.resource-sidebar .nav-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:850;color:var(--om-muted);margin:1rem 0 .45rem}.resource-sidebar a{display:block;color:#33425e;padding:.65rem .75rem;border-radius:10px;font-size:.92rem;line-height:1.3}.resource-sidebar a:hover,.resource-sidebar a.active{background:var(--om-blue-soft);color:var(--om-blue);font-weight:750}.resource-sidebar a.active{box-shadow:inset 3px 0 0 var(--om-blue)}
.resource-sidebar .question-link::before{content:"?";display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;margin-right:.45rem;background:var(--om-orange-soft);color:var(--om-orange-dark);font-size:.72rem;font-weight:900}

.footer{background:#081127;color:#d6dded;padding:4rem 0 2rem;position:relative;overflow:hidden}.footer a{color:#d6dded}.footer a:hover{color:#fff}.footer .brand-title{color:#fff;font-weight:850;font-size:1.2rem}.footer small{color:#9eabc4}.footer-logo{border-radius:12px;object-fit:cover}.mesh-footer:after{content:"";position:absolute;width:700px;height:360px;right:-180px;bottom:-140px;background:url('../img/network-mesh.svg') center/contain no-repeat;opacity:.08;filter:brightness(1.6);pointer-events:none}
.form-control,.form-select{padding:.85rem 1rem;border-radius:12px;border-color:var(--om-border)}.form-control:focus,.form-select:focus{border-color:var(--om-blue);box-shadow:0 0 0 .2rem rgba(7,45,210,.08)}

@media (min-width:992px){
  .resource-sidebar{position:sticky;top:calc(var(--header-height) + 12px);height:calc(100vh - var(--header-height) - 24px);height:calc(100dvh - var(--header-height) - 24px);max-height:none;overflow-y:auto}
}
@media (min-width:992px) and (max-height:760px){
  .hero-fit{padding:1.6rem 0}.hero h1{font-size:clamp(2.45rem,4.15vw,3.85rem)}.hero .lead-copy{font-size:1rem;line-height:1.55}.brand-card{padding:1.25rem}.brand-card img{width:92px;height:92px}.mini-stat{padding:.8rem}.hero .mt-4{margin-top:1rem!important}
}
@media (max-width:991.98px){
  .hero-fit{min-height:auto;padding:4rem 0}.brand-card{margin-top:.5rem}.resource-sidebar{position:static;height:auto;max-height:none;overflow:visible}.navbar-collapse{padding:1rem 0}.page-hero{padding-top:3.5rem}.section-fit-screen{min-height:auto}.site-header .navbar-nav{align-items:stretch!important}.site-header .btn{display:block;text-align:center}
}
@media (max-width:575.98px){.section{padding:3.8rem 0}.cta-band{padding:2rem;border-radius:24px}.brand-card{border-radius:22px}.hero h1{font-size:2.65rem}.page-hero h1{font-size:2.4rem}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.feature-card,.solution-card,.resource-card,.btn{transition:none}}

/* =========================================================
   OM AMF Home Hero V4 — full viewport + animated network
   ========================================================= */
.hero-v4{
  height:calc(100dvh - var(--header-height));
  min-height:0;
  padding:0;
  display:flex;
  align-items:stretch;
  background:
    radial-gradient(circle at 94% 8%,rgba(7,45,210,.14) 0 13%,transparent 13.2%),
    radial-gradient(circle at 1% 100%,rgba(241,180,16,.10) 0 10%,transparent 10.2%),
    linear-gradient(132deg,#f9fbff 0%,#eef3ff 62%,#fffaf0 100%);
}
.hero-v4-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.hero-v4-bg:before,.hero-v4-bg:after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.hero-v4-bg:before{width:360px;height:360px;right:-150px;top:-175px;background:rgba(7,45,210,.07)}
.hero-v4-bg:after{width:230px;height:230px;left:-135px;bottom:-135px;background:rgba(241,180,16,.09)}
.hero-v4-shell{height:100%;display:flex;flex-direction:column;padding-top:clamp(1rem,2.4vh,1.8rem);padding-bottom:clamp(.7rem,1.8vh,1.25rem);z-index:2}
.hero-v4-main{flex:1;min-height:0}
.hero-v4 .hero-copy{position:relative;z-index:2}
.hero-v4 h1{font-size:clamp(2.7rem,4.25vw,4.45rem);max-width:850px;margin-bottom:0}
.hero-v4 .hero-blue{color:var(--om-blue)}
.hero-v4 .lead-copy{max-width:760px;margin-bottom:0}
.hero-promise{display:flex;flex-wrap:wrap;gap:.85rem 1rem;font-weight:780;font-size:.98rem;color:#1c2c48}
.hero-promise span{display:inline-flex;align-items:center;gap:.46rem;white-space:nowrap}
.promise-dot{width:8px;height:8px;display:inline-block;border-radius:50%}
.promise-dot.blue{background:var(--om-blue)}.promise-dot.orange{background:var(--om-orange)}.promise-dot.green{background:var(--om-green)}

.hero-network{position:relative;height:min(52vh,500px);min-height:370px;width:100%;isolation:isolate;overflow:hidden;border-radius:34px}
.hero-network:before{content:"";position:absolute;inset:8% 2% 5%;border-radius:46% 54% 51% 49% / 54% 43% 57% 46%;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.92),rgba(255,255,255,.52) 43%,rgba(255,255,255,0) 72%);z-index:-1}
#omHeroCanvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}
.hero-brand-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;text-align:center;width:min(78%,330px);padding:1.15rem 1rem;border-radius:28px;background:rgba(255,255,255,.68);border:1px solid rgba(255,255,255,.82);box-shadow:0 22px 65px rgba(25,42,90,.10);backdrop-filter:blur(7px)}
.hero-brand-core img{width:92px;height:92px;object-fit:cover;border-radius:21px;filter:drop-shadow(0 12px 24px rgba(7,45,210,.16))}
.hero-brand-name{margin-top:.75rem;color:var(--om-blue);font-size:clamp(1.7rem,2.2vw,2.35rem);font-weight:500;letter-spacing:.10em;line-height:1}
.hero-brand-tagline{margin-top:.65rem;font-weight:780;color:var(--om-ink);font-size:1rem}
.hero-brand-note{margin-top:.35rem;color:var(--om-muted);font-size:.78rem}
.hero-node-label{position:absolute;z-index:2;display:inline-flex;align-items:center;padding:.34rem .62rem;border-radius:999px;background:rgba(255,255,255,.76);border:1px solid rgba(222,229,244,.9);box-shadow:0 8px 22px rgba(18,31,64,.06);font-size:.72rem;font-weight:800;color:#31405e;backdrop-filter:blur(5px);animation:omFloat 6s ease-in-out infinite}
.hero-node-label:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--om-blue);margin-right:.38rem}
.hero-node-label:nth-of-type(2):before,.hero-node-label:nth-of-type(5):before{background:var(--om-orange)}
.hero-node-label:nth-of-type(3):before,.hero-node-label:nth-of-type(6):before{background:var(--om-green)}
.label-erp{left:3%;top:19%;animation-delay:-.7s}.label-cpq{right:8%;top:12%;animation-delay:-2.2s}.label-crm{right:2%;bottom:24%;animation-delay:-3.6s}.label-hrm{left:8%;bottom:16%;animation-delay:-1.5s}.label-finance{left:20%;top:5%;animation-delay:-4.5s}.label-inventory{right:18%;bottom:5%;animation-delay:-5.2s}
@keyframes omFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

.hero-module-strip{flex:0 0 auto;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.7rem;margin-top:.45rem}
.hero-module{min-width:0;padding:.78rem .95rem;border-radius:17px;background:rgba(255,255,255,.80);border:1px solid rgba(226,232,244,.95);box-shadow:0 10px 28px rgba(18,31,64,.045);color:var(--om-ink);border-top:3px solid transparent;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.hero-module:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(18,31,64,.085);background:#fff;color:var(--om-ink)}
.hero-module strong{display:block;color:var(--om-blue);font-size:1rem;line-height:1.1}.hero-module small{display:block;color:var(--om-muted);font-size:.69rem;margin-top:.3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hero-module.module-blue{border-top-color:var(--om-blue)}.hero-module.module-orange{border-top-color:var(--om-orange)}.hero-module.module-green{border-top-color:var(--om-green)}
.hero-module.module-orange strong{color:var(--om-orange-dark)}.hero-module.module-green strong{color:var(--om-green-dark)}

@media (min-width:992px) and (max-height:760px){
  .hero-v4-shell{padding-top:.75rem;padding-bottom:.55rem}
  .hero-v4 h1{font-size:clamp(2.5rem,3.9vw,3.85rem)}
  .hero-v4 .lead-copy{font-size:.98rem;line-height:1.5}
  .hero-v4 .mt-4{margin-top:.9rem!important}.hero-v4 .mt-3{margin-top:.75rem!important}
  .hero-network{height:min(49vh,430px);min-height:330px}
  .hero-brand-core{padding:.9rem}.hero-brand-core img{width:78px;height:78px}.hero-brand-name{font-size:1.65rem}.hero-brand-note{display:none}
  .hero-module{padding:.62rem .8rem}.hero-module small{font-size:.64rem}
}
@media (min-width:992px) and (max-height:650px){
  .hero-v4 .eyebrow{font-size:.69rem;padding:.34rem .65rem}.hero-v4 h1{font-size:2.85rem}.hero-v4 .lead-copy{font-size:.9rem}.hero-promise{font-size:.87rem}
  .hero-actions .btn{padding-top:.55rem;padding-bottom:.55rem;font-size:.95rem}
  .hero-network{min-height:285px;height:45vh}.hero-brand-core img{width:68px;height:68px}.hero-brand-tagline{font-size:.88rem}.hero-node-label{font-size:.63rem}
  .hero-module-strip{gap:.45rem}.hero-module{padding:.5rem .65rem;border-radius:14px}.hero-module small{display:none}
}
@media (max-width:991.98px){
  .hero-v4{height:auto;min-height:auto;padding:3.5rem 0 1rem}
  .hero-v4-shell{height:auto;padding-top:0;padding-bottom:0}
  .hero-v4-main{flex:none}
  .hero-v4 .hero-copy{padding-bottom:1rem}
  .hero-network{height:470px;min-height:430px;margin-top:1rem}
  .hero-module-strip{display:flex;overflow-x:auto;padding:.15rem .05rem .75rem;scroll-snap-type:x proximity;scrollbar-width:thin}
  .hero-module{flex:0 0 180px;scroll-snap-align:start}
}
@media (max-width:575.98px){
  .hero-v4{padding-top:2.6rem}.hero-v4 h1{font-size:2.55rem}.hero-v4 .lead-copy{font-size:.98rem}.hero-promise{font-size:.88rem;gap:.55rem .8rem}
  .hero-network{height:390px;min-height:360px;border-radius:24px}.hero-brand-core{width:72%;padding:.9rem}.hero-brand-core img{width:75px;height:75px}.hero-brand-name{font-size:1.55rem}.hero-brand-note{display:none}.hero-node-label{font-size:.64rem;padding:.28rem .48rem}
}
@media (prefers-reduced-motion:reduce){.hero-node-label{animation:none}}