/* ===== ALARM GUIDE PAGE BASE ===== */

.tr-body--alarm {
  background: radial-gradient(circle at top, #261c68 0, #050516 52%, #02020e 100%);
}

/* ограничим ширину картинок на странице (ни одна не больше 350px) */
.ag-hero__photo .tr-img,
.ag-rhythm__image .tr-img,
.ag-stage__image .tr-img {
  max-width: 320px;
}

/* ===== SECTION 1: ALARM GUIDE HERO ===== */

.ag-hero {
  padding-top: 4.8rem;
  padding-bottom: 4.4rem;
}

.ag-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1.4fr);
  gap: 3.4rem;
  align-items: center;
}

.ag-hero__title {
  margin: 0 0 1rem;
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-weight: 600;
  font-size: clamp(1.9rem, 2.2vw + 1.4rem, 2.5rem);
  letter-spacing: 0.04em;
}

.ag-hero__lead {
  margin: 0 0 1.5rem;
  font-size: 0.96rem;
  line-height: 1.7;
  color: var(--tr-color-text-soft);
  max-width: 34rem;
}

.ag-hero__pills {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-bottom: 0.7rem;
}

.ag-pill {
  padding: 0.22rem 0.9rem;
  border-radius: var(--tr-radius-pill);
  border: 1px solid var(--tr-color-border-subtle);
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: var(--tr-color-text-soft);
  background: rgba(8, 10, 40, 0.9);
}

.ag-pill--soft {
  border-color: rgba(255, 200, 210, 0.7);
}

.ag-pill--steady {
  border-color: rgba(245, 196, 81, 0.8);
}

.ag-pill--travel {
  border-color: rgba(80, 245, 210, 0.8);
}

.ag-hero__hint {
  margin: 0;
  font-size: 0.84rem;
  color: var(--tr-color-text-muted);
}

.ag-hero__gallery {
  position: relative;
  min-height: 320px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ag-hero__halo {
  position: absolute;
  border-radius: 999px;
  border: 1px dashed rgba(168, 176, 255, 0.5);
  inset: 14%;
  transform-origin: center;
}

.ag-hero__halo--outer {
  animation: ag-orbit 32s linear infinite;
  opacity: 0.5;
}

.ag-hero__halo--inner {
  inset: 26%;
  animation: ag-orbit-rev 40s linear infinite;
  opacity: 0.9;
}

.ag-hero__photo {
  position: absolute;
  border-radius: var(--tr-radius-lg);
  box-shadow: var(--tr-shadow-subtle);
  transition:
    transform 220ms ease-out,
    box-shadow 220ms ease-out,
    filter 220ms ease-out;
}

.ag-hero__photo--main {
  position: relative;
  z-index: 3;
}

.ag-hero__photo--pair {
  right: -8%;
  top: -12%;
  z-index: 2;
  transform: translateY(6px);
}

.ag-hero__photo--travel {
  left: -6%;
  bottom: -12%;
  z-index: 2;
  transform: translateY(4px);
}

.ag-hero__photo--digital {
  right: -10%;
  bottom: -18%;
  z-index: 1;
  transform: translateY(8px);
}

.ag-hero__photo--main .tr-img {
  max-width: 290px;
}

.ag-hero__photo--pair .tr-img,
.ag-hero__photo--travel .tr-img,
.ag-hero__photo--digital .tr-img {
  max-width: 230px;
}

.ag-hero__photo:hover {
  transform: translateY(-6px) scale(1.03);
  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.9);
  filter: saturate(1.06);
}

/* ===== SECTION 2: MORNING RHYTHMS ===== */

.ag-rhythm {
  padding-top: 4.4rem;
  padding-bottom: 4.4rem;
}

.ag-rhythm__head {
  max-width: 640px;
  margin-bottom: 1.9rem;
}

.ag-rhythm__title {
  margin: 0 0 0.9rem;
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-weight: 600;
  font-size: 1.5rem;
  letter-spacing: 0.03em;
}

.ag-rhythm__text {
  margin: 0;
  font-size: 0.94rem;
  line-height: 1.7;
  color: var(--tr-color-text-soft);
}

.ag-rhythm__strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.4rem;
}

.ag-rhythm__card {
  position: relative;
  padding: 1rem 1rem 1.2rem;
  border-radius: var(--tr-radius-lg);
  border: 1px solid var(--tr-color-border-subtle);
  background: radial-gradient(circle at top, rgba(24, 28, 86, 0.95), rgba(5, 5, 21, 0.98));
  box-shadow: var(--tr-shadow-subtle);
  overflow: hidden;
  transform-origin: center;
  transition:
    transform 220ms ease-out,
    box-shadow 220ms ease-out,
    border-color 220ms ease-out;
}

.ag-rhythm__card::before {
  content: "";
  position: absolute;
  inset-inline: -20%;
  top: -45%;
  height: 60%;
  opacity: 0.7;
}

.ag-rhythm__card--weekday::before {
  background: linear-gradient(
    90deg,
    rgba(168, 176, 255, 0.2),
    rgba(80, 245, 210, 0.25)
  );
}

.ag-rhythm__card--weekend::before {
  background: linear-gradient(
    90deg,
    rgba(255, 200, 210, 0.25),
    rgba(245, 196, 81, 0.25)
  );
}

.ag-rhythm__card--travel::before {
  background: linear-gradient(
    90deg,
    rgba(80, 245, 210, 0.25),
    rgba(255, 122, 155, 0.25)
  );
}

