/* Viewport-specific refinements kept separate from the main visual system. */
.scroll-cue {
  left: auto;
  right: var(--pad);
  bottom: 24px;
}

.brand-lockup {
  display: inline-flex;
  width: auto;
  height: 48px;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
}

.brand-lockup > span {
  color: currentColor;
  font-size: 15px;
  font-weight: 800;
}

.brand-lockup img {
  display: block;
  width: 31px;
  height: 31px;
  object-fit: contain;
}

.brand-lockup-footer img {
  background: white;
  padding: 3px;
  filter: none;
}

.loader-mark {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(14px, 2vw, 28px);
}

.loader-mark > span {
  color: white;
  font-size: clamp(1.6rem, 5vw, 5rem);
}

.loader-mark i {
  color: #00ad00;
  font-style: normal;
}

.loader-mark > img {
  width: clamp(52px, 8vw, 112px);
  height: clamp(52px, 8vw, 112px);
  object-fit: contain;
  background: white;
  padding: clamp(5px, .8vw, 10px);
  filter: none;
}

/* The first viewport should start speaking immediately below the navigation. */
.hero {
  padding-top: clamp(96px, 11vh, 122px);
  align-items: center;
}

.hero-copy,
.hero-console {
  transform: translateY(34px);
}

.cube-product-lockup {
  flex: 0 0 230px;
  width: 230px;
  max-width: 46%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  perspective: 700px;
}

.cube-product-lockup > span {
  color: white;
  font-size: clamp(2.3rem, 4vw, 4.6rem);
  font-weight: 800;
  letter-spacing: .12em;
  line-height: 1;
}

.cube-canvas-wrap {
  position: relative;
  width: 150px;
  height: 150px;
  max-width: 100%;
  overflow: hidden;
}

.cube-canvas-wrap canvas {
  display: block;
  width: 100%;
  height: 100%;
}

.cube-fallback {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: #76be20;
  font-size: 86px;
  line-height: 1;
}

.cube-canvas-wrap.ready .cube-fallback {
  display: none;
}

.math-ui .ui-bar {
  align-items: center;
}

