.screen.home-chrome {
  background: #fff;
  width: 100%;
  overflow-x: clip;
}

@media (max-width: 1919px) {
  .screen.home-chrome {
    /* Full viewport: 1680–1919 uses scaled 1920; below 1680 uses 1440 zoom */
    max-width: none;
    width: 100%;
    margin-inline: 0;
    container-type: inline-size;
    container-name: home-shell;
  }
}

.home-hero {
  position: relative;
  width: 1920px;
  height: 1080px;
  margin-inline: auto;
  background: #fff;
}

.home-hero__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}

.home-hero__bg img {
  position: absolute;
  display: block;
  max-width: none;
  pointer-events: none;
}

.home-hero__layer--dots,
.home-hero__layer--squares,
.home-hero__layer--geometry {
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  pointer-events: none;
}

.home-hero__layer--dots {
  top: -1px;
  left: -5px;
  width: 1925px;
  height: 1079px;
  background-image: url("../img/hero/v2/bg-dots.webp");
  opacity: 0.3;
}

.home-hero__layer--squares {
  top: -431px;
  left: -67px;
  width: 2061px;
  height: 2061px;
  background-image: url("../img/hero/v2/bg-squares.webp");
  opacity: 0.1;
}

.home-hero__layer--geometry {
  top: -568px;
  left: -619px;
  width: 2968px;
  height: 2221px;
  background-image: url("../img/hero/v2/bg-geometry.webp");
  opacity: 0.15;
}

.home-hero__cloud {
  position: absolute;
  overflow: visible;
  pointer-events: none;
}

.home-hero__cloud--a {
  top: 563px;
  left: 599px;
  width: 411px;
  height: 362px;
}

.home-hero__cloud--b {
  top: 331px;
  left: 343px;
  width: 210px;
  height: 197px;
}

.home-hero__cloud-inner {
  position: absolute;
  inset: 0;
  overflow: visible;
}

.home-hero__cloud--a .home-hero__cloud-inner img {
  position: absolute;
  inset: -82.87% -72.99%;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
}

.home-hero__cloud--b .home-hero__cloud-inner img {
  position: absolute;
  inset: -253.81% -238.1%;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
}

.home-hero__collage {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}

.home-hero__collage-mobile {
  display: none;
}

.home-shot {
  position: absolute;
  overflow: hidden;
  box-sizing: border-box;
  border: 2px solid #b1b1b1;
  border-radius: 5px;
  box-shadow: 0 5px 10px #b4d2ff;
}

.home-shot img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  /* radius only on frame — overflow clips content to inner curve */
  border-radius: 0;
  pointer-events: none;
}

.home-shot .home-shot__img--mobile,
.home-deco .home-deco__img--mobile,
.home-deco__inner .home-deco__img--mobile {
  display: none;
}

.home-shot--platforms {
  top: 336px;
  left: 219px;
  width: 351px;
  height: 583px;
  z-index: 1;
}

.home-shot--editor {
  top: 496px;
  left: 512px;
  width: 539px;
  height: 271px;
  z-index: 4;
}

.home-shot--calendar {
  top: 307px;
  left: 790px;
  width: 177px;
  height: 201px;
  z-index: 5;
}

.home-shot--calendar img {
  object-position: bottom;
}

.home-shot--feed {
  top: 371px;
  left: 384px;
  width: 273px;
  height: 87px;
  z-index: 5;
}

.home-shot--create {
  top: 719px;
  left: 410px;
  width: 325px;
  height: 166px;
  z-index: 3;
  overflow: hidden;
}

.home-shot--create img {
  object-fit: fill;
  object-position: bottom;
  filter: none;
  border-radius: 0;
}

.home-deco {
  position: absolute;
  pointer-events: none;
}

.home-deco__inner {
  position: relative;
  width: 100%;
  height: 100%;
}

.home-deco__inner img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  pointer-events: none;
}

.home-deco--robot {
  top: 336px;
  left: 594px;
  width: 250px;
  height: 187px;
  z-index: 5;
}

.home-deco--robot img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  opacity: 0.85;
  pointer-events: none;
}

.home-deco--sparkle {
  top: 231px;
  left: 537px;
  width: 253.498px;
  height: 236.939px;
  z-index: 5;
}

.home-deco--sparkle .home-deco__inner {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 0 10px #c188fb);
}