.ag-rhythm__card-title {
  position: relative;
  margin: 0 0 0.3rem;
  font-size: 0.96rem;
  font-weight: 500;
}

.ag-rhythm__card-text {
  position: relative;
  margin: 0 0 0.6rem;
  font-size: 0.88rem;
  line-height: 1.7;
  color: var(--tr-color-text-soft);
}

.ag-rhythm__image {
  position: relative;
  z-index: 1;
}

.ag-rhythm__image .tr-img {
  max-width: 260px;
}

.ag-rhythm__card:hover {
  transform: translateY(-6px);
  box-shadow: 0 26px 65px rgba(0, 0, 0, 0.9);
  border-color: rgba(245, 196, 81, 0.7);
}

/* ===== SECTION 3: STAGES OF WAKING UP ===== */

.ag-stages {
  padding-top: 4.4rem;
  padding-bottom: 4.8rem;
}

.ag-stages__head {
  max-width: 640px;
  margin-bottom: 1.9rem;
}

.ag-stages__title {
  margin: 0 0 0.9rem;
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-weight: 600;
  font-size: 1.5rem;
  letter-spacing: 0.03em;
}

.ag-stages__text {
  margin: 0;
  font-size: 0.94rem;
  line-height: 1.7;
  color: var(--tr-color-text-soft);
}

.ag-stages__cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.4rem;
  margin-top: 1.8rem;
}

.ag-stage {
  position: relative;
  padding: 1rem 1rem 1.2rem;
  border-radius: var(--tr-radius-lg);
  border: 1px solid var(--tr-color-border-subtle);
  background: linear-gradient(
    135deg,
    rgba(24, 28, 86, 0.92),
    rgba(5, 5, 21, 0.98)
  );
  box-shadow: var(--tr-shadow-subtle);
  overflow: hidden;
  transform-origin: center;
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1.1fr);
  gap: 0.8rem;
}

.ag-stage__title {
  margin: 0 0 0.3rem;
  font-size: 0.96rem;
  font-weight: 500;
}

.ag-stage__body {
  margin: 0;
  font-size: 0.88rem;
  line-height: 1.7;
  color: var(--tr-color-text-soft);
}

.ag-stage__image {
  justify-self: center;
}

.ag-stage__image .tr-img {
  max-width: 230px;
}

.ag-stage:hover {
  transform: translateY(-6px);
  box-shadow: 0 26px 65px rgba(0, 0, 0, 0.9);
  border-color: rgba(80, 245, 210, 0.75);
}

/* ===== ANIMATIONS ===== */

@keyframes ag-orbit {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes ag-orbit-rev {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}

/* ===== RESPONSIVE ===== */

@media (max-width: 1024px) {
  .ag-hero__grid {
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1.3fr);
    gap: 2.6rem;
  }

  .ag-stages__cards {
    gap: 1.2rem;
  }
}

@media (max-width: 880px) {
  .ag-hero__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .ag-hero__gallery {
    order: -1;
    min-height: 280px;
  }

  .ag-hero__photo--pair {
    right: -2%;
  }

  .ag-hero__photo--travel {
    left: -2%;
  }

  .ag-hero__photo--digital {
    right: -4%;
  }

  .ag-rhythm__strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

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

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

@media (max-width: 640px) {
  .ag-rhythm__strip {
    grid-template-columns: minmax(0, 1fr);
  }

  .ag-hero {
    padding-top: 3.8rem;
    padding-bottom: 3.6rem;
  }
}

@media (max-width: 480px) {
  .ag-hero,
  .ag-rhythm,
  .ag-stages {
    padding-top: 3.2rem;
    padding-bottom: 3.4rem;
  }

  .ag-hero__title,
  .ag-rhythm__title,
  .ag-stages__title {
    font-size: 1.35rem;
  }

  .ag-hero__photo .tr-img,
  .ag-rhythm__image .tr-img,
  .ag-stage__image .tr-img {
    max-width: 220px;
  }
}
/* ===== SECTION 4: SOUND SHAPES ===== */

.ag-sound {
  padding-top: 4.4rem;
  padding-bottom: 4.4rem;
}

.ag-sound__wrap {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1.4fr);
  gap: 3rem;
  align-items: center;
}

.ag-sound__title {
  margin: 0 0 0.9rem;
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-weight: 600;
  font-size: 1.5rem;
  letter-spacing: 0.03em;
}

.ag-sound__lead {
  margin: 0 0 1.1rem;
  font-size: 0.94rem;
  line-height: 1.7;
  color: var(--tr-color-text-soft);
}

.ag-sound__list {
  display: grid;
  gap: 0.8rem;
}

.ag-sound__item {
  padding: 0.8rem 1rem 0.9rem;
  border-radius: var(--tr-radius-lg);
  border: 1px dashed var(--tr-color-border-subtle);
  background: radial-gradient(circle at top left, rgba(80, 245, 210, 0.16), rgba(5, 5, 21, 0.98));
}

.ag-sound__item-title {
  margin: 0 0 0.3rem;
  font-size: 0.96rem;
  font-weight: 500;
}

.ag-sound__item-text {
  margin: 0;
  font-size: 0.88rem;
  line-height: 1.7;
  color: var(--tr-color-text-soft);
}

.ag-sound__visual {
  position: relative;
  min-height: 260px;
}

