.akem {
  --akem-rose: #a06c7a;
  --akem-rose-dark: #8a5b68;
  --akem-cream: #f6f0ef;
  --akem-blush: #fbeceb;
  --akem-sand: #e9deda;
  --akem-ink: #2c2422;
  --akem-muted: #766762;
  box-sizing: border-box;
  color: var(--akem-ink);
  font-family: "Outfit", system-ui, sans-serif;
  font-weight: 300;
  overflow: hidden;
  padding: clamp(4rem, 8vw, 7rem) 0;
}

.akem *, .akem *::before, .akem *::after { box-sizing: border-box; }
.akem-shell { margin: 0 auto; max-width: 1280px; padding: 0 1.5rem; width: 100%; }
.akem-light { background: #fff; }
.akem-cream { background: var(--akem-cream); }
.akem-blush { background: var(--akem-blush); }
.akem-split { align-items: center; display: grid; gap: clamp(2.5rem, 6vw, 5rem); grid-template-columns: minmax(0, 1.05fr) minmax(300px, .85fr); }
.akem-split--reverse .akem-image { order: -1; }
.akem h1, .akem h2, .akem h3 { color: var(--akem-ink); font-family: "Cormorant Garamond", serif; font-weight: 400; line-height: 1.08; margin: 0; }
.akem h1 { font-size: clamp(2.45rem, 5vw, 4.35rem); }
.akem h2 { font-size: clamp(2rem, 4vw, 3.25rem); margin-bottom: 1.35rem; }
.akem h3 { font-size: 1.45rem; }
.akem p { color: var(--akem-muted); font-size: clamp(.98rem, 1.5vw, 1.08rem); line-height: 1.75; margin: 0 0 1.15rem; }
.akem em { color: var(--akem-rose); display: block; font-style: italic; }
.akem-eyebrow { color: var(--akem-rose-dark); display: block; font-size: .75rem; font-weight: 700; letter-spacing: .19em; margin-bottom: 1rem; text-transform: uppercase; }
.akem-subtitle { color: var(--akem-rose-dark) !important; font-family: "Cormorant Garamond", serif; font-size: clamp(1.35rem, 2.6vw, 2rem) !important; font-style: italic; margin-top: 1.3rem !important; }
.akem-body { margin: 1.5rem 0; }
.akem-callout { background: rgba(255,255,255,.78); border-left: 3px solid var(--akem-rose); border-radius: 0 1rem 1rem 0; box-shadow: 0 16px 40px rgba(125,75,87,.09); color: var(--akem-ink) !important; font-style: italic; padding: 1.15rem 1.4rem; }
.akem-button { align-items: center; background: var(--akem-rose); border-radius: 999px; box-shadow: 0 10px 28px rgba(160,108,122,.25); color: #fff; display: inline-flex; font-size: .72rem; font-weight: 700; gap: .8rem; justify-content: center; letter-spacing: .13em; margin-top: 1rem; min-height: 54px; padding: 1rem 1.7rem; text-decoration: none; text-transform: uppercase; transition: background .2s ease, transform .2s ease; }
.akem-button:hover { background: var(--akem-rose-dark); color: #fff; transform: translateY(-2px); }
.akem-button:focus-visible { outline: 3px solid rgba(160,108,122,.35); outline-offset: 4px; }
.akem-image { border-radius: 2rem; box-shadow: 0 20px 60px rgba(90,65,68,.12); margin: 0; overflow: hidden; }
.akem-image img { aspect-ratio: 4 / 5; display: block; height: 100%; object-fit: cover; width: 100%; }
.akem-image--hero { border-radius: 2.5rem 2.5rem 8rem 2.5rem; }
.akem-image--hero img { aspect-ratio: 3 / 4; object-position: top center; }
.akem-image--contain { background: #fff; box-shadow: none; }
.akem-image--contain img { aspect-ratio: 1; object-fit: contain; }

.akem-hero { background: linear-gradient(140deg,#faf9f8 0%,#f9f0ed 35%,#fbeceb 65%,#f6f0ef 100%); padding-top: clamp(2.5rem, 5vw, 5rem); }
.akem-list, .akem-arrows, .akem-checks, .akem-pills, .akem-feel-list { display: grid; gap: .7rem; list-style: none; margin: 1.15rem 0 1.8rem; padding: 0; }
.akem-list li, .akem-arrows li, .akem-checks li { color: var(--akem-ink); line-height: 1.55; padding-left: 1.45rem; position: relative; }
.akem-list li::before { color: var(--akem-rose); content: "–"; left: 0; position: absolute; }
.akem-arrows li::before { color: var(--akem-rose); content: "→"; left: 0; position: absolute; }
.akem-checks li::before { border: 1px solid var(--akem-rose); border-radius: 50%; color: var(--akem-rose); content: "✓"; font-size: .7rem; height: 1.15rem; left: 0; line-height: 1rem; position: absolute; text-align: center; top: .18rem; width: 1.15rem; }
.akem-compare { display: grid; gap: 1rem; margin-top: 2rem; }
.akem-compare article, .akem-detail, .akem-two-cards article, .akem-routine-card { background: rgba(255,255,255,.78); border: 1px solid var(--akem-sand); border-radius: 1.3rem; padding: 1.5rem; }
.akem-compare h3, .akem-detail h3, .akem-two-cards h3, .akem-routine-card h3 { color: var(--akem-rose-dark); font-family: "Outfit", sans-serif; font-size: .8rem; font-weight: 700; letter-spacing: .08em; margin-bottom: .9rem; text-transform: uppercase; }
.akem-detail { margin-top: 1rem; }
.akem-detail p:last-child { margin-bottom: 0; }
.akem-metric { background: var(--akem-rose); border-radius: 1rem; color: #fff !important; font-family: "Cormorant Garamond", serif; font-size: clamp(1.4rem, 3vw, 2.1rem) !important; margin-top: 1.4rem !important; padding: 1.2rem 1.5rem; text-align: center; }
.akem-centered { margin: 0 auto 2.7rem; max-width: 760px; text-align: center; }
.akem-steps { counter-reset: step; display: grid; gap: 1rem; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0 auto; max-width: 900px; }
.akem-steps article { background: var(--akem-blush); border: 1px solid var(--akem-sand); border-radius: 1.25rem; counter-increment: step; padding: 1.5rem; }
.akem-steps article::before { color: var(--akem-rose); content: "0" counter(step); display: block; font-family: "Cormorant Garamond", serif; font-size: 2.8rem; line-height: 1; margin-bottom: .65rem; }
.akem-steps h3 { font-size: 1.4rem; margin-bottom: .5rem; }
.akem-steps p, .akem-ingredient-grid p { font-size: .95rem; margin: 0; }
.akem-note { font-style: italic; margin: 1.5rem auto 4rem !important; text-align: center; }
.akem-ingredients { background: linear-gradient(145deg,#f9efee,#fff); border: 1px solid var(--akem-sand); border-radius: 2rem; margin: 0 auto 4rem; max-width: 1080px; padding: clamp(1.5rem, 4vw, 3.2rem); }
.akem-ingredients > header { margin: 0 auto 2rem; max-width: 780px; text-align: center; }
.akem-ingredient-grid { display: grid; gap: 1rem; grid-template-columns: repeat(3,minmax(0,1fr)); }
.akem-ingredient-grid article { background: rgba(255,255,255,.9); border: 1px solid var(--akem-sand); border-radius: 1.1rem; padding: 1.25rem; }
.akem-ingredient-grid h3 { font-size: 1.25rem; margin-bottom: .55rem; }
.akem-ingredients .akem-callout { margin: 1.7rem 0 0; }
.akem-results { background: linear-gradient(135deg,#a06c7a,#744b59); border-radius: 2rem; color: #fff; padding: clamp(2rem, 5vw, 3.5rem); text-align: center; }
.akem-results > span { color: rgba(255,255,255,.75); font-size: .72rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.akem-results h2 { color: #fff; margin: .8rem auto 2rem; max-width: 680px; }
.akem-stats { display: grid; gap: 1rem; grid-template-columns: repeat(4,minmax(0,1fr)); }
.akem-stats article { background: #fff; border-radius: 1.2rem; display: grid; gap: .6rem; padding: 1.5rem 1rem; }
.akem-stats strong { color: var(--akem-rose); font-family: "Cormorant Garamond", serif; font-size: clamp(2rem, 4vw, 3rem); font-weight: 400; }
.akem-stats span { color: var(--akem-muted); font-size: .84rem; line-height: 1.45; }
.akem-two-cards { display: grid; gap: 1.3rem; grid-template-columns: repeat(2,minmax(0,1fr)); margin: 0 auto; max-width: 960px; }
.akem-warning { background: #fff4f2; border-left: 3px solid var(--akem-rose); color: var(--akem-ink) !important; font-weight: 500; margin: 1.5rem 0 0 !important; padding: 1rem; }
.akem-notices { display: grid; gap: 1rem; grid-template-columns: repeat(2,minmax(0,1fr)); margin: 1.3rem auto 0; max-width: 960px; }
.akem-notices p { background: #fff; border: 1px solid var(--akem-sand); border-radius: 1rem; margin: 0; padding: 1.1rem 1.25rem; }
.akem-routine-grid { display: grid; gap: 1.3rem; grid-template-columns: repeat(2,minmax(0,1fr)); max-width: 1050px; }
.akem-routine-card h2 { font-size: clamp(1.75rem, 3vw, 2.35rem); }
.akem-soft-box { background: var(--akem-blush); border-radius: 1rem; margin: 1rem 0 1.35rem; padding: 1rem 1.15rem; }
.akem-soft-box p { margin-bottom: .45rem; }
.akem-routine-card--wide { display: grid; gap: 2rem; grid-column: 1 / -1; grid-template-columns: minmax(0,1.25fr) minmax(260px,.75fr); }
.akem-pills { display: flex; flex-wrap: wrap; }
.akem-pills li { background: var(--akem-blush); border: 1px solid var(--akem-sand); border-radius: 999px; color: var(--akem-ink); padding: .55rem .9rem; }
.akem-guide { border-top: 1px solid var(--akem-sand); font-style: italic; padding-top: 1rem; }
.akem-feel { background: linear-gradient(160deg,var(--akem-blush),var(--akem-cream) 60%,#faf9f8); }
.akem-feel .akem-shell { max-width: 900px; }
.akem-feel-list { margin-left: auto; margin-right: auto; max-width: 520px; text-align: left; }
.akem-feel-list li { background: #fff; border: 1px solid var(--akem-sand); border-radius: 1rem; color: var(--akem-ink); padding: 1rem 1.2rem 1rem 2.6rem; position: relative; }
.akem-feel-list li::before { background: var(--akem-rose); border-radius: 50%; content: ""; height: .65rem; left: 1.15rem; position: absolute; top: 1.45rem; width: .65rem; }
.akem-feel-highlight { background: var(--akem-rose); border-radius: 1.25rem; color: #fff !important; font-style: italic; margin: 1.5rem auto 3rem !important; max-width: 620px; padding: 1.2rem 1.6rem; }
.akem-final { background: #fff; border: 1px solid var(--akem-sand); border-radius: 2rem; box-shadow: 0 20px 60px rgba(160,108,122,.1); padding: clamp(1.8rem,4vw,3rem); }
.akem-final h3 { font-size: 2rem; margin-bottom: 1rem; }
.akem-final p { margin-left: auto; margin-right: auto; max-width: 580px; }

body.postid-4345 .wp-block-post-content,
body.postid-4345 .entry-content { margin: 0 !important; max-width: none !important; padding: 0 !important; }
body.postid-4345 .wp-block-post-content > *,
body.postid-4345 .entry-content > * { margin-block: 0 !important; max-width: none !important; }

@media (max-width: 900px) {
  .akem-split, .akem-routine-card--wide { grid-template-columns: 1fr; }
  .akem-split--reverse .akem-image { order: 0; }
  .akem-image { margin-left: auto; margin-right: auto; max-width: 560px; width: 100%; }
  .akem-ingredient-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .akem-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 640px) {
  .akem { padding: 3.5rem 0; }
  .akem-shell { padding: 0 1.15rem; }
  .akem-hero { padding-top: 2.25rem; }
  .akem-button { padding-inline: 1.15rem; width: 100%; }
  .akem-steps, .akem-ingredient-grid, .akem-two-cards, .akem-notices, .akem-routine-grid { grid-template-columns: 1fr; }
  .akem-routine-card--wide { grid-column: auto; }
  .akem-results { border-radius: 1.4rem; padding-inline: 1rem; }
  .akem-stats { gap: .7rem; }
  .akem-stats article { padding: 1.2rem .65rem; }
}

@media (prefers-reduced-motion: reduce) {
  .akem-button { transition: none; }
}