.home-deco--sparkle .home-deco__inner img {
  opacity: 0.85;
  object-fit: contain;
}

.home-deco--neon {
  top: 755px;
  left: 567px;
  width: 180px;
  height: 134px;
  z-index: 4;
  border: 0;
  overflow: visible;
}

.home-deco--neon img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: contain;
  opacity: 0.8;
  pointer-events: none;
}

.home-pill-group {
  position: absolute;
  z-index: 6;
  pointer-events: none;
}

.home-pill-group--top {
  top: 279.73px;
  left: 578.5px;
}

.home-pill-group--bottom {
  top: 855.5px;
  left: 948.84px;
}

.home-pill-frame {
  position: relative;
  transform-origin: center center;
}

.home-pill-group--top .home-pill-frame {
  width: 377px;
  height: 95px;
  transform: translate(-50%, -50%) rotate(-1deg);
}

.home-pill-group--bottom .home-pill-frame {
  width: 377px;
  height: 97px;
  transform: translate(-50%, -50%) rotate(1deg);
}

.home-pill-group .home-pill {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  max-width: none;
  object-fit: fill;
  pointer-events: none;
  transform: none;
}

.home-pill-text {
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  pointer-events: none;
  z-index: 1;
  transform: none;
}

.home-pill-text span {
  display: block;
  font-family: "Qanelas-Medium", Helvetica, sans-serif;
  font-weight: normal;
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: -0.6px;
  text-align: center;
  white-space: normal;
  color: #1e1e1e;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.home-hero__copy {
  position: absolute;
  top: 360px;
  left: 1038px;
  width: 695px;
  height: 397px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(3, minmax(0, 1fr));
  gap: 50px 0;
  z-index: 2;
  pointer-events: none;
}