.ag-sound__image {
  position: absolute;
  border-radius: var(--tr-radius-lg);
  box-shadow: var(--tr-shadow-subtle);
  transition:
    transform 220ms ease-out,
    box-shadow 220ms ease-out,
    filter 220ms ease-out;
}

.ag-sound__image--bedroom {
  position: relative;
  z-index: 2;
  transform: rotate(-2deg);
}

.ag-sound__image--kitchen {
  right: -6%;
  bottom: -14%;
  z-index: 1;
  transform: rotate(3deg);
}

.ag-sound__image .tr-img {
  max-width: 260px;
}

.ag-sound__image:hover {
  transform: translateY(-6px) scale(1.03);
  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.9);
  filter: saturate(1.06);
}

.ag-sound__glow {
  position: absolute;
  inset: 10% 14%;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(80, 245, 210, 0.18), transparent 70%);
  filter: blur(6px);
  opacity: 0.8;
}

/* ===== SECTION 5: DISTANCE & PLACEMENT ===== */

.ag-distance {
  padding-top: 4.4rem;
  padding-bottom: 4.4rem;
}

.ag-distance__wrap {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1.4fr);
  gap: 3rem;
  align-items: center;
}

.ag-distance__title {
  margin: 0 0 0.9rem;
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-weight: 600;
  font-size: 1.5rem;
  letter-spacing: 0.03em;
}

.ag-distance__lead {
  margin: 0 0 1.1rem;
  font-size: 0.94rem;
  line-height: 1.7;
  color: var(--tr-color-text-soft);
}

.ag-distance__list {
  margin: 0;
  padding-left: 1.1rem;
  font-size: 0.9rem;
  line-height: 1.7;
  color: var(--tr-color-text-soft);
}

.ag-distance__item + .ag-distance__item {
  margin-top: 0.35rem;
}

.ag-distance__gallery {
  position: relative;
  min-height: 260px;
}

.ag-distance__image {
  position: absolute;
  border-radius: var(--tr-radius-lg);
  box-shadow: var(--tr-shadow-subtle);
  transition:
    transform 220ms ease-out,
    box-shadow 220ms ease-out,
}

.ag-distance__image--near {
  position: relative;
  z-index: 2;
  transform: rotate(-2deg);
}

.ag-distance__image--far {
  right: -6%;
  bottom: -14%;
  z-index: 1;
  transform: rotate(3deg);
}

.ag-distance__image .tr-img {
  max-width: 260px;
}

.ag-distance__image:hover {
  transform: translateY(-6px) scale(1.03);
  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.9);
  filter: saturate(1.06);
}

/* ===== SECTION 6: ALARM TYPES LANE ===== */

.ag-types {
  padding-top: 4.4rem;
  padding-bottom: 4.8rem;
}

.ag-types__head {
  max-width: 640px;
  margin-bottom: 1.9rem;
}

.ag-types__title {
  margin: 0 0 0.9rem;
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-weight: 600;
  font-size: 1.5rem;
  letter-spacing: 0.03em;
}

.ag-types__text {
  margin: 0;
  font-size: 0.94rem;
  line-height: 1.7;
  color: var(--tr-color-text-soft);
}

.ag-types__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.4rem;
}

.ag-type {
  position: relative;
  padding: 1rem 1rem 1.2rem;
  border-radius: var(--tr-radius-lg);
  border: 1px solid var(--tr-color-border-subtle);
  background: linear-gradient(
    135deg,
    rgba(24, 28, 86, 0.92),
    rgba(5, 5, 21, 0.98)
  );
  box-shadow: var(--tr-shadow-subtle);
  overflow: hidden;
  transform-origin: center;
  transition:
    transform 220ms ease-out,
    box-shadow 220ms ease-out,
    border-color 220ms ease-out;
}

.ag-type__title {
  margin: 0 0 0.3rem;
  font-size: 0.96rem;
  font-weight: 500;
}

.ag-type__note {
  margin: 0 0 0.6rem;
  font-size: 0.88rem;
  line-height: 1.7;
  color: var(--tr-color-text-soft);
}

.ag-type__image {
  position: relative;
  z-index: 1;
}

.ag-type__image .tr-img {
  max-width: 230px;
}

.ag-type:hover {
  transform: translateY(-6px);
  box-shadow: 0 26px 65px rgba(0, 0, 0, 0.9);
  border-color: rgba(245, 196, 81, 0.7);
}
.ag-hero__photo .tr-img,
.ag-rhythm__image .tr-img,
.ag-stage__image .tr-img,
.ag-sound__image .tr-img,
.ag-distance__image .tr-img,
.ag-type__image .tr-img {
  max-width: 320px;
}
  .ag-sound__wrap,
  .ag-distance__wrap {
    grid-template-columns: minmax(0, 1fr);
  }

  .ag-sound__visual,
  .ag-distance__gallery {
    order: -1;
    min-height: 230px;
  }

  .ag-types__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ag-sound,
  .ag-distance,
  .ag-types {
    padding-top: 3.2rem;
    padding-bottom: 3.4rem;
  }

  .ag-sound__title,
  .ag-distance__title,
  .ag-types__title {
    font-size: 1.35rem;
  }

  .ag-sound__image .tr-img,
  .ag-distance__image .tr-img,
  .ag-type__image .tr-img {
    max-width: 220px;
  }
.ag-hero__photo .tr-img,
.ag-rhythm__image .tr-img,
.ag-stage__image .tr-img,
.ag-sound__image .tr-img,
.ag-distance__image .tr-img,
.ag-type__image .tr-img,
.ag-snooze__image .tr-img,
.ag-house__image .tr-img {
  max-width: 320px;
}
/* ===== SECTION 7: SNOOZE PATTERNS ===== */

