/* Mint SEO — SEO Audit page. Matches Figma board 511:2. Free-audit lead-gen. */

/* ===== HERO (759:2) — dark panel ATF + report card ===== */
.au-hero { background: var(--page); padding: 10px 48px clamp(32px, 4vw, 52px); }
.au-hero__frame { max-width: min(1680px, 100% - 24px); margin: 0 auto; background: radial-gradient(90% 130% at 10% 10%, #14433c, #0a1f1c 65%), #0a1f1c; border-radius: 26px; overflow: hidden; box-shadow: 0 50px 100px -60px rgba(20,20,19,0.5); }
.au-hero__in { display: grid; grid-template-columns: 1fr 1.12fr; gap: 48px; align-items: center; padding: clamp(28px, 3vw, 40px) clamp(40px, 4vw, 64px); color: #fff; max-width: 1440px; margin: 0 auto; }
.au-hero__copy { min-width: 0; max-width: 520px; }
.au-hero .eyebrow { font-size: 15px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: var(--mint-light); margin: 0 0 16px; }
.au-hero h1 { margin: 0; font-size: clamp(38px, 4.6vw, 56px); font-weight: 800; line-height: 1.03; letter-spacing: -0.03em; color: #fff; } .au-hero h1 em { font-style: normal; color: var(--mint-light); }
.au-hero .sub { margin: 18px 0 0; font-size: 18px; line-height: 1.55; color: rgba(255,255,255,0.75); }
.au-hero__ctas { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 28px; }
.au-hero .btn { display: inline-flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 800; padding: 15px 24px; border-radius: 11px; text-decoration: none; transition: background 0.2s, transform 0.2s; }
.au-hero .btn--mint { background: var(--mint-ink); color: #fff; } .au-hero .btn--mint:hover { background: #35b0a7; transform: translateY(-2px); }
.au-hero .btn--ghost { background: rgba(255,255,255,0.08); color: #fff; border: 1px solid rgba(255,255,255,0.2); } .au-hero .btn--ghost:hover { background: rgba(255,255,255,0.14); }
/* report card (stacked) */
.au-report { position: relative; background: #fff; border-radius: 16px; color: var(--ink); box-shadow: 0 40px 80px -40px rgba(0,0,0,0.6); min-width: 0; }
.au-report::before, .au-report::after { content: ""; position: absolute; left: 3%; right: 3%; top: -8px; height: 20px; background: rgba(255,255,255,0.5); border-radius: 12px 12px 0 0; z-index: -1; }
.au-report::after { top: -15px; left: 6%; right: 6%; background: rgba(255,255,255,0.28); }
.au-report__hd { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 22px 24px; border-bottom: 1px solid #eef1ef; }
.au-report__hd .t { font-size: 18px; font-weight: 800; color: var(--ink); } .au-report__hd .m { font-size: 13px; letter-spacing: 0.04em; color: var(--body);  margin-top: 4px; }
.au-report__grade { display: flex; align-items: center; gap: 10px; }
.au-report__grade .g { width: 40px; height: 40px; border-radius: 9px; background: #e0a63c; color: #fff; font-size: 22px; font-weight: 800; display: grid; place-items: center; }
.au-report__grade .n { font-size: 20px; font-weight: 800; color: var(--ink); } .au-report__grade .n b { font-weight: 800; } .au-report__grade .n .o { display: block; font-size: 12px; letter-spacing: 0.06em; color: var(--body); font-weight: 700;  }
.au-report__lbl { font-size: 13px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: var(--body);  }
.au-report__scores { padding: 18px 24px; border-bottom: 1px solid #eef1ef; }
.au-report__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 34px; margin-top: 14px; }
.au-bar { display: grid; grid-template-columns: 98px 1fr 26px; gap: 12px; align-items: center; } .au-bar .l { font-size: 15px; font-weight: 700; color: var(--ink); white-space: nowrap; } .au-bar .track { height: 6px; border-radius: 3px; background: #e8e8e3; overflow: hidden; } .au-bar .track span { display: block; height: 100%; background: var(--mint); border-radius: 3px; } .au-bar .v { font-size: 15px; font-weight: 800; color: var(--ink); text-align: right; }
.au-report__find { padding: 16px 24px 4px; } .au-report__find > .au-report__lbl { margin-bottom: 6px; }
.au-find { display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: center; padding: 11px 0; border-bottom: 1px solid #f2f2ee; } .au-report__find .au-find:last-child { border-bottom: 0; }
.au-find .fx { display: flex; align-items: center; gap: 10px; min-width: 0; flex-wrap: wrap; } .au-find b { font-size: 15px; font-weight: 800; color: var(--ink); } .au-find .ar { color: var(--mint-ink); font-weight: 800; } .au-find .fix { font-size: 15px; color: var(--body); }
.au-find .tag { font-size: 12px; font-weight: 800; letter-spacing: 0.04em; border-radius: 5px; padding: 3px 9px; } .au-find .tag--high { background: #fbe2da; color: #c0563f; } .au-find .tag--med { background: #fbeecd; color: #a5771c; }
.au-report__foot { padding: 14px 24px; background: #faf9f6; font-size: 15px; color: var(--body); } .au-report__foot b { color: var(--ink); }
@media (max-width: 980px) {
  .au-hero { padding: 24px 18px 40px; }
  .au-hero__in { grid-template-columns: 1fr; gap: 36px; padding: 40px 24px; } .au-hero__copy { max-width: none; }
}
@media (max-width: 560px) { .au-report__grid { grid-template-columns: 1fr; } }

/* ===== PLAIN ENGLISH (772:2) ===== */
.au-pe { background: var(--mint-tint); }
.au-pe__in { max-width: 1200px; margin: 0 auto; padding: clamp(56px, 6vw, 84px) 48px; }
.au-pe__head { max-width: 640px; margin-bottom: clamp(28px, 3vw, 40px); }
.au-pe__head .eyebrow { font-size: 15px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: var(--mint-ink); margin: 0 0 12px; }
.au-pe__head h2 { margin: 0; font-size: clamp(30px, 3.6vw, 44px); font-weight: 800; line-height: 1.05; letter-spacing: -0.02em; color: var(--ink); } .au-pe__head h2 em { font-style: normal; color: var(--mint); }
.au-pe__head p { margin: 14px 0 0; font-size: 17px; line-height: 1.55; color: var(--body); }
.au-pe__panel { background: #fff; border-radius: 18px; overflow: hidden; box-shadow: 0 40px 90px -60px rgba(20,20,19,0.3); }
.au-pe__colhead, .au-pe__row { display: grid; grid-template-columns: 250px 1fr 350px; gap: 24px; }
.au-pe__colhead { padding: 16px 30px; font-size: 12px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--body);  }
.au-pe__row { padding: 22px 30px; border-top: 1px solid #f0f0ec; align-items: center; }
.au-pe__find { justify-self: start; } .au-pe__find span { display: inline-block; background: #fff; border: 1px solid #e8c4a8; color: #b06a3c; font-size: 15px; font-weight: 700; border-radius: 8px; padding: 7px 14px;  }
.au-pe__means { display: flex; align-items: baseline; gap: 12px; font-size: 16px; line-height: 1.5; color: var(--ink); min-width: 0; } .au-pe__means .ar { color: var(--mint-ink); font-weight: 800; flex: 0 0 auto; }
.au-pe__why { display: flex; align-items: flex-start; gap: 12px; min-width: 0; } .au-pe__why .ar { color: var(--mint-ink); font-weight: 800; flex: 0 0 auto; margin-top: 8px; } .au-pe__why .box { background: var(--mint-tint); border-radius: 10px; padding: 12px 16px; font-size: 15px; line-height: 1.5; color: var(--body); } .au-pe__why .box b { color: var(--ink); }
@media (max-width: 900px) {
  .au-pe__in { padding: 48px 22px; }
  .au-pe__colhead { display: none; }
  .au-pe__row { grid-template-columns: 1fr; gap: 12px; }
}

/* ===== WHAT'S INCLUDED (784:2) — TOC ===== */
.au-inc { position: relative; overflow: hidden; background: radial-gradient(70% 90% at 80% -10%, #1c5049, #0a1f1c 60%), #0a1f1c; color: #fff; }
.au-inc__in { position: relative; z-index: 2; max-width: 1040px; margin: 0 auto; padding: clamp(56px, 6vw, 84px) 48px; }
.au-inc__head { max-width: 620px; margin-bottom: clamp(28px, 3vw, 40px); }
.au-inc__head .eyebrow { font-size: 15px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: var(--mint-light); margin: 0 0 14px; }
.au-inc__head h2 { margin: 0; font-size: clamp(32px, 4vw, 48px); font-weight: 800; line-height: 1.04; letter-spacing: -0.02em; color: #fff; } .au-inc__head h2 em { font-style: normal; color: var(--mint-light); }
.au-inc__head p { margin: 14px 0 0; font-size: 17px; line-height: 1.55; color: rgba(255,255,255,0.72); }
.au-toc { border: 1px solid rgba(255,255,255,0.12); border-radius: 16px; background: rgba(255,255,255,0.02); overflow: hidden; }
.au-toc__hd { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 26px; border-bottom: 1px solid rgba(255,255,255,0.1); }
.au-toc__hd .l { font-size: 14px; } .au-toc__hd .l b { color: var(--mint-light); font-weight: 800; letter-spacing: 0.06em; margin-right: 10px;  } .au-toc__hd .l span { color: #fff; font-weight: 700; } .au-toc__hd .pg { font-size: 14px; color: rgba(255,255,255,0.55);  }
.au-toc__row { display: grid; grid-template-columns: 60px 1fr auto; gap: 16px; align-items: center; padding: 16px 26px; border-top: 1px solid rgba(255,255,255,0.07); } .au-toc__row:first-of-type { border-top: 0; }
.au-toc__num { font-size: 22px; font-weight: 800; color: var(--mint-light);  }
.au-toc__ti b { display: block; font-size: 18px; font-weight: 800; color: #fff; } .au-toc__ti span { display: block; font-size: 14px; color: rgba(255,255,255,0.6); margin-top: 3px; }
.au-toc__tag { font-size: 14px; font-weight: 700; color: rgba(255,255,255,0.85); border: 1px solid rgba(255,255,255,0.2); border-radius: 999px; padding: 6px 14px; white-space: nowrap; }
@media (max-width: 700px) {
  .au-inc__in { padding: 48px 22px; }
  .au-toc__row { grid-template-columns: 40px 1fr; } .au-toc__tag { grid-column: 2; justify-self: start; }
}

/* ===== PRICING — refundable receipt (519:2) ===== */
.au-pr { background: var(--mint-tint); }
.au-pr__in { max-width: 1200px; margin: 0 auto; padding: clamp(56px, 6vw, 84px) 48px; }
.au-pr__head { text-align: center; max-width: 720px; margin: 0 auto clamp(32px, 4vw, 44px); }
.au-pr__head .eyebrow { font-size: 15px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: var(--mint-ink); margin: 0 0 12px; }
.au-pr__head h2 { margin: 0; font-size: clamp(32px, 4.2vw, 50px); font-weight: 800; line-height: 1.03; letter-spacing: -0.03em; color: var(--ink); } .au-pr__head h2 em { font-style: normal; color: var(--mint); }
.au-pr__head p { margin: 16px 0 0; font-size: 18px; line-height: 1.55; color: var(--body); }
.au-pr__card { display: grid; grid-template-columns: 1fr 1fr; border-radius: 20px; overflow: hidden; box-shadow: 0 40px 90px -55px rgba(20,20,19,0.35); }
.au-pr__left { background: radial-gradient(120% 120% at 20% 0%, #17423b, #0a1f1c); color: #fff; padding: clamp(30px, 3vw, 44px); min-width: 0; }
.au-pr__left .lbl { font-size: 13px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: var(--mint-light);  }
.au-pr__price { margin: 10px 0 6px; font-size: clamp(48px, 6vw, 64px); font-weight: 800; letter-spacing: -0.03em; line-height: 1; } .au-pr__price .vat { font-size: 16px; font-weight: 800; vertical-align: super; margin-left: 2px; }
.au-pr__meta { font-size: 15px; color: rgba(255,255,255,0.72); }
.au-pr__list { list-style: none; margin: 22px 0 0; padding: 0; display: flex; flex-direction: column; gap: 11px; } .au-pr__list li { display: grid; grid-template-columns: auto 1fr; gap: 10px; font-size: 16px; color: rgba(255,255,255,0.9); } .au-pr__list li::before { content: "\2713"; color: var(--mint-light); font-weight: 800; }
.au-pr__cta { display: inline-flex; align-items: center; gap: 8px; margin-top: 26px; background: var(--mint-ink); color: #fff; font-size: 16px; font-weight: 800; padding: 14px 24px; border-radius: 11px; text-decoration: none; transition: background 0.2s, transform 0.2s; } .au-pr__cta:hover { background: #35b0a7; transform: translateY(-2px); }
.au-pr__right { background: #fff; padding: clamp(30px, 3vw, 44px); min-width: 0; display: flex; flex-direction: column; }
.au-pr__right .lbl { font-size: 13px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--body);  margin-bottom: 18px; }
.au-rcp { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 0; font-size: 17px; color: var(--ink); } .au-rcp--credit { color: var(--mint-deep); } .au-rcp .amt {  font-weight: 700; }
.au-pr__right hr { border: 0; border-top: 1px solid var(--border); margin: 4px 0; }
.au-pr__net { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 0; font-size: 20px; font-weight: 800; color: var(--ink); } .au-pr__net .amt {  }
.au-pr__note { margin-top: auto; display: flex; gap: 10px; background: var(--mint-tint); border-radius: 12px; padding: 14px 16px; font-size: 15px; line-height: 1.5; color: var(--body); } .au-pr__note b { color: var(--mint-deep); }
@media (max-width: 820px) { .au-pr__in { padding: 48px 22px; } .au-pr__card { grid-template-columns: 1fr; } }

/* ===== SOCIAL PROOF — featured quote + stat rail (521:2) ===== */
.au-sp { background: #fff; }
.au-sp__in { max-width: 1200px; margin: 0 auto; padding: clamp(56px, 6vw, 84px) 48px; }
.au-sp__head { margin-bottom: clamp(28px, 3vw, 40px); }
.au-sp__head .eyebrow { font-size: 15px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: var(--mint-ink); margin: 0 0 12px; }
.au-sp__head h2 { margin: 0; font-size: clamp(30px, 3.8vw, 46px); font-weight: 800; line-height: 1.04; letter-spacing: -0.02em; color: var(--ink); } .au-sp__head h2 em { font-style: normal; color: var(--mint); }
.au-sp__grid { display: grid; grid-template-columns: 1.35fr 1fr; gap: 24px; }
.au-sp__quote { background: radial-gradient(120% 120% at 15% 0%, #17423b, #0a1f1c); color: #fff; border-radius: 20px; padding: clamp(30px, 3vw, 44px); min-width: 0; }
.au-sp__quote .st { color: #f5a623; font-size: 18px; letter-spacing: 2px; } .au-sp__quote .qm { font-size: 40px; line-height: 0.4; color: var(--mint-light); }
.au-sp__quote blockquote { margin: 16px 0 0; font-size: clamp(20px, 2.2vw, 26px); font-weight: 700; line-height: 1.35; color: #fff; }
.au-sp__who { display: flex; align-items: center; gap: 12px; margin-top: 26px; } .au-sp__who img { width: 44px; height: 44px; border-radius: 50%; } .au-sp__who .n { font-size: 16px; font-weight: 800; color: #fff; } .au-sp__who .r { font-size: 14px; color: var(--mint-light); }
.au-sp__rail { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
.au-stat { background: #fff; border: 1px solid var(--border); border-radius: 16px; padding: 26px 28px; flex: 1; display: flex; flex-direction: column; justify-content: center; }
.au-stat .v { font-size: clamp(34px, 4vw, 46px); font-weight: 800; letter-spacing: -0.02em; color: var(--mint-ink); line-height: 1; } .au-stat .l { margin-top: 8px; font-size: 15px; color: var(--body); }
.au-more { display: flex; align-items: center; gap: 12px; background: var(--mint-tint); border-radius: 999px; padding: 12px 18px; }
.au-more__av { display: flex; } .au-more__av img { width: 30px; height: 30px; border-radius: 50%; border: 2px solid var(--mint-tint); margin-left: -8px; } .au-more__av img:first-child { margin-left: 0; }
.au-more span { font-size: 15px; font-weight: 700; color: var(--mint-deep); }
@media (max-width: 820px) { .au-sp__in { padding: 48px 22px; } .au-sp__grid { grid-template-columns: 1fr; } }

/* ===== DREAM OUTCOME — roadmap + potential (517:2) ===== */
.au-do { background: #f4f4f2; }
.au-do__in { max-width: 1200px; margin: 0 auto; padding: clamp(56px, 6vw, 84px) 48px; }
.au-do__head { max-width: 620px; margin-bottom: clamp(28px, 3vw, 40px); }
.au-do__head .eyebrow { font-size: 15px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: var(--mint-ink); margin: 0 0 12px; }
.au-do__head h2 { margin: 0; font-size: clamp(30px, 3.8vw, 46px); font-weight: 800; line-height: 1.05; letter-spacing: -0.02em; color: var(--ink); } .au-do__head h2 em { font-style: normal; color: var(--mint); }
.au-do__head p { margin: 14px 0 0; font-size: 17px; line-height: 1.55; color: var(--body); }
.au-do__grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 24px; align-items: start; }
.au-do__plan { background: #fff; border: 1px solid var(--border); border-radius: 18px; padding: 26px 28px; min-width: 0; }
.au-do__lbl { font-size: 13px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--body);  margin-bottom: 8px; }
.au-plan__row { display: grid; grid-template-columns: auto 1fr auto; gap: 14px; align-items: center; padding: 14px 0; border-bottom: 1px solid #f2f2ee; } .au-do__plan .au-plan__row:last-child { border-bottom: 0; }
.au-plan__row .num { width: 24px; height: 24px; border-radius: 50%; background: var(--mint-tint); color: var(--mint-deep); font-size: 13px; font-weight: 800; display: grid; place-items: center; } .au-plan__row b { font-size: 16px; font-weight: 800; color: var(--ink); min-width: 0; }
.au-plan__tag { font-size: 13px; font-weight: 800; border-radius: 999px; padding: 5px 12px; white-space: nowrap; } .au-plan__tag--high { background: var(--mint-ink); color: #fff; } .au-plan__tag--med { background: #fff; border: 1px solid var(--border); color: var(--body); }
.au-do__serp { background: radial-gradient(120% 130% at 80% 0%, #17423b, #0a1f1c); color: #fff; border-radius: 18px; padding: 26px 28px; min-width: 0; }
.au-do__serp .au-do__lbl { color: var(--mint-light); }
.au-serp__row { margin: 18px 0; } .au-serp__rh { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 8px; font-size: 15px; color: rgba(255,255,255,0.75); } .au-serp__rh b { color: #fff; font-weight: 800; }
.au-serp__bar { height: 8px; border-radius: 4px; background: rgba(255,255,255,0.12); overflow: hidden; } .au-serp__bar span { display: block; height: 100%; background: var(--mint-light); border-radius: 4px; }
.au-do__serp p { margin: 20px 0 0; font-size: 15px; line-height: 1.5; color: rgba(255,255,255,0.7); }
@media (max-width: 860px) { .au-do__in { padding: 48px 22px; } .au-do__grid { grid-template-columns: 1fr; } }

/* ===== AUDIT STRATEGY — email form (945:214) ===== */
.au-str { position: relative; overflow: hidden; background: radial-gradient(90% 130% at 88% -10%, #17423b, #0a1f1c 62%), #0a1f1c; color: #fff; }
.au-str__in { max-width: 1300px; margin: 0 auto; padding: clamp(56px, 6vw, 84px) 48px; display: grid; grid-template-columns: 1fr 1.15fr; gap: 56px; align-items: center; }
.au-str__card { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.12); border-radius: 20px; padding: 40px; max-width: 540px; min-width: 0; }
.au-str__card .eyebrow { font-size: 16px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: var(--mint-light); margin: 0 0 14px; }
.au-str__card h2 { margin: 0; font-size: clamp(30px, 3.4vw, 42px); font-weight: 800; line-height: 1.05; letter-spacing: -0.02em; color: #fff; } .au-str__card h2 em { font-style: normal; color: var(--mint-light); }
.au-str__card .sub { margin: 16px 0 0; font-size: 17px; line-height: 1.55; color: rgba(255,255,255,0.72); }
.au-str__form label { display: block; font-size: 16px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--mint-light); margin: 26px 0 10px; }
.au-str__form input { width: 100%; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.15); border-radius: 12px; padding: 16px 18px; font-size: 16px; color: #fff; font-family: inherit; } .au-str__form input::placeholder { color: rgba(255,255,255,0.4); } .au-str__form input:focus { outline: none; border-color: var(--mint-light); }
.au-str__form button { width: 100%; margin-top: 14px; background: var(--mint-light); color: #04211d; font-weight: 800; font-size: 16px; padding: 16px; border-radius: 12px; border: 0; cursor: pointer; transition: background 0.2s, transform 0.2s; } .au-str__form button:hover { background: #a4e0d9; transform: translateY(-1px); }
.au-str__form .alt { text-align: center; margin: 16px 0 0; font-size: 16px; color: rgba(255,255,255,0.7); } .au-str__form .alt a { color: #fff; font-weight: 700; text-decoration: none; }
.au-str__prev { background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 50px 100px -50px rgba(0,0,0,0.6); color: var(--ink); min-width: 0; }
.au-str__bar { display: flex; align-items: center; gap: 12px; padding: 14px 18px; border-bottom: 1px solid #eef1ef; } .au-str__bar .dots { display: flex; gap: 6px; } .au-str__bar .dots i { width: 10px; height: 10px; border-radius: 50%; background: #dfe4e2; } .au-str__bar b { font-size: 15px; color: var(--ink); }
.au-str__body { padding: 18px 22px; }
.au-str__chips { display: flex; flex-wrap: wrap; gap: 10px; padding-bottom: 16px; border-bottom: 1px solid #eef1ef; } .au-str__chips .chip { background: #f4f4f2; border-radius: 8px; padding: 7px 12px; font-size: 14px; color: var(--body); } .au-str__chips .chip b { color: var(--ink); margin-left: 6px; } .au-str__chips .chip .k { color: var(--mint-deep); }
.au-str__steps { list-style: none; margin: 4px 0 0; padding: 0; } .au-str__steps li { display: grid; grid-template-columns: auto 1fr; gap: 12px; align-items: center; padding: 12px 0; border-bottom: 1px solid #f4f4f2; font-size: 15px; font-weight: 700; color: var(--ink); } .au-str__steps li:last-child { border-bottom: 0; } .au-str__steps li .ck { width: 22px; height: 22px; border-radius: 50%; background: var(--mint-tint); color: var(--mint-deep); font-size: 12px; font-weight: 800; display: grid; place-items: center; }
.au-str__foot { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 22px; border-top: 1px solid #eef1ef; } .au-str__foot .rp { font-size: 15px; font-weight: 800; color: var(--mint-deep); } .au-str__foot .m { width: 120px; height: 8px; border-radius: 4px; background: #e8e8e3; overflow: hidden; } .au-str__foot .m span { display: block; height: 100%; width: 88%; background: var(--mint); border-radius: 4px; }
@media (max-width: 960px) { .au-str__in { grid-template-columns: 1fr; gap: 40px; padding: 48px 22px; } .au-str__card { max-width: none; padding: 30px 24px; } }