.home-hero__title {
  grid-column: 1 / span 2;
  grid-row: 1;
  align-self: stretch;
  margin: 0;
  font-family: "Barlow Condensed", "Barlow", Helvetica, sans-serif;
  font-weight: 600;
  font-size: 48px;
  line-height: 1.1;
  letter-spacing: -1.44px;
  text-align: center;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.home-hero__title-part {
  font-family: "Barlow Condensed", "Barlow", Helvetica, sans-serif;
  font-weight: 600;
}

.home-hero__title-accent {
  font-family: "Barlow Condensed", "Barlow", Helvetica, sans-serif;
  font-weight: 700;
  background: linear-gradient(90deg, #5445c4, #6a3c99);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.home-hero__badge-line {
  grid-column: 1 / span 2;
  grid-row: 2;
  align-self: start;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 100%;
  min-height: 34px;
}

.home-hero__badge-label {
  grid-column: unset;
  grid-row: unset;
  justify-self: unset;
  align-self: unset;
  width: 147px;
  height: 34px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-family: "Manrope", Helvetica, sans-serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.1;
  letter-spacing: -0.72px;
  text-align: right;
  color: #1b1b1b;
}

.home-hero__badge {
  grid-column: unset;
  grid-row: unset;
  align-self: unset;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 154px;
  height: 34px;
  padding: 8px 12px;
  box-sizing: border-box;
  border-radius: 7px;
  background: linear-gradient(90deg, #5445c4, #6a3c99);
}

.home-hero__badge span {
  font-family: "Manrope", Helvetica, sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
  color: #fff;
  white-space: nowrap;
}

.home-hero__cta {
  grid-column: 1 / span 2;
  grid-row: 3;
  justify-self: center;
  align-self: start;
  display: inline-flex;
  align-items: flex-end;
  justify-content: center;
  width: 421px;
  height: 71px;
  padding: 24px 26px;
  box-sizing: border-box;
  border: 0;
  border-radius: 10px;
  background: #43328a;
  box-shadow: 0 4px 2px rgba(0, 0, 0, 0.25);
  font: inherit;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  pointer-events: auto;
}

.home-hero__cta span {
  font-family: "Manrope", Helvetica, sans-serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 1;
  color: #fff;
  white-space: nowrap;
}

.home-hero__cta:focus-visible {
  outline: 2px solid #4a90e2;
  outline-offset: 3px;
}

.home-hero__header {
  position: absolute;
  inset: 0;
  z-index: 10;
  pointer-events: none;
}

.home-hero__header > * {
  pointer-events: auto;
}

.home-hero__logo {
  position: absolute;
  top: 61.08px;
  left: 203px;
  display: block;
  width: 171.555px;
  height: 60.844px;
}

.home-hero__logo-mark {
  position: absolute;
  top: 0;
  left: 0;
  width: 60.843px;
  height: 60.844px;
  overflow: hidden;
}

.home-hero__logo-mark img {
  position: absolute;
  top: -10.2%;
  left: -10%;
  width: 120%;
  height: 122.45%;
  max-width: none;
  display: block;
}

.home-hero__logo-word {
  position: absolute;
  top: 16.16px;
  left: 64.65px;
  width: 106.905px;
  height: 28.075px;
  display: block;
}

.home-hero__nav {
  position: absolute;
  top: 81.5px;
  left: 440.78px;
  display: inline-flex;
  align-items: center;
  gap: 44px;
}

.home-hero__nav-link {
  all: unset;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  font-family: "Manrope", Helvetica, sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 1;
  color: #000;
  white-space: nowrap;
}

.home-hero__nav-link--dropdown {
  align-items: center;
}

.home-hero__nav-arrow {
  display: block;
  width: 14px;
  height: 13px;
  flex: none;
}

.home-hero__actions {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.home-hero__btn {
  all: unset;
  box-sizing: border-box;
  pointer-events: auto;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 18px 24px;
  border-radius: 10px;
  font-family: "Manrope", Helvetica, sans-serif;
  font-size: 20px;
  line-height: 1;
  white-space: nowrap;
}

.home-hero__btn--outline {
  position: absolute;
  top: 64px;
  left: 1431px;
  border: 1px solid #43328a;
  font-weight: 600;
  color: #43328a;
}

.home-hero__btn--fill {
  position: absolute;
  top: 63.5px;
  left: 1541px;
  background: #43328a;
  font-weight: 400;
  color: #fff;
}

.home-hero__btn:focus-visible,
.home-hero__nav-link:focus-visible {
  outline: 2px solid #4a90e2;
  outline-offset: 3px;
}

.home-hero__menu {
  display: none;
}

.home-chrome .platforms-switch,
.home-chrome .lang-switch {
  position: relative;
}

@media (max-width: 1679px) {
  .home-hero {
    width: 1440px;
    height: 920px;
    zoom: calc(100cqw / 1440px);
    margin-inline: 0;
    margin-bottom: 0;
  }

  /* Figma 4394:1112 — backgrounds (ФОН / квадраты / геометрия) */
  .home-hero__layer--dots {
    top: -1px;
    left: -5px;
    width: 1925px;
    height: 1079px;
  }

  .home-hero__layer--squares {
    top: -431px;
    left: -67px;
    width: 2061px;
    height: 2061px;
  }

  .home-hero__layer--geometry {
    top: -296px;
    left: -434px;
    width: 2101px;
    height: 1572px;
  }

  .home-hero__cloud--a {
    top: 483px;
    left: 359px;
    width: 411px;
    height: 362px;
  }

  .home-hero__cloud--b {
    top: 251px;
    left: 103px;
    width: 210px;
    height: 197px;
  }

  .home-shot--platforms {
    top: 343px;
    left: 138px;
    width: 256px;
    height: 425px;
  }

  .home-shot--editor {
    top: 461px;
    left: 349px;
    width: 393px;
    height: 197px;
  }

  .home-shot--calendar {
    top: 326px;
    left: 553px;
    width: 130px;
    height: 147px;
  }

  .home-shot--feed {
    top: 369px;
    left: 257px;
    width: 197px;
    height: 63px;
  }

  .home-shot--create {
    top: 623px;
    left: 276px;
    width: 237px;
    height: 121px;
  }

  .home-deco--robot {
    top: 342px;
    left: 409px;
    width: 183px;
    height: 137px;
  }

  .home-deco--sparkle {
    top: 256.72px;
    left: 358.05px;
    width: 204.75px;
    height: 192.68px;
  }

  .home-deco--neon {
    top: 650px;
    left: 391px;
    width: 130px;
    height: 97px;
  }

  .home-pill-group--top {
    /* Figma 4394:1151 center: y 262.56 + 59.51/2 — чуть выше */
    top: 287px;
    left: 395.38px;
  }

  .home-pill-group--bottom {
    /* Figma 4394:1153 — чуть выше */
    top: 723px;
    left: 666.13px;
  }

  .home-pill-group--top .home-pill-frame {
    /* Figma fill 258.8×54.95; SVG viewBox pads 10px → scale so fill matches */
    width: 273.32px;
    height: 69.6px;
    transform: translate(-50%, -50%) rotate(-1.01deg);
  }

  .home-pill-group--bottom .home-pill-frame {
    /* Figma fill 258.8×56.42; SVG viewBox pads 10px → scale so fill matches */
    width: 273.32px;
    height: 71.06px;
    transform: translate(-50%, -50%) rotate(1.01deg);
  }

  .home-pill-text {
    top: 8px;
    right: 10px;
    bottom: 8px;
    left: 10px;
  }

  .home-pill-text span {
    /* Figma 4394:1152 / 4394:1154 — Qanelas Medium 18 / -0.54 */
    font-family: "Qanelas-Medium", Helvetica, sans-serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 1.1;
    letter-spacing: -0.54px;
  }

  .home-hero__copy {
    top: 326px;
    left: 671px;
    width: 695px;
    height: 397px;
    gap: 20px 0;
  }

  .home-hero__title {
    font-size: 40px;
    letter-spacing: -1.2px;
  }

  .home-hero__cta {
    width: 321px;
    height: 61px;
    padding: 24px 26px 21px;
    align-items: flex-end;
  }

  .home-hero__cta span {
    font-size: 18px;
  }

  .home-hero__logo {
    top: 61px;
    left: 100px;
    width: 142.45px;
    height: 50.52px;
  }

  .home-hero__logo-mark {
    width: 50.52px;
    height: 50.52px;
  }

  .home-hero__logo-word {
    top: 13.42px;
    left: 53.68px;
    width: 88.77px;
    height: 23.31px;
  }

  .home-hero__nav {
    top: 78.26px;
    left: 355.22px;
    gap: 20px;
  }

  .home-hero__nav-link {
    font-size: 16px;
  }

  .home-hero__actions {
    top: 64.26px;
    left: 1127px;
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    gap: 10px;
    pointer-events: auto;
  }

  .home-hero__btn {
    position: static;
    padding: 14px 16px;
    font-size: 16px;
    font-weight: 500;
  }

  .home-hero__btn--outline {
    border-color: #b4afd6;
  }
}

@media (min-width: 1920px) {
  .screen.home-chrome {
    min-height: 1080px;
  }
}

@media (max-width: 1023px) and (min-width: 750px) {
  .screen.home-chrome {
    max-width: 100%;
  }

  .home-hero {
    width: 100%;
    height: auto;
    aspect-ratio: 768 / 1000;
    zoom: unset;
    margin-inline: 0;
    margin-bottom: 0;
    overflow: hidden;
    container-type: inline-size;
    container-name: home-hero;
  }

  .home-hero__layer--dots {
    top: calc(-1 / 1000 * 100%);
    left: calc(-5 / 768 * 100%);
    width: calc(1925 / 768 * 100%);
    height: calc(1079 / 1000 * 100%);
  }

  .home-hero__layer--squares {
    top: calc(-128 / 1000 * 100%);
    left: calc(-378 / 768 * 100%);
    width: calc(1526 / 768 * 100%);
    height: calc(1526 / 1000 * 100%);
  }

  .home-hero__layer--geometry {
    top: calc(-25 / 1000 * 100%);
    left: calc(-386 / 768 * 100%);
    width: calc(1507 / 768 * 100%);
    height: calc(1128 / 1000 * 100%);
  }

  .home-hero__cloud--a {
    top: calc(610 / 1000 * 100%);
    left: calc(394 / 768 * 100%);
    width: calc(287 / 768 * 100%);
    height: calc(260 / 1000 * 100%);
  }

  .home-hero__cloud--b {
    top: calc(323 / 1000 * 100%);
    left: calc(179 / 768 * 100%);
    width: calc(144 / 768 * 100%);
    height: calc(136 / 1000 * 100%);
  }

  .home-shot {
    border-width: 1px;
  }

  .home-shot--platforms {
    top: calc(449.45 / 1000 * 100%);
    left: calc(98 / 768 * 100%);
    width: calc(218.464 / 768 * 100%);
    height: calc(362.517 / 1000 * 100%);
  }

  .home-shot--editor {
    top: calc(547 / 1000 * 100%);
    left: calc(311 / 768 * 100%);
    width: calc(334.902 / 768 * 100%);
    height: calc(168.276 / 1000 * 100%);
  }

  .home-shot--calendar {
    top: calc(434 / 1000 * 100%);
    left: calc(515 / 768 * 100%);
    width: calc(110.788 / 768 * 100%);
    height: calc(125.559 / 1000 * 100%);
  }

  .home-shot--feed {
    top: calc(484 / 1000 * 100%);
    left: calc(229 / 768 * 100%);
    width: calc(168.858 / 768 * 100%);
    height: calc(53.503 / 1000 * 100%);
  }

  .home-shot--create {
    top: calc(675.07 / 1000 * 100%);
    left: calc(245.99 / 768 * 100%);
    width: calc(202.215 / 768 * 100%);
    height: calc(103.229 / 1000 * 100%);
  }

  .home-deco--robot {
    top: calc(447.62 / 1000 * 100%);
    left: calc(530.79 / 768 * 100%);
    width: calc(156.153 / 768 * 100%);
    height: calc(116.869 / 1000 * 100%);
  }

  .home-deco--sparkle {
    top: calc(391 / 1000 * 100%);
    left: calc(442.67 / 768 * 100%);
    width: calc(157.625 / 768 * 100%);
    height: calc(147.328 / 1000 * 100%);
  }

  .home-deco--neon {
    top: calc(707 / 1000 * 100%);
    left: calc(351 / 768 * 100%);
    width: calc(97 / 768 * 100%);
    height: calc(72 / 1000 * 100%);
  }

  .home-pill-group--top {
    top: calc(404.37 / 1000 * 100%);
    left: calc(335.21 / 768 * 100%);
  }

  .home-pill-group--bottom {
    top: calc(764.95 / 1000 * 100%);
    left: calc(595.34 / 768 * 100%);
  }

  .home-pill-group--top .home-pill-frame {
    width: calc(252.426 / 768 * 100cqi);
    height: calc(53.9 / 768 * 100cqi);
    transform: translate(-50%, -50%) rotate(-0.78deg);
  }

  .home-pill-group--bottom .home-pill-frame {
    width: calc(252.426 / 768 * 100cqi);
    height: calc(53.9 / 768 * 100cqi);
    transform: translate(-50%, -50%) rotate(0.78deg);
  }

  .home-pill-text {
    top: 6px;
    right: 8px;
    bottom: 6px;
    left: 8px;
  }

  .home-pill-text span {
    font-size: 2.344cqi;
    letter-spacing: -0.07cqi;
  }

  .home-hero__copy {
    inset: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    gap: 0;
    overflow: visible;
  }

  .home-hero__title {
    position: absolute;
    top: calc(177 / 1000 * 100%);
    left: calc(90 / 768 * 100%);
    width: calc(588 / 768 * 100%);
    margin: 0;
    font-size: 3.906cqi;
    letter-spacing: -0.117cqi;
  }

  .home-hero__title .home-hero__title-part:last-of-type {
    display: block;
  }

  .home-hero__badge-line {
    position: absolute;
    top: calc(281.5 / 1000 * 100%);
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    height: calc(34 / 1000 * 100%);
    min-height: 0;
    gap: 1.042cqi;
  }

  .home-hero__badge-label {
    position: static;
    top: auto;
    left: auto;
    width: calc(147 / 768 * 100cqi);
    height: 100%;
    justify-self: unset;
    align-self: unset;
    font-size: 2.865cqi;
    letter-spacing: -0.086cqi;
  }

  .home-hero__badge {
    position: static;
    top: auto;
    left: auto;
    width: calc(154 / 768 * 100cqi);
    height: 100%;
    padding: 0;
  }

  .home-hero__badge span {
    font-size: 2.344cqi;
  }

  .home-hero__cta {
    position: absolute;
    top: calc(869 / 1000 * 100%);
    left: calc(224 / 768 * 100%);
    grid-column: unset;
    grid-row: unset;
    justify-self: unset;
    align-self: unset;
    width: calc(321 / 768 * 100%);
    height: calc(58 / 1000 * 100%);
    padding: 0;
    align-items: center;
  }

  .home-hero__cta span {
    font-size: 2.344cqi;
  }

  .home-hero__logo {
    top: calc(34.44 / 1000 * 100%);
    left: calc(48 / 768 * 100%);
    width: calc(99 / 768 * 100%);
    height: calc(35.112 / 1000 * 100%);
  }

  .home-hero__logo-mark {
    width: calc(35.111 / 768 * 100%);
    height: calc(35.112 / 1000 * 100%);
  }

  .home-hero__logo-word {
    top: calc(9.33 / 35.112 * 100%);
    left: calc(37.31 / 99 * 100%);
    width: calc(61.692 / 99 * 100%);
    height: calc(16.202 / 35.112 * 100%);
  }

  .home-hero__nav {
    top: calc(44 / 1000 * 100%);
    left: calc(579 / 768 * 100%);
    gap: 0;
  }

  .home-hero__nav > a,
  .home-hero__nav > .platforms-switch {
    display: none;
  }

  .home-hero__nav-link {
    font-size: 2.083cqi;
  }

  .home-hero__actions {
    top: calc(30 / 1000 * 100%);
    left: calc(642 / 768 * 100%);
    display: flex;
    width: auto;
    height: auto;
    gap: 0;
  }

  .home-hero__btn {
    position: static;
    padding: calc(14 / 768 * 100cqi) calc(20 / 768 * 100cqi);
    font-size: 2.083cqi;
    font-weight: 500;
    border-radius: calc(7 / 768 * 100cqi);
  }

  .home-hero__btn--outline {
    border-color: #b4afd6;
    color: #43328a;
  }

  .home-hero__btn--fill {
    display: none;
  }
}

@media (max-width: 749px) {
  .screen.home-chrome {
    max-width: 100%;
  }

  .home-hero {
    width: 100%;
    height: auto;
    aspect-ratio: 360 / 840;
    zoom: unset;
    margin-inline: 0;
    margin-bottom: 0;
    overflow: hidden;
    border-radius: 0 0 20px 20px;
    container-type: inline-size;
    container-name: home-hero;
  }

  .home-hero__layer--dots {
    top: calc(-105 / 840 * 100%);
    left: calc(-15 / 360 * 100%);
    width: calc(1697 / 360 * 100%);
    height: calc(951 / 840 * 100%);
  }

  .home-hero__layer--squares {
    top: calc(-181 / 840 * 100%);
    left: calc(-333 / 360 * 100%);
    width: calc(1060 / 360 * 100%);
    height: calc(1060 / 840 * 100%);
  }

  .home-hero__layer--geometry {
    top: calc(-169 / 840 * 100%);
    left: calc(-710 / 360 * 100%);
    width: calc(1544 / 360 * 100%);
    height: calc(1155 / 840 * 100%);
  }

  .home-hero__cloud--a,
  .home-hero__cloud--b {
    display: none;
  }

  .home-hero__collage > .home-shot,
  .home-hero__collage > .home-deco,
  .home-hero__collage > .home-pill-group {
    display: none;
  }

  .home-hero__collage-mobile {
    display: block;
    position: absolute;
    top: calc(268 / 840 * 100%);
    left: 0;
    width: 100%;
    height: calc(493 / 840 * 100%);
    max-width: none;
    object-fit: contain;
    object-position: top center;
    image-rendering: auto;
    pointer-events: none;
    z-index: 2;
  }

  .home-hero__copy {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    gap: 0;
    overflow: visible;
    pointer-events: none;
    z-index: 3;
  }

  .home-hero__title {
    position: absolute;
    top: calc(139 / 840 * 100%);
    left: 50%;
    transform: translateX(-50%);
    width: calc(330 / 360 * 100%);
    height: auto;
    min-height: calc(72 / 840 * 100%);
    margin: 0;
    display: block;
    font-size: 6.667cqi;
    letter-spacing: -0.2cqi;
    line-height: 1.1;
    text-align: center;
    overflow: visible;
  }

  .home-hero__title .home-hero__title-part:last-of-type {
    display: block;
  }

  .home-hero__badge-line {
    position: absolute;

    top: calc(238 / 840 * 100%);
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    max-width: calc(330 / 360 * 100%);
    height: calc(28 / 840 * 100%);
    min-height: 0;
    gap: 2.778cqi;
  }

  .home-hero__badge-label {
    position: static;
    top: auto;
    left: auto;
    width: auto;
    height: 100%;
    padding: 0;
    justify-self: unset;
    align-self: unset;
    margin: 0;
    font-size: 5cqi;
    letter-spacing: -0.15cqi;
    line-height: 1;
    white-space: nowrap;
    overflow: visible;
  }

  .home-hero__badge {
    position: static;
    top: auto;
    left: auto;
    width: auto;
    min-width: calc(125 / 360 * 100cqi);
    height: 100%;
    padding: 0 3.333cqi;
    box-sizing: border-box;
    border-radius: 1.944cqi;
    overflow: visible;
  }

  .home-hero__badge span {
    font-size: 4.167cqi;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
  }

  .home-hero__cta {
    position: absolute;
    top: calc(761 / 840 * 100%);
    left: 50%;
    transform: translateX(-50%);
    grid-column: unset;
    grid-row: unset;
    justify-self: unset;
    align-self: unset;
    width: calc(247 / 360 * 100%);
    height: calc(46 / 840 * 100%);
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2.778cqi;
    box-shadow: 0 4px 2px rgba(0, 0, 0, 0.25);
    pointer-events: auto;
  }

  .home-hero__cta span {
    font-size: 3.889cqi;
    white-space: nowrap;
  }

  .home-hero__logo {
    top: calc(34.39 / 840 * 100%);
    left: calc(20 / 360 * 100%);
    width: calc(88 / 360 * 100%);
    height: calc(31.21 / 840 * 100%);
  }

  .home-hero__logo-mark {
    top: 0;
    left: 0;
    width: calc(31.21 / 88 * 100%);
    height: 100%;
  }

  .home-hero__logo-word {
    top: calc(8.29 / 31.21 * 100%);
    left: calc(33.16 / 88 * 100%);
    width: calc(54.84 / 88 * 100%);
    height: calc(14.4 / 31.21 * 100%);
  }

  .home-hero__nav,
  .home-hero__actions {
    display: none !important;
  }

  .home-hero__menu {
    display: block;
    position: absolute;
    top: calc(30 / 840 * 100%);
    right: calc(20 / 360 * 100%);
    left: auto;
    width: calc(40 / 360 * 100%);
    height: calc(40 / 840 * 100%);
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
  }

  .home-hero__menu img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .home-hero__menu:focus-visible {
    outline: 2px solid #4a90e2;
    outline-offset: 3px;
    border-radius: 4px;
  }
}

.screen.home-chrome > header.site-header .site-header__menu-btn {
  display: none;
}

.screen.home-chrome a.home-ap__cta,
.screen.home-chrome a.home-crossposting__cta,
.screen.home-chrome a.home-media__cta,
.screen.home-chrome a.home-tf__cta,
.screen.home-chrome a.home-shorts__cta,
.screen.home-chrome a.home-ai-gen__cta,
.screen.home-chrome a.home-ai-text__cta,
.screen.home-chrome a.home-ai-plan__cta,
.screen.home-chrome a.home-stats__cta,
.screen.home-chrome a.home-sync__cta,
.screen.home-chrome a.home-personal__cta,
.screen.home-chrome a.home-cta__btn,
.screen.home-chrome a.home-hero__cta,
.screen.home-chrome a.home-pr__plan-cta,
.screen.home-chrome a.home-sp__cta {
  text-decoration: none;
  color: #fff;
}

.screen.home-chrome a.home-hero__cta span,
.screen.home-chrome a.home-pr__plan-cta .home-pr__plan-cta-text {
  color: #fff;
}

.screen.home-chrome a.home-ap__link,
.screen.home-chrome a.home-media__link,
.screen.home-chrome a.home-tf__link,
.screen.home-chrome a.home-shorts__link,
.screen.home-chrome a.home-ai-gen__link,
.screen.home-chrome a.home-ai-text__link,
.screen.home-chrome a.home-ai-plan__link,
.screen.home-chrome a.home-crossposting__link,
.screen.home-chrome a.home-sync__link {
  text-decoration: none;
  /* Figma 4442:828 — gradient text #5445c4 → #666; keep transparent for background-clip */
  color: transparent;
}

@media (max-width: 1023px) {
  .screen.home-chrome > header.site-header .menu,
  .screen.home-chrome > header.site-header .header-actions {
    display: none;
  }

  .screen.home-chrome > header.site-header .site-header__menu-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin: 0;
    margin-left: auto;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    flex-shrink: 0;
  }

  .screen.home-chrome > header.site-header .site-header__menu-btn img {
    display: block;
    width: 40px;
    height: 40px;
  }
}