.manul-a1-page {
    background: var(--manul-bg);
}

.manul-a1-hero {
    padding: 0;
    background: var(--manul-bg);
}

.manul-a1-hero__shell {
    position: relative;
    min-height: 100vh;
    height: 100vh;
    overflow: hidden;
    background: #f1f2f5;
}

body.admin-bar .manul-a1-hero__shell {
    min-height: calc(100vh - 1.6667vw);
    height: calc(100vh - 1.6667vw);
}

@media (max-width: 781.997px) {
    body.admin-bar .manul-a1-hero__shell {
        min-height: calc(100svh - 5.8822vw);
        height: calc(100svh - 5.8822vw);
    }
}

.manul-a1-hero__bg,
.manul-a1-hero__overlay,
.manul-a1-hero__content {
    position: absolute;
    inset: 0;
}

.manul-a1-hero__bg {
    z-index: 1;
    background-image: var(--manul-a1-bg-desktop);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.manul-a1-hero__overlay {
    z-index: 2;
    background:
        linear-gradient(
            90deg,
            rgba(243, 244, 247, 0.22) 0%,
            rgba(243, 244, 247, 0.08) 38%,
            rgba(243, 244, 247, 0.04) 100%
        );
    pointer-events: none;
}

.manul-a1-hero__content {
    z-index: 5;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 9.4792vw 1.875vw 1.875vw;
}

.manul-a1-hero__main {
    display: grid;
    grid-template-columns: minmax(21.875vw, 1.05fr) minmax(21.875vw, 0.95fr) minmax(11.4583vw, 0.55fr);
    gap: 1.4583vw;
    align-items: center;
    min-height: 0;
    flex: 1 1 auto;
}

.manul-a1-hero__copy {
    max-width: 35.4167vw;
    align-self: center;
}

.manul-a1-hero__badges {
    display: flex;
    align-items: center;
    gap: 0.5208vw;
    margin-bottom: 1.3542vw;
}

.manul-a1-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.875vw;
    padding: 0.4688vw 0.8333vw 0.4167vw;
    border-radius: 0.625vw;
    font-size: 0.7292vw;
    line-height: 1;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0;
    white-space: nowrap;
}

.manul-a1-badge--accent {
    background: #c0ea6c;
    color: #202524;
}

.manul-a1-badge--dark {
    background: #566963;
    color: #fafafa;
}

.manul-a1-hero__title {
    margin: 0;
    max-width: 39.5833vw;
    color: #202524;
    font-weight: 400;
    font-size: clamp(2.8125vw, 4.1vw, 3.75vw);
    line-height: 0.95;
    letter-spacing: -0.02em;
}

.manul-a1-hero__desc {
    margin: 1.25vw 0 0;
    max-width: 29.1667vw;
    color: rgba(32, 37, 36, 0.92);
    font-weight: 200;
    font-size: 1.1458vw;
    line-height: 1.18;
    letter-spacing: 0;
}

.manul-a1-hero__device-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 0;
}

.manul-a1-hero__device {
    width: min(100%, 29.1667vw);
    max-height: 66vh;
    object-fit: contain;
    display: block;
}

.manul-a1-hero__specs {
    display: flex;
    flex-direction: column;
    align-self: center;
    width: 100%;
    max-width: 11.4583vw;
    margin-left: auto;
}

.manul-a1-spec {
    padding: 1.1458vw 0 1.3542vw;
    border-top: 0.052vw solid rgba(32, 37, 36, 0.12);
}

.manul-a1-spec:first-child {
    border-top: 0;
    padding-top: 0;
}

.manul-a1-spec__value {
    color: #566963;
    font-weight: 400;
    font-size: clamp(2.7083vw, 4vw, 3.125vw);
    line-height: 0.92;
    letter-spacing: -0.03em;
}

.manul-a1-spec__value span {
    font-size: 0.62em;
    vertical-align: 0.18em;
}

.manul-a1-spec__label {
    margin-top: 0.4167vw;
    color: #566963;
    font-weight: 200;
    font-size: 1.0417vw;
    line-height: 1.05;
}

.manul-a1-spec__label--mobile {
    display: none;
}

.manul-a1-hero__bottom {
    display: grid;
    grid-template-columns: 15.625vw 22.3958vw 7.5vw;
    gap: 0.8333vw;
    align-items: stretch;
    flex: 0 0 auto;
}