.ag-snooze {
  padding-top: 4.4rem;
  padding-bottom: 4.4rem;
}

.ag-snooze__wrap {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1.4fr);
  gap: 3rem;
  align-items: center;
}

.ag-snooze__title {
  margin: 0 0 0.9rem;
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-weight: 600;
  font-size: 1.5rem;
  letter-spacing: 0.03em;
}

.ag-snooze__lead {
  margin: 0 0 1.1rem;
  font-size: 0.94rem;
  line-height: 1.7;
  color: var(--tr-color-text-soft);
}

.ag-snooze__steps {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.7rem;
}

.ag-snooze__step {
  position: relative;
  padding: 0.6rem 0.9rem 0.6rem 1.8rem;
  border-radius: var(--tr-radius-lg);
  border: 1px dashed var(--tr-color-border-subtle);
  background: radial-gradient(circle at left, rgba(255, 200, 210, 0.18), rgba(5, 5, 21, 0.98));
}

.ag-snooze__step::before {
  content: "";
  position: absolute;
  left: 0.7rem;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: radial-gradient(circle, var(--tr-color-accent-warm) 0, transparent 60%);
  box-shadow: 0 0 18px rgba(245, 196, 81, 0.8);
}

.ag-snooze__label {
  display: block;
  font-size: 0.9rem;
  font-weight: 500;
}

.ag-snooze__note {
  display: block;
  margin-top: 0.1rem;
  font-size: 0.84rem;
  color: var(--tr-color-text-soft);
}

.ag-snooze__visual {
  position: relative;
  min-height: 260px;
}

.ag-snooze__image {
  position: absolute;
  border-radius: var(--tr-radius-lg);
  box-shadow: var(--tr-shadow-subtle);
  transition:
    transform 220ms ease-out,
    box-shadow 220ms ease-out,
    filter 220ms ease-out;
}

.ag-snooze__image--pillow {
  position: relative;
  z-index: 2;
  transform: rotate(-2deg);
}

.ag-snooze__image--cluster {
  right: -6%;
  bottom: -14%;
  z-index: 1;
  transform: rotate(3deg);
}

.ag-snooze__image .tr-img {
  max-width: 260px;
}

.ag-snooze__image:hover {
  transform: translateY(-6px) scale(1.03);
  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.9);
  filter: saturate(1.06);
}

.ag-snooze__glow {
  position: absolute;
  inset: 10% 14%;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(255, 200, 210, 0.2), transparent 70%);
  filter: blur(6px);
  opacity: 0.8;
}

/* ===== SECTION 8: HOUSEHOLD MIXES ===== */

.ag-households {
  padding-top: 4.4rem;
  padding-bottom: 4.4rem;
}

.ag-households__head {
  max-width: 640px;
  margin-bottom: 1.9rem;
}

.ag-households__title {
  margin: 0 0 0.9rem;
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-weight: 600;
  font-size: 1.5rem;
  letter-spacing: 0.03em;
}

.ag-households__text {
  margin: 0;
  font-size: 0.94rem;
  line-height: 1.7;
  color: var(--tr-color-text-soft);
}

.ag-households__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.4rem;
}

.ag-house {
  position: relative;
  padding: 1rem 1rem 1.2rem;
  border-radius: var(--tr-radius-lg);
  border: 1px solid var(--tr-color-border-subtle);
  background: linear-gradient(
    135deg,
    rgba(24, 28, 86, 0.92),
    rgba(5, 5, 21, 0.98)
  );
  box-shadow: var(--tr-shadow-subtle);
  overflow: hidden;
  transform-origin: center;
  transition:
    transform 220ms ease-out,
    border-color 220ms ease-out;
}

.ag-house__image {
  margin-bottom: 0.6rem;
}

.ag-house__image .tr-img {
  max-width: 260px;
}

.ag-house__title {
  margin: 0 0 0.3rem;
  font-size: 0.96rem;
  font-weight: 500;
}

.ag-house__note {
  margin: 0;
  font-size: 0.88rem;
  line-height: 1.7;
  color: var(--tr-color-text-soft);
}

.ag-house:hover {
  transform: translateY(-6px);
  box-shadow: 0 26px 65px rgba(0, 0, 0, 0.9);
  border-color: rgba(80, 245, 210, 0.75);
}

/* ===== SECTION 9: WIND-DOWN & NIGHT PREP ===== */

.ag-routines {
  padding-top: 4.4rem;
  padding-bottom: 4.8rem;
}

.ag-routines__head {
  max-width: 640px;
  margin-bottom: 1.9rem;
}

.ag-routines__title {
  margin: 0 0 0.9rem;
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-weight: 600;
  font-size: 1.5rem;
  letter-spacing: 0.03em;
}

.ag-routines__text {
  margin: 0;
  font-size: 0.94rem;
  line-height: 1.7;
  color: var(--tr-color-text-soft);
}

.ag-routines__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.2rem;
  margin-top: 1.6rem;
  margin-bottom: 1rem;
}

.ag-routine {
  padding: 0.9rem 1rem 1rem;
  border-radius: var(--tr-radius-lg);
  border: 1px dashed var(--tr-color-border-subtle);
  background: radial-gradient(circle at top left, rgba(80, 245, 210, 0.16), rgba(5, 5, 21, 0.98));
}

