.ambient {
  position: fixed; inset: 0; z-index: -10; overflow: hidden;
  pointer-events: none;
  background:
    radial-gradient(420px 420px at 82% 92%, rgba(255, 0, 145, 0.10), transparent 70%),
    radial-gradient(360px 360px at 48% 62%, rgba(75, 45, 255, 0.07), transparent 70%),
    var(--page-bg);
}
body.theme-light .ambient {
  background:
    radial-gradient(420px 420px at 82% 92%, rgba(235, 60, 145, 0.07), transparent 70%),
    radial-gradient(360px 360px at 48% 62%, rgba(75, 45, 255, 0.04), transparent 70%),
    var(--page-bg);
}

.ambient-light {
  position: absolute;
  border-radius: 50%;
  filter: blur(120px);
  will-change: transform;
}

.ambient-red {
  width: 620px; height: 620px;
  left: -190px; top: 8%;
  background: radial-gradient(circle, var(--red-soft), transparent 70%);
  animation: redMove 18s ease-in-out infinite alternate;
}
.ambient-pink {
  width: 570px; height: 570px;
  right: -170px; bottom: -130px;
  background: radial-gradient(circle, var(--pink-soft), transparent 70%);
  animation: pinkMove 20s ease-in-out infinite alternate;
}
.ambient-mix {
  width: 420px; height: 420px;
  left: 38%; top: 45%;
  background: radial-gradient(circle, var(--mix-soft), transparent 72%);
  animation: mixMove 15s ease-in-out infinite alternate;
}

@keyframes redMove  { to { transform: translate(180px, 120px)   scale(1.13); } }
@keyframes pinkMove { to { transform: translate(-160px, -120px) scale(1.15); } }
@keyframes mixMove  { to { transform: translate(110px, -80px)   scale(1.16); } }

.ambient-scroll {
  position: absolute; inset: 0; z-index: -9;
  overflow: hidden; pointer-events: none;
}
.ambient-trail {
  position: absolute; left: 0; right: 0; top: 90vh; height: 260vh;
  background:
    radial-gradient(50vw 34vh at 82% 10%, var(--red-soft),  transparent 66%),
    radial-gradient(48vw 32vh at 10% 36%, var(--pink-soft), transparent 66%),
    radial-gradient(46vw 32vh at 70% 64%, var(--mix-soft),  transparent 68%),
    radial-gradient(44vw 30vh at 18% 88%, var(--red-soft),  transparent 66%);
  filter: blur(90px);
  pointer-events: none;
}

.glass, .panel, .section-glass, .visual, .legal-doc, .pp-story, .hire-two,
.hire-hero, .featured, .live-panel, .ceo, .eco-core, .form-card, .jtable,
.consult {
  position: relative;
  border-radius: var(--r-card);
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  backdrop-filter: blur(var(--blur)) saturate(140%);
  -webkit-backdrop-filter: blur(var(--blur)) saturate(140%);
  box-shadow:
    inset 0  1px 0 rgba(255, 255, 255, 0.16),
    inset 0 -1px 0 rgba(0, 0, 0, 0.30),
    0 30px 90px rgba(0, 0, 0, 0.40);
}
body.theme-light .glass, body.theme-light .panel,
body.theme-light .section-glass, body.theme-light .visual,
body.theme-light .legal-doc, body.theme-light .pp-story,
body.theme-light .hire-two {
  background: var(--glass-card);
  border-color: rgba(255, 255, 255, 0.48);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.68),
    0 24px 70px rgba(45, 50, 60, 0.16);
}

.glass::before, .panel::before, .section-glass::before, .visual::before,
.nav::before, .card::before, .prod-card::before {
  content: "";
  position: absolute;
  left: 8%; right: 8%;
  top: 0;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.40),
    transparent
  );
}
body.theme-light .glass::before, body.theme-light .panel::before,
body.theme-light .section-glass::before, body.theme-light .visual::before,
body.theme-light .nav::before, body.theme-light .card::before,
body.theme-light .prod-card::before {
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.85),
    transparent
  );
}

