/* Capoeira Gerais Tokyo — Acrobatics class landing page
   Mobile-first styles. All selectors are scoped to .acro-page where practical. */
.acro-page{
  --acro-navy: #0b2851;
  --acro-blue: #1264b2;
  --acro-sky: #e9f5ff;
  --acro-cyan: #bce9ff;
  --acro-lime: #e4ff6a;
  --acro-ink: #172b42;
  --acro-muted: #65758a;
  --acro-white: #fff;
  --acro-paper: #f6f9fc;
  --acro-line: #dce6ef;
  --acro-radius: 22px;
  --acro-shadow: 0 18px 50px rgba(11, 40, 81, .10);
}

.acro-page, .acro-page *{ box-sizing: border-box; }
.acro-page{ width: 100%; max-width: none; margin: 0; }


.acro-page img{ display: block; max-width: 100%; }
.acro-page a{ color: inherit; }
.acro-page{ overflow: clip; padding-bottom: 76px; background: #fff; color: var(--acro-ink); font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif; line-height: 1.75; -webkit-font-smoothing: antialiased; }
.acro-page a{ text-decoration: none; }
.acro-page a:focus-visible, .acro-page summary:focus-visible{ outline: 3px solid #ffb000; outline-offset: 4px; }
.acro-page .skip-link{ position: absolute; left: 12px; top: -80px; z-index: 1000; padding: 10px 15px; border-radius: 8px; background: #fff; color: var(--acro-navy); }
.acro-page .skip-link:focus{ top: 12px; }
.acro-page .section-wrap{ width: min(100% - 40px, 1160px); margin-inline: auto; }
.acro-page .mobile-only{ display: initial; }

/* Header */










/* Hero */
.acro-page .hero{ padding-block: 18px 32px; display: flex; flex-direction: column; gap: 20px; }
.acro-page .hero-copy{ position: relative; z-index: 1; }
.acro-page .eyebrow, .acro-page .section-kicker{ margin: 0 0 12px; color: var(--acro-blue); font-size: 11px; font-weight: 850; letter-spacing: .14em; line-height: 1.6; }
.acro-page .eyebrow{ display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 999px; background: var(--acro-sky); letter-spacing: .05em; font-size: 11px; }
.acro-page .eyebrow-dot{ width: 7px; height: 7px; border-radius: 50%; background: #1686d9; box-shadow: 0 0 0 4px rgba(22, 134, 217, .12); }
.acro-page .hero h1{ margin: 8px 0 18px; color: var(--acro-navy); font-size: clamp(32px, 8.8vw, 54px); font-weight: 900; letter-spacing: -.055em; line-height: 1.32; }
.acro-page .hero h1 span{ color: var(--acro-blue); }
.acro-page .hero-lead{ margin: 0; color: #41556b; font-size: 14px; line-height: 1.95; font-weight: 550; }
.acro-page .hero-points{ display: flex; flex-wrap: wrap; gap: 7px; margin-top: 20px; }
.acro-page .hero-points span{ display: inline-flex; align-items: center; gap: 5px; padding: 6px 9px; border: 1px solid var(--acro-line); border-radius: 999px; color: #304c66; background: #fff; font-size: 10px; font-weight: 700; }
.acro-page .hero-points span span{ display: inline; padding: 0; border: 0; color: #1681c8; font-size: 12px; }
.acro-page .hero-actions{ display: flex; align-items: center; flex-wrap: wrap; gap: 18px; margin-top: 25px; }
.acro-page .button{ min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 20px; padding: 14px 22px; border: 0; border-radius: 999px; font-size: 14px; font-weight: 850; line-height: 1.3; text-align: center; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.acro-page .button span{ font-size: 19px; line-height: .7; }
.acro-page .button:hover{ transform: translateY(-2px); }
.acro-page .button-primary{ background: var(--acro-lime); color: var(--acro-navy); box-shadow: 0 8px 22px rgba(176, 209, 36, .25); }
.acro-page .button-primary:hover{ background: #d7f64e; box-shadow: 0 11px 28px rgba(176, 209, 36, .34); }
.acro-page .text-link{ color: var(--acro-blue); font-size: 12px; font-weight: 800; border-bottom: 1px solid rgba(18, 100, 178, .35); padding-bottom: 2px; }
.acro-page .hero-small{ margin: 18px 0 0; color: var(--acro-muted); font-size: 11px; font-weight: 600; }
.acro-page .hero-visual{ position: relative; margin: 0; isolation: isolate; }
.acro-page .hero-visual::before{ content: ""; position: absolute; inset: 12px -8px -8px 12px; z-index: -1; border-radius: 24px; background: var(--acro-cyan); }
.acro-page .hero-visual > img{ width: 100%; aspect-ratio: 16 / 7; max-height: 190px; object-fit: cover; object-position: 54% 18%; border-radius: 18px; box-shadow: var(--acro-shadow); }
.acro-page .hero-stamp{ position: absolute; left: 12px; bottom: 12px; width: 148px; padding: 12px 14px 14px; border-radius: 15px; background: var(--acro-lime); color: var(--acro-navy); box-shadow: 0 8px 30px rgba(11, 40, 81, .15); transform: rotate(-2deg); }
.acro-page .stamp-top{ display: block; margin-bottom: 5px; font-size: 7px; font-weight: 900; letter-spacing: .13em; }
.acro-page .hero-stamp strong{ display: block; font-size: 16px; font-weight: 900; line-height: 1.4; letter-spacing: -.03em; }
.acro-page .hero-image-label{ position: absolute; top: 9px; right: 9px; padding: 5px 7px; border: 1px solid rgba(255,255,255,.7); border-radius: 999px; color: white; background: rgba(11,40,81,.32); font-size: 7px; font-weight: 800; letter-spacing: .1em; backdrop-filter: blur(8px); }

/* Strapline */
.acro-page .intro-band{ background: var(--acro-navy); color: #fff; }
.acro-page .intro-band-inner{ width: min(100% - 40px, 1160px); margin-inline: auto; padding-block: 25px 28px; text-align: center; }
.acro-page .intro-en{ margin: 0 0 6px; color: var(--acro-cyan); font-size: 10px; font-weight: 850; letter-spacing: .2em; }
.acro-page .intro-ja{ margin: 0; font-size: 18px; font-weight: 850; line-height: 1.7; letter-spacing: .01em; }

/* Section titles / cards */
.acro-page .benefits{ padding-block: 64px 58px; }
.acro-page .section-heading{ margin-bottom: 28px; text-align: center; }
.acro-page .section-heading .section-kicker{ margin-bottom: 9px; }
.acro-page .section-heading h2, .acro-page .section-heading-left h2{ margin: 0; color: var(--acro-navy); font-size: clamp(26px, 6.8vw, 38px); font-weight: 900; line-height: 1.45; letter-spacing: -.04em; }
.acro-page .section-heading > p:not(.section-kicker), .acro-page .section-heading-left > p:not(.section-kicker){ margin: 12px 0 0; color: var(--acro-muted); font-size: 13px; line-height: 1.85; }
.acro-page .benefit-grid{ display: grid; grid-template-columns: 1fr; gap: 16px; }
.acro-page .benefit-card{ overflow: hidden; border: 1px solid #e4edf4; border-radius: 19px; background: white; box-shadow: 0 9px 26px rgba(11,40,81,.045); }
.acro-page .benefit-image{ position: relative; overflow: hidden; background: #dceefa; }
.acro-page .benefit-image img{ width: 100%; height: 230px; object-fit: cover; object-position: center 45%; transition: transform .5s ease; }
.acro-page .benefit-card:hover .benefit-image img{ transform: scale(1.035); }
.acro-page .benefit-number{ position: absolute; top: 12px; left: 12px; display: grid; place-items: center; width: 37px; height: 37px; border-radius: 50%; background: var(--acro-lime); color: var(--acro-navy); font-family: Georgia, serif; font-weight: 900; font-size: 13px; }
.acro-page .benefit-content{ padding: 20px 20px 22px; }
.acro-page .benefit-content h3{ margin: 0 0 9px; color: var(--acro-navy); font-size: 17px; font-weight: 850; line-height: 1.55; }
.acro-page .benefit-content p{ margin: 0; color: #586a7d; font-size: 12px; line-height: 1.9; }
.acro-page .image-note{ margin: 12px 0 0; color: #8391a0; font-size: 10px; text-align: right; }

/* Beginner reassurance */
.acro-page .beginner-section{ position: relative; overflow: hidden; background: var(--acro-sky); }
.acro-page .beginner-section::after{ content: ""; position: absolute; right: -96px; top: -85px; width: 220px; height: 220px; border: 30px solid rgba(18,100,178,.07); border-radius: 50%; pointer-events: none; }
.acro-page .beginner-inner{ position: relative; z-index: 1; padding-block: 58px; display: flex; flex-direction: column; gap: 30px; }
.acro-page .beginner-copy h2{ margin: 0 0 18px; color: var(--acro-navy); font-size: clamp(26px, 6.7vw, 38px); font-weight: 900; line-height: 1.45; letter-spacing: -.045em; }
.acro-page .beginner-copy h2 span{ display: inline-block; position: relative; color: var(--acro-blue); }
.acro-page .beginner-copy h2 span::after{ content: ""; position: absolute; z-index: -1; left: 0; right: 0; bottom: 0; height: 9px; background: var(--acro-lime); }
.acro-page .beginner-copy > p:not(.section-kicker){ margin: 0 0 12px; color: #435b72; font-size: 13px; line-height: 1.95; }
.acro-page .button-light{ background: #fff; color: var(--acro-navy); box-shadow: 0 9px 25px rgba(11,40,81,.10); }
.acro-page .button-light:hover{ background: #f7fbff; box-shadow: 0 12px 28px rgba(11,40,81,.16); }
.acro-page .beginner-copy .button{ margin-top: 14px; }
.acro-page .beginner-checklist{ display: flex; flex-direction: column; gap: 10px; }
.acro-page .check-item{ display: flex; align-items: center; gap: 12px; padding: 15px; border: 1px solid rgba(11,40,81,.09); border-radius: 15px; background: rgba(255,255,255,.82); }
.acro-page .check-icon{ display: grid; place-items: center; flex: 0 0 29px; width: 29px; height: 29px; border-radius: 50%; background: var(--acro-lime); color: var(--acro-navy); font-size: 15px; font-weight: 900; }
.acro-page .check-item strong, .acro-page .check-item small{ display: block; }
.acro-page .check-item strong{ color: var(--acro-navy); font-size: 12px; line-height: 1.55; }
.acro-page .check-item small{ margin-top: 3px; color: var(--acro-muted); font-size: 10px; }

/* Video */
.acro-page .video-section{ padding-block: 64px 68px; }
.acro-page .video-frame{ position: relative; overflow: hidden; aspect-ratio: 16 / 9; border-radius: 18px; background: #06172f; box-shadow: var(--acro-shadow); }
.acro-page .video-frame iframe{ position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.acro-page .video-caption{ margin: 15px 0 0; color: var(--acro-muted); font-size: 12px; text-align: center; line-height: 1.85; }

/* Schedule and location */
.acro-page .schedule-section{ background: var(--acro-paper); }
.acro-page .schedule-inner{ padding-block: 62px 64px; }
.acro-page .section-heading-left{ text-align: left; margin-bottom: 26px; }
.acro-page .info-layout{ display: grid; grid-template-columns: 1fr; gap: 15px; }
.acro-page .schedule-card{ padding: 22px 20px 20px; border-radius: 22px; color: #fff; background: var(--acro-navy); box-shadow: 0 16px 36px rgba(11,40,81,.15); }
.acro-page .schedule-card-top{ display: flex; justify-content: space-between; align-items: center; gap: 10px; color: var(--acro-cyan); font-size: 9px; font-weight: 900; letter-spacing: .16em; }
.acro-page .schedule-badge{ padding: 5px 9px; border-radius: 999px; background: rgba(228,255,106,.12); color: var(--acro-lime); font-size: 9px; letter-spacing: .02em; white-space: nowrap; }
.acro-page .schedule-date{ margin: 27px 0 0; color: #d9e9f8; font-size: 13px; }
.acro-page .schedule-date strong{ color: #fff; font-size: 17px; }
.acro-page .schedule-time{ margin: 1px 0 0; color: #fff; font-size: clamp(31px, 8vw, 42px); font-weight: 900; letter-spacing: -.04em; line-height: 1.4; white-space: nowrap; }
.acro-page .schedule-time span{ color: var(--acro-lime); padding-inline: 3px; font-weight: 500; }
.acro-page .schedule-divider{ height: 1px; margin: 21px 0; background: rgba(255,255,255,.17); }
.acro-page .price-row{ display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.acro-page .price-row > div{ display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 5px; }
.acro-page .price-label{ display: block; flex: 0 0 100%; color: #d7e9f8; font-size: 10px; }
.acro-page .price-row strong{ color: var(--acro-lime); font-size: clamp(23px, 6vw, 30px); font-weight: 900; letter-spacing: -.04em; line-height: 1.45; }
.acro-page .price-row small{ color: #cfdeee; font-size: 10px; }
.acro-page .price-note{ margin: 13px 0 15px; color: #d0e1f1; font-size: 10px; }
.acro-page .button-full{ width: 100%; min-height: 49px; }
.acro-page .location-card{ padding: 23px 21px; border: 1px solid #e1eaf2; border-radius: 22px; background: #fff; }
.acro-page .location-card-head{ display: flex; align-items: center; gap: 12px; }
.acro-page .location-pin{ display: grid; place-items: center; flex: 0 0 43px; width: 43px; height: 43px; border-radius: 14px; color: var(--acro-blue); background: var(--acro-sky); font-size: 28px; line-height: 1; }
.acro-page .location-card-head .section-kicker{ margin: 0 0 3px; font-size: 9px; }
.acro-page .location-card-head h3{ margin: 0; color: var(--acro-navy); font-size: 18px; font-weight: 900; }
.acro-page .location-address{ margin: 22px 0 16px; color: #43566b; font-size: 13px; line-height: 1.95; }
.acro-page .map-link{ display: inline-flex; align-items: center; gap: 10px; padding-bottom: 3px; color: var(--acro-blue); font-size: 12px; font-weight: 850; border-bottom: 1px solid rgba(18,100,178,.3); }
.acro-page .location-note{ display: flex; gap: 9px; margin-top: 24px; padding-top: 16px; border-top: 1px solid var(--acro-line); color: #748498; }
.acro-page .location-note > span{ display: grid; place-items: center; flex: 0 0 19px; width: 19px; height: 19px; margin-top: 2px; border-radius: 50%; border: 1px solid #a9b8c7; font-size: 11px; font-weight: 700; }
.acro-page .location-note p{ margin: 0; font-size: 10px; line-height: 1.85; }

/* FAQ */
.acro-page .faq-section{ padding-block: 61px 66px; }
.acro-page .faq-section .section-heading{ margin-bottom: 21px; }
.acro-page .faq-list{ max-width: 850px; margin-inline: auto; border-top: 1px solid var(--acro-line); }
.acro-page .faq-list details{ border-bottom: 1px solid var(--acro-line); }
.acro-page .faq-list summary{ position: relative; display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 65px; padding: 17px 2px; color: var(--acro-navy); font-size: 13px; line-height: 1.7; font-weight: 800; list-style: none; cursor: pointer; }
.acro-page .faq-list summary::-webkit-details-marker{ display: none; }
.acro-page .faq-list summary span{ display: grid; place-items: center; flex: 0 0 25px; width: 25px; height: 25px; border-radius: 50%; background: var(--acro-sky); color: var(--acro-blue); font-size: 17px; transition: transform .2s ease; }
.acro-page .faq-list details[open] summary span{ transform: rotate(45deg); }
.acro-page .faq-list details p{ margin: -1px 32px 20px 2px; color: var(--acro-muted); font-size: 12px; line-height: 1.9; }

/* Closing CTA */
.acro-page .final-cta{ position: relative; overflow: hidden; color: #fff; background: var(--acro-blue); }
.acro-page .final-cta::before{ content: ""; position: absolute; inset: 0; background: linear-gradient(120deg, rgba(11,40,81,.94), rgba(18,100,178,.86)); }
.acro-page .final-cta-decoration{ position: absolute; right: -25px; top: 15px; color: rgba(255,255,255,.07); font-size: clamp(70px, 24vw, 180px); font-weight: 1000; font-style: italic; line-height: 1; letter-spacing: -.09em; transform: rotate(-9deg); pointer-events: none; }
.acro-page .final-cta-content{ position: relative; z-index: 1; width: min(100% - 40px, 1160px); margin-inline: auto; padding-block: 61px 66px; text-align: center; }
.acro-page .final-cta .section-kicker{ color: var(--acro-cyan); font-size: 10px; }
.acro-page .final-cta h2{ margin: 0; font-size: clamp(35px, 10vw, 57px); font-weight: 900; line-height: 1.35; letter-spacing: -.05em; }
.acro-page .final-cta-content > p:not(.section-kicker){ margin: 15px 0 24px; color: #e6f4ff; font-size: 13px; }
.acro-page .final-cta .button{ min-width: 220px; }
.acro-page .final-cta-content > small{ display: block; margin-top: 18px; color: #d3e9fa; font-size: 10px; }

/* Footer and mobile booking strip */







.acro-page .mobile-booking-bar{ position: fixed; z-index: 50; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px max(14px, env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left)); border-top: 1px solid rgba(11,40,81,.1); background: rgba(255,255,255,.96); box-shadow: 0 -6px 24px rgba(11,40,81,.09); backdrop-filter: blur(12px); }
.acro-page .mobile-booking-bar > div{ display: flex; flex-direction: column; min-width: 0; }
.acro-page .mobile-booking-bar strong{ color: var(--acro-navy); font-size: 11px; line-height: 1.5; }
.acro-page .mobile-booking-bar small{ color: var(--acro-muted); font-size: 9px; line-height: 1.4; }
.acro-page .mobile-booking-bar a{ display: inline-flex; align-items: center; justify-content: center; gap: 8px; flex: 0 0 auto; min-height: 42px; padding: 10px 16px; border-radius: 999px; color: var(--acro-navy); background: var(--acro-lime); font-size: 12px; font-weight: 900; }

@media (min-width: 600px) {
  .acro-page .section-wrap{ width: min(100% - 64px, 1160px); }
  .acro-page .hero{ padding-block: 42px 56px; gap: 34px; }
  .acro-page .hero h1{ font-size: clamp(44px, 6vw, 62px); }
  .acro-page .hero-lead{ font-size: 15px; }
  .acro-page .hero-visual > img{ aspect-ratio: 1.6 / 1; max-height: 360px; object-position: center 25%; }
  .acro-page .hero-stamp{ left: 22px; bottom: 20px; width: 178px; padding: 15px 17px; }
  .acro-page .hero-stamp strong{ font-size: 21px; }
  .acro-page .hero-image-label{ top: 18px; right: 18px; }
  .acro-page .intro-band-inner{ width: min(100% - 64px, 1160px); padding-block: 30px 32px; }
  .acro-page .intro-ja{ font-size: 22px; }
  .acro-page .benefits{ padding-block: 80px 72px; }
  .acro-page .benefit-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 17px; }
  .acro-page .benefit-image img{ height: 245px; }
  .acro-page .benefit-content{ padding: 19px 17px 21px; }
  .acro-page .benefit-content h3{ font-size: 16px; }
  .acro-page .beginner-inner{ padding-block: 72px; }
  .acro-page .video-section{ padding-block: 80px 84px; }
  .acro-page .video-frame{ border-radius: 23px; }
  .acro-page .schedule-inner{ padding-block: 78px 82px; }
  .acro-page .schedule-card{ padding: 28px; }
  .acro-page .location-card{ padding: 28px; }
  .acro-page .faq-section{ padding-block: 78px 84px; }
  .acro-page .final-cta-content{ width: min(100% - 64px, 1160px); padding-block: 78px 82px; }
  
}

@media (min-width: 900px) {
  .acro-page .mobile-only{ display: none; }
  .acro-page{ padding-bottom: 0; }
  
  
  
  
  
  
  
  .acro-page .nav-cta{ display: inline-flex; align-items: center; gap: 8px; padding: 11px 16px; border-radius: 999px; background: var(--acro-lime); color: var(--acro-navy); font-size: 12px; font-weight: 900; }
  
  .acro-page .hero{ display: grid; grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr); align-items: center; gap: clamp(32px, 5vw, 68px); padding-block: 64px 78px; }
  .acro-page .hero-copy{ grid-column: 1; grid-row: 1; }
  .acro-page .hero-visual{ grid-column: 2; grid-row: 1; }
  .acro-page .hero-copy{ padding-block: 10px; }
  .acro-page .hero h1{ font-size: clamp(40px, 4.2vw, 61px); }
  .acro-page .hero-lead{ max-width: 470px; font-size: 14px; }
  .acro-page .hero-points{ gap: 7px; }
  .acro-page .hero-points span{ font-size: 10px; }
  .acro-page .hero-actions{ gap: 22px; }
  .acro-page .hero-visual > img{ aspect-ratio: 1.35 / 1; max-height: none; object-position: 50% 30%; border-radius: 30px; }
  .acro-page .hero-visual::before{ inset: 16px -12px -12px 16px; border-radius: 30px; }
  .acro-page .hero-stamp{ width: 178px; left: -20px; bottom: 24px; }
  .acro-page .hero-image-label{ top: 20px; right: 20px; }
  .acro-page .intro-band-inner{ display: flex; justify-content: center; align-items: center; gap: 30px; padding-block: 24px; }
  .acro-page .intro-en{ margin: 0; }
  .acro-page .intro-ja{ font-size: 20px; }
  .acro-page .section-heading{ margin-bottom: 36px; }
  .acro-page .section-heading h2, .acro-page .section-heading-left h2{ font-size: 38px; }
  .acro-page .section-heading > p:not(.section-kicker), .acro-page .section-heading-left > p:not(.section-kicker){ font-size: 14px; }
  .acro-page .benefit-grid{ gap: 22px; }
  .acro-page .benefit-image img{ height: 290px; }
  .acro-page .benefit-content{ padding: 22px 22px 25px; }
  .acro-page .benefit-content h3{ font-size: 18px; }
  .acro-page .benefit-content p{ font-size: 13px; }
  .acro-page .beginner-inner{ display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(300px, .88fr); align-items: center; gap: 80px; }
  .acro-page .beginner-copy{ max-width: 610px; }
  .acro-page .beginner-copy h2{ font-size: 42px; }
  .acro-page .beginner-copy > p:not(.section-kicker){ font-size: 14px; }
  .acro-page .beginner-checklist{ gap: 13px; }
  .acro-page .check-item{ padding: 18px 20px; }
  .acro-page .check-item strong{ font-size: 13px; }
  .acro-page .check-item small{ font-size: 11px; }
  .acro-page .video-frame{ max-width: 960px; margin-inline: auto; }
  .acro-page .video-caption{ font-size: 13px; }
  .acro-page .info-layout{ grid-template-columns: minmax(0, 1fr) minmax(0, .9fr); gap: 22px; align-items: stretch; }
  .acro-page .schedule-card{ display: flex; flex-direction: column; }
  .acro-page .schedule-card .button-full{ margin-top: auto; }
  .acro-page .schedule-time{ font-size: 42px; }
  .acro-page .price-row strong{ font-size: 30px; }
  .acro-page .location-card{ display: flex; flex-direction: column; }
  .acro-page .location-note{ margin-top: auto; }
  .acro-page .faq-list summary{ font-size: 14px; }
  .acro-page .faq-list details p{ font-size: 13px; }
  .acro-page .final-cta-decoration{ right: 3%; top: -5px; }
  
  
  .acro-page .mobile-booking-bar{ display: none; }
}

@media (min-width: 1200px) {
  .acro-page .hero{ padding-block: 76px 90px; }
  .acro-page .hero h1{ font-size: 62px; }
  .acro-page .hero-visual > img{ aspect-ratio: 1.4 / 1; }
  .acro-page .benefits{ padding-block: 92px 84px; }
  .acro-page .benefit-image img{ height: 320px; }
  .acro-page .beginner-inner{ padding-block: 88px; }
}

@media (prefers-reduced-motion: reduce) {
  
  .acro-page, .acro-page *, .acro-page *::before, .acro-page *::after{ transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}


@media (max-width: 360px) {
  
  
  
  
  
  
}