/* HERO BRAXION — v196 | referência 01 + identidade oficial 1996/1997 */
#homeView #top.hero{
  position:relative;
  width:min(1540px,calc(100vw - 32px));
  min-height:720px;
  margin-left:50%;
  transform:translateX(-50%);
  grid-template-columns:minmax(480px,.86fr) minmax(700px,1.14fr);
  align-items:center;
  gap:46px;
  padding:52px 0 58px;
  isolation:isolate;
}
#homeView #top.hero::before{
  content:"";
  position:absolute;
  z-index:-2;
  inset:-40px -3vw -20px;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 78% 42%,rgba(0,128,255,.16),transparent 37%),
    radial-gradient(ellipse at 44% 66%,rgba(0,196,255,.06),transparent 32%);
  filter:blur(4px);
}
#homeView .hero-copy-block{align-self:center;padding:12px 0 8px}
#homeView .hero-kicker{
  color:#75cfff!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.17em!important;
  text-shadow:0 0 22px rgba(0,174,255,.24);
}
#homeView .hero h1{
  max-width:680px;
  margin:13px 0 20px;
  font-size:clamp(54px,4vw,76px);
  line-height:.99;
  letter-spacing:-.066em;
  color:#f7fbff;
  text-wrap:balance;
}
#homeView .hero h1 span{
  color:#8bd8ff;
  background:linear-gradient(180deg,#d7f2ff 0%,#7ed4ff 48%,#48b8ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 7px 18px rgba(0,127,255,.12));
}
#homeView .hero-copy-block>p:not(.hero-kicker){
  max-width:620px;
  color:#c5d4e3;
  font-size:15.5px;
  line-height:1.68;
}
#homeView .hero-actions{display:flex;gap:10px;margin:25px 0 17px}
#homeView .primary-cta,#homeView .ghost-cta{
  min-height:52px;
  padding:0 19px;
  border-radius:15px;
  font-size:11px;
  letter-spacing:-.01em;
}
#homeView .primary-cta{
  color:#06111e;
  background:linear-gradient(180deg,#ffdc82 0%,#f3c154 100%);
  border:1px solid rgba(255,235,174,.75);
  box-shadow:0 14px 34px rgba(235,181,65,.16),inset 0 1px rgba(255,255,255,.5);
}
#homeView .primary-cta:hover{transform:translateY(-2px);box-shadow:0 19px 42px rgba(235,181,65,.22)}
#homeView .ghost-cta{
  border:1px solid rgba(73,166,255,.27);
  background:rgba(4,20,36,.75);
  box-shadow:inset 0 1px rgba(255,255,255,.04);
}
#homeView .ghost-cta:hover{border-color:rgba(56,180,255,.58);background:rgba(8,35,61,.9)}
#homeView .hero-trust{gap:14px;color:#b9ccdc}
#homeView .hero-trust span{font-size:10px;color:#b9ccdc}

#homeView .hero-system-map{
  margin-top:23px;
  max-width:650px;
  padding:10px;
  border:1px solid rgba(62,159,255,.25);
  border-radius:21px;
  background:linear-gradient(160deg,rgba(5,26,46,.88),rgba(2,13,25,.9));
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 18px 45px rgba(0,0,0,.16),0 0 36px rgba(0,117,255,.045);
}
#homeView .hero-system-map-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:2px 4px 9px;
}
#homeView .hero-system-map-head span,#homeView .hero-system-map-head small{
  color:#9bbbd7;
  font-size:7px;
  font-weight:900;
  letter-spacing:.13em;
}
#homeView .hero-system-map-head span{color:#cce7ff}
#homeView .hero-system-map-head i{
  display:inline-block;
  width:7px;height:7px;margin-right:5px;border-radius:50%;
  background:#24a7ff;box-shadow:0 0 12px #24a7ff;
}
#homeView .hero-system-map-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
#homeView .hero-system-map-grid a{
  min-height:76px;
  padding:10px 11px;
  border:1px solid rgba(70,157,239,.18);
  border-radius:14px;
  background:linear-gradient(160deg,rgba(8,36,63,.72),rgba(4,19,34,.78));
  transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;
}
#homeView .hero-system-map-grid a:hover,#homeView .hero-system-map-grid a:focus-visible{
  transform:translateY(-3px);
  border-color:rgba(50,181,255,.45);
  background:linear-gradient(160deg,rgba(12,55,94,.86),rgba(5,25,44,.9));
  box-shadow:0 11px 28px rgba(0,116,255,.12);
}
#homeView .hero-system-map-grid b{display:block;color:#4fc2ff;font-size:9px;margin-bottom:7px}
#homeView .hero-system-map-grid span{display:block;color:#f4f9ff;font-size:11px;font-weight:900;letter-spacing:-.01em}
#homeView .hero-system-map-grid small{display:block;margin-top:3px;color:#a5bbce;font-size:8px}
#homeView .hero-next-step{display:none!important}

