:root {
  --canvas: #ececef;
  --paper: #fff;
  --paper-soft: #f7f7f6;
  --ink: #111214;
  --muted: #66676c;
  --line: #e6e6e4;
  --blue: #1597e5;
  --cyan: #bcefff;
  --pink: #f5c8fb;
  --lime: #d9ff78;
  --content-width: 1240px;
  --content-gutter: 28px;
  --section-gap: 8px;
}

html,
body {
  background: var(--canvas);
}

body {
  color: var(--ink);
  font-size: 18px;
  letter-spacing: -0.006em;
}

.page {
  width: 100%;
  max-width: none;
}

.inner {
  width: min(var(--content-width), calc(100% - 56px));
}

main > section {
  margin-bottom: var(--section-gap);
  overflow: hidden;
  background: #fff;
}

.reveal {
  opacity: 1 !important;
  transform: none !important;
}

/* Small, restrained controls like the reference */
.topbar {
  height: 64px;
  padding-inline: max(24px, calc((100vw - var(--content-width)) / 2));
  border-bottom: 1px solid #ededeb;
  background: rgba(255, 255, 255, 0.97);
  box-shadow: none;
}

.brand {
  gap: 9px;
  font-size: 20px;
}

.brand img {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  box-shadow: none;
}

.nav {
  gap: 25px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-size: 15px;
}

.nav a {
  padding: 21px 0 19px;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.nav a:hover,
.nav a[aria-current="page"] {
  color: var(--ink);
  border-bottom: 1px solid var(--ink);
  background: transparent;
  box-shadow: none;
}

.nav-actions {
  font-size: 14px;
}

.nav-actions .signup {
  padding: 8px 14px;
  border-radius: 999px;
  box-shadow: none;
}

.eyebrow-pill,
.section-tag {
  display: block;
  width: auto;
  margin-bottom: 13px;
  padding: 0;
  color: var(--blue);
  border: 0;
  border-radius: 0;
  background: transparent;
  font-size: 12px;
  font-weight: 780;
  letter-spacing: 0.085em;
  text-transform: uppercase;
}

.eyebrow-pill::before,
.section-tag::before {
  display: none;
}

.btn {
  min-height: 44px;
  padding: 0 20px;
  border: 1px solid #cfcfcd;
  border-radius: 999px;
  background: #fff;
  box-shadow: none;
  font-size: 15px;
}

.btn-blue {
  color: #fff;
  border-color: var(--blue);
  background: var(--blue);
}

.btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(17, 23, 34, 0.08);
}

/* Reference-like hero */
.hero-ref.brand-hero {
  min-height: auto;
  padding: 72px 24px 0;
  background: #fff;
}

.brand-hero h1 {
  max-width: 790px;
  font-size: clamp(50px, 5.25vw, 72px);
  font-weight: 600;
  line-height: 0.98;
  letter-spacing: -0.022em;
}

.brand-hero .lede {
  max-width: 620px;
  margin-top: 18px;
  font-size: 17px;
  line-height: 1.5;
}

.hero-buttons {
  margin-top: 22px;
}

.hero-note {
  margin-top: 12px;
  font-size: 13px;
}