.manul-a1-feature-card,
.manul-a1-buy-card {
    border-radius: 0.6771vw;
    background: rgba(250, 250, 250, 0.78);
    backdrop-filter: blur(0.4167vw);
    -webkit-backdrop-filter: blur(0.4167vw);
    box-shadow: inset 0 0 0 0.052vw rgba(32, 37, 36, 0.04);
}

.manul-a1-feature-card {
    display: flex;
    align-items: flex-start;
    gap: 0.625vw;
    min-height: 5.5208vw;
    padding: 1.25vw 1.1458vw 1.1458vw;
}

.manul-a1-feature-card__icon {
    flex: 0 0 1.25vw;
    width: 1.25vw;
    height: 1.25vw;
    color: #c6c7c9;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.052vw;
}

.manul-a1-feature-card__icon svg {
    width: 1.25vw;
    height: 1.25vw;
    display: block;
}

.manul-a1-feature-card__text {
    margin: 0;
    color: #202524;
    font-weight: 200;
    font-size: 0.9896vw;
    line-height: 1.2;
}

.manul-a1-buy-card {
    background: #c0ea6c;
    color: #202524;
    min-height: 7.2917vw;
    padding: 1.25vw 1.0417vw 0.9375vw;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: transform 0.25s ease, filter 0.25s ease;
}

.manul-a1-buy-card__dot {
    width: 0.4167vw;
    height: 0.4167vw;
    border-radius: 0.1042vw;
    background: #465551;
    display: block;
}

.manul-a1-buy-card__text {
    display: block;
    color: #202524;
    font-weight: 400;
    font-size: 0.7292vw;
    line-height: 1.18;
    text-transform: uppercase;
    text-decoration: underline;
    text-decoration-thickness: 0.052vw;
    text-underline-offset: 0.1563vw;
}

.manul-a1-hero__tagline-mobile {
    display: none;
}

@media (hover: hover) and (pointer: fine) {
    .manul-a1-buy-card:hover {
        transform: translate(-0.1563vw, -0.1563vw);
    }
}

/* 1600-1799 */
@media (max-width: 1799.002px) {
    .manul-a1-hero__content {
        padding: 9.6720vw 1.7788vw 1.7788vw;
    }

    .manul-a1-hero__main {
        grid-template-columns: minmax(21.1228vw, 1.05fr) minmax(20.0111vw, 0.95fr) minmax(11.1173vw, 0.55fr);
        gap: 1.2228vw;
    }

    .manul-a1-hero__title {
        font-size: clamp(2.7794vw, 4.2690vw, 3.5575vw);
    }

    .manul-a1-hero__desc {
        font-size: 1.1118vw;
        max-width: 28.9049vw;
    }

    .manul-a1-spec__label {
        font-size: 1.0006vw;
    }

    .manul-a1-hero__bottom {
        grid-template-columns: 16.6759vw 21.6787vw 8.0044vw;
    }

    .manul-a1-feature-card__text {
        font-size: 1.0006vw;
    }
}

/* 1366-1599 */
@media (max-width: 1598.995px) {
    .manul-a1-hero__content {
        padding: 10.2565vw 1.7511vw 1.7511vw;
    }

    .manul-a1-hero__main {
        grid-template-columns: minmax(21.8888vw, 1fr) minmax(20.6380vw, 0.88fr) minmax(11.2571vw, 0.48fr);
        gap: 1.2509vw;
    }

    .manul-a1-hero__title {
        font-size: clamp(2.7518vw, 4.5629vw, 3.6272vw);
        max-width: 38.7745vw;
    }

    .manul-a1-hero__desc {
        margin-top: 1.2509vw;
        font-size: 1.1257vw;
        max-width: 29.3935vw;
    }

    .manul-a1-hero__device {
        max-height: 60vh;
    }

    .manul-a1-spec__value {
        font-size: 3.2520vw;
    }

    .manul-a1-spec__label {
        font-size: 1.0632vw;
    }

    .manul-a1-hero__bottom {
        grid-template-columns: 16.8856vw 22.5141vw 8.5053vw;
        gap: 0.8756vw;
    }

    .manul-a1-feature-card {
        min-height: 6.0038vw;
        padding: 1.2509vw 1.1257vw;
    }

    .manul-a1-feature-card__text {
        font-size: 1.0632vw;
    }

    .manul-a1-buy-card {
        min-height: 7.8799vw;
        padding: 1.2509vw 1.0006vw 1.0006vw;
    }
}