.nav {
  position: fixed; z-index: 100;
  top: 16px; left: 50%; transform: translateX(-50%);
  width: min(var(--container), calc(100% - 30px));
  padding: 10px 14px 10px 22px;

  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(26px) saturate(135%);
  -webkit-backdrop-filter: blur(26px) saturate(135%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.10),
    0 18px 55px rgba(0, 0, 0, 0.25);
  border-radius: var(--r-nav);
  transition: background .3s ease, border-color .3s ease,
              backdrop-filter .3s ease, box-shadow .3s ease;
}
.nav.scrolled {
  background: rgba(255, 255, 255, 0.065);
  border-color: rgba(255, 255, 255, 0.20);
  backdrop-filter: blur(36px) saturate(145%);
  -webkit-backdrop-filter: blur(36px) saturate(145%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 24px 70px rgba(0, 0, 0, 0.38);
}
body.theme-light .nav {
  background: rgba(235, 238, 243, 0.72);
  border-color: rgba(255, 255, 255, 0.60);
  backdrop-filter: blur(30px) saturate(150%);
  -webkit-backdrop-filter: blur(30px) saturate(150%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.85),
    0 18px 55px rgba(40, 45, 55, 0.16);
}
body.theme-light .nav.scrolled {
  background: rgba(235, 238, 243, 0.88);
  border-color: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(40px) saturate(155%);
  -webkit-backdrop-filter: blur(40px) saturate(155%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.90),
    0 24px 70px rgba(40, 45, 55, 0.20);
}
.nav .container, .nav-inner { padding-inline: 0; }

.menu a, .nav-links a {
  position: relative;
  color: #A9A9B2;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
  padding: 7px 11px;
  border-radius: var(--r-navbtn);
  transition: .25s;
}
.menu a:hover, .nav-links a:hover,
.menu a.active, .nav-links a.active {
  color: #FFFFFF;
  background: rgba(255, 255, 255, 0.055);
}
body.theme-light .menu a, body.theme-light .nav-links a {
  color: #2B2E35;
  font-weight: 550;
}
body.theme-light .menu a:hover, body.theme-light .nav-links a:hover {
  color: #17181C;
  background: rgba(255, 255, 255, 0.66);
}
body.theme-light .menu a.active, body.theme-light .nav-links a.active {
  color: #17181C;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: inset 0 0 0 1px rgba(120, 128, 140, 0.20);
}

.menu a.active::after, .nav-links a.active::after {
  content: "";
  position: absolute; left: 50%; bottom: 1px;
  transform: translateX(-50%);
  width: 4px; height: 4px; border-radius: 50%;
  background: #FF766D;
  box-shadow: 0 0 10px rgba(255, 80, 70, 0.70);
}
body.theme-light .menu a.active::after,
body.theme-light .nav-links a.active::after {
  background: #B8443B;
  box-shadow: 0 0 10px rgba(184, 68, 59, 0.45);
}

.btn, .glass-button, .action, .nav-btn,
.btn-outline, .btn-ghost, .btn-clear, .btn-white, .btn-ghost-white {
  display: inline-flex; align-items: center; justify-content: center; gap: 7px;
  color: #FFFFFF;
  text-decoration: none;
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.18);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border-radius: var(--r-button);
  transition: .25s;
}
.btn:hover, .glass-button:hover, .action:hover, .nav-btn:hover,
.btn-outline:hover, .btn-ghost:hover, .btn-clear:hover,
.btn-white:hover, .btn-ghost-white:hover {
  background: rgba(255, 255, 255, 0.07);
  transform: translateY(-2px);
}

.btn.primary, .btn-primary, .btn-primary:link, .btn-primary:visited {
  background: var(--grad-btn);
  border-color: var(--grad-btn-border);
  color: #FFFFFF;
}
.btn.primary:hover, .btn-primary:hover {
  background: var(--grad-btn-hover);
  border-color: var(--grad-btn-border-hover);
  box-shadow: var(--grad-btn-glow);
  transform: translateY(-2px);
}
body.theme-light .btn, body.theme-light .glass-button, body.theme-light .action,
body.theme-light .btn-outline, body.theme-light .btn-ghost,
body.theme-light .btn-clear, body.theme-light .btn-white,
body.theme-light .btn-ghost-white {
  color: #29252A;
  background: rgba(235, 238, 243, 0.28);
  border-color: rgba(255, 255, 255, 0.50);
}
body.theme-light .btn:hover, body.theme-light .action:hover,
body.theme-light .btn-outline:hover, body.theme-light .btn-ghost:hover {
  background: rgba(235, 238, 243, 0.48);
}
body.theme-light .nav-btn, body.theme-light .btn.primary,
body.theme-light .btn-primary {
  color: #29252A;
  background: var(--grad-btn);
  border-color: rgba(255, 255, 255, 0.55);
}