.product-hero {
  width: min(1040px, 92%);
  margin: 44px auto 0;
  padding: 12px 40px 52px;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.product-hero::before {
  display: block;
  inset: 5% -10% 0;
  background:
    radial-gradient(circle at 9% 72%, rgba(57, 205, 255, 0.68), transparent 30%),
    radial-gradient(circle at 57% 74%, rgba(239, 151, 255, 0.48), transparent 34%),
    radial-gradient(circle at 93% 73%, rgba(205, 255, 76, 0.66), transparent 29%);
  filter: blur(30px);
  opacity: 0.8;
}

.product-hero .window {
  border: 1px solid #dededc;
  border-radius: 6px;
  box-shadow: 0 25px 55px rgba(22, 27, 37, 0.15);
}

.product-hero .window-bar {
  min-height: 36px;
  font-size: 12px;
}

.actual-badge {
  right: 54px;
  bottom: 65px;
  padding: 6px 9px;
  border-radius: 4px;
  font-size: 12px;
}

/* Monochrome customer-use rail */
.audience-strip {
  padding: 28px 0 34px;
}

.audience-strip .inner {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.audience-strip p {
  margin-bottom: 18px;
  color: #8d8e92;
  font-size: 13px;
}

.audience-list {
  gap: 22px;
}

.audience-list span {
  color: #9b9ca0;
  font-size: 14px;
  font-weight: 560;
}

/* Shared spacing and typography */
.proof-section,
.truth-section,
.product-carousel,
.maintenance-section,
.use-cases,
.pricing-snapshot,
.jobs-section,
.feature-story-section,
.template-principles,
.editor-map,
.pricing-context {
  padding: 94px 0 104px;
}

.section-intro {
  max-width: 850px;
  margin-bottom: 42px;
  text-align: center;
}

.section-intro h2,
.truth-copy h2,
.carousel-heading h2,
.maintenance-copy h2,
.pricing-snapshot h2 {
  font-size: clamp(42px, 4.5vw, 60px);
  font-weight: 580;
  line-height: 1;
  letter-spacing: -0.022em;
}

.section-intro > p,
.truth-copy p,
.carousel-heading > p,
.maintenance-copy p {
  font-size: 17px;
}

/* Before/after on a soft glow stage */
.proof-section {
  background: #fff;
}

.before-after {
  position: relative;
  grid-template-columns: minmax(0, 1fr) 58px minmax(0, 1fr);
  gap: 16px;
  padding: 44px;
  border: 0;
  background:
    radial-gradient(circle at 8% 82%, rgba(92, 216, 255, 0.5), transparent 31%),
    radial-gradient(circle at 52% 15%, rgba(244, 169, 255, 0.44), transparent 31%),
    radial-gradient(circle at 92% 78%, rgba(218, 255, 101, 0.47), transparent 29%),
    #f9f9fa;
}

.proof-card {
  overflow: hidden;
  border: 1px solid rgba(20, 24, 32, 0.08);
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 18px 42px rgba(21, 26, 37, 0.11);
}

.proof-card-head {
  min-height: 56px;
  padding: 17px 19px;
  border-bottom: 1px solid var(--line);
}

.proof-card img {
  width: 100%;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
}

.proof-notes {
  margin: 0;
  padding: 14px 18px;
  border-radius: 0;
  background: #f6f6f5;
}

.clear-card .proof-notes {
  color: #0876b7;
  background: #edf8fd;
}

.transform-mark {
  width: 42px;
  height: 42px;
  align-self: center;
  border: 1px solid #d7d7d5;
  border-radius: 50%;
  color: var(--ink);
  background: #fff;
  box-shadow: none;
}

/* Copy + three principles, kept open and white */
.truth-section {
  color: var(--ink);
  background: #fff;
}

.truth-section::before {
  display: none;
}

.truth-grid {
  grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1.28fr);
  gap: 70px;
  align-items: end;
}

.truth-copy h2 {
  color: var(--ink);
}

.truth-copy p {
  color: var(--muted);
}

.truth-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  border-block: 1px solid var(--line);
}

.truth-step {
  min-height: 300px;
  display: flex;
  padding: 28px;
  border: 0;
  border-right: 1px solid var(--line);
  border-radius: 0;
  background: #fff;
  backdrop-filter: none;
}

.truth-step:last-child {
  border-right: 0;
}

.truth-step span {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 50%;
  color: #0876b7;
  background: #e9f7fe;
}

.truth-step strong {
  margin-top: auto;
  color: var(--ink);
  font-size: 23px;
}

.truth-step p {
  color: var(--muted);
}

/* Screenshot-first editor showcase */
.product-carousel {
  background: #fff;
}

.carousel-heading {
  max-width: 900px;
  margin-bottom: 42px;
  text-align: center;
}