/* tablet */
@media (max-width: 1199.002px) {
    .manul-a1-hero__shell {
        min-height: auto;
        height: auto;
    }

    body.admin-bar .manul-a1-hero__shell {
        min-height: auto;
        height: auto;
    }

    .manul-a1-hero__content {
        position: relative;
        inset: auto;
        min-height: 100svh;
        padding: 12.1769vw 2.0017vw 2.0017vw;
    }

    .manul-a1-hero__main {
        grid-template-columns: 1fr;
        gap: 1.6681vw;
    }

    .manul-a1-hero__copy {
        order: 2;
        max-width: 100%;
    }

    .manul-a1-hero__device-wrap {
        order: 1;
    }

    .manul-a1-hero__specs {
        order: 3;
        max-width: none;
        width: 100%;
        margin-left: 0;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1.3344vw;
    }

    .manul-a1-spec {
        border-top: 0;
        padding: 0;
    }

    .manul-a1-hero__bottom {
        margin-top: 2.0017vw;
        grid-template-columns: 1fr 1fr 11.3427vw;
    }
}

/* mobile */
@media (max-width: 767.002px) {
    .manul-a1-hero__bg {
        background-image: var(--manul-a1-bg-mobile);
        background-position: center top;
    }

    .manul-a1-hero__overlay {
        background:
            linear-gradient(
                180deg,
                rgba(243, 244, 247, 0.06) 0%,
                rgba(243, 244, 247, 0.02) 100%
            );
    }

    .manul-a1-hero__content {
        min-height: auto;
        padding: calc(11.9946vw + var(--manul-admin-offset)) 2.4771vw 2.3468vw;
    }

    .manul-a1-hero__tagline-mobile {
        display: block;
        margin: 1.0431vw 0 0;
        max-width: 28.6829vw;
        color: #202524;
        font-weight: 200;
        font-size: 1.8254vw;
        line-height: 1.08;
    }

    .manul-a1-hero__main {
        gap: 0;
    }

    .manul-a1-hero__device-wrap {
        min-height: auto;
        margin: 2.3468vw 0 1.8254vw;
    }

    .manul-a1-hero__device {
        width: 100%;
        max-width: 41.7212vw;
        max-height: none;
    }

    .manul-a1-hero__copy {
        display: flex;
        flex-direction: column;
    }

    .manul-a1-hero__badges {
        order: 1;
        gap: 1.5645vw;
        margin-bottom: 2.3468vw;
    }

    .manul-a1-badge {
        min-height: 5.0844vw;
        padding: 1.3036vw 2.3468vw 1.1734vw;
        border-radius: 1.6948vw;
        font-size: 1.8254vw;
    }

    .manul-a1-hero__title {
        order: 2;
        max-width: none;
        font-size: 4.6935vw;
        line-height: 0.98;
        letter-spacing: -0.02em;
    }

    .manul-a1-hero__desc {
        order: 3;
        margin-top: 2.3468vw;
        max-width: none;
        font-size: 2.3468vw;
        line-height: 1.17;
    }

    .manul-a1-hero__specs {
        margin-top: 3.6505vw;
        gap: 1.3036vw;
    }

    .manul-a1-spec__value {
        font-size: 5.3456vw;
        line-height: 0.94;
    }

    .manul-a1-spec__label {
        font-size: 2.0858vw;
        line-height: 1.08;
    }

    .manul-a1-spec__label--desktop {
        display: none;
    }

    .manul-a1-spec__label--mobile {
        display: block;
    }

    .manul-a1-hero__bottom {
        margin-top: 3.6505vw;
        grid-template-columns: 1fr 17.2099vw;
        grid-template-areas:
            "wide wide"
            "gear buy";
        gap: 1.8254vw;
    }

    .manul-a1-feature-card {
        min-height: 11.4731vw;
        padding: 2.3468vw 2.0858vw;
        gap: 1.3036vw;
    }

    .manul-a1-feature-card--wide {
        grid-area: wide;
    }

    .manul-a1-feature-card--gear {
        grid-area: gear;
    }

    .manul-a1-feature-card__icon {
        width: 2.8682vw;
        height: 2.8682vw;
        flex-basis: 2.8682vw;
    }

    .manul-a1-feature-card__icon svg {
        width: 2.8682vw;
        height: 2.8682vw;
    }

    .manul-a1-feature-card__text {
        font-size: 2.2164vw;
        line-height: 1.18;
    }

    .manul-a1-buy-card {
        grid-area: buy;
        min-height: 13.2983vw;
        padding: 2.0858vw 1.8254vw 1.8254vw;
        border-radius: 1.8254vw;
    }

    .manul-a1-buy-card__text {
        font-size: 1.5645vw;
        line-height: 1.2;
    }
}