.ag-routine__title {
  margin: 0 0 0.3rem;
  font-size: 0.96rem;
  font-weight: 500;
}

.ag-routine__body {
  margin: 0;
  font-size: 0.88rem;
  line-height: 1.7;
  color: var(--tr-color-text-soft);
}

.ag-routines__footnote {
  margin: 0;
  font-size: 0.86rem;
  line-height: 1.7;
  color: var(--tr-color-text-muted);
}
  .ag-snooze__wrap {
    grid-template-columns: minmax(0, 1fr);
  }

  .ag-snooze__visual {
    order: -1;
    min-height: 230px;
  }

  .ag-households__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ag-routines__grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .ag-snooze,
  .ag-households,
  .ag-routines {
    padding-top: 3.2rem;
    padding-bottom: 3.4rem;
  }

  .ag-snooze__title,
  .ag-households__title,
  .ag-routines__title {
    font-size: 1.35rem;
  }
.ag-hero__photo .tr-img,
.ag-rhythm__image .tr-img,
.ag-stage__image .tr-img,
.ag-sound__image .tr-img,
.ag-distance__image .tr-img,
.ag-type__image .tr-img,
.ag-snooze__image .tr-img,
.ag-house__image .tr-img,
.ag-bedside__image .tr-img,
.ag-travel__image .tr-img {
  max-width: 320px;
}
/* ===== SECTION 10: BEDSIDE LAYOUTS ===== */

.ag-bedside {
  padding-top: 4.4rem;
  padding-bottom: 4.4rem;
}

.ag-bedside__wrap {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1.4fr);
  gap: 3rem;
  align-items: center;
}

.ag-bedside__title {
  margin: 0 0 0.9rem;
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-weight: 600;
  font-size: 1.5rem;
  letter-spacing: 0.03em;
}

.ag-bedside__lead {
  margin: 0 0 1.1rem;
  font-size: 0.94rem;
  line-height: 1.7;
  color: var(--tr-color-text-soft);
}

.ag-bedside__list {
  display: grid;
  gap: 0.8rem;
}

.ag-bedside__item {
  padding: 0.8rem 1rem 0.9rem;
  border-radius: var(--tr-radius-lg);
  border: 1px dashed var(--tr-color-border-subtle);
  background: radial-gradient(circle at top left, rgba(80, 245, 210, 0.16), rgba(5, 5, 21, 0.98));
}

.ag-bedside__item-title {
  margin: 0 0 0.3rem;
  font-size: 0.96rem;
  font-weight: 500;
}

.ag-bedside__item-text {
  margin: 0;
  font-size: 0.88rem;
  line-height: 1.7;
  color: var(--tr-color-text-soft);
}

.ag-bedside__visual {
  position: relative;
  min-height: 260px;
}

.ag-bedside__image {
  position: absolute;
  border-radius: var(--tr-radius-lg);
  box-shadow: var(--tr-shadow-subtle);
  transition:
    transform 220ms ease-out,
    box-shadow 220ms ease-out,
    filter 220ms ease-out;
}

.ag-bedside__image--stack {
  position: relative;
  z-index: 2;
  transform: rotate(-2deg);
}

.ag-bedside__image--wide {
  right: -6%;
  bottom: -14%;
  z-index: 1;
  transform: rotate(3deg);
}

.ag-bedside__image .tr-img {
  max-width: 260px;
}

.ag-bedside__image:hover {
  transform: translateY(-6px) scale(1.03);
  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.9);
  filter: saturate(1.06);
}

/* ===== SECTION 11: TRAVEL & BACKUP ALARMS ===== */

.ag-travel {
  padding-top: 4.4rem;
  padding-bottom: 4.4rem;
}

.ag-travel__wrap {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1.6fr);
  gap: 3rem;
  align-items: center;
}

.ag-travel__visual {
  position: relative;
  min-height: 260px;
}

.ag-travel__image {
  position: absolute;
  border-radius: var(--tr-radius-lg);
  box-shadow: var(--tr-shadow-subtle);
  transition:
    transform 220ms ease-out,
    box-shadow 220ms ease-out,
    filter 220ms ease-out;
}

.ag-travel__image--flatlay {
  position: relative;
  z-index: 2;
  transform: rotate(-2deg);
}

.ag-travel__image--hotel {
  right: -6%;
  bottom: -14%;
  z-index: 1;
  transform: rotate(3deg);
}

.ag-travel__image .tr-img {
  max-width: 260px;
}

.ag-travel__image:hover {
  transform: translateY(-6px) scale(1.03);
  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.9);
  filter: saturate(1.06);
}

.ag-travel__title {
  margin: 0 0 0.9rem;
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-weight: 600;
  font-size: 1.5rem;
  letter-spacing: 0.03em;
}

.ag-travel__lead {
  margin: 0 0 1.1rem;
  font-size: 0.94rem;
  line-height: 1.7;
  color: var(--tr-color-text-soft);
}

.ag-travel__list {
  margin: 0 0 0.8rem;
  padding-left: 1.1rem;
  font-size: 0.9rem;
  line-height: 1.7;
  color: var(--tr-color-text-soft);
}

.ag-travel__item + .ag-travel__item {
  margin-top: 0.35rem;
}

.ag-travel__note {
  margin: 0;
  font-size: 0.86rem;
  line-height: 1.7;
  color: var(--tr-color-text-muted);
}

/* ===== SECTION 12: CHECKLIST BEFORE YOU CHOOSE ===== */

