a.card{color:inherit;text-decoration:none;display:block}
a.card:hover{border-color:var(--blue)}
.brand{width:280px;max-width:46vw}
.foot img{width:280px}
.skip{position:absolute;left:12px;top:-40px;background:var(--card);color:var(--ink);padding:8px 12px;z-index:80;border-radius:8px}
.skip:focus{top:12px}
.menu-btn{display:none;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:10px;padding:10px 12px;font-weight:750;cursor:pointer}
.navlinks{gap:16px}
.navlinks a,.nav-cta{white-space:nowrap}
.navlinks a[aria-current="page"]{color:var(--blue)}
.nav-item{position:relative}
.nav-parent{display:inline-flex;align-items:center;gap:5px}
.nav-caret{width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin-top:-3px}
.nav-menu{display:none;position:absolute;top:calc(100% + 6px);left:0;min-width:240px;padding:10px;background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:0 16px 40px #001b3d22;z-index:70;pointer-events:auto}
.nav-menu.wide{min-width:420px;display:none;grid-template-columns:1fr 1fr;gap:2px 12px}
.nav-menu a{display:block;padding:8px 10px;white-space:normal;font-weight:500;font-size:13px;line-height:1.35;border-radius:6px;pointer-events:auto}
.nav-menu a:hover{background:var(--bg);color:var(--blue)}
.nav-item.is-open > .nav-menu{display:block}
.nav-item.is-open > .nav-menu.wide{display:grid}
@media (min-width:1181px){
  .nav-item:hover,
  .nav-item:focus-within,
  .nav-item.is-open{z-index:2}
  .nav-item:hover > .nav-menu,
  .nav-item:focus-within > .nav-menu{display:block}
  .nav-item:hover > .nav-menu.wide,
  .nav-item:focus-within > .nav-menu.wide{display:grid}
  /* Invisible bridge so the pointer can move from the label into the panel. */
  .nav-menu::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:100%;
    height:16px;
  }
}
#software,#retail,#finance,#healthcare,#public,#roles,#employers,#candidates{scroll-margin-top:96px}
.globe-copy{align-content:end;padding-bottom:10%;font-size:18px}
.hero-mark{position:absolute;width:42%;left:29%;top:14%;filter:drop-shadow(0 16px 18px #02142f88);animation:mark-float 7s ease-in-out infinite}
.hero-mark .shine{transform-origin:90px 90px;animation:mark-shine 5.5s linear infinite}
.splash i{position:absolute;width:6px;height:6px;border-radius:50%;background:#ff9d00;opacity:.85;animation:spark 2.8s ease-in-out infinite}
.splash i:nth-child(1){left:68%;top:22%}
.splash i:nth-child(2){left:74%;top:30%;animation-delay:.4s;background:#20b7f5}
.splash i:nth-child(3){left:18%;top:62%;animation-delay:.8s}
.splash i:nth-child(4){left:78%;top:58%;animation-delay:1.1s;background:#fff}
.page-hero{padding:72px 0 28px}
.page-hero h1{font-size:clamp(36px,5vw,60px);letter-spacing:-2px}
.prose{max-width:760px}
.prose p,.prose li{color:var(--muted)}
.prose h2{font-size:clamp(28px,3vw,40px);letter-spacing:-1px;margin:36px 0 12px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin:10px 0}
.faq summary{cursor:pointer;font-weight:750}
.tag{display:inline-block;font-size:12px;font-weight:800;letter-spacing:1px;border-radius:999px;padding:4px 8px;border:1px solid var(--line);color:var(--orange)}
.form{display:grid;gap:12px;max-width:680px}
.form label{font-weight:700;font-size:14px}
.form input,.form select,.form textarea{width:100%;margin-top:6px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:inherit}
.form .hp{position:absolute;left:-9999px}
.form .error{color:#b42318;font-size:13px}
.status{min-height:1.4em}
.site-footer{padding:42px 0 28px}
.foot-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr 1fr;gap:22px}
.foot-grid a{color:var(--muted);text-decoration:none;display:block;margin:6px 0}
.foot-grid h2{font-size:14px;letter-spacing:1px;margin:0 0 8px}
.legal{margin-top:22px;border-top:1px solid var(--line);padding-top:14px}
.concept{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.stage{background:#061426;border-radius:18px;min-height:280px;display:grid;place-items:center;position:relative;overflow:hidden}
.stage.light{background:linear-gradient(180deg,#f7fbff,#e7f2ff)}
.r3d{width:180px;filter:drop-shadow(12px 18px 12px #02142f88)}
.metallic{background:linear-gradient(115deg,transparent 30%,#ffffff55 48%,transparent 62%);mix-blend-mode:screen;animation:mark-shine 4.8s linear infinite}
.pulse-ring{position:absolute;width:220px;height:220px;border:2px solid #20b7f555;border-radius:50%;animation:pulse 2.6s ease-out infinite}
.pulse-ring.d2{animation-delay:1.3s}
@keyframes mark-float{50%{transform:translateY(-8px)}}
@keyframes mark-shine{from{transform:translateX(-40%)}to{transform:translateX(40%)}}
@keyframes spark{50%{transform:translate(8px,-14px);opacity:.2}}
@keyframes pulse{from{transform:scale(.72);opacity:.7}to{transform:scale(1.25);opacity:0}}
@media(max-width:1180px){
  .menu-btn{display:inline-flex;margin-left:auto}
  .nav{position:relative;flex-wrap:wrap;height:auto;min-height:72px;padding:10px 0}
  .navlinks{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:flex-start;gap:4px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px;box-shadow:0 16px 40px #001b3d22;z-index:40}
  .navlinks.is-open{display:flex}
  .navlinks a,.nav-cta{width:100%;padding:10px 8px}
  .nav-item{width:100%}
  .nav-menu,.nav-menu.wide{position:static;display:none;min-width:0;width:100%;box-shadow:none;border:0;padding:0 0 0 12px;background:transparent}
  .nav-item.is-open > .nav-menu{display:block}
  .nav-item.is-open > .nav-menu.wide{display:block}
  .hero-grid{grid-template-columns:1fr}
  .globe{max-width:480px;margin-inline:auto}
}
@media(max-width:960px){
  .menu-btn{display:inline-flex;margin-left:auto}
  .nav{position:relative;flex-wrap:wrap;height:auto;min-height:72px;padding:10px 0}
  .navlinks{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:flex-start;gap:4px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px;box-shadow:0 16px 40px #001b3d22}
  .navlinks.is-open{display:flex}
  .navlinks a,.nav-cta{width:100%;padding:10px 8px}
  .theme{margin-left:0}
  .grid2,.concept,.foot-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .hero-mark,.hero-mark .shine,.splash i,.orbit,.metallic,.pulse-ring{animation:none}
}
/* Homepage recovery: scoped to body.home so other pages stay unchanged.
   Do not clip overflow on html/body — that also clips header dropdowns. */
body.home{
  font-family:Outfit,Inter,ui-sans-serif,system-ui,sans-serif;
  font-weight:400;
}

body.home header{
  overflow:visible;
  border-bottom:1px solid rgba(90,160,220,.18);
  background:rgba(4,14,34,.55);
  backdrop-filter:blur(16px);
}
body.home header .container{
  width:min(1360px,calc(100% - 32px));
}
body.home .home-nav{
  height:96px;
  display:flex;
  align-items:center;
  gap:12px;
  overflow:visible;
}
body.home .home-brand{
  width:auto !important;
  max-width:none !important;
  height:auto;
  display:flex;
  align-items:center;
  gap:10px;
  overflow:visible;
  flex:0 0 auto;
  text-decoration:none;
  color:inherit;
}
body.home .home-brand img,
body.home .brand-r{
  width:56px !important;
  height:56px !important;
  max-width:56px !important;
  max-height:56px !important;
  object-fit:contain !important;
  object-position:center;
  display:block;
  flex:0 0 56px;
  overflow:visible;
  filter:drop-shadow(0 8px 12px rgba(2,16,40,.4));
}
body.home .brand-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  overflow:visible;
  line-height:1.15;
}
body.home .brand-kicker{
  display:block;
  padding:2px 2px 1px 0;
  font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  font-style:italic;
  font-weight:500;
  font-size:18px;
  line-height:1.35;
  letter-spacing:.02em;
  white-space:nowrap;
  overflow:visible;
  background:linear-gradient(90deg,#ff9a1a 0%,#ffb347 42%,#5ec4ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
body.home .brand-wordmark{
  display:block;
  font-family:Outfit,Inter,sans-serif;
  font-size:16px;
  font-weight:500;
  letter-spacing:.08em;
  line-height:1.2;
  color:#9ad8ff;
  white-space:nowrap;
}
body.home .brand-wordmark b{
  color:#3ec4ff;
  font-weight:600;
}
body.home .brand-tag{
  display:block;
  margin-top:2px;
  font-size:10px;
  font-weight:500;
  letter-spacing:.16em;
  color:#8fb4d4;
  white-space:nowrap;
}
body.home .navlinks{
  margin:0 auto;
  justify-content:center;
  gap:16px;
}
body.home .navlinks a{
  color:#d7e8fb;
  font-weight:500;
  font-size:13px;
  letter-spacing:.04em;
}
body.home .navlinks a[aria-current="page"]{
  color:#5ec4ff;
  box-shadow:inset 0 -1px 0 #5ec4ff;
}
body.home .nav-menu{
  background:rgba(6,18,38,.96);
  border-color:#1c3654;
  box-shadow:0 16px 40px rgba(0,8,24,.35);
}
body.home .nav-menu a{color:#d7e8fb;box-shadow:none}
body.home .nav-menu a:hover{background:rgba(32,80,140,.28);color:#fff}
body.home .nav-menu a[aria-current="page"]{color:#5ec4ff;box-shadow:none}
body.home .nav-actions{display:flex;align-items:center;gap:10px}
body.home .theme{
  background:rgba(8,24,48,.45);
  color:#e8f3ff;
  border-color:#2a4d73;
}
body.home .btn{
  border-radius:4px;
  font-weight:500;
  letter-spacing:.04em;
  border-width:1px;
}
body.home .nav-cta{
  border-radius:4px;
  padding:10px 16px;
}
body.home .menu-btn{
  display:none;
  color:#e8f3ff;
  background:rgba(8,24,48,.45);
  border-color:#2a4d73;
}

body.home .home-hero{
  position:relative;
  isolation:isolate;
  z-index:0;
  min-height:calc(100vh - 96px);
  padding:32px 0 28px;
  color:#f4f8ff;
  background:#03101f;
  overflow-x:clip;
}
body.home .home-hero-bg{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
}
body.home .home-hero-city{
  position:absolute;
  right:0;
  bottom:0;
  width:min(58vw,920px);
  height:auto;
  opacity:.55;
  pointer-events:none;
  mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.85) 28%,#000 70%);
}
body.home .home-hero-veil{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 66% 40%,rgba(28,132,255,.22),transparent 26%),
    linear-gradient(90deg,#020b1c 0%,rgba(2,11,28,.88) 34%,rgba(2,11,28,.28) 58%,rgba(2,11,28,.55) 100%),
    linear-gradient(180deg,rgba(2,11,28,.2) 0%,transparent 24%,rgba(2,11,28,.55) 100%);
}
body.home .home-hero-inner{
  position:relative;
  z-index:1;
  width:min(1440px,calc(100% - 48px));
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(380px,1.1fr) minmax(300px,480px);
  gap:20px 28px;
  align-items:center;
  min-height:calc(100vh - 250px);
}
body.home .hero-identity{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:26px;
  overflow:visible;
}
body.home .hero-identity-text{
  overflow:visible;
  padding:.12em 0 .18em;
  min-width:0;
}
body.home .hero-r{
  width:clamp(108px,11vw,148px);
  height:auto;
  flex:0 0 auto;
  display:block;
  overflow:visible;
  filter:drop-shadow(0 16px 24px rgba(2,16,40,.45));
}
body.home .hero-kicker{
  margin:0;
  padding:.18em .12em .12em 0;
  font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  font-style:italic;
  font-weight:500;
  font-size:clamp(32px,3.4vw,48px);
  line-height:1.35;
  letter-spacing:.02em;
  white-space:nowrap;
  overflow:visible;
  background:linear-gradient(90deg,#ff9a1a 0%,#ffb347 42%,#5ec4ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
body.home .hero-name{
  margin:2px 0 0;
  font-family:Outfit,Inter,ui-sans-serif,sans-serif;
  font-size:clamp(26px,2.8vw,40px);
  font-weight:500;
  letter-spacing:.08em;
  line-height:1.2;
  color:#9ad8ff;
  overflow:visible;
}
body.home .hero-name span{
  color:#3ec4ff;
  font-weight:600;
}
body.home .hero-line{
  display:flex;
  align-items:center;
  gap:10px;
  margin:12px 0 0;
  color:#8fb4d4;
  font-size:11px;
  font-weight:500;
  letter-spacing:.28em;
}
body.home .hero-line i{
  display:block;
  width:18px;
  height:1px;
  background:linear-gradient(90deg,#ff8a00,#20b7f5);
}
body.home .home-hero h1{
  margin:0 0 10px;
  max-width:18ch;
  font-family:Outfit,Inter,sans-serif;
  font-size:clamp(32px,4vw,52px);
  font-weight:500;
  line-height:1.15;
  letter-spacing:-.02em;
  color:#fff;
  overflow:visible;
}
body.home .home-hero h1 span{
  color:#ff8a00;
  font-weight:500;
}
body.home .hero-sub{
  margin:0 0 18px;
  padding-bottom:10px;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-style:italic;
  font-size:clamp(22px,2.1vw,30px);
  font-weight:500;
  line-height:1.35;
  color:#ff9a1a;
  overflow:visible;
}
body.home .hero-sub em{
  font-style:italic;
  position:relative;
  background:linear-gradient(90deg,#ff8a00,#5ec4ff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
body.home .hero-sub em:after{
  content:"";
  position:absolute;
  left:0;
  right:-4%;
  bottom:-6px;
  height:1px;
  background:linear-gradient(90deg,#ff8a00,#5ec4ff 70%,transparent);
}
body.home .hero-lead{
  margin:18px 0 0;
  max-width:34em;
  color:#c5d5ea;
  font-size:15px;
  font-weight:300;
  line-height:1.6;
}
body.home .home-hero .hero-actions{margin-top:26px}
body.home .btn.ghost-play{
  color:#eef6ff;
  background:rgba(8,24,48,.35);
  border-color:rgba(120,180,230,.45);
  border-radius:4px;
  font-weight:500;
}
body.home .play{
  width:18px;
  height:18px;
  border-radius:50%;
  border:1.6px solid currentColor;
  position:relative;
}
body.home .play:before{
  content:"";
  position:absolute;
  left:6px;
  top:4px;
  border-style:solid;
  border-width:5px 0 5px 8px;
  border-color:transparent transparent transparent currentColor;
}
body.home .hero-slider{
  position:relative;
  width:100%;
  margin:0 auto;
  outline:none;
}
body.home .value-rail{grid-column:2}
body.home .hero-slider-track{
  position:relative;
  aspect-ratio:1;
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(90,170,255,.28);
  box-shadow:0 0 48px rgba(24,140,255,.28);
  background:#03101f;
}
body.home .hero-slide{
  position:absolute;
  inset:0;
  margin:0;
  opacity:0;
  transform:translateX(28px) scale(.98);
  transition:opacity .7s ease,transform .7s ease;
  pointer-events:none;
}
body.home .hero-slide.is-active{
  opacity:1;
  transform:translateX(0) scale(1);
  pointer-events:auto;
  z-index:1;
}
body.home .hero-slide img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
body.home .hero-slide figcaption{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:14px 16px 16px;
  font-family:Outfit,Inter,sans-serif;
  font-size:13px;
  font-weight:500;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#e8f4ff;
  background:linear-gradient(180deg,transparent,rgba(3,16,31,.82));
}
body.home .hero-slider-ui{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-top:12px;
}
body.home .hero-slider-btn{
  width:32px;
  height:32px;
  border:1px solid rgba(120,180,230,.4);
  background:rgba(8,24,48,.45);
  color:#e8f3ff;
  border-radius:4px;
  cursor:pointer;
  font-size:20px;
  line-height:1;
}
body.home .hero-slider-dots{
  display:flex;
  gap:8px;
}
body.home .hero-slider-dots button{
  width:22px;
  height:3px;
  padding:0;
  border:0;
  border-radius:1px;
  background:rgba(180,210,240,.28);
  cursor:pointer;
}
body.home .hero-slider-dots button[aria-current="true"]{
  background:linear-gradient(90deg,#ff8a00,#20b7f5);
}
body.home .orbit{
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}
body.home .orbit-cyan{
  width:78%;
  height:38%;
  border:1px solid rgba(80,200,255,.55);
  transform:rotate(-18deg);
  box-shadow:0 0 12px rgba(80,200,255,.22);
}
body.home .orbit-orange{
  width:88%;
  height:24%;
  border:1px solid rgba(255,157,0,.65);
  transform:rotate(-16deg);
  box-shadow:0 0 12px rgba(255,157,0,.22);
}
body.home .value-rail{
  display:flex;
  flex-direction:column;
  gap:12px;
}
body.home .value-card{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  border-radius:6px;
  background:linear-gradient(180deg,rgba(8,32,72,.88),rgba(6,20,48,.82));
  border:1px solid rgba(90,170,255,.32);
  box-shadow:0 10px 28px rgba(0,10,30,.28);
}
body.home .value-card h2{
  margin:0;
  font-size:15px;
  font-weight:500;
  letter-spacing:.03em;
  color:#e7f4ff;
}
body.home .value-card p{
  margin:2px 0 0;
  color:#b7c9df;
  font-size:12px;
  font-weight:300;
}
body.home .value-icon{
  width:36px;
  height:36px;
  flex:0 0 36px;
  display:grid;
  place-items:center;
  color:#7ed0ff;
  filter:drop-shadow(0 0 6px rgba(80,200,255,.45));
}
body.home .value-card:nth-child(even) .value-icon{color:#ffb347}
body.home .value-icon svg{width:22px;height:22px}
body.home .service-rail{
  position:relative;
  z-index:1;
  width:min(1440px,calc(100% - 48px));
  margin:18px auto 0;
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:8px;
  padding:14px 10px;
  border-radius:8px;
  background:rgba(4,16,36,.62);
  border:1px solid rgba(80,160,230,.2);
  backdrop-filter:blur(12px);
}
body.home .service-rail a{
  color:#d7e8fb;
  text-decoration:none;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  padding:8px 4px;
  font-size:11px;
  font-weight:500;
  letter-spacing:.04em;
  line-height:1.3;
}
body.home .service-rail a:hover{color:#fff}
body.home .svc-icon{
  width:34px;
  height:34px;
  color:#62c6ff;
  filter:drop-shadow(0 0 6px rgba(70,190,255,.45));
}
body.home .svc-icon svg{width:34px;height:34px}
body.home .service-rail a:nth-child(even) .svc-icon{color:#ffb347}

html[data-theme="light"] body.home header{
  background:rgba(255,255,255,.9);
  border-bottom:1px solid var(--line);
}
html[data-theme="light"] body.home .navlinks a{color:var(--ink)}
html[data-theme="light"] body.home .navlinks a[aria-current="page"]{color:var(--blue);box-shadow:inset 0 -2px 0 var(--blue)}
html[data-theme="light"] body.home .theme{
  background:var(--card);
  color:var(--ink);
  border-color:var(--line);
}
html[data-theme="light"] body.home .menu-btn{
  color:var(--ink);
  background:var(--card);
  border-color:var(--line);
}
html[data-theme="light"] body.home .home-hero{
  color:var(--ink);
  background:linear-gradient(180deg,#f4f9ff 0%,#dcecff 48%,#c5def8 100%);
}
html[data-theme="light"] body.home .home-hero-city{opacity:.18}
html[data-theme="light"] body.home .home-hero-veil{
  background:
    linear-gradient(90deg,#eef6ff 0%,rgba(238,246,255,.92) 30%,rgba(238,246,255,.35) 52%,rgba(220,236,255,.2) 100%),
    linear-gradient(180deg,rgba(255,255,255,.2),transparent 30%);
}
html[data-theme="light"] body.home .brand-wordmark{color:#0b63ce}
html[data-theme="light"] body.home .brand-wordmark b{color:#0876d9}
html[data-theme="light"] body.home .brand-tag{color:#5b6b82}
html[data-theme="light"] body.home .hero-name{color:#0b63ce}
html[data-theme="light"] body.home .hero-name span{color:#0876d9}
html[data-theme="light"] body.home .hero-line{color:#5b6b82}
html[data-theme="light"] body.home .home-hero h1{color:#0b1830}
html[data-theme="light"] body.home .hero-lead{color:#334155}
html[data-theme="light"] body.home .btn.ghost-play{
  color:var(--blue);
  background:#fff;
  border-color:var(--blue);
}
html[data-theme="light"] body.home .value-card{
  background:#fff;
  border-color:#d6e6f7;
  box-shadow:0 10px 24px rgba(11,24,48,.06);
}
html[data-theme="light"] body.home .value-card p{color:#5b6b82}
html[data-theme="light"] body.home .value-icon{color:#0876d9;filter:none}
html[data-theme="light"] body.home .service-rail{
  background:rgba(255,255,255,.82);
  border-color:#d6e6f7;
}
html[data-theme="light"] body.home .service-rail a{color:#0b1830}
html[data-theme="light"] body.home .svc-icon{color:#0876d9;filter:none}

@media (max-width:1180px){
  body.home .home-nav{
    height:auto;
    min-height:80px;
    padding:10px 0;
    flex-wrap:wrap;
  }
  body.home .menu-btn{display:inline-flex;margin-left:auto}
  body.home .home-brand{height:auto;max-width:none !important}
  body.home .home-brand img,
  body.home .brand-r{width:48px !important;height:48px !important;max-width:48px !important;max-height:48px !important;flex-basis:48px}
  body.home .brand-kicker{font-size:16px}
  body.home .brand-wordmark{font-size:14px}
  body.home .hero-kicker{white-space:normal}
  body.home .navlinks{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    flex-direction:column;
    align-items:flex-start;
    gap:4px;
    margin:0;
    padding:12px;
    background:rgba(6,18,38,.96);
    border:1px solid #1c3654;
    border-radius:16px;
    z-index:40;
  }
  body.home .navlinks.is-open{display:flex}
  body.home .nav-actions{justify-self:end}
  body.home .home-hero-inner{
    grid-template-columns:1fr;
    min-height:auto;
  }
  body.home .hero-slider{order:2;width:min(72vw,420px)}
  body.home .value-rail{
    order:3;
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  body.home .service-rail{grid-template-columns:repeat(4,1fr)}
  html[data-theme="light"] body.home .navlinks{background:#fff;border-color:var(--line)}
}
@media (max-width:720px){
  body.home .home-nav{gap:8px}
  body.home .home-brand{height:auto;max-width:none !important;gap:8px}
  body.home .home-brand img,
  body.home .brand-r{width:42px !important;height:42px !important;max-width:42px !important;max-height:42px !important;flex-basis:42px}
  body.home .brand-kicker{font-size:15px}
  body.home .brand-wordmark{font-size:13px}
  body.home .brand-tag{letter-spacing:.08em}
  body.home .home-hero{padding:16px 0 20px}
  body.home .home-hero-inner{width:min(100% - 26px,1440px)}
  body.home .hero-identity{flex-wrap:wrap}
  body.home .hero-r{width:96px}
  body.home .home-hero h1{max-width:none;font-size:34px}
  body.home .hero-actions{flex-direction:column;align-items:stretch}
  body.home .value-rail{grid-template-columns:1fr}
  body.home .service-rail{
    width:min(100% - 26px,1440px);
    grid-template-columns:1fr 1fr;
  }
}
@keyframes ruvi-slide-left{
  from{opacity:0;transform:translateX(-22px)}
  to{opacity:1;transform:translateX(0)}
}
@keyframes ruvi-slide-right{
  from{opacity:0;transform:translateX(22px)}
  to{opacity:1;transform:translateX(0)}
}
@keyframes ruvi-slide-up{
  from{opacity:0;transform:translateY(16px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes ruvi-float{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}
@keyframes ruvi-orbit{
  from{transform:rotate(-18deg)}
  to{transform:rotate(342deg)}
}
@keyframes ruvi-shimmer{
  0%,100%{filter:drop-shadow(0 8px 12px rgba(2,16,40,.4))}
  50%{filter:drop-shadow(0 8px 18px rgba(32,183,245,.45))}
}
body.home .home-brand{
  animation:ruvi-slide-left .7s ease both;
}
body.home .brand-r{
  animation:ruvi-shimmer 4.5s ease-in-out infinite;
}
body.home .hero-identity{
  animation:ruvi-slide-left .8s .08s ease both;
}
body.home .hero-r{
  animation:ruvi-float 6.5s ease-in-out infinite;
}
body.home .home-hero h1{
  animation:ruvi-slide-up .7s .16s ease both;
}
body.home .hero-sub,
body.home .hero-lead,
body.home .hero-actions{
  animation:ruvi-slide-up .7s .24s ease both;
}
body.home .hero-slider{
  animation:ruvi-slide-right .8s .12s ease both;
}
body.home .value-card{
  animation:ruvi-slide-right .7s ease both;
}
body.home .value-card:nth-child(1){animation-delay:.18s}
body.home .value-card:nth-child(2){animation-delay:.28s}
body.home .value-card:nth-child(3){animation-delay:.38s}
body.home .value-card:nth-child(4){animation-delay:.48s}
body.home .service-rail{
  animation:ruvi-slide-up .8s .32s ease both;
}
@media (prefers-reduced-motion:reduce){
  body.home .hero-slide{transition:none}
  body.home .home-brand,
  body.home .brand-r,
  body.home .hero-identity,
  body.home .hero-r,
  body.home .home-hero h1,
  body.home .hero-sub,
  body.home .hero-lead,
  body.home .hero-actions,
  body.home .hero-slider,
  body.home .hero-slide,
  body.home .value-card,
  body.home .service-rail,
  body.home .home-hero-scene{
    animation:none;
    transform:none;
    filter:none;
  }
}