/* small mobile */
@media (max-width: 388.992px) {
    .manul-a1-hero__title {
        font-size: 8.2268vw;
    }

    .manul-a1-hero__desc {
        font-size: 4.3702vw;
    }

    .manul-a1-spec__value {
        font-size: 9.2545vw;
    }

    .manul-a1-spec__label {
        font-size: 3.5993vw;
    }

    .manul-a1-hero__bottom {
        grid-template-columns: 1fr;
        grid-template-areas:
            "wide"
            "gear"
            "buy";
    }

    .manul-a1-buy-card {
        min-height: 22.6230vw;
    }
}


.manul-trigger,
.manul-trigger *{
  box-sizing:border-box;
}

.manul-trigger{
  position:relative;
  overflow:hidden;
  font-family:"Geologica",sans-serif;
  color:#f3f5ee;
  background-color:#202524;
  background-image:url("https://xn--80awbf4a.xn--p1ai/wp-content/uploads/2026/04/фон-3-пк.png");
  background-repeat:no-repeat;
  background-position:center center;
  background-size:100% 100% !important;
  padding:4.2708vw 0 0;
}

.manul-trigger__inner{
  width:min(100%,100.0vw);
  margin:0 auto;
  padding:0 3.5417vw;
}

.manul-trigger__head{
  position:relative;
  z-index:10;
  margin-bottom:6.1458vw;
}

.manul-trigger__title{
  margin:0;
  max-width:50.0vw;
  color:#f0f1ec;
  font-size:3.3333vw;
  line-height:.98;
  font-weight:400;
  letter-spacing:-0.03em;
}

.manul-trigger__scene{
  --center-y:20.0vw;
  --orbit-size:30.1042vw;
  --radius:15.0521vw;
  --point-size:1.875vw;
  --point-half:0.9375vw;
  --card-width:18.75vw;
  --card-gap:0.4167vw;

  position:relative;
  height:35.9375vw;
  min-height:35.9375vw;
}

.manul-trigger__orbit{
  position:absolute;
  left:50%;
  top:var(--center-y);
  width:var(--orbit-size);
  height:var(--orbit-size);
  border:0.1042vw dashed rgba(173,186,120,.22);
  border-radius:50%;
  transform:translate(-50%,-50%) rotate(0deg);
  z-index:1;
  will-change:transform;
}

.manul-trigger__center{
  position:absolute;
  left:50%;
  top:var(--center-y);
  transform:translate(-50%,-50%);
  z-index:6;
}

.manul-trigger__logo-box{
  width:7.6042vw;
  height:4.8958vw;
  border-radius:0.9375vw;
  background:#b7e157;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 0 0 0.0521vw rgba(255,255,255,.04) inset;
}

.manul-trigger__logo-box img{
  display:block;
  width:4.7917vw;
  max-width:4.7917vw;
  height:auto;
}

.manul-trigger__item{
  position:absolute;
  left:50%;
  top:var(--center-y);
  width:0;
  height:0;
  z-index:4;
  --line-angle:0deg;
  --counter-angle:0deg;
}

.manul-trigger__line{
  position:absolute;
  left:0;
  top:0;
  width:var(--radius);
  height:0;
  border-top:0.1042vw dashed rgba(173,186,120,.22);
  transform-origin:left center;
  transform:rotate(var(--line-angle)) scaleX(0);
  opacity:0;
  z-index:1;
}

.manul-trigger__node{
  position:absolute;
  left:0;
  top:0;
  transform:rotate(var(--line-angle)) translateX(var(--radius));
  transform-origin:left center;
  z-index:2;
}

.manul-trigger__node-inner{
  position:relative;
  width:0;
  height:0;
  transform:rotate(var(--counter-angle));
}

.manul-trigger__point{
  position:absolute;
  left:0;
  top:0;
  width:var(--point-size);
  height:var(--point-size);
  display:flex;
  align-items:center;
  justify-content:center;
  background:#46524c;
  border:0.0521vw solid rgba(147,160,131,.18);
  border-radius:0.4688vw;
  color:#f0f1ec;
  font-size:0.625vw;
  line-height:1;
  font-weight:300;
  transform:translate(-50%,-50%);
  z-index:4;
  opacity:0;
}

.manul-trigger__card{
  position:absolute;
  width:var(--card-width);
  min-height:6.1458vw;
  padding:1.1458vw 1.0417vw 0.9375vw;
  border-radius:0.8333vw;
  background:rgba(25,33,31,.82);
  border:0.0521vw solid rgba(159,185,120,.16);
  box-shadow:0 0.7292vw 1.5625vw rgba(0,0,0,.12);
  z-index:3;
  opacity:0;
  transform:translateY(0.625vw);
}