/* Palco */
#homeView .eco196-stage{
  --mouse-x:50%;
  --mouse-y:46%;
  position:relative;
  isolation:isolate;
  min-height:640px!important;
  overflow:visible;
  border:0;
  border-radius:0;
  perspective:1100px;
  background:
    radial-gradient(circle at var(--mouse-x) var(--mouse-y),rgba(19,149,255,.25),transparent 28%),
    radial-gradient(circle at 50% 45%,rgba(0,198,255,.11),transparent 20%),
    radial-gradient(ellipse at 52% 102%,rgba(0,119,255,.30),transparent 46%),
    linear-gradient(90deg,transparent 0%,rgba(2,13,26,.48) 7%,rgba(3,20,38,.80) 43%,rgba(3,20,38,.72) 70%,transparent 100%)!important;
  box-shadow:none;
}
#homeView .eco196-stage::before{
  content:"";
  display:block!important;
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  background-image:
    radial-gradient(circle at 13% 20%,rgba(108,202,255,.55) 0 1px,transparent 1.6px),
    radial-gradient(circle at 77% 18%,rgba(108,202,255,.38) 0 1px,transparent 1.6px),
    radial-gradient(circle at 68% 67%,rgba(58,158,255,.33) 0 1px,transparent 1.5px),
    radial-gradient(circle at 22% 73%,rgba(58,158,255,.28) 0 1px,transparent 1.5px);
  background-size:118px 132px,164px 151px,141px 127px,193px 173px;
  opacity:.7;
  mask-image:linear-gradient(180deg,#000 0 82%,transparent);
}
#homeView .eco196-stage::after{
  content:"";
  display:block!important;
  position:absolute;
  z-index:1;
  left:50%;bottom:-84px;
  width:74%;height:214px;
  transform:translateX(-50%);
  border:2px solid rgba(47,170,255,.58);
  border-radius:50%;
  background:
    radial-gradient(ellipse at 50% 25%,rgba(29,166,255,.38),rgba(4,42,81,.68) 34%,rgba(1,13,28,.96) 70%);
  box-shadow:
    0 0 35px rgba(0,157,255,.36),
    0 0 85px rgba(0,87,255,.22),
    inset 0 0 45px rgba(24,184,255,.20);
}
.eco196-vignette{
  position:absolute;z-index:1;inset:0;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(0,4,10,.45),transparent 20%,transparent 80%,rgba(0,4,10,.42)),
    linear-gradient(180deg,rgba(0,4,11,.18),transparent 25%,transparent 78%,rgba(0,4,11,.52));
}
.eco196-orbit{
  position:absolute;z-index:1;left:50%;top:47%;border:1px solid rgba(64,168,255,.20);border-radius:50%;pointer-events:none;
  transform:translate(-50%,-50%) rotate(-8deg);
  box-shadow:0 0 32px rgba(0,127,255,.05);
}
.eco196-orbit-a{width:63%;height:58%}
.eco196-orbit-b{width:80%;height:72%;opacity:.48;transform:translate(-50%,-50%) rotate(9deg)}
.eco196-corebeam{
  position:absolute;z-index:1;left:50%;top:16%;bottom:13%;width:1px;
  background:linear-gradient(180deg,transparent,#2aafff44 30%,#26c1ffbb 58%,transparent 100%);
  box-shadow:0 0 18px #1aa8ff88;pointer-events:none;
}
.eco196-connectors{position:absolute;z-index:2;inset:0;pointer-events:none;opacity:.52}
.eco196-connectors i{
  position:absolute;left:50%;top:48%;width:31%;height:1px;transform-origin:left center;
  background:linear-gradient(90deg,rgba(49,186,255,.62),rgba(49,186,255,.05));
  box-shadow:0 0 8px rgba(28,173,255,.2);
}
.eco196-connectors i:nth-child(1){transform:rotate(201deg)}
.eco196-connectors i:nth-child(2){transform:rotate(177deg)}
.eco196-connectors i:nth-child(3){transform:rotate(151deg)}
.eco196-connectors i:nth-child(4){transform:rotate(-21deg)}
.eco196-connectors i:nth-child(5){transform:rotate(3deg)}
.eco196-connectors i:nth-child(6){transform:rotate(28deg)}

/* Coroa Braxion */
.eco196-ceiling{
  position:absolute;z-index:8;left:50%;top:-17px;width:286px;height:103px;
  transform:translateX(-50%);
  display:grid;place-items:center;
  border:1px solid rgba(67,170,255,.42);
  border-radius:0 0 145px 145px;
  background:linear-gradient(180deg,#071d37 0%,#030c19 70%);
  box-shadow:0 0 38px rgba(0,137,255,.22),inset 0 -16px 34px rgba(0,127,255,.14);
}
.eco196-ceiling img{width:118px;height:34px;object-fit:contain;margin-top:5px;filter:drop-shadow(0 0 9px rgba(60,177,255,.18))}
.eco196-ceiling span{
  position:absolute;bottom:9px;width:150px;height:27px;border:2px solid #159dff;border-radius:50%;
  box-shadow:0 0 17px rgba(21,157,255,.64),inset 0 0 12px rgba(35,189,255,.15);
}
.eco196-ceiling span::after{
  content:"";position:absolute;left:50%;top:50%;width:28px;height:5px;transform:translate(-50%,-50%);
  border-radius:50%;background:#39c8ff;filter:blur(4px);opacity:.7;
}

/* Brax oficial */
.eco196-brax{
  position:absolute;z-index:7;left:50%;top:49%;
  width:352px;height:410px;
  transform:translate3d(calc(-50% + var(--brax-x,0px)),calc(-45% + var(--brax-y,0px)),0);
  display:grid;place-items:center;
  transition:transform .32s cubic-bezier(.2,.8,.2,1);
  pointer-events:none;
}
.eco196-brax img{
  position:relative;z-index:3;width:345px;max-height:398px;object-fit:contain;
  filter:drop-shadow(0 30px 34px rgba(0,0,0,.42)) drop-shadow(0 0 25px rgba(0,145,255,.32));
}
.eco196-brax .eco196-aura{
  position:absolute;z-index:1;width:310px;height:310px;border-radius:50%;
  background:radial-gradient(circle,rgba(15,163,255,.36) 0%,rgba(0,126,255,.13) 42%,transparent 70%);
  filter:blur(12px);animation:eco196Aura 3.8s ease-in-out infinite;
}
.eco196-brax .eco196-pedestal{
  position:absolute;z-index:2;bottom:24px;width:252px;height:54px;border:2px solid rgba(37,180,255,.65);border-radius:50%;
  background:radial-gradient(ellipse,rgba(35,183,255,.28),rgba(3,28,56,.16) 58%,transparent 70%);
  box-shadow:0 0 22px rgba(25,163,255,.48),inset 0 0 18px rgba(30,192,255,.16);
}
@keyframes eco196Aura{0%,100%{opacity:.7;transform:scale(.96)}50%{opacity:1;transform:scale(1.06)}}

/* Painéis flutuantes */
.eco196-panel{
  --panel-scale:1;
  --lift:0px;
  --tilt:0deg;
  position:absolute;z-index:5;
  display:block;
  width:220px;
  padding:10px;
  color:#fff;
  text-decoration:none;
  border:1px solid rgba(80,181,255,.42);
  border-radius:15px;
  background:linear-gradient(145deg,rgba(8,31,56,.96),rgba(3,13,27,.92));
  backdrop-filter:blur(11px) saturate(1.08);
  transform:translate3d(var(--parallax-x,0px),calc(var(--parallax-y,0px) + var(--lift)),0) scale(var(--panel-scale)) rotate(var(--tilt));
  transform-origin:center;
  box-shadow:
    inset 0 1px rgba(255,255,255,.075),
    0 13px 30px rgba(0,0,0,.36),
    0 0 22px rgba(0,126,255,.10);
  transition:
    transform .28s cubic-bezier(.2,.8,.2,1),
    border-color .28s ease,
    box-shadow .28s ease,
    opacity .24s ease,
    filter .24s ease;
  will-change:transform;
  overflow:hidden;
}
.eco196-panel::before{
  content:"";position:absolute;z-index:0;left:-65%;top:-30%;width:48%;height:180%;
  transform:rotate(19deg);background:linear-gradient(90deg,transparent,rgba(115,218,255,.19),transparent);
  transition:left .55s ease;pointer-events:none;
}
.eco196-panel>*{position:relative;z-index:1}
.eco196-panel small{display:block;color:#58c3ff;font-size:7px;font-weight:900;letter-spacing:.12em}
.eco196-panel strong{display:block;margin-top:4px;color:#f7fbff;font-size:10px;line-height:1.2;letter-spacing:-.015em}
.eco196-panel .eco196-label{display:flex;align-items:center;justify-content:space-between;gap:7px}
.eco196-panel .eco196-open{color:#70caff;font-size:10px;opacity:.7}
.eco196-panel:hover,.eco196-panel:focus-visible,.eco196-panel.is-active{
  --lift:-10px;--panel-scale:1.055;
  z-index:10;
  outline:none;
  border-color:rgba(65,205,255,.84);
  box-shadow:
    inset 0 1px rgba(255,255,255,.11),
    0 20px 44px rgba(0,0,0,.42),
    0 0 20px rgba(0,190,255,.25),
    0 0 52px rgba(0,110,255,.18);
}
.eco196-panel:hover::before,.eco196-panel:focus-visible::before,.eco196-panel.is-active::before{left:125%}
.eco196-stage.is-panel-focus .eco196-panel:not(.is-active){opacity:.48;filter:saturate(.7) brightness(.78)}
.eco196-entertainment{left:3%;top:16%;width:238px;--tilt:-2deg}
.eco196-streaming{left:2%;top:43%;width:195px;--tilt:1deg}
.eco196-sites{left:7%;bottom:18%;width:218px;--tilt:1.2deg}
.eco196-ai{right:3%;top:15%;width:230px;--tilt:2deg}
.eco196-catalog{right:2%;top:43%;width:198px;--tilt:-1deg}
.eco196-portal{right:6%;bottom:18%;width:225px;--tilt:-1.2deg}

.eco196-screen{
  position:relative;height:72px;margin-top:8px;border-radius:9px;overflow:hidden;
  border:1px solid rgba(108,197,255,.18);
  background:#07172a center/cover no-repeat;
  box-shadow:inset 0 0 18px rgba(0,0,0,.3);
}
.eco196-screen::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(1,9,18,.68))}
.eco196-entertainment .eco196-screen{background-image:linear-gradient(100deg,rgba(2,14,29,.10),rgba(2,14,29,.26)),url('/assets/home/dune.jpg')}
.eco196-sites .eco196-screen{background-image:linear-gradient(100deg,rgba(2,14,29,.06),rgba(2,14,29,.20)),url('/assets/home/cards/card-site.webp')}
.eco196-ai .eco196-screen{background-image:linear-gradient(100deg,rgba(2,14,29,.05),rgba(2,14,29,.20)),url('/assets/home/cards/card-ia.webp')}
.eco196-catalog .eco196-screen{background-image:linear-gradient(100deg,rgba(2,14,29,.04),rgba(2,14,29,.23)),url('/assets/home/cards/card-servicos.webp')}
.eco196-screen-tag{
  position:absolute!important;z-index:2!important;left:7px;bottom:6px;padding:3px 6px;border-radius:6px;
  background:rgba(2,14,28,.74);color:#e9f7ff!important;font-size:6px!important;font-weight:800;letter-spacing:.05em!important;
}
.eco196-apps{display:flex;align-items:center;gap:7px;margin-top:10px;padding:8px;border-radius:9px;background:rgba(2,14,28,.6);border:1px solid rgba(78,169,255,.13)}
.eco196-apps img{width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.42))}
.eco196-apps span{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#0a253f;color:#66c4ff;font-size:8px;font-weight:900}
.eco196-portal-ui{display:grid;grid-template-columns:1.2fr .8fr;gap:5px;height:70px;margin-top:8px}
.eco196-portal-main,.eco196-portal-side{border:1px solid rgba(84,176,255,.16);border-radius:8px;background:linear-gradient(145deg,#0b2a4a,#061426);padding:6px}
.eco196-portal-main i,.eco196-portal-side i{display:block;height:5px;margin:4px 0;border-radius:999px;background:#1767a5}
.eco196-portal-main i:nth-child(2){width:76%;background:#259de8}.eco196-portal-main i:nth-child(3){width:58%}.eco196-portal-main i:nth-child(4){width:84%}
.eco196-portal-side{display:grid;grid-template-columns:1fr 1fr;gap:4px;align-content:end}
.eco196-portal-side b{height:21px;border-radius:5px;background:linear-gradient(145deg,#104c7c,#09233e)}

/* Hub inferior */
.eco196-base{
  position:absolute;z-index:9;left:50%;bottom:14px;width:95%;
  transform:translateX(-50%);
  display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:5px;
  padding:7px;
  border:1px solid rgba(61,177,255,.38);
  border-radius:19px;
  background:linear-gradient(180deg,rgba(6,28,50,.97),rgba(2,13,25,.97));
  box-shadow:0 0 31px rgba(0,139,255,.16),inset 0 1px rgba(255,255,255,.05);
}
.eco196-base a,.eco196-base strong{
  min-height:52px;
  display:grid;place-items:center;align-content:center;gap:4px;
  padding:5px 3px;border:1px solid rgba(74,163,244,.10);border-radius:11px;
  background:linear-gradient(160deg,rgba(12,48,80,.72),rgba(5,24,43,.78));
  color:#bedcf5;text-align:center;font-size:6px;line-height:1.12;text-decoration:none;
  transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease;
}
.eco196-base a span{font-size:13px;color:#70c9ff;line-height:1}
.eco196-base a:hover,.eco196-base a:focus-visible{transform:translateY(-3px);border-color:rgba(69,195,255,.45);color:#fff;background:linear-gradient(160deg,#0f426f,#071d34);outline:none}
.eco196-base strong{
  min-height:62px;margin-top:-5px;margin-bottom:-5px;
  background:linear-gradient(155deg,#1163aa,#07284a);
  color:#fff;font-size:9px;
  border-color:rgba(86,202,255,.54);
  box-shadow:0 0 22px rgba(0,157,255,.22),inset 0 0 16px rgba(88,204,255,.11);
}
.eco196-base strong img{display:block;width:23px;height:23px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(42,181,255,.45))}
.eco196-base strong small{font-size:5.5px;color:#cbeaff;font-weight:700}

/* Responsividade */
@media(max-width:1320px){
  #homeView #top.hero{grid-template-columns:minmax(430px,.86fr) minmax(620px,1.14fr);gap:30px}
  #homeView .eco196-stage{min-height:600px!important}
  .eco196-brax{width:320px;height:375px}.eco196-brax img{width:312px}
  .eco196-entertainment{width:215px}.eco196-ai{width:210px}.eco196-sites{width:198px}.eco196-portal{width:205px}
}
@media(max-width:1080px){
  #homeView #top.hero{
    width:min(940px,calc(100vw - 28px));
    grid-template-columns:1fr!important;
    gap:24px;
    padding-top:36px;
  }
  #homeView .hero-copy-block{max-width:790px}
  #homeView .hero h1{max-width:760px}
  #homeView .eco196-stage{min-height:610px!important;width:100%;margin-top:4px}
}
@media(max-width:760px){
  #homeView #top.hero{width:calc(100vw - 24px);padding:10px 0 28px!important;gap:12px!important}
  /* Mobile: o ecossistema visual é a hero principal. A copy longa fica fora da primeira dobra. */
  #homeView .hero-copy-block{padding:0!important}
  #homeView .hero-copy-block>.hero-kicker,
  #homeView .hero-copy-block>h1,
  #homeView .hero-copy-block>p:not(.hero-kicker),
  #homeView .hero-copy-block>.hero-actions,
  #homeView .hero-copy-block>.hero-trust{display:none!important}
  #homeView .hero-system-map{margin-top:0}
  #homeView .eco196-stage{
    min-height:490px!important;max-height:none!important;
    overflow:hidden;border:1px solid rgba(76,171,255,.26);border-radius:23px;
    background:
      radial-gradient(circle at var(--mouse-x) var(--mouse-y),rgba(19,149,255,.23),transparent 28%),
      radial-gradient(circle at 50% 45%,rgba(0,198,255,.09),transparent 20%),
      radial-gradient(ellipse at 52% 102%,rgba(0,119,255,.27),transparent 46%),
      linear-gradient(152deg,#010712 0%,#031426 47%,#020812 100%)!important;
  }
  .eco196-ceiling{width:202px;height:70px;top:-12px}.eco196-ceiling img{width:86px}.eco196-ceiling span{width:105px;height:18px;bottom:7px}
  .eco196-brax{width:250px;height:292px;top:48%}.eco196-brax img{width:244px;max-height:282px}.eco196-brax .eco196-aura{width:225px;height:225px}.eco196-brax .eco196-pedestal{width:175px;height:38px;bottom:17px}
  .eco196-panel{padding:7px;border-radius:11px}.eco196-panel small{font-size:5.5px}.eco196-panel strong{font-size:7.5px}.eco196-screen{height:48px;margin-top:5px}
  .eco196-entertainment{left:2%;top:16%;width:154px}.eco196-ai{right:2%;top:16%;width:152px}
  .eco196-sites{left:3%;bottom:19%;width:148px}.eco196-portal{right:3%;bottom:19%;width:154px}
  .eco196-streaming,.eco196-catalog{display:none}
  .eco196-connectors i:nth-child(2),.eco196-connectors i:nth-child(5){display:none}
  .eco196-base{width:96%;bottom:8px;grid-template-columns:repeat(5,1fr);gap:3px;padding:5px}
  .eco196-base a,.eco196-base strong{min-height:38px;font-size:5.5px;border-radius:8px}
  .eco196-base a span{font-size:10px}.eco196-base strong{min-height:45px;margin-top:-3px;margin-bottom:-3px;font-size:7px}
  .eco196-base>*:nth-child(3),.eco196-base>*:nth-child(4),.eco196-base>*:nth-child(7),.eco196-base>*:nth-child(8){display:none}
}
@media(max-width:480px){
  #homeView #top.hero{width:calc(100vw - 18px)}
  #homeView .hero h1{font-size:36px!important}
  #homeView .hero-kicker{font-size:7.5px!important;letter-spacing:.12em!important}
  #homeView .hero-trust{gap:6px 9px}.hero-trust span{font-size:8.5px!important}
  #homeView .eco196-stage{min-height:420px!important;max-height:none!important;border-radius:19px}
  .eco196-brax{width:205px;height:240px;top:49%}.eco196-brax img{width:200px;max-height:232px}.eco196-brax .eco196-aura{width:190px;height:190px}.eco196-brax .eco196-pedestal{width:145px;height:31px}
  .eco196-panel{width:126px!important}.eco196-panel strong{font-size:6.5px}.eco196-panel small{font-size:4.8px}
  .eco196-entertainment{top:17%;left:1%}.eco196-ai{top:17%;right:1%}.eco196-sites{bottom:20%;left:2%}.eco196-portal{bottom:20%;right:2%}
  .eco196-screen{height:38px}.eco196-portal-ui{height:42px}
  .eco196-base a,.eco196-base strong{min-height:34px}.eco196-base a span{font-size:9px}.eco196-base strong{min-height:40px;font-size:6.3px}
  #homeView .hero-system-map-grid a{min-height:50px!important;padding:6px 4px!important}
}
@media(max-width:760px){
  #homeView{min-width:0;max-width:100%;overflow-x:clip}
  .marquee-shell,.marquee{max-width:100vw!important;overflow-x:hidden!important;contain:layout inline-size}
  #homeView .vnext-category-grid,
  #homeView .vnext-solutions-grid{
    width:100%;max-width:100%;min-width:0;
    contain:layout inline-size;
  }
}
@media(pointer:coarse){
  .eco196-panel:hover{--lift:0px;--panel-scale:1}
  .eco196-stage.is-panel-focus .eco196-panel:not(.is-active){opacity:1;filter:none}
}
@media(prefers-reduced-motion:reduce){
  .eco196-brax .eco196-aura{animation:none!important}
  .eco196-panel,.eco196-brax{transition:none!important}
}