.card, .pcard, .prod-card, .hub-card, .news-card, .road-card, .tl-card,
.svc, .door, .proof, .steps li, .two-col .col, .hire-card,
.pp-facts, .pp-cta, .pp-wait, .pp-post, .pp-other,
.stat, .tech, .why, .faq-item, .voice, .wl-card,
.svc-card, .numbers > div, .availability {
  position: relative;
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.14);
  backdrop-filter: blur(28px);
  -webkit-backdrop-filter: blur(28px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.11),
    0 20px 55px rgba(0, 0, 0, 0.30);
  border-radius: var(--r-card);
  transition: .3s;
}
.card:hover, .pcard:hover, .prod-card:hover, .hub-card:hover,
.news-card:hover, .road-card:hover, .tl-card:hover, .svc:hover,
.door:hover, .hire-card:hover, .tech:hover, .why:hover, .voice:hover,
.svc-card:hover {
  background: rgba(255, 255, 255, 0.055);
  border-color: rgba(255, 255, 255, 0.21);
  transform: translateY(-5px);
}
body.theme-light .card, body.theme-light .pcard, body.theme-light .prod-card,
body.theme-light .hub-card, body.theme-light .news-card,
body.theme-light .road-card, body.theme-light .tl-card, body.theme-light .svc,
body.theme-light .door, body.theme-light .proof, body.theme-light .steps li,
body.theme-light .two-col .col, body.theme-light .hire-card,
body.theme-light .pp-facts, body.theme-light .pp-cta, body.theme-light .pp-wait,
body.theme-light .pp-post, body.theme-light .pp-other, body.theme-light .stat,
body.theme-light .tech, body.theme-light .why, body.theme-light .faq-item,
body.theme-light .voice, body.theme-light .wl-card {
  background: rgba(235, 238, 243, 0.27);
  border-color: rgba(255, 255, 255, 0.48);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.68),
    0 24px 70px rgba(45, 50, 60, 0.16);
}
body.theme-light .card:hover, body.theme-light .prod-card:hover,
body.theme-light .svc:hover, body.theme-light .door:hover,
body.theme-light .hub-card:hover, body.theme-light .news-card:hover,
body.theme-light .road-card:hover, body.theme-light .tl-card:hover {
  background: rgba(235, 238, 243, 0.42);
  border-color: rgba(255, 255, 255, 0.62);
}

.tilt3d { transform-style: flat; }
.tilt3d:hover {
  transform: perspective(1100px)
             rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg))
             translateY(-5px);
}
.tilt-glare {
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
  opacity: 0;
  transition: opacity .28s ease;
  border-radius: inherit;
  background: radial-gradient(300px circle at var(--gx, 50%) var(--gy, 50%),
              rgba(255, 255, 255, .05), transparent 66%);
}
body.theme-light .tilt-glare {
  background: radial-gradient(300px circle at var(--gx, 50%) var(--gy, 50%),
              rgba(255, 255, 255, .22), transparent 66%);
}
.tilt3d:hover .tilt-glare { opacity: 1; }

.ico, .pp-ico, .svc-ico, .step-n, .door-ico, .qa-ico, .stat-ico {
  transition: transform .45s cubic-bezier(.2, .7, .3, 1);
}
.card:hover .ico, .prod-card:hover .ico, .svc:hover .svc-ico,
.door:hover .door-ico, .stat:hover .stat-ico, .hub-card:hover .ico {
  transform: perspective(520px) rotateY(20deg) rotateX(-11deg) translateZ(12px);
}