.carousel-shell {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  padding: 42px 42px 0;
  border: 0;
  border-radius: 0;
  background:
    radial-gradient(circle at 7% 90%, rgba(84, 211, 255, 0.56), transparent 31%),
    radial-gradient(circle at 54% 10%, rgba(244, 169, 255, 0.47), transparent 33%),
    radial-gradient(circle at 95% 83%, rgba(216, 255, 96, 0.54), transparent 29%),
    #fafafa;
  box-shadow: none;
}

.carousel-stage {
  grid-row: 1;
  padding: 0;
}

.carousel-window {
  overflow: hidden;
  border: 1px solid rgba(20, 24, 32, 0.1);
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 24px 55px rgba(20, 27, 40, 0.15);
}

.carousel-stage-footer {
  margin: 10px 0 18px;
}

.carousel-toast,
.carousel-progress {
  border: 1px solid rgba(20, 24, 32, 0.08);
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.86);
}

.carousel-tabs {
  grid-row: 2;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  border-top: 1px solid rgba(20, 24, 32, 0.09);
  background: rgba(255, 255, 255, 0.9);
}

.carousel-tab,
.carousel-tab:nth-child(2) {
  min-height: 108px;
  padding: 18px;
  grid-template-columns: 30px 1fr 18px;
  border: 0;
  border-right: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
}

.carousel-tab:last-child {
  border-right: 0;
}

.carousel-tab.is-active {
  border-color: var(--line);
  background: #fff;
  box-shadow: inset 0 -3px 0 var(--blue);
}

.carousel-tab.is-active::after {
  display: none;
}

.carousel-index {
  width: auto;
  height: auto;
  color: #9a9b9f;
  border-radius: 0;
  background: transparent;
  font-size: 12px;
}

.carousel-tab.is-active .carousel-index {
  color: var(--blue);
  background: transparent;
}

.carousel-label strong {
  font-size: 16px;
}

.carousel-label small {
  font-size: 13px;
}

.carousel-arrow {
  width: auto;
  height: auto;
  border-radius: 0;
  background: transparent;
}

/* Alternating text/image section */
.maintenance-section {
  background: #f6f6f5;
}

.maintenance-grid {
  grid-template-columns: minmax(280px, 0.68fr) minmax(0, 1.32fr);
  gap: 0;
  align-items: stretch;
  background: #fff;
}

.maintenance-copy {
  padding: 54px 48px;
  border: 0;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}

.maintenance-copy h2 {
  font-size: clamp(40px, 4vw, 56px);
}

.maintenance-shot {
  min-height: 520px;
  display: grid;
  place-items: center;
  padding: 54px 34px;
  border: 0;
  border-radius: 0;
  background:
    radial-gradient(circle at 18% 76%, rgba(75, 211, 255, 0.56), transparent 35%),
    radial-gradient(circle at 84% 27%, rgba(218, 255, 100, 0.5), transparent 34%),
    #fafafa;
}

.maintenance-shot img {
  border: 1px solid rgba(20, 24, 32, 0.1);
  border-radius: 6px;
  box-shadow: 0 22px 50px rgba(20, 27, 40, 0.15);
}

/* Real-screenshot editorial gallery */
.use-cases {
  background: #fff;
}

.use-case-grid {
  display: grid;
  grid-template-columns: 1fr 1.1fr 0.9fr;
  gap: 8px;
}

.use-case-card {
  position: relative;
  min-height: 470px;
  padding: 286px 24px 26px;
  overflow: hidden;
  border: 0;
  border-radius: 4px;
  background: #f6f6f5;
  box-shadow: none;
}

.use-case-card:nth-child(1) {
  grid-row: span 2;
  min-height: 948px;
}

.use-case-card:nth-child(4) {
  grid-column: span 2;
}

.use-case-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 260px;
  background-size: cover;
  background-position: center top;
}

.use-case-card:nth-child(1)::before {
  height: 700px;
  background-image: url("https://screlio.com/wp-content/uploads/ugentic-assets/ugentic-import-6a67e6c7400a6/assets/editor-current-timeline.png");
}

