@font-face{font-family:DM;src:url('../../produto/shared/assets/fonts/dm-sans.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f3f1ec;color:#000064;font-family:DM,Arial,sans-serif;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.skip{position:fixed;z-index:1000;left:16px;top:-70px;padding:12px 18px;background:#fff}.skip:focus{top:16px}.site-header{position:absolute;z-index:40;top:0;left:0;width:100%;height:92px;padding:0 clamp(22px,4vw,70px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.14);color:#fff}.brand img{display:block;width:176px;filter:brightness(0) invert(1)}.desktop-nav{display:flex;gap:clamp(22px,2.6vw,48px);font-size:13px}.desktop-nav a{position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-10px;height:1px;background:#fe645a;transition:.35s}.desktop-nav a:hover:after,.desktop-nav a.active:after{right:0}.menu-toggle{display:none;width:46px;height:42px;border:0;background:transparent;position:relative}.menu-toggle span{position:absolute;left:8px;width:30px;height:1px;background:#fff}.menu-toggle span:first-child{top:14px}.menu-toggle span:last-child{top:26px}.mobile-menu{position:fixed;z-index:100;inset:0;display:flex;flex-direction:column;justify-content:center;gap:18px;padding:80px 9vw;background:#00004e;color:#fff;visibility:hidden;opacity:0;transform:translateY(-18px);transition:.45s}.mobile-menu.open{visibility:visible;opacity:1;transform:none}.mobile-menu>a{font-size:clamp(30px,8vw,58px);line-height:1.12;border-bottom:1px solid rgba(255,255,255,.13);padding:11px 0}.mobile-menu>a span{display:inline-block;width:52px;color:#fe645a;font-size:9px}.menu-close{position:absolute;right:25px;top:24px;width:52px;height:52px;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:none;color:#fff;font-size:32px}.hero{position:relative;min-height:100vh;padding:150px clamp(24px,7vw,125px) 60px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5vw;overflow:hidden;background:#00004e;color:#fff}.hero-grid{position:absolute;inset:0;background:radial-gradient(circle at 77% 42%,rgba(141,165,208,.23),transparent 27%),radial-gradient(circle at 23% 74%,rgba(255,193,141,.12),transparent 30%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:auto,auto,52px 52px,52px 52px}.hero-scan{position:absolute;left:0;right:0;top:20%;height:1px;background:linear-gradient(90deg,transparent,#72e7ff,transparent);opacity:.5;animation:heroScan 7s linear infinite}.hero-copy,.hero-machine,.hero-meta{position:relative;z-index:2}.eyebrow{font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#fe645a}.eyebrow.dark{color:#69757d}.hero h1{margin:35px 0 28px;font-size:clamp(62px,7.8vw,145px);line-height:.82;letter-spacing:-.075em;font-weight:450}.hero h1 span{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.5)}.hero-copy>p:last-of-type{max-width:560px;color:#98a3aa;font-size:17px;line-height:1.7}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-width:230px;margin-top:28px;padding:15px 18px;border:1px solid #fe645a;color:#fff;font-size:11px;text-transform:uppercase;letter-spacing:.1em;transition:.35s}.button:hover{background:#fe645a;color:#000064}.button b{font-size:18px}.hero-machine{min-height:630px;display:grid;place-items:center}.hero-machine img{position:relative;z-index:3;width:min(72%,500px);height:520px;object-fit:contain;filter:drop-shadow(0 38px 26px rgba(0,0,0,.45));animation:robotFloat 7s ease-in-out infinite}.hero-machine small,.hero-machine strong{position:absolute;z-index:4;bottom:26px}.hero-machine small{left:0;color:#87949c;font-size:8px;letter-spacing:.15em;text-transform:uppercase}.hero-machine strong{right:0;font-size:34px;font-weight:400;letter-spacing:-.05em}.orbit{position:absolute;z-index:1;width:88%;aspect-ratio:1;border:1px solid rgba(114,231,255,.16);border-radius:50%;transform:rotate(22deg) scaleY(.48);animation:orbit 20s linear infinite}.orbit:before{content:"";position:absolute;top:-5px;left:50%;width:10px;height:10px;border-radius:50%;background:#72e7ff;box-shadow:0 0 22px #72e7ff}.orbit-two{width:65%;border-color:rgba(255,193,141,.22);animation-direction:reverse;animation-duration:13s;transform:rotate(-40deg) scaleY(.68)}.orbit-two:before{background:#fe645a;box-shadow:0 0 20px #fe645a}.hero-meta{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.14)}.hero-meta span{padding:19px clamp(22px,4vw,70px);border-right:1px solid rgba(255,255,255,.14);color:#839098;font-size:8px;letter-spacing:.16em;text-transform:uppercase}.catalog{padding:120px clamp(24px,5vw,92px)}.catalog-head{display:grid;grid-template-columns:.65fr 1.45fr .8fr;gap:5vw;align-items:end;margin-bottom:65px}.catalog-head h2{margin:0;font-size:clamp(44px,5vw,82px);line-height:.94;letter-spacing:-.055em;font-weight:450}.catalog-head>p:last-child{color:#637078;line-height:1.6}.filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid #c8c9c5;margin-bottom:25px}.filter{position:relative;min-height:155px;padding:20px;border:0;border-right:1px solid #c8c9c5;background:transparent;text-align:left;cursor:pointer;transition:.35s}.filter:last-child{border-right:0}.filter small{display:block;color:#7c868c;font-size:8px;letter-spacing:.13em;text-transform:uppercase}.filter strong{position:absolute;left:20px;bottom:20px;font-size:19px;font-weight:450}.filter>span{position:absolute;right:18px;top:17px;font-size:10px}.filter:hover{background:#e6e3dc}.filter.is-active{background:#000064;color:#fff}.filter.is-active small{color:#fe645a}.robot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.robot-card{position:relative;min-height:590px;padding:22px;display:grid;grid-template-rows:auto 335px 1fr;overflow:hidden;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .35s}.robot-card[hidden]{display:none}.robot-card:hover{transform:translateY(-8px)}.robot-card>small{font-size:8px;letter-spacing:.14em;text-transform:uppercase}.robot-card>em{position:absolute;z-index:3;right:16px;top:15px;padding:6px 10px;border-radius:20px;background:#000064;color:#fff;font-size:8px;font-style:normal;text-transform:uppercase;letter-spacing:.12em}.robot-card img{width:100%;height:320px;object-fit:contain;align-self:center;filter:drop-shadow(0 25px 20px rgba(9,14,18,.22));transition:.55s}.robot-card:hover img{transform:translateY(-7px) scale(1.045)}.robot-card h3{margin:0 0 10px;font-size:clamp(27px,2.3vw,43px);line-height:1;letter-spacing:-.05em;font-weight:450}.robot-card p{min-height:46px;margin:0 0 18px;font-size:13px;line-height:1.45}.robot-card b{font-size:9px;letter-spacing:.12em;text-transform:uppercase}.tone-blue{background:#a9c9ff}.tone-lilac{background:#c9bdff}.tone-lime{background:#d5f36b}.tone-coral{background:#ff9e98}.tone-peach{background:#fe645a}.empty{text-align:center;padding:50px}.decision{min-height:740px;display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center;padding:95px clamp(24px,8vw,150px);background:#00004e;color:#fff;overflow:hidden}.decision-mark{position:relative;display:grid;place-items:center;min-height:520px}.decision-mark:before,.decision-mark:after{content:"";position:absolute;width:75%;aspect-ratio:1;border:1px solid rgba(114,231,255,.16);border-radius:50%;animation:pulse 4s ease-out infinite}.decision-mark:after{animation-delay:-2s}.decision-mark svg{position:relative;z-index:2;width:min(68%,390px);overflow:visible}.decision-mark path{fill:none;stroke:#fff;stroke-width:2;stroke-dasharray:18 82;stroke-dashoffset:0;filter:drop-shadow(0 0 8px rgba(114,231,255,.75));animation:trace 4s linear infinite}.decision h2{margin:34px 0 25px;font-size:clamp(42px,5vw,82px);line-height:.96;letter-spacing:-.055em;font-weight:450}.decision p{max-width:570px;color:#96a2aa;line-height:1.65}.button.light{border-color:rgba(255,255,255,.45)}footer{display:grid;grid-template-columns:1.1fr .7fr .8fr 1fr;gap:40px;padding:75px clamp(24px,5vw,92px) 28px;background:#00003a;color:#fff}footer img{width:130px;filter:brightness(0) invert(1)}footer h2{margin:0 0 18px;color:#818d95;font-size:10px;text-transform:uppercase;letter-spacing:.12em}footer a{display:block;margin:9px 0;font-size:13px}footer p{color:#78848b}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;margin-top:35px;padding-top:22px;border-top:1px solid rgba(255,255,255,.13);color:#68747c;font-size:10px}.footer-bottom a{margin:0}@keyframes heroScan{from{transform:translateY(-20vh)}to{transform:translateY(75vh)}}@keyframes robotFloat{0%,100%{transform:translateY(-8px)}50%{transform:translateY(12px)}}@keyframes orbit{to{rotate:360deg}}@keyframes trace{to{stroke-dashoffset:-100}}@keyframes pulse{0%{opacity:.55;transform:scale(.7)}80%,100%{opacity:0;transform:scale(1.25)}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}
@media(max-width:1200px){.robot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.filters{grid-template-columns:repeat(3,1fr)}.filter{border-bottom:1px solid #c8c9c5}.catalog-head{grid-template-columns:1fr 1.7fr}.catalog-head>p:last-child{grid-column:2}.desktop-nav{display:none}.menu-toggle{display:block}}
@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:130px;padding-bottom:95px}.hero-copy{padding-top:30px}.hero h1{font-size:clamp(62px,15vw,105px)}.hero-machine{min-height:480px}.hero-machine img{height:420px}.hero-meta span{padding:17px 15px}.robot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.decision{grid-template-columns:1fr}.decision-mark{min-height:390px}footer{grid-template-columns:1fr 1fr}.footer-bottom{grid-column:1/-1;flex-wrap:wrap}}
@media(max-width:560px){.site-header{height:76px;padding:0 20px}.brand img{width:144px}.catalog{padding:80px 18px}.catalog-head{display:block;margin-bottom:40px}.catalog-head h2{margin:20px 0}.filters{grid-template-columns:1fr 1fr}.filter{min-height:125px}.filter:nth-child(even){border-right:0}.filter:first-child{grid-column:1/-1}.robot-grid{grid-template-columns:1fr}.robot-card{min-height:500px;grid-template-rows:auto 280px 1fr}.robot-card img{height:270px}.hero{padding-left:22px;padding-right:22px}.hero-machine{min-height:390px}.hero-machine img{height:340px}.hero-machine strong{font-size:25px}.hero-meta{grid-template-columns:1fr}.hero-meta span{display:none}.hero-meta span:first-child{display:block;border-right:0}.decision{padding:80px 22px}.decision-mark{min-height:320px}.decision h2{font-size:43px}footer{grid-template-columns:1fr;padding:60px 24px 25px}.footer-bottom{display:block}.footer-bottom>*{display:block;margin:8px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-scan,.hero-machine img,.orbit,.decision-mark:before,.decision-mark:after,.decision-mark path{animation:none}.reveal{opacity:1;transform:none}}

/* Dark catalogue continuation, aligned with the robot areas on the landing. */
.catalog{position:relative;isolation:isolate;overflow:hidden;background:#000064;color:#fff}
.catalog:before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(circle at 88% 9%,rgba(255,193,141,.14),transparent 25%),radial-gradient(circle at 4% 84%,rgba(114,231,255,.12),transparent 25%),linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:auto,auto,46px 46px,46px 46px}
.catalog .eyebrow.dark{color:#fe645a}.catalog-head>p:last-child{color:#929fa6}
.filters{border-color:rgba(255,255,255,.15);background:rgba(0,0,58,.4)}
.filter{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.018);color:#fff}
.filter small{color:#77858c}.filter:hover{background:rgba(255,255,255,.07)}
.filter.is-active{background:linear-gradient(145deg,#525289,#ff9e98 56%,#fe645a);color:#000064;box-shadow:0 16px 38px rgba(0,0,0,.2);transform:translateY(-5px)}
.filter.is-active small{color:rgba(16,20,23,.62)}
.robot-grid{gap:14px}
.robot-card{--card-accent:#72e7ff;border:1px solid rgba(255,255,255,.1);background:linear-gradient(160deg,rgba(255,255,255,.075),rgba(255,255,255,.025) 62%,rgba(0,0,0,.12));color:#fff}
.robot-card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,transparent,var(--card-accent),transparent);opacity:.9}
.robot-card:after{content:"";position:absolute;right:-23%;top:8%;width:72%;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--card-accent) 24%,transparent);border-radius:50%;pointer-events:none;transition:transform .7s,opacity .5s;opacity:.5}
.robot-card:hover{border-color:color-mix(in srgb,var(--card-accent) 50%,transparent);background:linear-gradient(160deg,rgba(255,255,255,.11),rgba(255,255,255,.035) 62%,rgba(0,0,0,.08))}
.robot-card:hover:after{transform:scale(1.14);opacity:.85}
.robot-card>small{position:relative;z-index:2;color:#8b989f}.robot-card img,.robot-card>div{position:relative;z-index:2}.robot-card p{color:#aab4b9}.robot-card b{color:var(--card-accent)}
.robot-card>em{background:var(--card-accent);color:#000064}
.tone-blue{--card-accent:#72e7ff}.tone-lilac{--card-accent:#c9bdff}.tone-lime{--card-accent:#d5f36b}.tone-coral{--card-accent:#ff9e98}.tone-peach{--card-accent:#fe645a}
@media(max-width:1200px){.filter{border-bottom-color:rgba(255,255,255,.15)}}

/* Sector SVGs, shared visually with the landing area selector. */
.filter{min-height:260px}
.filter-icon{position:absolute;left:20px;top:35px;width:66px;height:66px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;opacity:.85;transition:transform .45s,background .35s,color .35s}
.filter-icon svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.filter small{position:absolute;left:20px;bottom:54px;font-size:6px;letter-spacing:.11em}.filter strong{bottom:19px}
.filter:hover .filter-icon{transform:rotate(-5deg) scale(1.06);background:rgba(255,255,255,.06)}
.filter.is-active .filter-icon{background:rgba(0,0,100,.08);animation:filterIconPulse 3.2s ease-in-out infinite}
@keyframes filterIconPulse{50%{transform:scale(1.08);box-shadow:0 0 0 8px rgba(16,20,23,.055)}}
@media(max-width:560px){.filter{min-height:175px}.filter-icon{top:25px;width:52px;height:52px}.filter-icon svg{width:31px;height:31px}.filter small{bottom:50px}}
@media(prefers-reduced-motion:reduce){.filter.is-active .filter-icon{animation:none}.filter:hover .filter-icon{transform:none}}

/* Animated hex emblems, matching the changing graphic on the landing. */
.filter{--filter-accent:#72e7ff}.filter[data-filter="todos"]{--filter-accent:#fe645a}.filter[data-filter="limpeza"]{--filter-accent:#72e7ff}.filter[data-filter="restauracao"]{--filter-accent:#ff9e98}.filter[data-filter="industria"]{--filter-accent:#d5f36b}.filter[data-filter="hotelaria"]{--filter-accent:#c9bdff}
.filter-icon{left:50%;top:3px;width:calc(100% - 26px);max-width:190px;height:auto;aspect-ratio:1;transform:translateX(-50%);border:0;border-radius:0;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--filter-accent) 28%,transparent),rgba(255,255,255,.045));color:var(--filter-accent);filter:drop-shadow(0 0 18px color-mix(in srgb,var(--filter-accent) 35%,transparent))}
.filter-icon:before{content:"";position:absolute;inset:9%;clip-path:inherit;border:1px solid currentColor;opacity:.7;animation:filterHexRing 4.8s ease-in-out infinite}
.filter-icon:after{content:"";position:absolute;z-index:1;left:5%;right:5%;top:50%;height:1px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:.55;animation:filterHexScan 3.7s ease-in-out infinite}
.filter-icon svg{position:absolute;z-index:2;left:50%;top:50%;width:62%;height:62%;transform:translate(-50%,-50%);filter:drop-shadow(0 0 7px currentColor)}
.filter-icon__base path,.filter-icon__base circle{stroke-dasharray:none;stroke-dashoffset:0;opacity:.48;animation:none}
.filter-icon .filter-icon__trace{z-index:3;filter:drop-shadow(0 0 10px currentColor)}
.filter-icon__trace path,.filter-icon__trace circle{stroke-dasharray:14 86;stroke-dashoffset:0;opacity:1;animation:filterSvgTrace 2.8s linear infinite}
.filter:not(.is-active):hover{background:linear-gradient(180deg,color-mix(in srgb,var(--filter-accent) 5%,transparent),rgba(255,255,255,.018));box-shadow:inset 0 -2px 0 var(--filter-accent)}
.filter:not(.is-active):hover .filter-icon{background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.28),transparent 18%),radial-gradient(circle at 34% 32%,color-mix(in srgb,var(--filter-accent) 58%,transparent),transparent 46%),radial-gradient(circle at 72% 70%,color-mix(in srgb,var(--filter-accent) 34%,transparent),transparent 58%),linear-gradient(135deg,color-mix(in srgb,var(--filter-accent) 46%,transparent),rgba(255,255,255,.07));background-blend-mode:screen,screen,screen,normal;transform:translateX(-50%);filter:saturate(1.25) brightness(1.05) drop-shadow(0 0 10px color-mix(in srgb,var(--filter-accent) 62%,transparent)) drop-shadow(0 0 26px color-mix(in srgb,var(--filter-accent) 28%,transparent))}
.filter:not(.is-active):hover .filter-icon:before{opacity:.92;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--filter-accent) 70%,transparent));mix-blend-mode:screen}
.filter:not(.is-active):hover .filter-icon:after{opacity:.84;height:1px;background:linear-gradient(90deg,transparent,#fff 46%,var(--filter-accent) 62%,transparent);box-shadow:0 0 10px color-mix(in srgb,var(--filter-accent) 72%,transparent);mix-blend-mode:screen}
.filter:not(.is-active):hover .filter-icon svg{color:#f5fdff;filter:brightness(1.1) drop-shadow(0 0 4px rgba(255,255,255,.78)) drop-shadow(0 0 10px color-mix(in srgb,var(--filter-accent) 55%,transparent));mix-blend-mode:normal}
.filter.is-active .filter-icon{color:#000064;background:linear-gradient(135deg,rgba(255,255,255,.3),rgba(0,0,100,.08));filter:drop-shadow(0 0 14px rgba(16,20,23,.18));animation:filterHexFloat 3.6s ease-in-out infinite}
@keyframes filterSvgTrace{to{stroke-dashoffset:-100}}@keyframes filterHexRing{50%{opacity:1;transform:scale(.9)}}@keyframes filterHexScan{0%,100%{transform:translateY(-52px);opacity:.15}50%{transform:translateY(52px);opacity:1}}@keyframes filterHexFloat{0%,100%{transform:translateX(-50%) translateY(0) scale(1)}50%{transform:translateX(-50%) translateY(-4px) scale(1.025)}}
@media(max-width:560px){.filter{min-height:195px}.filter-icon{top:4px;width:calc(100% - 20px);max-width:145px}.filter small{bottom:49px;font-size:5.5px}}
@media(prefers-reduced-motion:reduce){.filter-icon:before,.filter-icon:after,.filter-icon svg path,.filter-icon svg circle,.filter.is-active .filter-icon{animation:none}}
.catalog-head>p:last-child{font-size:14px;line-height:1.55}
.filter strong{left:0;right:0;bottom:20px;text-align:center;font-size:18px}
@media(max-width:560px){.filter strong{bottom:17px;font-size:16px}}

/* deriva lateral dos robos do catalogo, conduzida pelo scroll (--drive vai
   de -1 a +1); a transicao curta e linear so suaviza o passo do rAF */
.catalog .robot-card{--drive:0}
.catalog .robot-card img{transform:translateX(calc(var(--drive) * 22px)) rotate(calc(var(--drive) * .4deg));transition:transform .16s linear,filter .55s}
.catalog .robot-card:hover img{transform:translateX(calc(var(--drive) * 22px)) translateY(-7px) scale(1.045)}
@media(prefers-reduced-motion:reduce){
  .catalog .robot-card img{transform:none;transition:none}
  .catalog .robot-card:hover img{transform:translateY(-7px) scale(1.045)}
}
/* no telemovel o ecra e estreito e o olho tem menos referencias, por isso a
   deriva precisa de mais curso para se notar */
@media(max-width:680px){
  .catalog .robot-card img{transform:translateX(calc(var(--drive) * 34px)) rotate(calc(var(--drive) * .7deg))}
  .catalog .robot-card:hover img{transform:translateX(calc(var(--drive) * 34px)) translateY(-7px) scale(1.045)}
}

/* base mais funda, navy da marca nos focos */
.catalog{background:radial-gradient(circle at 82% 10%,#000064,transparent 52%),radial-gradient(circle at 8% 90%,#000064,transparent 46%),#00002c}

/* Harmonização cromática: base neutra e profunda, cor da marca como acento. */
.hero{
  background:
    radial-gradient(circle at 76% 38%,rgba(37,70,126,.26),transparent 31%),
    radial-gradient(circle at 18% 82%,rgba(82,82,137,.1),transparent 29%),
    linear-gradient(145deg,#050b1c 0%,#01030c 74%)
}
.hero-grid{
  background:
    radial-gradient(circle at 77% 42%,rgba(70,98,151,.13),transparent 27%),
    radial-gradient(circle at 23% 74%,rgba(82,82,137,.08),transparent 30%),
    linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);
  background-size:auto,auto,52px 52px,52px 52px
}
.hero-scan{background:linear-gradient(90deg,transparent,#6f8fc5,transparent);opacity:.38}
.orbit{border-color:rgba(145,169,214,.18)}
.orbit:before{background:#91a9d6;box-shadow:0 0 22px rgba(145,169,214,.58)}
.catalog{
  background:
    radial-gradient(circle at 88% 8%,rgba(37,70,126,.23),transparent 30%),
    radial-gradient(circle at 6% 88%,rgba(82,82,137,.09),transparent 27%),
    linear-gradient(150deg,#050b1c 0%,#01030c 72%)
}
.catalog:before{opacity:.58}
.filters{background:rgba(255,255,255,.025)}
.decision{
  background:
    radial-gradient(circle at 22% 50%,rgba(37,70,126,.22),transparent 31%),
    radial-gradient(circle at 88% 12%,rgba(82,82,137,.08),transparent 24%),
    linear-gradient(145deg,#050b1c 0%,#01030c 76%)
}
.decision-mark:before,.decision-mark:after{border-color:rgba(145,169,214,.18)}
.decision-mark path{filter:drop-shadow(0 0 8px rgba(145,169,214,.48))}
.mobile-menu{background:radial-gradient(circle at 82% 12%,rgba(82,82,137,.28),transparent 30%),#03040f}