.manul-trigger__card--left-align{
  right:calc(0.0vw - var(--point-half));
  bottom:calc(var(--point-half) + var(--card-gap));
}

.manul-trigger__card--right-align{
  left:calc(0.0vw - var(--point-half));
  bottom:calc(var(--point-half) + var(--card-gap));
}

.manul-trigger__card--center-align{
  left:0;
  bottom:calc(var(--point-half) + var(--card-gap));
  transform:translateX(-50%) translateY(0.625vw);
}

.manul-trigger__item--04 .manul-trigger__card{
  width:20.4167vw;
  min-height:7.0833vw;
}

.manul-trigger__item--07 .manul-trigger__card{
  width:19.375vw;
  min-height:7.7083vw;
}

.manul-trigger__card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:0.8333vw;
}

.manul-trigger__card-title{
  margin:0;
  color:#f4f5ef;
  font-size:1.25vw;
  line-height:1.02;
  font-weight:500;
  letter-spacing:-0.02em;
}

.manul-trigger__item--04 .manul-trigger__card-title{
  font-size:1.1979vw;
}

.manul-trigger__item--07 .manul-trigger__card-title{
  font-size:1.1458vw;
  line-height:1.02;
}

.manul-trigger__card-icon{
  width:1.4583vw;
  height:1.4583vw;
  flex:0 0 1.4583vw;
  opacity:.7;
}

.manul-trigger__card-text{
  margin:0.7292vw 0 0;
  color:rgba(240,241,236,.82);
  font-size:0.9375vw;
  line-height:1.22;
  font-weight:300;
}

.manul-trigger__item--07 .manul-trigger__card-text{
  margin-top:0.625vw;
}

.manul-trigger__item--01{
  --line-angle:142deg;
  --counter-angle:-142deg;
}

.manul-trigger__item--02{
  --line-angle:186deg;
  --counter-angle:-186deg;
}

.manul-trigger__item--03{
  --line-angle:218deg;
  --counter-angle:-218deg;
}

.manul-trigger__item--04{
  --line-angle:-90deg;
  --counter-angle:90deg;
}

.manul-trigger__item--05{
  --line-angle:-38deg;
  --counter-angle:38deg;
}

.manul-trigger__item--06{
  --line-angle:-2deg;
  --counter-angle:2deg;
}

.manul-trigger__item--07{
  --line-angle:54deg;
  --counter-angle:-54deg;
}

.manul-trigger__scene::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:9.375vw;
  pointer-events:none;
  z-index:7;
  background:linear-gradient(
    to bottom,
    rgba(26,35,32,0) 0%,
    rgba(26,35,32,.14) 36%,
    rgba(26,35,32,.42) 72%,
    #1a2320 100%
  );
}

/* Animation keyframes */
@keyframes manulTriggerOrbitSpin{
  0%{
    transform:translate(-50%,-50%) rotate(0deg);
  }
  100%{
    transform:translate(-50%,-50%) rotate(120deg);
  }
}

@keyframes manulTriggerOrbitIdle{
  0%{
    transform:translate(-50%,-50%) rotate(120deg);
  }
  100%{
    transform:translate(-50%,-50%) rotate(480deg);
  }
}

@keyframes manulTriggerLineReveal{
  0%{
    transform:rotate(var(--line-angle)) scaleX(0);
    opacity:0;
  }
  100%{
    transform:rotate(var(--line-angle)) scaleX(1);
    opacity:1;
  }
}

@keyframes manulTriggerPointShow{
  0%{
    opacity:0;
  }
  100%{
    opacity:1;
  }
}

@keyframes manulTriggerCardShow{
  0%{
    opacity:0;
    transform:translateY(0.625vw);
  }
  100%{
    opacity:1;
    transform:translateY(0);
  }
}

/* Animation triggers when in view */
.manul-trigger.is-inview .manul-trigger__orbit{
  animation:
    manulTriggerOrbitSpin 4.2s ease-in-out forwards,
    manulTriggerOrbitIdle 40s linear 4.2s infinite;
}

