.home-hero{
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  gap:var(--ov-space-4);
  align-items:start;
  padding-block:var(--ov-hero-pad) calc(var(--ov-space-5) + 2.25rem);
}

.home-hero>*{
  min-width:0;
}

.home-hero__copy{
  align-self:start;
  min-width:0;
  padding-top:var(--ov-space-2);
}

.home-hero h1{
  margin-top:var(--ov-space-2);
  max-width:none;
  color:#ffffff;
  font-size:clamp(2.75rem,5vw,4.25rem);
  line-height:1.15;
  text-transform:uppercase;
}

.home-hero__lead{
  display:grid;
  gap:.45rem;
  max-width:42rem;
  margin-top:var(--ov-space-3);
  color:#d8dcef;
  font-size:var(--ov-fs-4);
  line-height:1.55;
}

.home-hero__lead span{
  display:block;
  min-width:0;
}

.home-hero__actions{
  justify-content:flex-start;
  margin-block:var(--ov-space-3) 0;
}

.home-hero__stage{
  position:relative;
  align-self:start;
  min-width:0;
  min-height:40rem;
  height:auto;
  overflow:visible;
  isolation:isolate;
}

.hero-queue{
  position:relative;
  z-index:2;
  width:calc(100% - 4.5rem);
  min-width:0;
  padding:var(--ov-space-3);
  border-radius:var(--ov-radius-lg);
  background:#222a69;
  color:#ffffff;
  box-shadow:var(--ov-shadow);
  transform:rotate(-2deg);
}

.hero-queue__head{
  display:flex;
  justify-content:space-between;
  gap:var(--ov-space-2);
  margin-bottom:1.2rem;
  color:#d9dcef;
  font-family:var(--ov-font-mono);
  font-size:var(--ov-fs-1);
  line-height:1.35;
  font-weight:700;
  letter-spacing:.08em;
}

.hero-live{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  color:#dfffdc;
}

.hero-live::before{
  content:"";
  width:.45rem;
  height:.45rem;
  flex:none;
  border-radius:50%;
  background:#76e76d;
  box-shadow:0 0 1rem rgba(118,231,109,.8);
}

.hero-build-row{
  display:grid;
  grid-template-columns:5.25rem minmax(0,1fr) 5.75rem;
  align-items:center;
  gap:.75rem;
  min-width:0;
  min-height:3.9rem;
  margin-bottom:.55rem;
  padding:.7rem .8rem;
  border-radius:1.05rem;
  background:rgba(255,255,255,.075);
  color:#ffffff;
  font-family:var(--ov-font-mono);
  font-size:var(--ov-fs-1);
  line-height:1.4;
  font-weight:700;
}

.hero-build-row:last-child{
  margin-bottom:0;
}

.hero-build-row>div{
  min-width:0;
  overflow-wrap:anywhere;
}

.hero-build-row strong{
  display:block;
  color:#ffffff;
  font-size:var(--ov-fs-1);
  line-height:1.4;
}

.hero-build-row small{
  color:#aeb5dc;
}

.hero-progress{
  height:.45rem;
  margin-top:.3rem;
  overflow:hidden;
  border-radius:1rem;
  background:rgba(255,255,255,.11);
}

.hero-progress::after{
  content:"";
  display:block;
  height:100%;
  border-radius:inherit;
  background:#b7d629;
}

.hero-progress--ready::after{
  width:100%;
}

.hero-progress--active::after{
  width:78%;
}

.hero-progress--live::after{
  width:88%;
}

.hero-node{
  color:#d1d5ef;
  text-align:right;
}

.hero-ready{
  display:inline-flex;
  width:fit-content;
  max-width:100%;
  margin-top:.2rem;
  padding:.3rem .5rem;
  border-radius:.55rem;
  background:#c8e84d;
  color:#182000;
  font-weight:900;
}

.hero-remote{
  position:absolute;
  z-index:4;
  right:0;
  top:19.5rem;
  width:15rem;
  min-width:0;
  padding:var(--ov-space-3);
  border-radius:var(--ov-radius-md);
  background:#175c58;
  color:#ffffff;
  box-shadow:var(--ov-shadow-soft);
  transform:rotate(4deg);
}

