/* ARAH Landing R6 - match the real ARAH login's dark teal/blue-green atmosphere.
   Scope: marketing landing page ONLY. No login/dashboard style changes. */
:root {
  --dark:#071b22;
  --navy:#08272e;
  --card:#123b41;
  --muted:#a3bfc6;
  --dim:#76a1a8;
  --line:rgba(116,196,194,.20);
  --gold:#f8b34b;
  --gold-bright:#ffd17c;
}
body{background:#071c24}
.header{background:rgba(5,20,27,.97)!important;border-color:rgba(92,179,173,.15)!important}
.navigation{color:#e8f3f3}
.button-outline{background:rgba(11,53,59,.68)!important;border-color:rgba(141,205,204,.31)!important}
.button-outline:hover{background:rgba(17,71,76,.88)!important;border-color:var(--gold)!important}
.hero{
  background:
    radial-gradient(ellipse 54% 75% at 86% 28%,rgba(12,107,107,.37),transparent 72%),
    radial-gradient(ellipse 40% 65% at -5% 100%,rgba(74,79,48,.16),transparent 76%),
    linear-gradient(119deg,#071b25 3%,#082a32 52%,#073840 100%)!important;
}
.hero::after{opacity:.48}
.section-platform{
  background:radial-gradient(ellipse 65% 95% at 100% 20%,rgba(13,102,105,.25),transparent 73%),linear-gradient(120deg,#09222a,#0b3239 70%,#092830)!important;
}
.capabilities{
  background:linear-gradient(125deg,#071d26 10%,#0b3339 76%,#08262c)!important;
}
.workflow{
  background:radial-gradient(ellipse at 97% 10%,rgba(13,94,95,.20),transparent 62%),linear-gradient(123deg,#09242b,#0a3037 68%,#09242d)!important;
}
.in-action{
  background:radial-gradient(ellipse at 0 95%,rgba(20,101,101,.22),transparent 55%),linear-gradient(132deg,#09222b,#0c343a 70%,#09252c)!important;
}
.value-section,.cta-section{background:linear-gradient(120deg,#0b2930,#0a3339)!important}
.footer{background:#061b23!important;border-top-color:rgba(114,189,190,.18)!important}
.dashboard-shell{background:#0a2028!important;border-color:rgba(114,187,187,.28)!important}
.dash-sidebar{background:#071a22!important}
.cap-card{background:linear-gradient(140deg,#143c43,#0b2932)!important;border-color:rgba(132,189,187,.21)!important}
.step-visual{background:radial-gradient(ellipse at 47% 75%,rgba(24,132,133,.24),transparent 68%),linear-gradient(130deg,#17454b,#0a3039)!important;border-color:rgba(130,204,199,.23)!important}
.showcase{background:linear-gradient(128deg,#113940,#082730)!important;border-color:rgba(122,197,195,.26)!important}
.showcase-inner{background:radial-gradient(ellipse at 20% 88%,rgba(46,127,129,.19),transparent 52%)!important}
.value-list>div{background:rgba(17,67,73,.76)!important}
.system-box-image{
  position:relative!important;display:block!important;width:100%!important;
  aspect-ratio:2/1!important;min-height:0!important;height:auto!important;
  overflow:hidden!important;padding:0!important;margin:0!important;
  background:#092c35!important;border:1px solid rgba(59,172,188,.60)!important;
  border-radius:18px!important;box-shadow:0 26px 76px rgba(1,10,19,.40)!important;
}
.system-box-image .system-approved-img{
  display:block!important;position:absolute!important;inset:0!important;
  width:100%!important;height:100%!important;min-width:100%!important;
  max-width:none!important;object-fit:fill!important;object-position:center!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
}
@media(max-width:650px){.system-box-image{border-radius:13px!important}}