.tag, .tech-tag, .chip, .pill, .badge, .live-tag,
.cando, .pp-feats li, .notification-message {
  border-radius: var(--r-tag);
  background: var(--tag-bg);
  border: 1px solid var(--tag-border);
  color: var(--text-body);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.cando, .pp-feats li, .notification-message { border-radius: var(--r-navbtn); }

.live-tag, .b-live, .s-live, .t-done {
  color: var(--label);
  background: rgba(255, 45, 28, 0.14);
  border-color: rgba(255, 45, 28, 0.34);
}
.b-dev, .s-dev, .t-now {
  color: var(--accent-rose);
  background: rgba(255, 0, 145, 0.10);
  border-color: rgba(255, 0, 145, 0.26);
}
.b-soon, .s-soon, .t-plan, .b-off, .t-off {
  color: var(--text-body);
  background: var(--tag-bg);
  border-color: var(--tag-border);
}
.b-exp, .s-exp, .t-future {
  color: var(--text-muted);
  background: transparent;
  border: 1px dashed var(--glass-border);
}
body.theme-light .live-tag, body.theme-light .b-live,
body.theme-light .s-live,   body.theme-light .t-done {
  color: var(--label);
  background: rgba(255, 70, 55, 0.12);
  border-color: rgba(184, 68, 59, 0.34);
}
body.theme-light .b-dev, body.theme-light .s-dev, body.theme-light .t-now {
  color: var(--accent-rose);
  background: rgba(235, 60, 145, 0.10);
  border-color: rgba(195, 62, 130, 0.28);
}

.ico, .pp-ico, .svc-ico, .step-n, .door-ico, .qa-ico,
.logo-mark, .brand-mark, .hub-rail-logo, .ls-logo,
.join-ico, .chat-ico, .hold-mark, .gate-mark, .hex, .big-c,
.cat, .av, .a1, .a2, .a3, .a4, .a5,
.c-product, .c-company, .c-ai, .c-tech, .c-guides, .c-community {
  position: relative;
  border-radius: var(--r-navbtn);
  background: var(--grad-btn) !important;
  border: 1px solid var(--grad-btn-border);
  color: var(--accent-soft) !important;
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16);
}
body.theme-light .ico, body.theme-light .pp-ico, body.theme-light .svc-ico,
body.theme-light .step-n, body.theme-light .door-ico, body.theme-light .qa-ico,
body.theme-light .logo-mark, body.theme-light .brand-mark,
body.theme-light .hex, body.theme-light .big-c, body.theme-light .cat {
  border-color: rgba(255, 255, 255, 0.55);
  color: var(--label) !important;
}

.tl-ico.on, .nav-item.on, .pager button.on, .chip.on {
  background: var(--grad-btn-hover) !important;
  border-color: var(--grad-btn-border-hover) !important;
  color: #FFFFFF !important;
}
body.theme-light .tl-ico.on, body.theme-light .nav-item.on,
body.theme-light .pager button.on, body.theme-light .chip.on {
  color: #29252A !important;
}