.use-case-card:nth-child(2)::before {
  background-image: url("https://screlio.com/wp-content/uploads/ugentic-assets/ugentic-import-6a67e6c7400a6/assets/editor-current-camera.png");
}

.use-case-card:nth-child(3)::before {
  background-image: url("https://screlio.com/wp-content/uploads/ugentic-assets/ugentic-import-6a67e6c7400a6/assets/editor-current-zoom.png");
}

.use-case-card:nth-child(4)::before {
  background-image: url("https://screlio.com/wp-content/uploads/ugentic-assets/ugentic-import-6a67e6c7400a6/assets/editor-current-stickers.png");
}

.use-case-card::after {
  display: none;
}

.use-case-card span {
  display: block;
  width: auto;
  height: auto;
  padding: 0;
  color: var(--blue);
  border-radius: 0;
  background: transparent;
  font-size: 12px;
}

.use-case-card h3 {
  margin-top: auto;
  font-size: 30px;
}

.use-case-card p {
  font-size: 16px;
}

/* Pricing remains calm and linear */
.pricing-snapshot,
.pricing-context {
  background: #fff;
}

.pricing-snapshot-grid {
  padding: 0;
  grid-template-columns: minmax(280px, 0.75fr) minmax(0, 1.25fr);
  gap: 70px;
  color: var(--ink);
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}

.pricing-snapshot h2,
.pricing-snapshot-grid > div > p {
  color: var(--ink);
}

.mini-plans,
.pricing-grid {
  gap: 0;
  border-block: 1px solid var(--line);
}

.mini-plan,
.mini-plan.best,
.pricing-card,
.pricing-card.featured {
  min-height: 360px;
  padding: 30px;
  border: 0;
  border-right: 1px solid var(--line);
  border-radius: 0;
  color: var(--ink);
  background: #fff;
  box-shadow: none;
}

.mini-plan:last-child,
.pricing-card:last-child {
  border-right: 0;
}

.mini-plan.best,
.pricing-card.featured {
  box-shadow: inset 0 3px 0 var(--blue);
}

.savings-chip {
  padding: 0;
  border-radius: 0;
  background: transparent;
}

.plan-summary {
  border-radius: 4px;
}

/* Simple FAQ and reference-like dark ending */
.faq.inner {
  width: 100%;
  padding: 94px max(28px, calc((100vw - var(--content-width)) / 2)) 104px;
}

.faq-list {
  display: block;
}

.faq-item {
  overflow: visible;
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  background: #fff;
}

.faq-item:first-child {
  border-top: 1px solid var(--line);
}

.faq-item button {
  padding: 22px 4px;
}

.faq-item button span:last-child {
  display: block;
  width: auto;
  height: auto;
  border-radius: 0;
  background: transparent;
}

.dark-cta {
  width: calc(100% - 16px);
  min-height: 500px;
  margin: 0 8px 8px;
  border-radius: 5px;
  background: #171819;
}

.dark-cta-inner {
  gap: 68px;
}

.dark-art {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.dark-art img {
  border-radius: 5px;
}

.float-card {
  border-radius: 5px;
}

/* Secondary pages use the same flat visual language */
.page-hero.brand-page-hero,
.page-hero {
  min-height: 500px;
  padding: 104px 24px 80px;
  background: #fff;
}

.brand-page-hero h1,
.page-hero h1 {
  max-width: 910px;
  font-size: clamp(50px, 5.7vw, 76px);
  font-weight: 590;
  letter-spacing: -0.022em;
}

.position-strip {
  padding: 24px 0;
}

.position-strip .inner {
  padding: 0;
  border: 0;
  border-block: 1px solid var(--line);
  border-radius: 0;
  background: #fff;
}

.position-strip span,
.position-strip span:first-child {
  padding: 17px 20px;
  border-right: 1px solid var(--line);
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}

.position-strip span:last-child {
  border-right: 0;
}

.jobs-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  border-block: 1px solid var(--line);
}