.ag-checklist {
  padding-top: 4.4rem;
  padding-bottom: 4.8rem;
}

.ag-checklist__head {
  max-width: 640px;
  margin-bottom: 1.9rem;
}

.ag-checklist__title {
  margin: 0 0 0.9rem;
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-weight: 600;
  font-size: 1.5rem;
  letter-spacing: 0.03em;
}

.ag-checklist__text {
  margin: 0;
  font-size: 0.94rem;
  line-height: 1.7;
  color: var(--tr-color-text-soft);
}

.ag-checklist__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.2rem;
  margin-top: 1.6rem;
  margin-bottom: 1rem;
}

.ag-check {
  padding: 0.9rem 1rem 1rem;
  border-radius: var(--tr-radius-lg);
  border: 1px dashed var(--tr-color-border-subtle);
  background: radial-gradient(circle at top left, rgba(80, 245, 210, 0.16), rgba(5, 5, 21, 0.98));
}

.ag-check__title {
  margin: 0 0 0.3rem;
  font-size: 0.96rem;
  font-weight: 500;
}

.ag-check__body {
  margin: 0;
  font-size: 0.88rem;
  line-height: 1.7;
  color: var(--tr-color-text-soft);
}

.ag-checklist__footnote {
  margin: 0;
  font-size: 0.86rem;
  line-height: 1.7;
  color: var(--tr-color-text-muted);
}
  .ag-bedside__wrap,
  .ag-travel__wrap {
    grid-template-columns: minmax(0, 1fr);
  }

  .ag-bedside__visual,
  .ag-travel__visual {
    order: -1;
    min-height: 230px;
  }

  .ag-checklist__grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .ag-bedside,
  .ag-travel,
  .ag-checklist {
    padding-top: 3.2rem;
    padding-bottom: 3.4rem;
  }

  .ag-bedside__title,
  .ag-travel__title,
  .ag-checklist__title {
    font-size: 1.35rem;
  }

  .ag-bedside__image .tr-img,
  .ag-travel__image .tr-img {
    max-width: 220px;
  }
.ag-hero__photo .tr-img,
.ag-rhythm__image .tr-img,
.ag-stage__image .tr-img,
.ag-sound__image .tr-img,
.ag-distance__image .tr-img,
.ag-type__image .tr-img,
.ag-snooze__image .tr-img,
.ag-house__image .tr-img,
.ag-bedside__image .tr-img,
.ag-travel__image .tr-img,
.ag-noise__image .tr-img,
.ag-safety__image .tr-img,
.ag-age__image .tr-img {
  max-width: 320px;
}
/* ===== SECTION 13: NIGHT NOISE MAP ===== */

.ag-noise {
  padding-top: 4.4rem;
  padding-bottom: 4.4rem;
}

.ag-noise__wrap {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1.4fr);
  gap: 3rem;
  align-items: center;
}

.ag-noise__title {
  margin: 0 0 0.9rem;
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-weight: 600;
  font-size: 1.5rem;
  letter-spacing: 0.03em;
}

.ag-noise__lead {
  margin: 0 0 1.1rem;
  font-size: 0.94rem;
  line-height: 1.7;
  color: var(--tr-color-text-soft);
}

.ag-noise__list {
  margin: 0;
  padding-left: 1.1rem;
  font-size: 0.9rem;
  line-height: 1.7;
  color: var(--tr-color-text-soft);
}

.ag-noise__item + .ag-noise__item {
  margin-top: 0.35rem;
}

.ag-noise__panel {
  position: relative;
  min-height: 260px;
}

.ag-noise__scale {
  position: absolute;
  left: 0;
  top: 10%;
  bottom: 10%;
  width: 3.2rem;
  border-radius: 999px;
  background: linear-gradient(
    180deg,
    rgba(80, 245, 210, 0.25),
    rgba(245, 196, 81, 0.3),
    rgba(255, 122, 155, 0.3)
  );
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.4rem 0.4rem 0.4rem 0.6rem;
}

.ag-noise__level {
  font-size: 0.7rem;
  font-family: "Space Grotesk", system-ui, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: rgba(7, 8, 35, 0.9);
}

.ag-noise__image {
  position: absolute;
  border-radius: var(--tr-radius-lg);
  box-shadow: var(--tr-shadow-subtle);
  transition:
    transform 220ms ease-out,
    box-shadow 220ms ease-out,
    filter 220ms ease-out;
}

.ag-noise__image--apartment {
  position: relative;
  z-index: 3;
  left: 3.4rem;
  top: -2%;
  transform: rotate(-3deg);
}

.ag-noise__image--house {
  right: -6%;
  top: 30%;
  z-index: 2;
  transform: rotate(2deg);
}

.ag-noise__image--shared {
  left: 10%;
  bottom: -16%;
  z-index: 1;
  transform: rotate(-4deg);
}

.ag-noise__image .tr-img {
  max-width: 260px;
}

.ag-noise__image:hover {
  transform: translateY(-6px) scale(1.03);
  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.9);
  filter: saturate(1.06);
}

.ag-noise__glow {
  position: absolute;
  inset: 8% 14%;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(80, 245, 210, 0.18), transparent 70%);
  filter: blur(7px);
  opacity: 0.8;
}

/* ===== SECTION 14: SAFETY & BACKUP HABITS ===== */

.ag-safety {
  padding-top: 4.4rem;
  padding-bottom: 4.4rem;
}

