:root{--aoc-blue:#1D4ED8;--aoc-blue-dark:#1E3A8A;--aoc-blue-light:#EFF6FF;--aoc-border:#E5E7EB;--aoc-text-muted:#6B7280;--aoc-ink:#0F172A;--aoc-slate:#334155;--aoc-shadow-soft:0 16px 50px rgba(15,23,42,.09);--aoc-radius:16px;--aoc-font-display:'Sora',system-ui,sans-serif;--aoc-font-text:'Manrope',system-ui,sans-serif;}
  body{font-family:var(--aoc-font-text);color:var(--aoc-ink);-webkit-font-smoothing:antialiased;}
  h1,h2,h3,h4,h5,h6,.navbar .nav-link,.btn,.aoc-brand-name{font-family:var(--aoc-font-display);letter-spacing:-.02em;}
  h2{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800;}
  .btn{border-radius:999px;font-weight:700;}
  .btn-primary{background-image:linear-gradient(135deg,var(--aoc-blue) 0%,#3560D7 100%);border-color:var(--aoc-blue);box-shadow:0 10px 22px rgba(29,78,216,.24);}
  .btn-primary:hover{background-image:linear-gradient(135deg,var(--aoc-blue-dark) 0%,#274AB0 100%);}
  .btn-outline-primary{color:var(--aoc-blue);border-color:var(--aoc-blue);}.btn-outline-primary:hover{background:var(--aoc-blue);color:#fff;}
  .aoc-navbar{background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid rgba(15,23,42,.08);position:sticky;top:0;z-index:1020;transition:box-shadow .25s;}
  .aoc-navbar--scrolled{box-shadow:0 8px 28px rgba(15,23,42,.10);}
  .aoc-navbar .nav-link{position:relative;font-size:.9375rem;font-weight:600;color:#1F2937;padding:.5rem .8rem;cursor:pointer;}
  .aoc-navbar .nav-link:hover{color:var(--aoc-blue);}
  .aoc-navbar .nav-link.active{color:var(--aoc-blue)!important;}
  .aoc-navbar .nav-link.active::after{content:'';position:absolute;left:.8rem;right:.8rem;bottom:.15rem;height:2px;background:var(--aoc-blue);border-radius:2px;}
  .aoc-logo-mark{width:34px;height:34px;background:var(--aoc-blue);color:#fff;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;}
  .aoc-brand-name{font-weight:700;color:#111827;font-size:1.1rem;}
  .aoc-eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--aoc-blue);margin-bottom:.5rem;}
  .aoc-eyebrow--light{color:rgba(255,255,255,.72);}
  section.py-5{padding-top:3.75rem!important;padding-bottom:3.75rem!important;}
  .aoc-particles-host{position:relative;isolation:isolate;}
  .aoc-particles-canvas{position:absolute;inset:0;z-index:0;pointer-events:none;}
  /* home hero */
  .aoc-hero{position:relative;min-height:560px;display:flex;align-items:center;padding:5.5rem 0 4rem;background-color:#08123A;background-image:radial-gradient(900px 480px at 12% -10%,rgba(96,165,250,.22) 0%,transparent 60%),linear-gradient(105deg,#08123A 0%,#0E2566 55%,#16307A 100%);overflow:hidden;}
  .aoc-hero .container{position:relative;z-index:1;}
  .aoc-hero h1{font-size:clamp(2rem,5vw,3.4rem);font-weight:800;color:#fff;line-height:1.15;}
  .aoc-hero .accent{color:#7DA8FF;}
  .aoc-hero .sub{font-size:1.1rem;color:rgba(255,255,255,.85);max-width:600px;line-height:1.7;}
  .aoc-hero .btn-outline-light{border-color:rgba(255,255,255,.7);color:#fff;}.aoc-hero .btn-outline-light:hover{background:#fff;color:var(--aoc-blue);}
  .statnum{font-family:var(--aoc-font-display);font-weight:800;color:#fff;font-size:2rem;line-height:1;}
  .statlbl{font-size:.85rem;color:rgba(255,255,255,.85);}
  /* dark page hero */
  .aoc-phero{position:relative;padding:4.25rem 0 3.75rem;background-color:#08123A;background-image:radial-gradient(800px 420px at 12% -20%,rgba(96,165,250,.22) 0%,transparent 60%),linear-gradient(105deg,#08123A 0%,#0E2566 60%,#16307A 100%);overflow:hidden;}
  .aoc-phero .container{position:relative;z-index:1;}
  .aoc-phero h1{color:#fff;font-weight:800;font-size:clamp(1.8rem,4vw,2.7rem);}
  .aoc-phero .lead{color:rgba(255,255,255,.85);max-width:620px;}
  .aoc-phero.teal{background-image:radial-gradient(800px 420px at 10% -20%,rgba(45,212,191,.22) 0%,transparent 60%),linear-gradient(105deg,#06231c 0%,#0c4a3e 55%,#0e7490 100%);}
  .mini{background:#fff;border:1px solid var(--aoc-border);border-radius:14px;padding:1.05rem;height:100%;transition:.2s;}
  .mini:hover{transform:translateY(-3px);box-shadow:var(--aoc-shadow-soft);border-color:#C7D6F5;}
  .featc{border:1px solid var(--aoc-border);border-radius:14px;padding:1.2rem 1.3rem;margin-bottom:1rem;transition:.2s;}
  .featc:hover{box-shadow:var(--aoc-shadow-soft);border-color:#C7D6F5;}
  .featic{width:44px;height:44px;border-radius:12px;background:var(--aoc-blue-light);color:var(--aoc-blue);display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0;}
  .sidecta{background:linear-gradient(135deg,#0E2566,#1e3a8a);color:#fff;border:none;}
  .sidecta .btn-light{color:var(--aoc-blue);font-weight:700;}
  .crumb{font-size:.78rem;font-weight:600;letter-spacing:.04em;color:rgba(255,255,255,.62);}
  .crumb a{color:rgba(255,255,255,.85);text-decoration:none;cursor:pointer;}
  /* light article hero (matches v4) */
  .aoc-article-hero{background:#F9FAFB;border-bottom:1px solid var(--aoc-border);}
  .aoc-article-hero .aoc-eyebrow a{color:#3159c6;text-decoration:none;cursor:pointer;}
  /* cards */
  .card{border-radius:var(--aoc-radius);}
  .soft{border:1px solid var(--aoc-border);transition:transform .2s,box-shadow .2s;}
  .soft:hover{transform:translateY(-4px);box-shadow:var(--aoc-shadow-soft);}
  .statcard{border:1px solid var(--aoc-border);border-radius:14px;text-align:center;padding:1.1rem .5rem;}
  .statcard .n{font-family:var(--aoc-font-display);font-weight:800;color:var(--aoc-blue);font-size:1.6rem;}
  .svc{position:relative;border:none!important;overflow:hidden;min-height:210px;color:#fff;display:flex;border-radius:var(--aoc-radius);transition:transform .2s,box-shadow .2s;}
  .svc:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(15,23,42,.12);}
  .svc::before{content:'';position:absolute;inset:0;background:rgba(8,18,58,.46);}
  .svc .card-body,.svc .card-footer{position:relative;z-index:1;}.svc .card-body{margin-top:auto;}
  .svc .card-title,.svc .card-text{color:#fff;}.svc .btn{border-color:#fff;color:#fff;}
  .svc-custom{background:linear-gradient(135deg,#1e3a8a,#2563eb);}.svc-qb{background:linear-gradient(135deg,#065f46,#10b981);}
  .svc-it{background:linear-gradient(135deg,#9a3412,#f59e0b);}.svc-cloud{background:linear-gradient(135deg,#4c1d95,#7c3aed);}
  /* industries marquee */
  .ind-marq{overflow-x:auto;overflow-y:hidden;padding-bottom:.5rem;scrollbar-width:thin;scrollbar-color:transparent transparent;}
  .ind-marq.user{scrollbar-color:#c3cee2 transparent;}
  .ind-marq::-webkit-scrollbar{height:8px;}.ind-marq::-webkit-scrollbar-track{background:transparent;}
  .ind-marq::-webkit-scrollbar-thumb{background:transparent;border-radius:999px;}
  .ind-marq.user::-webkit-scrollbar-track{background:#eef1f6;}.ind-marq.user::-webkit-scrollbar-thumb{background:#c3cee2;}
  .ind-track{display:flex;gap:1rem;width:max-content;}
  .ind-slide{flex:0 0 auto;width:250px;}
  .ind-card{overflow:hidden;height:100%;}
  .ind-img{height:108px;display:flex;align-items:center;justify-content:center;}
  .ind-img svg{width:58px;height:58px;opacity:.95;}
  /* tabs */
  .tabs{display:inline-flex;gap:.25rem;background:#eef1f6;border-radius:999px;padding:.3rem;}
  .tabs button{border:none;background:transparent;font-family:var(--aoc-font-display);font-weight:700;font-size:.85rem;color:var(--aoc-slate);padding:.45rem 1rem;border-radius:999px;cursor:pointer;}
  .tabs button.active{background:#fff;color:var(--aoc-blue);box-shadow:0 2px 8px rgba(15,23,42,.08);}
  /* insights article cards */
  .art-card{border:1px solid var(--aoc-border);border-radius:var(--aoc-radius);overflow:hidden;height:100%;transition:transform .2s,box-shadow .2s;background:#fff;cursor:pointer;}
  .art-card:hover{transform:translateY(-4px);box-shadow:var(--aoc-shadow-soft);}
  .art-thumb{height:150px;position:relative;background:linear-gradient(120deg,#0E2566,#2563eb);}
  .art-thumb.t2{background:linear-gradient(120deg,#065f46,#10b981);}.art-thumb.t3{background:linear-gradient(120deg,#4c1d95,#7c3aed);}
  .feat-thumb{height:100%;min-height:200px;border-radius:0;}
  .art-tag{position:absolute;top:.7rem;left:.7rem;font-size:.64rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:rgba(0,0,0,.35);border-radius:999px;padding:.18rem .6rem;}
  /* article body (v4) */
  .art-summary{border-left:3px solid var(--aoc-blue);padding-left:1rem;font-size:1.0625rem;color:var(--aoc-text-muted);}
  .art-body p{color:var(--aoc-slate);line-height:1.75;}
  .art-body h2{margin-top:2rem;}
  .outcome{background:#fff;border:1px solid var(--aoc-border);border-radius:16px;box-shadow:0 8px 30px rgba(15,23,42,.06);padding:1.35rem 1.4rem;transition:.2s;height:100%;}
  .outcome:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(15,23,42,.12);}
  .outcome--pending{border-style:dashed;border-color:#C7D6F5;background:#FBFCFF;}
  .pill{display:inline-block;font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--aoc-blue);background:var(--aoc-blue-light);border-radius:999px;padding:.18rem .6rem;margin-left:.4rem;vertical-align:middle;}
  .steps{border-radius:12px;overflow:hidden;}
  .step{background:#fff;transition:background .2s;}.step:hover{background:var(--aoc-blue-light);}
  .stepn{display:inline-block;font-size:2rem;font-weight:800;color:var(--aoc-blue);opacity:.25;line-height:1;}
  .chip{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;color:#3b4a68;padding:.4rem .85rem;border:1px solid var(--aoc-border);border-radius:999px;background:#fff;}
  .chip--pending{color:#6B7280;border-style:dashed;}
  .dot{width:10px;height:10px;border-radius:50%;display:inline-block;background:var(--aoc-blue);}.dot--pending{background:#C7D6F5;}
  .roadmap{background:var(--aoc-blue-light);border:1px solid #C7D6F5;border-radius:14px;padding:1.2rem 1.35rem;}
  .aoc-cta{background-color:#08123A;background-image:linear-gradient(96deg,rgba(7,17,48,.94) 0%,rgba(19,41,105,.86) 50%,rgba(22,48,120,.72) 100%);border-top:1px solid rgba(255,255,255,.18);}
  .tw70{color:rgba(255,255,255,.82);}
  .aoc-footer{background:#0b1220;color:#cbd5e1;padding:2.5rem 0 1.5rem;}
  .form-control,.form-select{border-radius:10px;}
  .aoc-logo-img{height:40px;width:auto;display:block;}
  /* ===== Checkpoint 2: liveliness layer ===== */
  /* scroll reveal */
  .reveal{opacity:0;transform:translateY(20px) scale(.985);transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1);will-change:opacity,transform;}
  .reveal.in{opacity:1;transform:none;}
  .reveal-up{transform:translateY(26px);}
  .reveal-left{transform:translateX(-26px);}
  .reveal-right{transform:translateX(26px);}
  /* tech-savvy hover glow on soft cards */
  .soft,.mini,.featc,.outcome,.art-card{position:relative;}
  .soft:hover,.mini:hover,.featc:hover,.outcome:hover{border-color:#9ec0ff;}
  /* animated gradient accent border (featured) */
  .glowborder{position:relative;border:none!important;}
  .glowborder::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1.5px;
    background:linear-gradient(120deg,#2563eb,#7c3aed,#06b6d4,#2563eb);background-size:300% 300%;
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;
    animation:aocBorderFlow 6s linear infinite;pointer-events:none;}
  @keyframes aocBorderFlow{0%{background-position:0% 50%}100%{background-position:300% 50%}}
  /* shimmer sweep on primary buttons */
  .btn-primary{position:relative;overflow:hidden;}
  .btn-primary::after{content:'';position:absolute;top:0;left:-120%;width:60%;height:100%;
    background:linear-gradient(110deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-18deg);transition:none;}
  .btn-primary:hover::after{animation:aocSheen .8s ease;}
  @keyframes aocSheen{0%{left:-120%}100%{left:140%}}
  /* count-up stats start hidden until animated */
  .statnum[data-count]{font-variant-numeric:tabular-nums;}
  /* nav link hover slide underline (tech feel) */
  .aoc-navbar .nav-link::before{content:'';position:absolute;left:.8rem;right:.8rem;bottom:.15rem;height:2px;background:var(--aoc-blue);border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform .25s ease;opacity:.5;}
  .aoc-navbar .nav-link:hover::before{transform:scaleX(1);}
  .aoc-navbar .nav-link.active::before{display:none;}

  /* dropdown nav (hover slide-down) */
  .has-drop{position:relative;}
  .drop-caret{font-size:.6em;opacity:.65;}
  .has-drop > .nav-link{display:inline-flex;align-items:center;gap:.25rem;white-space:nowrap;}
  .drop-menu{position:absolute;top:calc(100% + 6px);right:0;left:auto;min-width:222px;background:#fff;border:1px solid var(--aoc-border);border-radius:12px;box-shadow:0 18px 40px rgba(15,23,42,.14);padding:.4rem;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease;z-index:1031;}
  .drop-menu::before{content:'';position:absolute;top:-8px;left:0;right:0;height:8px;}
  .has-drop:hover .drop-menu,.has-drop:focus-within .drop-menu{opacity:1;visibility:visible;transform:translateY(0);}
  .drop-item{display:block;padding:.5rem .75rem;border-radius:8px;color:#1F2937;text-decoration:none;font-size:.9rem;font-weight:600;white-space:nowrap;cursor:pointer;}
  .drop-item:hover{background:var(--aoc-blue-light);color:var(--aoc-blue);}
  .prod-side{position:sticky;top:88px;z-index:1;align-self:flex-start;}
  .aoc-mobile-nav{display:none;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid rgba(15,23,42,.08);position:relative;z-index:1015;}
  .aoc-mobile-nav-inner{display:flex;align-items:center;gap:.5rem;overflow-x:auto;white-space:nowrap;padding:.45rem 0;scrollbar-width:none;}
  .aoc-mobile-nav-inner::-webkit-scrollbar{display:none;}
  .aoc-mobile-link{display:inline-flex;align-items:center;justify-content:center;padding:.42rem .75rem;border:1px solid #dbe3f2;border-radius:999px;background:#fff;color:#1f2937;text-decoration:none;font-family:var(--aoc-font-display);font-weight:700;font-size:.8rem;}
  .aoc-mobile-link.active{border-color:var(--aoc-blue);color:var(--aoc-blue);background:var(--aoc-blue-light);}
  /* ===== Checkpoint 3: cursor reactivity ===== */
  .aoc-particles-host::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .3s ease;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(125,168,255,.16),transparent 60%);}
  .aoc-particles-host.cursor-on::after{opacity:1;}
  .svc,.soft,.outcome,.featc,.mini,.art-card{transform-style:preserve-3d;}
  @media (prefers-reduced-motion:reduce){
    *{transition-duration:.001ms!important;animation-duration:.001ms!important;}
    .reveal{opacity:1!important;transform:none!important;}
    .glowborder::before{animation:none;}
    .aoc-particles-host::after{display:none;}
  }
/* mobile collapsed nav: show dropdown items inline */
@media (max-width:991.98px){
  .aoc-navbar{padding:.32rem 0;}
  .aoc-navbar .container{padding-top:.1rem;padding-bottom:.1rem;}
  .aoc-navbar .navbar-brand{gap:.5rem!important;}
  .aoc-logo-img{height:30px;}
  .aoc-brand-name{font-size:1rem;}
  .aoc-navbar .navbar-toggler,.aoc-navbar .navbar-collapse{display:none!important;}
  .aoc-mobile-nav{display:block;}
  .has-drop .drop-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;padding:.1rem 0 .4rem 1rem;min-width:0;}
  .has-drop .drop-menu::before{display:none;}
  .drop-caret{display:none;}
  .aoc-navbar .nav-link.active::after{display:none;}
}