.math-ui .ui-bar > span {
  margin-left: 7px;
  color: #8d8d8d;
  font-size: 8px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.school-ui { position: relative; }
.school-ui .ui-bar { position: relative; z-index: 5; align-items: center; }
.school-ui .ui-bar > span { margin-left: 7px; color: #8d8d8d; font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }
.school-ui > img { animation: schoolPan 9s ease-in-out infinite; transform-origin: 58% 46%; }
.school-focus { position: absolute; z-index: 2; left: 46%; top: 36%; width: 31%; height: 25%; border: 2px solid rgba(255,20,120,.9); background: rgba(255,20,120,.08); opacity: 0; animation: schoolFocus 9s ease-in-out infinite; }
.school-event { position: absolute; z-index: 3; left: 48%; top: 39%; width: 27%; min-height: 62px; padding: 12px; background: #c8ff19; color: #111; box-shadow: 0 10px 22px rgba(0,0,0,.22); opacity: 0; transform: scale(.72) translateY(14px); animation: schoolEvent 9s cubic-bezier(.16,1,.3,1) infinite; }
.school-event strong,.school-event span { display: block; }
.school-event strong { font-size: 10px; }
.school-event span { margin-top: 4px; font-size: 8px; opacity: .68; }
.school-cursor { position: absolute; z-index: 6; left: 27%; top: 70%; color: #111; font-size: 28px; line-height: 1; filter: drop-shadow(0 1px 0 white) drop-shadow(0 0 2px white); animation: schoolCursor 9s cubic-bezier(.45,0,.2,1) infinite; }
.school-toast { position: absolute; z-index: 7; right: 18px; bottom: 18px; display: flex; align-items: center; gap: 9px; padding: 10px 13px; background: #111; color: white; box-shadow: 0 12px 28px rgba(0,0,0,.3); opacity: 0; transform: translateY(20px); animation: schoolToast 9s ease infinite; }
.school-toast i { display: grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; background: #c8ff19; color: #111; font-size: 10px; font-style: normal; }
.school-toast span { font-size: 9px; font-weight: 700; }

.product-coral { background: #72d7c2; color: #111; }
.nursery-ui { background: #f5f2ec; color: #151515; position: relative; }
.nursery-ui .ui-bar { align-items: center; }
.nursery-ui .ui-bar > span { margin-left: 7px; color: #8d8d8d; font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }
.nursery-shell { display: grid; grid-template-columns: 105px 1fr; height: calc(100% - 28px); }
.nursery-shell aside { padding: 18px 12px; background: #fff; border-right: 1px solid #ddd8cf; display: flex; flex-direction: column; gap: 8px; }
.nursery-shell aside > strong { color: #ff784a; font-size: 22px; margin-bottom: 14px; }
.nursery-shell aside > span { padding: 7px 8px; color: #777; font-size: 8px; }
.nursery-shell aside > span.active { background: #ffebe4; color: #111; font-weight: 700; }
.nursery-main { padding: 20px; overflow: hidden; }
.nursery-head { display: flex; justify-content: space-between; align-items: center; }
.nursery-head small { color: #888; font-size: 8px; }
.nursery-head h4 { font-size: 16px; margin-top: 4px; }
.nursery-head > b { padding: 7px 9px; background: #daf7cd; color: #2b6723; font-size: 8px; }
.nursery-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin: 17px 0; }
.nursery-stats > div { padding: 12px; background: #fff; border: 1px solid #e2ded6; }
.nursery-stats span,.nursery-stats small { display: block; }
.nursery-stats span { font-size: 19px; font-weight: 800; }
.nursery-stats small { color: #888; font-size: 7px; }
.nursery-list { display: grid; gap: 7px; }
.child-row { display: grid; grid-template-columns: 30px 1fr auto; align-items: center; gap: 9px; padding: 8px; background: #fff; border: 1px solid #e2ded6; animation: nurseryRows 7.5s ease-in-out infinite; }
.child-row:nth-child(2) { animation-delay: .35s; }.child-row:nth-child(3) { animation-delay: .7s; }
.child-row > b { width: 30px; height: 30px; border-radius: 50%; background: #ffddd1; display: grid; place-items: center; font-size: 8px; }
.child-row span strong,.child-row span small { display: block; }.child-row span strong { font-size: 9px; }.child-row span small { color: #888; font-size: 7px; margin-top: 2px; }
.child-row > i { padding: 5px 7px; background: #eef6ea; color: #42733a; font-size: 7px; font-style: normal; }
.nursery-notice { position: absolute; right: 16px; bottom: 14px; display: flex; align-items: center; gap: 8px; padding: 10px 12px; background: #151515; color: white; opacity: 0; transform: translateY(15px); animation: nurseryNotice 7.5s ease infinite; }
.nursery-notice i { width: 18px; height: 18px; display: grid; place-items: center; border-radius: 50%; background: #c8ff19; color: #111; font-size: 9px; font-style: normal; }.nursery-notice span { font-size: 8px; font-weight: 700; }
.kidz-dashboard-frame { height: calc(100% - 28px); overflow: hidden; background: #f7f8fb; }
.kidz-dashboard-frame img { width: 100%; height: 100%; object-fit: cover; object-position: 48% top; transform-origin: 78% 17%; }
.kidz-spotlight { position: absolute; z-index: 3; right: 3%; top: 12%; width: 24%; height: 29%; border: 2px solid #c8ff19; background: rgba(200,255,25,.05); opacity: 0; animation: kidzSpotlight 10s ease-in-out infinite; }
.kidz-chart-animation { position: absolute; z-index: 5; left: 62.4%; bottom: 9.3%; width: 92px; height: 178px; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; color: #111; pointer-events: none; transform: translateX(-50%); }
.kidz-chart-animation span { position: absolute; top: 0; padding: 5px 8px; background: white; box-shadow: 0 5px 16px rgba(0,0,0,.14); font-size: 8px; font-weight: 700; opacity: 0; animation: kidzChartLabel 8s ease-in-out infinite; }
.kidz-chart-animation strong { position: absolute; top: 27px; padding: 4px 7px; background: #111; color: white; font-size: 8px; white-space: nowrap; opacity: 0; animation: kidzChartLabel 8s .2s ease-in-out infinite; }
.kidz-chart-animation i { display: block; width: 8px; height: 0; max-height: 82px; border-radius: 4px 4px 0 0; background: #0d6b62; animation: kidzBarRise 8s cubic-bezier(.16,1,.3,1) infinite; }
@keyframes nurseryRows { 0%,20%,100% { transform: translateX(0); border-color:#e2ded6; } 35%,58% { transform: translateX(5px); border-color:#ff784a; } 70% { transform: translateX(0); border-color:#e2ded6; } }
@keyframes nurseryNotice { 0%,43% { opacity:0;transform:translateY(15px); } 54%,78% { opacity:1;transform:translateY(0); } 90%,100% { opacity:0;transform:translateY(10px); } }
@keyframes kidzDashboardPan { 0%,15%,100% { transform: scale(1); } 32%,78% { transform: scale(1.16); } }
@keyframes kidzSpotlight { 0%,25%,84%,100% { opacity:0;transform:scale(.94); } 38%,74% { opacity:1;transform:scale(1); } }
@keyframes kidzBarRise { 0%,18%,100% { height:0; } 42%,78% { height:82px; } 90% { height:0; } }
@keyframes kidzChartLabel { 0%,28%,88%,100% { opacity:0;transform:translateY(8px); } 42%,78% { opacity:1;transform:translateY(0); } }

@keyframes schoolPan { 0%,12%,100% { transform: scale(1); } 28%,82% { transform: scale(1.045); } }
@keyframes schoolCursor { 0%,10% { left:27%;top:70%;transform:scale(1); } 30%,42% { left:59%;top:48%;transform:scale(1); } 45% { left:59%;top:48%;transform:scale(.78); } 49%,73% { left:59%;top:48%;transform:scale(1); } 86%,100% { left:82%;top:22%;transform:scale(1); } }
@keyframes schoolFocus { 0%,26%,68%,100% { opacity:0;transform:scale(.96); } 32%,60% { opacity:1;transform:scale(1); } }
@keyframes schoolEvent { 0%,43% { opacity:0;transform:scale(.72) translateY(14px); } 52%,82% { opacity:1;transform:scale(1) translateY(0); } 92%,100% { opacity:0;transform:scale(.94) translateY(-8px); } }
@keyframes schoolToast { 0%,54% { opacity:0;transform:translateY(20px); } 62%,82% { opacity:1;transform:translateY(0); } 92%,100% { opacity:0;transform:translateY(12px); } }

.geometry-board {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.axis { stroke: #565656; stroke-width: 1.5; }
.triangle-fill { fill: rgba(200,255,25,.1); }
.triangle-line { fill: none; stroke: var(--acid); stroke-width: 5; stroke-linejoin: round; }
.right-angle { fill: none; stroke: white; stroke-width: 2; }
.vertex circle { fill: var(--pink); stroke: white; stroke-width: 2; }
.vertex text, .length { fill: #f2f2f2; font-family: var(--font); font-weight: 700; }
.vertex text { font-size: 18px; }
.length { font-size: 14px; paint-order: stroke; stroke: #111; stroke-width: 4px; stroke-linejoin: round; }

.geogebra-equation {
  position: absolute;
  left: 22px;
  bottom: 18px;
  display: flex;
  flex-direction: column;
  color: white;
  font-weight: 800;
  font-size: clamp(1.1rem, 2vw, 1.8rem);
  line-height: 1.1;
}

.geogebra-equation small {
  margin-top: 5px;
  color: #888;
  font-size: 8px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.math-layout .progress-ring {
  z-index: 3;
  width: 76px;
  height: 76px;
  right: 18px;
  bottom: 16px;
  border-width: 7px;
  font-size: 14px;
}

.project-name {
  display: flex;
  align-items: center;
  gap: 22px;
}

.project-name > img {
  width: 58px;
  height: 58px;
  object-fit: contain;
  background: white;
  padding: 5px;
}

.credential-primary {
  color: #111;
  background: var(--acid);
  border-color: var(--acid) !important;
}

.social-links {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 26px;
}

.social-pending {
  color: #777;
  font-size: 13px;
  font-weight: 700;
}

@media (max-height: 680px) and (min-width: 901px) {
  .scroll-cue { display: none; }
}

@media (max-width: 900px) {
  .brand-lockup { height: 42px; gap: 8px; }
  .brand-lockup > span { font-size: 13px; }
  .brand-lockup img { width: 27px; height: 27px; }
  .hero { padding-top: 82px; }
  .hero-copy, .hero-console { transform: none; }
}

@media (max-width: 560px) {
  .cube-product-lockup { flex-basis: 42%; width: 42%; max-width: 42%; gap: 12px; }
  .cube-canvas-wrap { width: 105px; height: 105px; }
  .cube-product-lockup > span { font-size: 2rem; }
  .project-name { gap: 12px; }
  .project-name > img { width: 42px; height: 42px; }
}

@media (prefers-reduced-motion: reduce) {
  .cube-canvas-wrap canvas { animation: none; }
  .school-ui > img,.school-focus,.school-event,.school-cursor,.school-toast { animation: none; }
  .school-event { opacity: 1; transform: none; }
  .child-row,.nursery-notice,.kidz-dashboard-frame img,.kidz-spotlight,.kidz-chart-animation span,.kidz-chart-animation strong,.kidz-chart-animation i { animation: none; }
  .kidz-chart-animation i { height: 82px; }
  .kidz-chart-animation span,.kidz-chart-animation strong { opacity: 1; transform: none; }
}

@media (min-width: 901px) {
  .products {
    padding-right: 0;
    overflow: clip;
  }

  .products .section-intro {
    padding-right: var(--pad);
  }

  .product-stage {
    position: relative;
    width: calc(100vw - var(--pad));
  }

  .product-list {
    position: sticky;
    top: 88px;
    display: flex;
    width: max-content;
    height: calc(100vh - 112px);
    min-height: 590px;
    gap: 24px;
    transform: translate3d(0,0,0);
    will-change: transform;
  }

  .product {
    flex: 0 0 calc(100vw - (var(--pad) * 2));
    width: calc(100vw - (var(--pad) * 2));
    height: 100%;
    min-height: 0;
    grid-template-columns: 56px minmax(290px,.72fr) minmax(480px,1.28fr);
    padding: 36px;
  }

  .product-copy {
    min-height: 430px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .product-copy a { align-self: flex-start; }
  .product-visual { height: min(500px, calc(100% - 72px)); }

  .product-scroll-hint {
    position: sticky;
    z-index: 9;
    left: calc(100vw - 158px);
    bottom: 30px;
    width: max-content;
    margin-left: auto;
    margin-right: 28px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 12px;
    background: rgba(9,9,9,.82);
    color: white;
    backdrop-filter: blur(8px);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
  }

  .product-scroll-hint i {
    color: var(--acid);
    font-size: 16px;
    font-style: normal;
  }
}

@media (max-width: 900px) {
  .product-stage { height: auto !important; }
  .product-list { transform: none !important; }
  .product-scroll-hint { display: none; }
}

.language-switch {
  display: flex;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: 99px;
  overflow: hidden;
}

.language-switch button {
  width: 34px;
  height: 34px;
  border: 0;
  background: transparent;
  color: currentColor;
  cursor: pointer;
  font-size: 11px;
  font-weight: 800;
  transition: background .25s ease, color .25s ease;
}

.language-switch button:hover,
.language-switch button:focus-visible,
.language-switch button.active {
  background: var(--ink);
  color: white;
  outline: none;
}

/* Keep the complete ticker inside the first viewport. Four identical runs make
   the -50% loop seamless even on ultrawide screens. */
.hero { min-height: calc(100svh - 60px); }
.ticker { height: 60px; display: flex; align-items: center; padding: 0; }
.ticker-track { flex: 0 0 max-content; }

@media (max-width: 900px) {
  .language-switch { margin-left: auto; }
  .language-switch button { width: 31px; height: 31px; }
  .menu-toggle { margin-left: 0; }
}

html[dir="rtl"] body { text-align: right; }
html[dir="rtl"] .site-header { direction: rtl; }
html[dir="rtl"] .availability { margin-left: 0; margin-right: auto; }
html[dir="rtl"] .product-copy a { flex-direction: row-reverse; }
html[dir="rtl"] .cta-meta, html[dir="rtl"] footer { direction: rtl; }
html[dir="rtl"] .founder-sticky h2 { direction: ltr; text-align: left; }
html[dir="rtl"] .founder-mark { direction: ltr; }
html[dir="rtl"] .loader-mark { direction: ltr; }
html[dir="rtl"] .product-stage,
html[dir="rtl"] .product-list,
html[dir="rtl"] .product-visual { direction: ltr; }
html[dir="rtl"] .product-copy { direction: rtl; text-align: right; }
html[dir="rtl"] .product-copy h3 { direction: ltr; text-align: left; }
html[dir="rtl"] .project-rail,
html[dir="rtl"] .project-tile { direction: ltr; text-align: left; }

html[lang="ar"] body {
  font-family: "IBM Plex Sans Arabic", "Manrope", Arial, sans-serif;
}

html[lang="ar"] .hero-title,
html[lang="ar"] .section-intro h2,
html[lang="ar"] .manifesto-copy,
html[lang="ar"] .method h3,
html[lang="ar"] .founder-lead,
html[lang="ar"] .cta h2 {
  font-family: "Noto Kufi Arabic", "IBM Plex Sans Arabic", sans-serif;
  letter-spacing: 0;
}

/* Latin product and founder signatures remain part of the DotSlash identity. */
html[lang="ar"] .brand,
html[lang="ar"] .product-copy h3,
html[lang="ar"] .founder-sticky h2,
html[lang="ar"] .founder-mark,
html[lang="ar"] .cube-product-lockup,
html[lang="ar"] .skill-stack {
  font-family: "Manrope", Arial, sans-serif;
}

/* Large display type needs enough vertical air when it wraps. */
.hero-title { line-height: 1.01; }
.section-intro h2 { line-height: 1.04; }
.product-copy h3 { line-height: 1; }
.product-coral { order: 3; }
.product-blue { order: 4; }
.manifesto-copy { line-height: 1.1; }
.founder-lead { line-height: 1.15; }
.cta h2 { line-height: 1.04; }

html[lang="ar"] .hero-title,
html[lang="ar"] .section-intro h2,
html[lang="ar"] .manifesto-copy,
html[lang="ar"] .founder-lead,
html[lang="ar"] .cta h2 {
  line-height: 1.24;
}

html[lang="ar"] .cta > .kicker {
  font-family: "Noto Kufi Arabic", "IBM Plex Sans Arabic", sans-serif;
  font-size: clamp(15px, 1.25vw, 19px);
  line-height: 1.6;
}

/* High-impact motion layer. */
.scroll-progress { position:fixed;z-index:10000;top:0;left:0;width:100%;height:3px;pointer-events:none; }
.scroll-progress i { display:block;width:100%;height:100%;background:var(--acid);transform:scaleX(var(--scroll-progress,0));transform-origin:left;will-change:transform; }
.loader-mark { overflow:hidden; }
.loader-mark>span { display:block;animation:loaderImpact 1s cubic-bezier(.16,1,.3,1) both; }
.loader-mark i { display:inline-block;animation:slashPulse .55s .35s cubic-bezier(.16,1,.3,1) both; }
@keyframes loaderImpact { from{transform:translateY(120%) skewY(8deg)} to{transform:none} }
@keyframes slashPulse { from{opacity:0;transform:translateX(-35px) rotate(18deg) scale(1.7)} to{opacity:1;transform:none} }

.hero { isolation:isolate;--hero-x:72%;--hero-y:42%; }
.hero-copy,.hero-console,.scroll-cue { position:relative;z-index:3; }
.hero-kinetic { position:absolute;z-index:0;left:2vw;bottom:-.18em;color:transparent;-webkit-text-stroke:1px rgba(9,9,9,.1);font-size:clamp(8rem,19vw,22rem);font-weight:800;line-height:.8;white-space:nowrap;pointer-events:none;transform:translate3d(calc((var(--pointer-x,.5) - .5) * -35px),0,0); }
.hero-crosshair { position:absolute;z-index:1;left:var(--hero-x);top:var(--hero-y);width:74px;height:74px;border:1px solid rgba(9,9,9,.25);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);transition:left .18s ease-out,top .18s ease-out; }
.hero-crosshair:before { content:"";position:absolute;inset:9px;border:1px solid rgba(9,9,9,.12);border-radius:50%; }
.hero-crosshair i { position:absolute;left:50%;top:50%;background:var(--pink);transform:translate(-50%,-50%); }
.hero-crosshair i:first-child { width:18px;height:2px; }.hero-crosshair i:last-child { width:2px;height:18px; }
.hero-orbit { animation:orbitDrift 12s ease-in-out infinite alternate; }.orbit-two { animation-duration:9s;animation-direction:alternate-reverse; }
@keyframes orbitDrift { to{transform:translate3d(-38px,24px,0) scale(1.06)} }
.hero-title .title-line>span { transition:transform .55s cubic-bezier(.16,1,.3,1),color .3s; }
.hero-title:hover .title-line:nth-child(1)>span { transform:translateX(1.2vw); }.hero-title:hover .title-line:nth-child(2)>span { transform:translateX(2.4vw); }.hero-title:hover .title-line:nth-child(3)>span { transform:translateX(3.6vw); }
.hero-console { --tilt-x:0deg;--tilt-y:0deg;--parallax-y:34px;transform:perspective(1000px) translate3d(0,var(--parallax-y),0) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;transition:transform .18s ease-out,box-shadow .3s ease; }
.hero-console:hover { box-shadow:24px 24px 0 var(--pink),0 45px 70px rgba(0,0,0,.16); }.console-grid,.signal { transform:translateZ(28px); }

.product:after { content:"";position:absolute;inset:14px;border:1px solid rgba(0,0,0,.12);pointer-events:none;transform:scale(.985);opacity:0;transition:transform .55s cubic-bezier(.16,1,.3,1),opacity .35s; }.product:hover:after { transform:none;opacity:1; }
.product-index { transition:transform .4s cubic-bezier(.16,1,.3,1); }.product:hover .product-index { transform:translateY(12px) rotate(-90deg); }
.product-visual { will-change:transform; }.product:hover .product-visual { box-shadow:0 38px 80px rgba(0,0,0,.3); }
.section-intro h2,.founder-lead,.cta h2 { text-wrap:balance; }
.method { transition:background .35s,color .35s,padding .35s; }.method:hover { background:var(--acid);color:var(--ink);padding-left:20px; }.method:hover p { color:#222; }
.project-tile h3 { transition:transform .45s cubic-bezier(.16,1,.3,1),color .3s; }.project-tile:hover h3 { transform:translateX(18px);color:var(--acid); }
.founder-mark { animation:founderFloat 4s ease-in-out infinite; }@keyframes founderFloat { 50%{transform:rotate(3deg) translateY(-12px)} }
.cta { position:relative;overflow:hidden; }.cta:after { content:"/";position:absolute;right:2vw;bottom:-.28em;color:rgba(255,255,255,.12);font-size:min(70vw,900px);font-weight:800;line-height:1;pointer-events:none; }.cta>* { position:relative;z-index:1; }
.cta-button { box-shadow:0 0 0 0 var(--ink); }.cta-button:hover { transform:rotate(-7deg) scale(1.08);box-shadow:14px 14px 0 var(--ink); }

@media(max-width:900px){.site-header{padding-left:16px;padding-right:16px}.brand-lockup{flex-shrink:0}.brand-lockup>span{display:block;max-width:104px;line-height:1.05}.scroll-cue{display:none}.hero-kinetic{font-size:34vw;bottom:8%}.hero-crosshair{display:none}.hero-console{--parallax-y:0px;transform:none!important}.product:hover .product-index{transform:none}}
@media(max-width:560px){.language-switch button{width:28px}.site-header{gap:7px}.brand-lockup>span{font-size:11px;max-width:88px}.brand-lockup img{width:25px;height:25px}.hero-title:hover .title-line>span{transform:none!important}.product:after{inset:8px}}
@media(prefers-reduced-motion:reduce){.hero-orbit,.founder-mark,.loader-mark>span,.loader-mark i{animation:none!important}.hero-console{transform:none!important}}