.hero-remote b{
  display:flex;
  justify-content:space-between;
  gap:.5rem;
  color:#ffffff;
  font-family:var(--ov-font-mono);
  font-size:var(--ov-fs-1);
  line-height:1.35;
  font-weight:800;
}

.hero-remote>span{
  display:block;
  padding-top:.55rem;
  color:#c8ebe5;
  font-family:var(--ov-font-mono);
  font-size:var(--ov-fs-1);
  line-height:1.35;
  font-weight:600;
}

.hero-mobile{
  position:absolute;
  z-index:3;
  left:1rem;
  bottom:0;
  width:13rem;
  min-width:0;
  padding:var(--ov-space-3);
  border-radius:var(--ov-radius-md);
  background:#714c34;
  color:#ffffff;
  box-shadow:var(--ov-shadow-soft);
  transform:rotate(-4deg);
}

.hero-mobile svg{
  width:100%;
  height:5.1rem;
}

.hero-mobile strong{
  display:block;
  margin:.4rem 0 .15rem;
  color:#ffffff;
  font-family:var(--ov-font-mono);
  font-size:var(--ov-fs-1);
  line-height:1.35;
  font-weight:800;
}

.hero-mobile span{
  display:block;
  color:#fff0e8;
  font-family:var(--ov-font-mono);
  font-size:var(--ov-fs-1);
  line-height:1.5;
  font-weight:600;
}

.hero-developer{
  position:absolute;
  z-index:1;
  left:33%;
  bottom:-.75rem;
  width:10.5rem;
  pointer-events:none;
}

.hero-robot{
  position:absolute;
  z-index:5;
  right:10.5rem;
  bottom:-1rem;
  width:8.5rem;
  pointer-events:none;
}

.catalog{
  display:grid;
  grid-template-columns:1.15fr .9fr .9fr 1.4fr;
  overflow:hidden;
  margin-top:-2.25rem;
  border-radius:var(--ov-radius-lg);
  background:#f8f7f2;
  color:#10133f;
  box-shadow:var(--ov-shadow);
}

.catalog>div{
  min-width:0;
  padding:var(--ov-space-3);
  background:#f8f7f2;
  color:#10133f;
}

.catalog>div+div{
  border-left:1px solid rgba(16,19,63,.14);
}

.catalog small{
  display:block;
  color:#686a7d;
  font-weight:900;
  letter-spacing:.08em;
}

.catalog strong{
  display:block;
  margin-top:.35rem;
  color:#10133f;
  font-family:var(--ov-font-heading);
  font-size:var(--ov-fs-5);
  line-height:1.2;
  overflow-wrap:anywhere;
}

.catalog p{
  margin-top:.3rem;
  color:#55586d;
  font-size:var(--ov-fs-2);
  line-height:1.45;
}

.c-section-head__copy .c-kicker+h2,
.region-copy .c-kicker+h2,
.delivery-copy .c-kicker+h2,
.workspace-copy .c-kicker+h2,
.faq-intro .c-kicker+h2,
.home-cta .c-kicker+h2{
  margin-top:var(--ov-space-2);
}

.usecase-grid{
  align-items:start;
}

.usecase{
  position:relative;
  overflow:hidden;
  min-width:0;
  padding-inline:var(--ov-space-3);
  transition:transform var(--ov-transition);
}

.usecase:hover{
  transform:translateY(-.35rem);
}

.usecase__mark{
  display:inline-flex;
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  color:rgba(255,255,255,.76);
  font-family:var(--ov-font-mono);
  font-size:var(--ov-fs-1);
  line-height:1;
  font-weight:800;
}

.usecase__glyph{
  display:grid;
  height:6.5rem;
  place-items:center;
  margin-block:var(--ov-space-2);
}

.usecase__glyph svg{
  width:7.5rem;
  height:6.25rem;
}

.usecase h3{
  margin-bottom:.6rem;
  color:#ffffff;
}

.usecase p{
  color:#ececf6;
  font-size:var(--ov-fs-2);
  line-height:1.6;
}