.manul-trigger.is-inview .manul-trigger__item--01 .manul-trigger__line{
  animation:manulTriggerLineReveal .62s ease forwards .2s;
}
.manul-trigger.is-inview .manul-trigger__item--02 .manul-trigger__line{
  animation:manulTriggerLineReveal .62s ease forwards .45s;
}
.manul-trigger.is-inview .manul-trigger__item--03 .manul-trigger__line{
  animation:manulTriggerLineReveal .62s ease forwards .7s;
}
.manul-trigger.is-inview .manul-trigger__item--04 .manul-trigger__line{
  animation:manulTriggerLineReveal .62s ease forwards .95s;
}
.manul-trigger.is-inview .manul-trigger__item--05 .manul-trigger__line{
  animation:manulTriggerLineReveal .62s ease forwards 1.2s;
}
.manul-trigger.is-inview .manul-trigger__item--06 .manul-trigger__line{
  animation:manulTriggerLineReveal .62s ease forwards 1.45s;
}
.manul-trigger.is-inview .manul-trigger__item--07 .manul-trigger__line{
  animation:manulTriggerLineReveal .62s ease forwards 1.7s;
}

.manul-trigger.is-inview .manul-trigger__item--01 .manul-trigger__point{
  animation:manulTriggerPointShow .35s ease forwards .78s;
}
.manul-trigger.is-inview .manul-trigger__item--02 .manul-trigger__point{
  animation:manulTriggerPointShow .35s ease forwards 1.03s;
}
.manul-trigger.is-inview .manul-trigger__item--03 .manul-trigger__point{
  animation:manulTriggerPointShow .35s ease forwards 1.28s;
}
.manul-trigger.is-inview .manul-trigger__item--04 .manul-trigger__point{
  animation:manulTriggerPointShow .35s ease forwards 1.53s;
}
.manul-trigger.is-inview .manul-trigger__item--05 .manul-trigger__point{
  animation:manulTriggerPointShow .35s ease forwards 1.78s;
}
.manul-trigger.is-inview .manul-trigger__item--06 .manul-trigger__point{
  animation:manulTriggerPointShow .35s ease forwards 2.03s;
}
.manul-trigger.is-inview .manul-trigger__item--07 .manul-trigger__point{
  animation:manulTriggerPointShow .35s ease forwards 2.28s;
}

.manul-trigger.is-inview .manul-trigger__item--01 .manul-trigger__card{
  animation:manulTriggerCardShow .45s ease forwards 1.05s;
}
.manul-trigger.is-inview .manul-trigger__item--02 .manul-trigger__card{
  animation:manulTriggerCardShow .45s ease forwards 1.3s;
}
.manul-trigger.is-inview .manul-trigger__item--03 .manul-trigger__card{
  animation:manulTriggerCardShow .45s ease forwards 1.55s;
}
.manul-trigger.is-inview .manul-trigger__item--04 .manul-trigger__card{
  animation:manulTriggerCardShow .45s ease forwards 1.8s;
}
.manul-trigger.is-inview .manul-trigger__item--05 .manul-trigger__card{
  animation:manulTriggerCardShow .45s ease forwards 2.05s;
}
.manul-trigger.is-inview .manul-trigger__item--06 .manul-trigger__card{
  animation:manulTriggerCardShow .45s ease forwards 2.3s;
}
.manul-trigger.is-inview .manul-trigger__item--07 .manul-trigger__card{
  animation:manulTriggerCardShow .45s ease forwards 2.55s;
}

/* Fix center-align card to animate correctly */
.manul-trigger.is-inview .manul-trigger__item--04 .manul-trigger__card{
  transform:translateX(-50%);
}
.manul-trigger.is-inview .manul-trigger__item--04 .manul-trigger__card{
  animation-name:manulTriggerCardShowCenter;
}

@keyframes manulTriggerCardShowCenter{
  0%{
    opacity:0;
    transform:translateX(-50%) translateY(0.625vw);
  }
  100%{
    opacity:1;
    transform:translateX(-50%) translateY(0);
  }
}