.ag-safety__wrap {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1.4fr);
  gap: 3rem;
  align-items: center;
}

.ag-safety__title {
  margin: 0 0 0.9rem;
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-weight: 600;
  font-size: 1.5rem;
  letter-spacing: 0.03em;
}

.ag-safety__lead {
  margin: 0 0 1.1rem;
  font-size: 0.94rem;
  line-height: 1.7;
  color: var(--tr-color-text-soft);
}

.ag-safety__points {
  display: grid;
  gap: 0.8rem;
  margin-bottom: 0.8rem;
}

.ag-safety__point {
  padding: 0.8rem 1rem 0.9rem;
  border-radius: var(--tr-radius-lg);
  border: 1px dashed var(--tr-color-border-subtle);
  background: radial-gradient(circle at top left, rgba(80, 245, 210, 0.16), rgba(5, 5, 21, 0.98));
}

.ag-safety__point-title {
  margin: 0 0 0.3rem;
  font-size: 0.96rem;
  font-weight: 500;
}

.ag-safety__point-text {
  margin: 0;
  font-size: 0.88rem;
  line-height: 1.7;
  color: var(--tr-color-text-soft);
}

.ag-safety__note {
  margin: 0;
  font-size: 0.86rem;
  line-height: 1.7;
  color: var(--tr-color-text-muted);
}

.ag-safety__gallery {
  position: relative;
  min-height: 260px;
}

.ag-safety__image {
  position: absolute;
  border-radius: var(--tr-radius-lg);
  box-shadow: var(--tr-shadow-subtle);
  transition:
    transform 220ms ease-out,
    box-shadow 220ms ease-out,
    filter 220ms ease-out;
}

.ag-safety__image--drawer {
  position: relative;
  z-index: 2;
  transform: rotate(-2deg);
}

.ag-safety__image--analog {
  right: -6%;
  bottom: -14%;
  z-index: 1;
  transform: rotate(3deg);
}

.ag-safety__image .tr-img {
  max-width: 260px;
}

.ag-safety__image:hover {
  transform: translateY(-6px) scale(1.03);
  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.9);
  filter: saturate(1.06);
}

/* ===== SECTION 15: AGE & MORNING STYLE ===== */

.ag-ages {
  padding-top: 4.4rem;
  padding-bottom: 4.8rem;
}

.ag-ages__head {
  max-width: 640px;
  margin-bottom: 1.9rem;
}

.ag-ages__title {
  margin: 0 0 0.9rem;
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-weight: 600;
  font-size: 1.5rem;
  letter-spacing: 0.03em;
}

.ag-ages__text {
  margin: 0;
  font-size: 0.94rem;
  line-height: 1.7;
  color: var(--tr-color-text-soft);
}

.ag-ages__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.4rem;
  margin-bottom: 1rem;
}

.ag-age {
  position: relative;
  padding: 1rem 1rem 1.2rem;
  border-radius: var(--tr-radius-lg);
  border: 1px solid var(--tr-color-border-subtle);
  background: linear-gradient(
    135deg,
    rgba(24, 28, 86, 0.92),
    rgba(5, 5, 21, 0.98)
  );
  box-shadow: var(--tr-shadow-subtle);
  overflow: hidden;
  transform-origin: center;
  transition:
    transform 220ms ease-out,
    box-shadow 220ms ease-out,
    border-color 220ms ease-out;
}

.ag-age__image {
  margin-bottom: 0.6rem;
}

.ag-age__image .tr-img {
  max-width: 260px;
}

.ag-age__title {
  margin: 0 0 0.3rem;
  font-size: 0.96rem;
  font-weight: 500;
}

.ag-age__note {
  margin: 0;
  font-size: 0.88rem;
  line-height: 1.7;
  color: var(--tr-color-text-soft);
}

.ag-age:hover {
  transform: translateY(-6px);
  box-shadow: 0 26px 65px rgba(0, 0, 0, 0.9);
  border-color: rgba(245, 196, 81, 0.7);
}

.ag-ages__footnote {
  margin: 0;
  font-size: 0.86rem;
  line-height: 1.7;
  color: var(--tr-color-text-muted);
}
  .ag-noise__wrap,
  .ag-safety__wrap {
    grid-template-columns: minmax(0, 1fr);
  }

  .ag-noise__panel,
  .ag-safety__gallery {
    order: -1;
    min-height: 230px;
  }

  .ag-ages__grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .ag-noise,
  .ag-safety,
  .ag-ages {
    padding-top: 3.2rem;
    padding-bottom: 3.4rem;
  }

  .ag-noise__title,
  .ag-safety__title,
  .ag-ages__title {
    font-size: 1.35rem;
  }

  .ag-noise__image .tr-img,
  .ag-safety__image .tr-img,
  .ag-age__image .tr-img {
    max-width: 220px;
  }
.ag-hero__photo .tr-img,
.ag-rhythm__image .tr-img,
.ag-stage__image .tr-img,
.ag-sound__image .tr-img,
.ag-distance__image .tr-img,
.ag-type__image .tr-img,
.ag-snooze__image .tr-img,
.ag-house__image .tr-img,
.ag-bedside__image .tr-img,
.ag-travel__image .tr-img,
.ag-noise__image .tr-img,
.ag-safety__image .tr-img,
.ag-age__image .tr-img,
.ag-week__step-image .tr-img,
.ag-outro__image .tr-img {
  max-width: 320px;
}
/* ===== SECTION 16: ONE-WEEK ALARM EXPERIMENT ===== */