.ico-chat    { color: #FFAAA0 !important; }
.ico-nexus   { color: #FF9E92 !important; }
.ico-markets { color: #FF8F82 !important; }
.ico-labs    { color: #FF7F8E !important; }
.ico-x       { color: #FF6FA0 !important; }
.ico-alpha   { color: #FF5FB0 !important; }
.ico-edge    { color: #FF4B9A !important; }
body.theme-light .ico-chat    { color: #B94B43 !important; }
body.theme-light .ico-nexus   { color: #BB4749 !important; }
body.theme-light .ico-markets { color: #BD4351 !important; }
body.theme-light .ico-labs    { color: #BF405F !important; }
body.theme-light .ico-x       { color: #C13D6D !important; }
body.theme-light .ico-alpha   { color: #C23B78 !important; }
body.theme-light .ico-edge    { color: #C33E82 !important; }

.announce, .cta, .started, .chat-cta, .join, .door.hot, .legal-cta,
.featured, .live-panel, .ceo, .hire-hero, .eco-core {
  position: relative;
  background:
    linear-gradient(120deg, var(--red-soft) 0%, var(--mix-soft) 48%, var(--pink-soft) 100%),
    var(--glass-card) !important;
  border: 1px solid var(--glass-border);
  backdrop-filter: blur(30px) saturate(135%);
  -webkit-backdrop-filter: blur(30px) saturate(135%);
}
.announce   { color: var(--text-main); }
.announce a { color: var(--label); }

.hero-glow, .hero::after,
.bl-hero::before, .cr-hero::before, .about-hero::before, .ct-hero::before,
.eco-hero::before, .lg-hero::before, .prod-hero::before, .rm-hero::before,
.grid-glow, .window-glow, .dev-glow, .sky, .orbit-core::before,
.ceo-photo::before, .eco-core::before, .founder-glow {
  display: none !important;
}

.brand i, .status, .tl-dot.on, .ph-bar .rec, .dot.up,
.s-live::before, .sw.on::after {
  background: var(--red) !important;
  border-color: var(--red) !important;
}
.s-dev::before  { background: var(--pink) !important; }
.s-soon::before { background: var(--text-muted) !important; }
.s-exp::before  { background: transparent !important; border: 1px solid var(--text-muted); }
.bar-fill, .mini-bar i, .peak-fill {
  background: linear-gradient(90deg, var(--red), var(--pink)) !important;
}

input, textarea, select {
  border-radius: var(--r-navbtn) !important;
  background: var(--glass-card) !important;
  border: 1px solid var(--tag-border) !important;
  color: var(--text-main) !important;
  backdrop-filter: blur(22px) saturate(125%);
  -webkit-backdrop-filter: blur(22px) saturate(125%);
}
input::placeholder, textarea::placeholder { color: var(--text-muted); }
input:focus, textarea:focus, select:focus {
  border-color: var(--grad-btn-border) !important;
  background: var(--glass-bg-strong) !important;
}
select option { background: #0E0E12; color: #FFFFFF; }
body.theme-light select option { background: #EBEEF3; color: #202229; }

.theme-btn {
  display: inline-grid; place-items: center;
  width: 38px; height: 38px;
  border-radius: var(--r-navbtn);
  font-size: 15px; line-height: 1; cursor: pointer;
  color: #FFFFFF;
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.16);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14);
  transition: .25s;
}
.theme-btn:hover { background: rgba(255, 255, 255, 0.07); transform: translateY(-2px); }
body.theme-light .theme-btn {
  color: #26282E;
  background: rgba(255, 255, 255, 0.28);
  border-color: rgba(255, 255, 255, 0.52);
}

.footer {
  background: var(--glass-card);
  border-top: 1px solid var(--tag-border);
  color: var(--text-muted);
  backdrop-filter: blur(28px);
  -webkit-backdrop-filter: blur(28px);
}

h1 {
  color: var(--text-main);
  font-weight: 800;
  letter-spacing: -.052em;
  line-height: 1.02;
}
.hero-copy h1, .phero-copy h1, .rhero-copy h1 { font-size: clamp(36px, 4.4vw, 60px); }
h2 { letter-spacing: -.03em; }
h2 { color: var(--text-main); }
.section h2, .sec-head h2 { letter-spacing: -2px; }

.gradient, .grad {
  background: var(--grad-head);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

p, .lead, .sec-lead, .hire-lead, .pdesc, .prod-card p, .door p,
.proof > div > p, .steps p, .pp-story p, .hire-two p {
  color: var(--text-body);
  line-height: 1.8;
}

.eyebrow, .kicker, .tech-label, .card small, .sec-head small,
.section-head small, .panel small, .proof-of span, .wl-fld span {
  color: var(--label) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  line-height: 1.5 !important;
}

.btn, .glass-button, .action, .nav-btn {
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.4;
}
.card h3, .prod-card h3, .pcard h3, .door b, .proof h3, .svc h3 {
  color: var(--text-main);
  font-size: 20px !important;
  line-height: 1.3 !important;
  font-weight: 650;
}
.tag, .tech-tag, .chip, .badge {
  font-size: 12px !important;
  line-height: 1.35 !important;
  font-weight: 500 !important;
  padding: 8px 10px !important;
}
.fld-note, .t-sub, .news-foot, .pp-facts span, .wl-msg, .hire-sub,
.bar-row, .notification-message {
  font-size: 12px !important;
  line-height: 1.5 !important;
}
.eyebrow, .kicker, .card small, .sec-head small, .nav-links a, .menu a,
.btn, .action, .tag, .chip, p, .lead { opacity: 1 !important; }

body.theme-light .hero-art::after, body.theme-light .bl-art::after,
body.theme-light .office-art::after, body.theme-light .cm-art::after,
body.theme-light .art-hero::after {
  background:
    repeating-linear-gradient(90deg, rgba(32, 34, 41, .07) 0 1px, transparent 1px 26px),
    repeating-linear-gradient(0deg,  rgba(32, 34, 41, .06) 0 1px, transparent 1px 26px) !important;
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .glass, .card, .pcard, .prod-card, .nav, .footer, .door, .proof, .stat,
  .btn, .btn-outline, .btn-ghost, .btn-clear { background: #0E0E12; }
  body.theme-light .glass, body.theme-light .card, body.theme-light .pcard,
  body.theme-light .prod-card, body.theme-light .nav, body.theme-light .footer,
  body.theme-light .door, body.theme-light .proof, body.theme-light .stat,
  body.theme-light .btn { background: #E3E7EC; }
}

.no-blur .glass, .no-blur .glass-button, .no-blur .card, .no-blur .pcard,
.no-blur .prod-card, .no-blur .hub-card, .no-blur .news-card, .no-blur .road-card,
.no-blur .tl-card, .no-blur .svc, .no-blur .door, .no-blur .proof,
.no-blur .steps li, .no-blur .two-col .col, .no-blur .hire-card,
.no-blur .pp-facts, .no-blur .pp-cta, .no-blur .pp-wait, .no-blur .cando,
.no-blur .stat, .no-blur .nav, .no-blur .footer, .no-blur .ico,
.no-blur .btn, .no-blur .btn-outline, .no-blur .btn-ghost, .no-blur .btn-clear {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background: rgba(255, 255, 255, .07);
}
.no-blur .ambient-light { filter: blur(70px); animation: none; }

.no-blur .nav, .no-blur .footer {
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  background: rgba(255, 255, 255, .07);
}

@media (prefers-reduced-motion: reduce) {
  .ambient-light { animation: none !important; }
  .card:hover, .prod-card:hover, .btn:hover, .action:hover { transform: none; }
  .tilt3d:hover { transform: translateY(-5px); }
  .tilt-glare { display: none; }
  .card:hover .ico, .prod-card:hover .ico, .svc:hover .svc-ico,
  .door:hover .door-ico, .stat:hover .stat-ico, .hub-card:hover .ico { transform: none; }
}

html { overflow-x: clip; }
body { overflow-x: clip; }

@media (max-width: 1080px) {
  .nav {
    top: 12px;
    width: calc(100% - 24px);
    padding: 8px 10px 8px 16px;
  }
  body > section:first-of-type,
  main > section:first-of-type { padding-top: 96px; }
  .hero { padding-top: 0; }

  .nav-links {
    position: fixed;
    inset: 74px 12px auto 12px;
    flex-direction: column; align-items: stretch;
    gap: 2px; padding: 10px;
    border-radius: var(--r-nav);
    background: rgba(255, 255, 255, 0.065);
    border: 1px solid rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(36px) saturate(145%);
    -webkit-backdrop-filter: blur(36px) saturate(145%);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.18),
      0 24px 70px rgba(0, 0, 0, 0.38);
  }
  body.theme-light .nav-links {
    background: rgba(235, 238, 243, 0.94);
    border-color: rgba(255, 255, 255, 0.62);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.72),
      0 24px 70px rgba(40, 45, 55, 0.18);
  }
  .nav-links a { width: 100%; padding: 11px 12px; font-size: 14px !important; }
  .nav-links a.active::after { left: auto; right: 12px; bottom: 50%; transform: translateY(50%); }
}

@media (max-width: 720px) {
  .hero-grid, .eco-grid, .road-grid, .two-col, .founder, .hub-grid,
  .prod-grid, .news-grid, .road-cards,
  .phero-grid, .pgrid, .why6, .foot-grid.six,
  .rhero-grid, .split, .started, .tl-row, .principles,
  .cthero-grid, .globe-grid, .offices, .faqs, .form-grid, .form-row.three, .frow,
  .chero-grid, .perks, .why-culture,
  .about-grid, .approach, .approach-grid, .ceo, .journey, .live-grid, .mvv-grid,
  .bhero-grid, .posts, .related .posts, .art-nav, .featured,
  .ehero-grid, .together, .lghero-grid, .legal-doc {
    grid-template-columns: 1fr !important;
    gap: 16px;
  }
  .stats-grid, .stats-grid.five, .foot-grid, .tech-grid, .road-years {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .devices, .bl-art, .started-art, .hero-art, .office-art, .cm-art { display: none; }
  .tower, .tb-grid, .ls-kpis { grid-template-columns: 1fr !important; }
  .peak  { max-width: 100%; }

  .container { padding-inline: 16px; }
  .section, .sec { padding-left: 0; padding-right: 0; }
}

@media (max-width: 520px) {
  .nav { top: 8px; width: calc(100% - 16px); padding: 7px 8px 7px 14px; }
  .nav-links { inset: 68px 8px auto 8px; }
  body > section:first-of-type,
  main > section:first-of-type { padding-top: 88px; }

  .logo-text { font-size: 16px; }
  .nav-right { gap: 8px; }
  .nav-right .btn { padding: 8px 12px; font-size: 12px !important; }
  .theme-btn { width: 34px; height: 34px; }

  .container { padding-inline: 14px; }
  .stats-grid, .stats-grid.five, .foot-grid, .road-years {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .tech-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }

  .ambient-red  { width: 360px; height: 360px; left: -120px; }
  .ambient-pink { width: 320px; height: 320px; right: -110px; }
  .ambient-mix  { width: 260px; height: 260px; }
  .ambient-light { filter: blur(90px); }

  h1, h2, h3 { overflow-wrap: anywhere; }
}

@media (max-width: 720px) {
  .table-wrap, .ptable-wrap, .jtable-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

.img-slot {
  position: relative;
  border-radius: var(--r-card);
  overflow: hidden;
}
.img-slot > img.slot-photo {
  display: block;
  width: 100%; height: 100%;
  object-fit: cover;
  border-radius: inherit;
}
.img-slot.has-photo {
  border: 1px solid var(--glass-border);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 20px 55px rgba(0, 0, 0, 0.30);
}
.img-slot.has-photo > .slot-fallback { display: none; }
body.theme-light .img-slot.has-photo {
  border-color: rgba(255, 255, 255, 0.48);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.68),
    0 24px 70px rgba(45, 50, 60, 0.16);
}
.img-slot:not(.has-photo):empty { display: none; }
.img-slot.has-photo[data-ratio="wide"]   { aspect-ratio: 16 / 10; }
.img-slot.has-photo[data-ratio="square"] { aspect-ratio: 1 / 1; }
.img-slot.has-photo[data-ratio="band"]   { aspect-ratio: 8 / 3; }

.why, .cando, .pp-feats li, .proof-of, .steps li {
  border-radius: var(--r-navbtn);
  padding: 14px 16px;
  min-height: 62px;
  align-items: center;
}

.nav-links a, .menu a, .nav-right .btn, .nav .btn {
  white-space: nowrap;
}
.nav-inner .logo { flex: none; }
@media (max-width: 1240px) and (min-width: 1081px) {
  .nav-links { gap: 2px; }
  .menu a, .nav-links a { padding: 7px 8px; }
}

[hidden] { display: none !important; }

.glass, .section-glass, .visual, .legal-doc, .pp-story, .form-card {
  padding: 26px;
}
.hire-two { padding-block: 30px; }

@media (max-width: 720px) {
  .glass, .section-glass, .visual, .legal-doc, .pp-story, .form-card {
    padding: 20px 18px;
  }
  .hire-two { padding-block: 22px; }
}

.pp-head { padding-top: 104px; }
@media (max-width: 1080px) { .pp-head { padding-top: 96px; } }
@media (max-width: 720px)  { .pp-head { padding-top: 88px; } }

@media (max-width: 1080px) {
  .nav-links {
    background: #120a12;
    border: 1px solid rgba(255, 255, 255, 0.14);
    z-index: 200;
    max-height: calc(100dvh - 96px);
    overflow-y: auto;
    overscroll-behavior: contain;
    box-shadow: 0 26px 70px rgba(0, 0, 0, .62);
  }
  body.theme-light .nav-links { background: #f2f4f8; border-color: rgba(30, 25, 40, .12); }

  @supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)) {
    .nav-links { background: rgba(18, 10, 18, .93); }
    body.theme-light .nav-links { background: rgba(242, 244, 248, .95); }
  }

  .nav { z-index: 300; }
  body.nav-open { overflow: hidden; }
}

@media (max-width: 720px) {
  .hub-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px;
  }
  .hub-grid > *:last-child:nth-child(odd) { grid-column: span 2; }

  .prod-grid, .pgrid, .doors-grid, .news-grid, .live-grid, .perks, .principles,
  .why6, .mvv-grid, .offices, .posts {
    grid-template-columns: 1fr !important;
    gap: 12px;
  }

  .hub-grid > * { min-width: 0; }
  .hub-grid b, .hub-grid h3 { font-size: 14px; line-height: 1.25; }
  .hub-grid i, .hub-grid p  { font-size: 11.5px; line-height: 1.45; }

  .prod-grid > *, .hub-grid > *, .pgrid > *, .eco-map > * { overflow-wrap: anywhere; }
  h1, h2, h3, h4, .pcard h3, .prod-card b, .node b { word-break: normal; hyphens: none; }

  .foot-grid, .foot-grid.six {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px 18px;
  }
  .foot-brand { grid-column: span 2; }
  .foot-links a { padding: 5px 0; display: block; }
  .foot-col h4, .foot-col h3 { margin-bottom: 8px; }
}

html, body { max-width: 100%; overflow-x: hidden; }
@media (max-width: 720px) {
  * { min-width: 0; }
  img, svg, canvas, video, iframe { max-width: 100%; height: auto; }
  .container { width: 100%; }
}

@media (max-width: 720px) {
  .eco-map {
    position: static;
    height: auto !important;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .eco-lines { display: none !important; }

  .eco-map .eco-core {
    position: static !important;
    transform: none !important;
    inset: auto !important;
    width: auto !important;
    height: auto !important;
    grid-column: span 2;
    padding: 20px;
    border-radius: 16px;
  }

  .eco-map .node {
    position: static !important;
    transform: none !important;
    inset: auto !important;
    min-width: 0;
    justify-items: start;
    text-align: left;
    padding: 12px;
  }
  .eco-map .node:hover { transform: translateY(-3px) !important; }
  .eco-map .node > *:last-child:nth-child(odd) { grid-column: auto; }
  .eco-map > .node:last-child:nth-child(odd) { grid-column: span 2; }
}

@media (max-width: 720px) {
  .journey {
    grid-template-columns: 1fr !important;
    gap: 0;
    padding-top: 8px;
    position: relative;
  }
  .journey-line {
    display: block !important;
    left: 19px; right: auto; top: 26px; bottom: 26px;
    width: 1.5px; height: auto;
    background: linear-gradient(180deg,
      transparent, rgba(255, 45, 28, .55) 6%,
      rgba(255, 45, 28, .55) 94%, transparent);
  }

  .jstep {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    column-gap: 15px;
    align-items: start;
    padding-bottom: 26px;
  }
  .jstep .jicon {
    grid-column: 1;
    grid-row: 1 / span 30;
    margin-top: 2px;
    width: 38px; height: 38px;
  }
  .jstep > *:not(.jicon) { grid-column: 2; }
  .jstep .jdot { display: none; }

  .jstep .jyear { margin-bottom: 2px; font-size: 13px; }
  .jstep h4 { font-size: 15px; margin-bottom: 5px; }
  .jstep p { max-width: none; font-size: 13px; line-height: 1.6; }
  .jstep .jlink { font-size: 12.5px; margin-top: 5px; }
  .jstep:last-child { padding-bottom: 0; }
}

.search { position: relative; }
.search input {
  width: 100%; padding: 9px 38px 9px 14px; border-radius: 10px;
  background: var(--glass-bg); border: 1px solid var(--line);
  font-size: 12.5px; color: var(--text-main); outline: none;
  transition: border-color .2s ease;
}
.search input::placeholder { color: #909099; }
.search input:focus { border-color: var(--glass-border); }
.search-ico {
  position: absolute; right: 12px; top: 50%; transform: translateY(-50%);
  width: 15px; height: 15px; color: var(--muted-2); pointer-events: none;
}
.search-ico svg { width: 15px; height: 15px; display: block; }

:where([class*="ico"] > svg:not([width]):not([height]):not([class])) {
  width: 1.1em;
  height: 1.1em;
}

.founder-site { margin-top: 8px; }
.founder-site a {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 13px; font-weight: 500; color: var(--purple-light);
}
.founder-site a:hover { color: var(--pink); }

.founded-by {
  margin: 2px 0 14px;
  font-size: 13.5px;
  color: var(--muted-2);
}
.founded-by a { color: var(--purple-light); font-weight: 500; }
.founded-by a:hover { color: var(--pink); }

.founder-site { margin-top: 10px; font-size: 13px; line-height: 1.65; color: var(--muted-2); }
.founder-site a { color: var(--purple-light); font-weight: 500; white-space: nowrap; }
.founder-site a:hover { color: var(--pink); }

.hire-portfolio { margin: 14px 0 18px; font-size: 14px; color: var(--muted-2); }
.hire-portfolio a { color: var(--purple-light); font-weight: 500; }
.hire-portfolio a:hover { color: var(--pink); }

.ceo-site { margin-top: 12px; font-size: 13.5px; line-height: 1.7; color: var(--muted-2); }
.ceo-site a, .lead a { color: var(--purple-light); font-weight: 500; }
.ceo-site a:hover, .lead a:hover { color: var(--pink); }