/* Responsive adjustments */
@media (max-width:1599px){
  .manul-trigger{
    padding:4.6279vw 0 3.127vw;
  }

  .manul-trigger__inner{
    padding:0 2.6266vw;
  }

  .manul-trigger__title{
    max-width:40.025vw;
    font-size:3.3771vw;
  }

  .manul-trigger__scene{
    --center-y:22.0138vw;
    --orbit-size:33.7711vw;
    --radius:16.8856vw;
    --point-size:2.1263vw;
    --point-half:1.0632vw;
    --card-width:20.1376vw;
    height:39.3996vw;
    min-height:39.3996vw;
  }

  .manul-trigger__logo-box{
    width:8.2552vw;
    height:5.3784vw;
    border-radius:1.0006vw;
  }

  .manul-trigger__logo-box img{
    width:5.2533vw;
    max-width:5.2533vw;
  }

  .manul-trigger__point{
    font-size:0.6879vw;
  }

  .manul-trigger__card{
    min-height:6.7542vw;
    padding:1.2508vw 1.1257vw 1.0006vw;
    border-radius:0.8755vw;
  }

  .manul-trigger__item--04 .manul-trigger__card{
    width:21.8887vw;
    min-height:7.7548vw;
  }

  .manul-trigger__item--07 .manul-trigger__card{
    width:21.5134vw;
    min-height:8.5053vw;
  }

  .manul-trigger__card-title{
    font-size:1.3133vw;
  }

  .manul-trigger__item--04 .manul-trigger__card-title,
  .manul-trigger__item--07 .manul-trigger__card-title{
    font-size:1.2508vw;
  }

  .manul-trigger__card-icon{
    width:1.626vw;
    height:1.626vw;
    flex-basis:1.626vw;
  }

  .manul-trigger__card-text{
    margin-top:0.7505vw;
    font-size:1.0006vw;
  }
}

@media (max-width:1365px){
  .manul-trigger{
    padding:4.6886vw 0 3.37vw;
  }

  .manul-trigger__inner{
    padding:0 2.0513vw;
  }

  .manul-trigger__title{
    max-width:41.0256vw;
    font-size:3.37vw;
  }

  .manul-trigger__scene{
    --center-y:23.7363vw;
    --orbit-size:35.4579vw;
    --radius:17.7289vw;
    --point-size:2.3443vw;
    --point-half:1.1722vw;
    --card-width:20.3663vw;
    height:41.6117vw;
    min-height:41.6117vw;
  }

  .manul-trigger__logo-box{
    width:8.7912vw;
    height:5.7143vw;
    border-radius:1.0256vw;
  }

  .manul-trigger__logo-box img{
    width:5.5678vw;
    max-width:5.5678vw;
  }

  .manul-trigger__card{
    min-height:7.326vw;
    padding:1.3187vw 1.1722vw 1.0256vw;
    border-radius:1.0256vw;
  }

  .manul-trigger__item--04 .manul-trigger__card{
    width:22.5641vw;
    min-height:8.3516vw;
  }

  .manul-trigger__item--07 .manul-trigger__card{
    width:22.2711vw;
    min-height:9.3773vw;
  }

  .manul-trigger__card-title{
    font-size:1.3187vw;
  }

  .manul-trigger__item--04 .manul-trigger__card-title,
  .manul-trigger__item--07 .manul-trigger__card-title{
    font-size:1.3187vw;
  }

  .manul-trigger__card-text{
    margin-top:0.7326vw;
    font-size:1.0256vw;
    line-height:1.24;
  }

  .manul-trigger__card-icon{
    width:1.6117vw;
    height:1.6117vw;
    flex:0 0 1.6117vw;
  }
}