.pricing-shell{
  padding:var(--ov-space-4);
  border-radius:var(--ov-radius-lg);
  background:linear-gradient(135deg,#252d70,#171b50);
  color:#ffffff;
  box-shadow:var(--ov-shadow);
}

.pricing-shell .c-section-head__aside{
  color:#c5c9e5;
}

.pricing-shell .c-price-card{
  align-items:stretch;
}

.price-use{
  margin-top:var(--ov-space-3);
  color:#616477;
  font-size:var(--ov-fs-2);
  line-height:1.55;
}

.c-price-card--featured .price-use{
  color:#4e5260;
}

.region-panel{
  display:grid;
  grid-template-columns:minmax(18rem,25.5rem) minmax(0,1fr);
  align-items:stretch;
  overflow:hidden;
  border-radius:var(--ov-radius-lg);
  background:#175c58;
  color:#ffffff;
}

.region-copy{
  min-width:0;
  padding:var(--ov-space-4);
  background:#175c58;
  color:#ffffff;
}

.region-copy p{
  margin-top:var(--ov-space-2);
  color:#d4ece8;
}

.region-copy .c-actions{
  justify-content:flex-start;
}

.region-wall{
  min-width:0;
  padding:var(--ov-space-3);
  background:#e4d6ca;
  color:#10133f;
}

.region-wall__head{
  display:flex;
  justify-content:space-between;
  gap:var(--ov-space-2);
  margin-bottom:var(--ov-space-2);
  color:#10133f;
  font-family:var(--ov-font-mono);
  font-size:var(--ov-fs-1);
  line-height:1.4;
  font-weight:800;
}

.region-wall__head span{
  color:#57605a;
}

.region-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.75rem;
  align-items:start;
}

.region-card{
  min-width:0;
  padding:var(--ov-space-3);
  border-radius:var(--ov-radius-md);
  background:#f8f7f2;
  color:#10133f;
}

.region-card b{
  display:flex;
  justify-content:space-between;
  gap:.5rem;
  color:#10133f;
  font-family:var(--ov-font-heading);
  font-size:var(--ov-fs-4);
  line-height:1.25;
}

.region-card b::after{
  content:"";
  width:.55rem;
  height:.55rem;
  flex:none;
  margin-top:.35rem;
  border-radius:50%;
  background:#2c721f;
}

.region-card code{
  display:block;
  margin-block:.55rem .3rem;
  color:#596800;
  font-weight:800;
}

.region-card p{
  color:#666979;
  font-size:var(--ov-fs-1);
  line-height:1.5;
}

.handoff{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--ov-space-1);
  padding:var(--ov-space-3);
  border-radius:var(--ov-radius-md);
  background:#10133f;
  color:#ffffff;
}

.handoff>div{
  min-width:0;
}

.handoff small{
  display:block;
  color:#aeb5d8;
  font-family:var(--ov-font-mono);
}

.handoff strong{
  display:block;
  margin-top:.35rem;
  color:#ffffff;
  font-family:var(--ov-font-mono);
  font-size:var(--ov-fs-2);
  line-height:1.4;
  font-weight:800;
  overflow-wrap:anywhere;
}

.delivery-panel{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,26rem);
  gap:var(--ov-space-4);
  align-items:start;
  padding:var(--ov-space-4);
  border-radius:var(--ov-radius-lg);
  background:linear-gradient(135deg,#633a68,#3b2867);
  color:#ffffff;
}

.delivery-copy{
  min-width:0;
}

.delivery-copy>p{
  margin-top:var(--ov-space-2);
  color:#efdcef;
}

.timeline{
  margin-top:var(--ov-space-4);
}

.timeline-step{
  position:relative;
  display:grid;
  grid-template-columns:3.5rem minmax(0,1fr) 5.5rem;
  gap:var(--ov-space-2);
  min-width:0;
  padding-bottom:var(--ov-space-3);
}

.timeline-step:last-child{
  padding-bottom:0;
}

.timeline-step:not(:last-child)::before{
  content:"";
  position:absolute;
  left:1.7rem;
  top:2.7rem;
  bottom:0;
  width:1px;
  background:rgba(255,255,255,.18);
}

.timeline-step__no{
  display:grid;
  width:3.5rem;
  height:2.5rem;
  place-items:center;
  border-radius:var(--ov-radius-sm);
  background:#ffffff;
  color:#10133f;
  font-family:var(--ov-font-mono);
  font-size:var(--ov-fs-1);
  line-height:1;
  font-weight:900;
}