.job-card,
.job-card:nth-child(2),
.job-card:nth-child(3),
.job-card:nth-child(4) {
  min-height: 280px;
  padding: 30px;
  border: 0;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}

.job-card:nth-child(even) {
  border-right: 0;
}

.job-card:nth-child(n + 3) {
  border-bottom: 0;
}

.job-card::after {
  display: none;
}

.job-card .num {
  display: block;
  width: auto;
  height: auto;
  color: var(--blue);
  border-radius: 0;
  background: transparent;
}

.feature-story-section,
.editor-map {
  background: #fff;
}

.feature-story-grid {
  gap: 8px;
}

.feature-story,
.feature-story:nth-child(even) {
  min-height: 580px;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: #f7f7f6;
  box-shadow: none;
}

.feature-story-copy,
.feature-story:nth-child(even) .feature-story-copy {
  padding: 54px;
}

.feature-story-copy .num,
.walk-copy > span {
  display: block;
  width: auto;
  height: auto;
  color: var(--blue);
  border-radius: 0;
  background: transparent;
}

.feature-story-media {
  margin: 0;
  padding: 48px 28px;
  border-radius: 0;
}

.feature-story-media img {
  border-radius: 5px;
}

.walk-row {
  min-height: 600px;
  margin-bottom: 8px;
  padding: 62px 0;
  gap: 62px;
  border: 0;
  border-radius: 0;
  background: #fff;
}

.walk-row:nth-child(even) {
  background: #f7f7f6;
}

.walk-shot,
.demo-visual {
  border-radius: 0;
}

.walk-shot img,
.demo-visual img {
  border-radius: 5px;
}

.template-principle-grid {
  gap: 0;
  border-block: 1px solid var(--line);
}

.template-principle,
.template-principle:nth-child(2),
.template-principle:nth-child(3) {
  min-height: 280px;
  padding: 28px;
  border: 0;
  border-right: 1px solid var(--line);
  border-radius: 0;
  background: #fff;
}

.template-principle:last-child {
  border-right: 0;
}

.template-principle b {
  display: block;
  width: auto;
  height: auto;
  color: var(--blue);
  border-radius: 0;
  background: transparent;
}

.gallery-section {
  background: #fff;
}

.template-grid {
  gap: 8px;
}

.template-card {
  border: 0;
  border-radius: 4px;
  box-shadow: none;
}

.template-meta {
  inset: auto 8px 8px;
  border-radius: 4px;
}

.split {
  padding: 0;
}

.split-inner {
  min-height: 620px;
  border-radius: 0;
  background: #fff;
}

.split-copy {
  padding: 82px 54px;
}

.split-media.contain {
  margin: 0;
  border-radius: 0;
}

.split-media.contain img {
  border-radius: 5px;
}

/* Legal documents stay readable, not card-heavy */
.legal-hero {
  padding: 100px 24px 72px;
  background: #fff;
}

.legal-layout {
  gap: 60px;
}

.legal-toc {
  padding: 20px 0;
  border: 0;
  border-block: 1px solid var(--line);
  border-radius: 0;
  background: #fff;
}

.legal-toc a {
  padding: 6px 0;
  border-radius: 0;
}

.legal-copy > section {
  margin: 0;
  padding: 30px 0;
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  background: #fff;
}

.legal-note {
  border-radius: 0;
}

.footer {
  margin: 0;
  padding-top: 58px;
  border-radius: 0;
  background: #f6f6f5;
}