.ag-week {
  padding-top: 4.4rem;
  padding-bottom: 4.4rem;
}

.ag-week__head {
  max-width: 640px;
  margin-bottom: 1.9rem;
}

.ag-week__title {
  margin: 0 0 0.9rem;
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-weight: 600;
  font-size: 1.5rem;
  letter-spacing: 0.03em;
}

.ag-week__text {
  margin: 0;
  font-size: 0.94rem;
  line-height: 1.7;
  color: var(--tr-color-text-soft);
}

.ag-week__grid {
  margin-top: 1.8rem;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.4rem;
}

.ag-week__step {
  position: relative;
  padding: 1rem 1rem 1.2rem;
  border-radius: var(--tr-radius-lg);
  border: 1px solid var(--tr-color-border-subtle);
  background: linear-gradient(
    135deg,
    rgba(24, 28, 86, 0.94),
    rgba(5, 5, 21, 0.98)
  );
  box-shadow: var(--tr-shadow-subtle);
  overflow: hidden;
  transform-origin: center;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  gap: 0.6rem;
  transition:
    transform 220ms ease-out,
    box-shadow 220ms ease-out,
    border-color 220ms ease-out;
}

.ag-week__step-title {
  margin: 0 0 0.3rem;
  font-size: 0.96rem;
  font-weight: 500;
}

.ag-week__step-body {
  margin: 0;
  font-size: 0.88rem;
  line-height: 1.7;
  color: var(--tr-color-text-soft);
}

.ag-week__step-image {
  justify-self: flex-start;
}

.ag-week__step-image .tr-img {
  max-width: 230px;
}

.ag-week__step:hover {
  transform: translateY(-6px);
  box-shadow: 0 26px 65px rgba(0, 0, 0, 0.9);
  border-color: rgba(80, 245, 210, 0.75);
}

/* ===== SECTION 17: ALARM GUIDE OUTRO ===== */

.ag-outro {
  padding-top: 4.4rem;
  padding-bottom: 4.8rem;
}

.ag-outro__wrap {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1.4fr);
  gap: 3rem;
  align-items: center;
}

.ag-outro__title {
  margin: 0 0 0.9rem;
  font-family: "Space Grotesk", system-ui, sans-serif;
  font-weight: 600;
  font-size: 1.5rem;
  letter-spacing: 0.03em;
}

.ag-outro__lead {
  margin: 0 0 1.1rem;
  font-size: 0.94rem;
  line-height: 1.7;
  color: var(--tr-color-text-soft);
}

.ag-outro__columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.4rem;
  margin-bottom: 1rem;
}

.ag-outro__column-title {
  margin: 0 0 0.3rem;
  font-size: 0.96rem;
  font-weight: 500;
}

.ag-outro__column-text {
  margin: 0 0 0.4rem;
  font-size: 0.88rem;
  line-height: 1.7;
  color: var(--tr-color-text-soft);
}

.ag-outro__link-line {
  margin: 0;
}

.ag-outro__link {
  font-size: 0.86rem;
  font-family: "Space Grotesk", system-ui, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  text-decoration: none;
  color: var(--tr-color-accent);
  border-bottom: 1px solid rgba(80, 245, 210, 0.6);
  padding-bottom: 0.08rem;
  transition:
    color 180ms ease-out,
    border-color 180ms ease-out,
    transform 160ms ease-out;
}

.ag-outro__link:hover,
.ag-outro__link:focus-visible {
  color: var(--tr-color-text);
  border-color: rgba(245, 196, 81, 0.8);
  transform: translateY(-1px);
}

.ag-outro__footnote {
  margin: 0;
  font-size: 0.86rem;
  line-height: 1.7;
  color: var(--tr-color-text-muted);
  margin-top: 0.8rem;
}

.ag-outro__visual {
  position: relative;
  min-height: 260px;
}

.ag-outro__image {
  position: absolute;
  border-radius: var(--tr-radius-lg);
  box-shadow: var(--tr-shadow-subtle);
  transition:
    transform 220ms ease-out,
    box-shadow 220ms ease-out,
    filter 220ms ease-out;
}

.ag-outro__image--wall {
  position: relative;
  z-index: 3;
  transform: rotate(-3deg);
}

.ag-outro__image--bedside {
  right: -4%;
  top: 18%;
  z-index: 2;
  transform: rotate(2deg);
}

.ag-outro__image--entry {
  left: 6%;
  bottom: -16%;
  z-index: 1;
  transform: rotate(-4deg);
}

.ag-outro__image .tr-img {
  max-width: 260px;
}

.ag-outro__image:hover {
  transform: translateY(-6px) scale(1.03);
  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.9);
  filter: saturate(1.06);
}

.ag-outro__glow {
  position: absolute;
  inset: 10% 14%;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(255, 200, 210, 0.2), transparent 70%);
  filter: blur(7px);
  opacity: 0.8;
}
  .ag-week__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

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

  .ag-outro__visual {
    order: -1;
    min-height: 230px;
  }

  .ag-outro__columns {
    grid-template-columns: minmax(0, 1fr);
  }
  .ag-week,
  .ag-outro {
    padding-top: 3.2rem;
    padding-bottom: 3.4rem;
  }

  .ag-week__title,
  .ag-outro__title {
    font-size: 1.35rem;
  }

  .ag-week__step-image .tr-img,
  .ag-outro__image .tr-img {
    max-width: 220px;
  }