.timeline-step h3{
  color:#ffffff;
  font-size:var(--ov-fs-3);
}

.timeline-step p{
  margin-top:.35rem;
  color:#ead5eb;
  font-size:var(--ov-fs-2);
  line-height:1.55;
}

.timeline-step time{
  padding-top:.25rem;
  color:#dce965;
  text-align:right;
  font-family:var(--ov-font-mono);
  font-size:var(--ov-fs-1);
  line-height:1.4;
  font-weight:800;
}

.order-board{
  align-self:start;
  width:100%;
  max-width:none;
  height:auto;
  overflow:hidden;
  padding:var(--ov-space-3);
  border-radius:var(--ov-radius-md);
  background:#f8f7f2;
  color:#10133f;
  box-shadow:var(--ov-shadow);
  transform:rotate(2deg);
}

.order-board__head{
  display:flex;
  justify-content:space-between;
  gap:var(--ov-space-2);
  margin-bottom:var(--ov-space-2);
  color:#10133f;
  font-family:var(--ov-font-mono);
  font-size:var(--ov-fs-1);
  line-height:1.35;
  font-weight:800;
}

.order-board__head span{
  color:#2c721f;
}

.order-board__row{
  display:grid;
  grid-template-columns:minmax(5rem,6.5rem) minmax(0,1fr);
  gap:.5rem;
  padding:.7rem 0;
  border-bottom:1px solid rgba(16,19,63,.14);
  color:#10133f;
  font-family:var(--ov-font-mono);
  font-size:var(--ov-fs-1);
  line-height:1.4;
  font-weight:700;
}

.order-board__row span{
  min-width:0;
  color:#5f6274;
}

.order-board__row strong{
  min-width:0;
  color:#10133f;
  overflow-wrap:anywhere;
}

.order-board__progress{
  margin-top:var(--ov-space-2);
}

.order-board__progress>div{
  height:.6rem;
  overflow:hidden;
  border-radius:1rem;
  background:#dedde1;
}

.order-board__progress>div::after{
  content:"";
  display:block;
  width:88%;
  height:100%;
  background:#b7d629;
}

.order-board__progress p{
  display:flex;
  justify-content:space-between;
  gap:var(--ov-space-2);
  margin-top:.5rem;
  color:#10133f;
  font-family:var(--ov-font-mono);
  font-size:var(--ov-fs-1);
  line-height:1.4;
  font-weight:800;
}

.marquee{
  overflow:hidden;
  padding:1.6rem 0;
  background:#b7d629;
  color:#10133f;
  transform:rotate(-1deg) scale(1.02);
}

.marquee__track{
  width:max-content;
  color:#10133f;
  white-space:nowrap;
  font-family:var(--ov-font-heading);
  font-size:clamp(1.8rem,4vw,2.7rem);
  line-height:1;
  font-weight:900;
  animation:home-marquee 22s linear infinite;
}

.marquee__track span{
  padding-inline:1.4rem;
}

.workspace{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,27rem);
  align-items:stretch;
  overflow:hidden;
  border-radius:var(--ov-radius-lg);
  background:#343a79;
  color:#ffffff;
}