@media (max-width: 1040px) {
  .before-after {
    grid-template-columns: 1fr;
    padding: 28px;
  }

  .truth-grid {
    grid-template-columns: 1fr;
  }

  .truth-steps {
    grid-template-columns: 1fr;
  }

  .truth-step {
    min-height: 190px;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .truth-step:last-child {
    border-bottom: 0;
  }

  .carousel-tabs {
    grid-template-columns: 1fr 1fr;
  }

  .carousel-tab:nth-child(2) {
    border-right: 0;
  }

  .carousel-tab:nth-child(-n + 2) {
    border-bottom: 1px solid var(--line);
  }

  .use-case-grid {
    grid-template-columns: 1fr 1fr;
  }

  .use-case-card:nth-child(1) {
    grid-row: auto;
    min-height: 470px;
  }

  .use-case-card:nth-child(1)::before {
    height: 260px;
  }

  .use-case-card:nth-child(4) {
    grid-column: span 1;
  }
}

@media (max-width: 860px) {
  :root {
    --content-gutter: 20px;
  }

  .inner {
    width: min(100% - 36px, var(--content-width));
  }

  .topbar {
    height: 68px;
    padding-inline: 18px;
  }

  .nav {
    padding: 104px 24px 42px;
    background: rgba(255, 255, 255, 0.985);
  }

  .nav a,
  .nav a:hover,
  .nav a[aria-current="page"] {
    padding: 15px 0;
    border-bottom: 1px solid var(--line);
  }

  .hero-ref.brand-hero {
    padding-top: 68px;
  }

  .product-hero {
    width: 100%;
    padding-inline: 16px;
  }

  .maintenance-grid,
  .pricing-snapshot-grid {
    grid-template-columns: 1fr;
  }

  .position-strip .inner {
    display: grid;
  }

  .position-strip span,
  .position-strip span:first-child {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .position-strip span:last-child {
    border-bottom: 0;
  }
}

@media (max-width: 680px) {
  body {
    font-size: 17px;
  }

  .hero-ref.brand-hero {
    padding-inline: 16px;
  }

  .brand-hero h1,
  .brand-page-hero h1,
  .page-hero h1 {
    font-size: 44px;
  }

  .brand-hero .lede {
    font-size: 17px;
  }

  .product-hero {
    margin-top: 34px;
    padding: 8px 8px 28px;
  }

  .before-after {
    padding: 14px;
  }

  .carousel-shell {
    padding: 18px 8px 0;
  }

  .carousel-tabs {
    grid-template-columns: 1fr;
  }

  .carousel-tab,
  .carousel-tab:nth-child(2) {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .carousel-tab:last-child {
    border-bottom: 0;
  }

  .maintenance-copy {
    padding: 46px 24px;
  }

  .maintenance-shot {
    min-height: 0;
    padding: 34px 8px;
  }

  .use-case-grid,
  .jobs-grid {
    grid-template-columns: 1fr;
  }

  .use-case-card,
  .use-case-card:nth-child(1),
  .use-case-card:nth-child(4) {
    grid-column: 1;
    min-height: 440px;
  }

  .use-case-card::before,
  .use-case-card:nth-child(1)::before {
    height: 250px;
  }

  .mini-plans,
  .pricing-grid,
  .template-principle-grid {
    grid-template-columns: 1fr;
  }

  .mini-plan,
  .mini-plan.best,
  .pricing-card,
  .pricing-card.featured,
  .template-principle,
  .template-principle:nth-child(2),
  .template-principle:nth-child(3) {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .faq.inner {
    padding-inline: 18px;
  }

  .dark-cta {
    width: calc(100% - 8px);
    margin-inline: 4px;
  }

  .page-hero.brand-page-hero,
  .page-hero {
    min-height: 450px;
    padding: 82px 18px 68px;
  }

  .feature-story-copy,
  .feature-story:nth-child(even) .feature-story-copy {
    padding: 48px 24px;
  }

  .feature-story-media {
    padding: 32px 8px;
  }

  .walk-row {
    padding: 52px 0;
  }

  .split-copy {
    padding: 68px 24px;
  }

  .legal-layout {
    width: calc(100% - 32px);
  }
}

@media (max-width: 480px) {
  .brand-hero h1,
  .brand-page-hero h1,
  .page-hero h1 {
    font-size: 40px;
  }

  .section-intro h2,
  .truth-copy h2,
  .carousel-heading h2,
  .maintenance-copy h2,
  .pricing-snapshot h2,
  .faq h2 {
    font-size: 38px;
  }
}