@media (max-width:1199px){
  .manul-trigger{
    background-color:#202423 !important;
    background-image:url("https://xn--80awbf4a.xn--p1ai/wp-content/uploads/2026/05/17.png") !important;
    background-repeat:no-repeat !important;
    background-position:center top !important;
    background-size:cover !important;
    padding:2.3353vw 0 6.1718vw;
  }

  .manul-trigger__inner{
    padding:0 1.5013vw;
  }

  .manul-trigger__head{
    margin-bottom:2.1685vw;
  }

  .manul-trigger__title{
    max-width:35.0292vw;
    font-size:2.6689vw;
    line-height:.98;
  }

  .manul-trigger__scene{
    position:relative;
    height:auto;
    min-height:0;
    display:flex;
    flex-direction:column;
    gap:1.1676vw;
    padding-bottom:14.1785vw;
    overflow:hidden;
  }

  .manul-trigger__item{
    position:relative;
    left:auto;
    top:auto;
    width:100%;
    height:auto;
  }

  .manul-trigger__line,
  .manul-trigger__point{
    display:none !important;
  }

  .manul-trigger__node{
    position:relative;
    left:auto;
    top:auto;
    transform:none !important;
    transform-origin:initial;
    width:100%;
    display:block;
  }

  .manul-trigger__node-inner{
    position:relative;
    transform:none !important;
    width:100%;
    height:auto;
  }

  .manul-trigger__card,
  .manul-trigger__card--left-align,
  .manul-trigger__card--right-align,
  .manul-trigger__card--center-align{
    position:relative;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    transform:none !important;
    width:100% !important;
    min-height:0 !important;
    padding:1.6681vw 1.3344vw 1.3344vw;
    border-radius:1.3344vw;
    opacity:1 !important;
    animation:none !important;
  }

  .manul-trigger__card-title,
  .manul-trigger__item--04 .manul-trigger__card-title,
  .manul-trigger__item--07 .manul-trigger__card-title{
    font-size:2.0017vw !important;
  }

  .manul-trigger__card-icon{
    width:2.3353vw;
    height:2.3353vw;
    flex:0 0 2.3353vw;
    opacity:.7;
  }

  .manul-trigger__card-text,
  .manul-trigger__item--07 .manul-trigger__card-text{
    margin-top:1.1676vw;
    font-size:1.5013vw;
    line-height:1.25;
  }

  .manul-trigger__orbit{
    display:block;
    position:absolute;
    left:50%;
    top:auto;
    bottom:-26.2719vw;
    width:51.7098vw;
    height:51.7098vw;
    transform:translateX(-50%);
    border:0.1668vw dashed rgba(173,186,120,.18);
    border-radius:50%;
    z-index:1;
    animation:none !important;
  }

  .manul-trigger__center{
    display:block;
    position:absolute;
    left:50%;
    top:auto;
    bottom:0;
    transform:translateX(-50%);
    z-index:4;
  }

  .manul-trigger__logo-box{
    width:8.6739vw;
    height:5.588vw;
    padding:1.3344vw;
    border-radius:1.3344vw;
    background:#b7e157;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:none;
  }

  .manul-trigger__logo-box img{
    display:block;
    width:100%;
    max-width:none;
    max-height:2.9191vw;
    height:auto;
    object-fit:contain;
  }

  .manul-trigger__scene::before,
  .manul-trigger__scene::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:6.3386vw;
    width:20.4337vw;
    border-top:0.1668vw dashed rgba(173,186,120,.18);
    transform-origin:left center;
    z-index:2;
  }

  .manul-trigger__scene::before{
    transform:translateX(-50%) rotate(-136deg);
  }

  .manul-trigger__scene::after{
    display:block !important;
    height:auto;
    right:auto;
    background:none;
    transform:translateX(-50%) rotate(-44deg);
  }

  .manul-trigger__center::before,
  .manul-trigger__center::after{
    content:"";
    position:absolute;
    left:50%;
    top:calc(100% - 0.1668vw);
    width:11.6764vw;
    border-top:0.1668vw dashed rgba(173,186,120,.18);
    transform-origin:left center;
    z-index:-1;
  }

  .manul-trigger__center::before{
    transform:translateX(-50%) rotate(136deg);
  }

  .manul-trigger__center::after{
    transform:translateX(-50%) rotate(44deg);
  }
}

@media (max-width:767px){
  .manul-trigger{
    padding:3.6506vw 0 9.648vw;
  }

  .manul-trigger__inner{
    padding:0 2.3468vw;
  }

  .manul-trigger__title{
    max-width:39.1134vw;
    font-size:4.1721vw;
  }

  .manul-trigger__scene{
    gap:1.5645vw;
    padding-bottom:21.9035vw;
  }

  .manul-trigger__card{
    padding:2.3468vw 2.086vw 2.086vw !important;
    border-radius:2.086vw;
  }

  .manul-trigger__card-title,
  .manul-trigger__item--04 .manul-trigger__card-title,
  .manul-trigger__item--07 .manul-trigger__card-title{
    font-size:2.8683vw !important;
  }

  .manul-trigger__card-text,
  .manul-trigger__item--07 .manul-trigger__card-text{
    margin-top:1.5645vw;
    font-size:2.086vw;
    line-height:1.28;
  }

  .manul-trigger__orbit{
    width:73.0117vw;
    height:73.0117vw;
    bottom:-37.1578vw;
  }

  .manul-trigger__scene::before,
  .manul-trigger__scene::after{
    width:28.6832vw;
    bottom:9.9087vw;
  }

  .manul-trigger__center::before,
  .manul-trigger__center::after{
    width:16.4276vw;
  }
}
@media (max-width:1199px){
  .manul-trigger__orbit,
  .manul-trigger__scene::before,
  .manul-trigger__scene::after,
  .manul-trigger__center::before,
  .manul-trigger__center::after{
    display:none !important;
    content:none !important;
    border:0 !important;
    background:none !important;
  }
  
  @media (max-width: 1199px) {
  .manul-trigger__center {
    display: none !important;
  }
}

@media (max-width: 1199px) {
  .manul-trigger__item--07 {
    display: none !important;
  }
}

}