.workspace-visual{
  position:relative;
  min-width:0;
  min-height:34rem;
  padding:var(--ov-space-4);
  background:radial-gradient(circle at 45% 50%,#6c4773,transparent 50%),#232a68;
  color:#ffffff;
}

.session-card{
  width:min(32rem,78%);
  min-width:0;
  padding:var(--ov-space-3);
  border-radius:var(--ov-radius-md);
  background:#f8f7f2;
  color:#10133f;
  box-shadow:var(--ov-shadow);
  transform:rotate(-3deg);
}

.session-head{
  display:flex;
  justify-content:space-between;
  gap:var(--ov-space-2);
  color:#10133f;
  font-family:var(--ov-font-mono);
  font-size:var(--ov-fs-1);
  line-height:1.4;
  font-weight:800;
}

.session-head span{
  color:#2c721f;
}

.session-screen{
  display:grid;
  grid-template-columns:7rem minmax(0,1fr);
  gap:.75rem;
  min-height:13.5rem;
  margin-top:var(--ov-space-2);
}

.session-side{
  padding:1rem;
  border-radius:var(--ov-radius-sm);
  background:#10133f;
  color:#ffffff;
  font-family:var(--ov-font-mono);
  font-size:var(--ov-fs-1);
  line-height:2;
  font-weight:700;
}

.session-main{
  min-width:0;
  padding:1.1rem;
  border-radius:var(--ov-radius-sm);
  background:#e8e8ec;
  color:#10133f;
}

.code-line{
  height:.55rem;
  margin:.65rem 0;
  border-radius:.5rem;
  background:#b9bac4;
}

.code-line:nth-child(2),
.code-line:nth-child(6){
  width:76%;
  background:#76658c;
}

.code-line:nth-child(3),
.code-line:nth-child(7){
  width:55%;
  background:#828b52;
}

.session-foot{
  display:flex;
  justify-content:space-between;
  gap:var(--ov-space-2);
  margin-top:var(--ov-space-2);
  color:#10133f;
  font-family:var(--ov-font-mono);
  font-size:var(--ov-fs-1);
  line-height:1.4;
}

.session-foot span{
  color:#5f6274;
}

.ssh-card,
.mobile-status{
  position:absolute;
  min-width:0;
  padding:var(--ov-space-3);
  border-radius:var(--ov-radius-md);
  box-shadow:var(--ov-shadow-soft);
  color:#ffffff;
}

.ssh-card{
  right:2.8rem;
  top:4rem;
  width:14rem;
  background:#175c58;
  transform:rotate(5deg);
}

.mobile-status{
  right:3.5rem;
  bottom:3rem;
  width:12rem;
  background:#714c34;
  transform:rotate(7deg);
}

.ssh-card b,
.mobile-status b{
  color:#ffffff;
  font-family:var(--ov-font-mono);
  font-size:var(--ov-fs-1);
  line-height:1.4;
  font-weight:800;
}

.ssh-card p,
.mobile-status p{
  margin-top:.45rem;
  color:#f2edf2;
  font-family:var(--ov-font-mono);
  font-size:var(--ov-fs-1);
  line-height:1.5;
  font-weight:600;
}

.workspace-copy{
  align-self:center;
  min-width:0;
  padding:var(--ov-space-4);
  background:#343a79;
  color:#ffffff;
}

.workspace-copy p{
  margin-top:var(--ov-space-2);
  color:#d9dcf2;
}

.workspace-list{
  display:grid;
  gap:.45rem;
  margin-top:var(--ov-space-3);
  padding-inline-start:1.25rem;
  color:#eef0ff;
}

.workspace-list li{
  color:#eef0ff;
  font-size:var(--ov-fs-2);
}

.workspace-copy .c-actions{
  justify-content:flex-start;
}

.faq-layout{
  display:grid;
  grid-template-columns:minmax(17rem,23rem) minmax(0,1fr);
  gap:var(--ov-space-5);
  align-items:start;
}

.faq-intro{
  min-width:0;
}

.faq-intro p{
  margin-top:var(--ov-space-2);
  color:#c5c9e5;
}

.faq-intro .c-actions{
  justify-content:flex-start;
}

.home-faq .c-faq{
  background:rgba(255,255,255,.075);
  color:#ffffff;
}

.home-faq .c-faq summary{
  color:#ffffff;
}

.home-faq .c-faq[open] summary{
  margin-bottom:.75rem;
}

.home-faq .c-faq__body{
  padding-top:var(--ov-space-2);
  border-top:1px solid rgba(255,255,255,.12);
  color:#c5c9e5;
}

.home-faq .c-faq__body p{
  color:#c5c9e5;
}

.home-closing{
  padding-block:var(--ov-section-pad) var(--ov-space-3);
}

.home-cta{
  background:linear-gradient(130deg,#633a68,#343a79 56%,#175c58);
  color:#ffffff;
}

.home-cta .c-cta__copy p{
  color:#eef0ff;
}

.home-cta .c-cta__copy small{
  display:block;
  margin-top:var(--ov-space-2);
  color:#d9dcf2;
  overflow-wrap:anywhere;
}

.home-cta__actions{
  flex:0 0 auto;
  align-items:stretch;
  justify-content:flex-start;
  flex-direction:column;
  margin-top:0;
}

.home-cta__actions .c-btn{
  width:100%;
}

@keyframes home-marquee{
  to{
    transform:translateX(-50%);
  }
}

@media (max-width:64rem){
  .home-hero{
    grid-template-columns:minmax(0,1fr);
    gap:var(--ov-space-5);
  }

  .home-hero__copy{
    padding-top:0;
  }

  .home-hero__stage{
    width:100%;
    min-height:39rem;
  }

  .catalog{
    grid-template-columns:repeat(2,minmax(0,1fr));
    margin-top:0;
  }

  .catalog>div+div{
    border-left:0;
  }

  .catalog>div:nth-child(even){
    border-left:1px solid rgba(16,19,63,.14);
  }

  .catalog>div:nth-child(n+3){
    border-top:1px solid rgba(16,19,63,.14);
  }

  .region-panel,
  .delivery-panel,
  .workspace,
  .faq-layout{
    grid-template-columns:minmax(0,1fr);
  }

  .workspace-copy{
    order:-1;
  }

  .home-cta__actions{
    width:100%;
  }
}

@media (max-width:44rem){
  .home-hero{
    padding-bottom:var(--ov-space-4);
  }

  .home-hero h1{
    font-size:clamp(2.35rem,13vw,3.35rem);
  }

  .home-hero__lead{
    font-size:var(--ov-fs-3);
  }

  .home-hero__stage{
    display:grid;
    gap:var(--ov-space-2);
    min-height:0;
    height:auto;
    overflow:visible;
  }

  .hero-queue,
  .hero-remote,
  .hero-mobile{
    position:relative;
    inset:auto;
    width:100%;
    transform:none;
  }

  .hero-build-row{
    grid-template-columns:minmax(0,1fr);
  }

  .hero-node{
    text-align:left;
  }

  .hero-developer,
  .hero-robot{
    position:relative;
    inset:auto;
    display:inline-block;
    width:8rem;
    margin-inline:auto;
  }

  .hero-robot{
    margin-top:-8rem;
    margin-right:0;
  }

  .catalog,
  .region-grid,
  .handoff{
    grid-template-columns:minmax(0,1fr);
  }

  .catalog>div:nth-child(even){
    border-left:0;
  }

  .catalog>div+div{
    border-top:1px solid rgba(16,19,63,.14);
  }

  .pricing-shell,
  .delivery-panel,
  .region-copy,
  .workspace-copy{
    padding:var(--ov-space-3);
  }

  .region-wall{
    padding:var(--ov-space-2);
  }

  .region-wall__head{
    align-items:flex-start;
    flex-direction:column;
  }

  .timeline-step{
    grid-template-columns:3rem minmax(0,1fr);
  }

  .timeline-step__no{
    width:3rem;
  }

  .timeline-step:not(:last-child)::before{
    left:1.5rem;
  }

  .timeline-step time{
    grid-column:2;
    text-align:left;
  }

  .order-board{
    transform:none;
  }

  .order-board__row{
    grid-template-columns:minmax(0,1fr);
  }

  .order-board__progress p{
    align-items:flex-start;
    flex-direction:column;
  }

  .marquee{
    transform:rotate(-1deg) scale(1.04);
  }

  .workspace-visual{
    display:grid;
    gap:var(--ov-space-2);
    min-height:0;
    height:auto;
    padding:var(--ov-space-3);
    overflow:visible;
  }

  .session-card,
  .ssh-card,
  .mobile-status{
    position:relative;
    inset:auto;
    width:100%;
    transform:none;
  }

  .session-screen{
    grid-template-columns:minmax(0,1fr);
  }

  .session-foot{
    align-items:flex-start;
    flex-direction:column;
  }

  .home-cta__actions{
    align-items:stretch;
  }
}

@media (max-width:24.375rem){
  .hero-queue{
    padding:var(--ov-space-2);
  }

  .catalog>div,
  .region-card,
  .handoff,
  .order-board,
  .session-card,
  .ssh-card,
  .mobile-status{
    padding-inline:var(--ov-space-3);
  }

  .home-hero h1{
    font-size:clamp(2rem,12vw,2.7rem);
  }
}

@media (prefers-reduced-motion:reduce){
  .marquee__track{
    animation:none;
  }
}