.hero-visual[data-astro-cid-i3xutpoc] {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px 16px;
  min-width: 0;
  margin: 0;
}

video[data-astro-cid-i3xutpoc], .assist-mock[data-astro-cid-i3xutpoc] {
  grid-column: 1 / -1;
  grid-row: 2;
}

video[data-astro-cid-i3xutpoc] {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  background: var(--color-surface-2);
}

.assist-mock[data-astro-cid-i3xutpoc] {
  padding: 16px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface-2);
  box-shadow: var(--shadow-soft);
}

.assist-drawer[data-astro-cid-i3xutpoc] {
  padding: 20px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}

.assist-header[data-astro-cid-i3xutpoc] {
  display: flex;
  align-items: center;
  gap: 10px;
}

.assist-header[data-astro-cid-i3xutpoc] h2[data-astro-cid-i3xutpoc] {
  font-family: var(--font-body);
  font-size: 20px;
}

.assist-spark[data-astro-cid-i3xutpoc] {
  color: #c9772e;
  font-size: 28px;
  line-height: 1;
}

.assist-item[data-astro-cid-i3xutpoc] {
  margin-block: 12px;
  font-size: 15px;
  color: var(--color-text-soft);
}

.draft-chip[data-astro-cid-i3xutpoc] {
  display: inline-block;
  padding: 4px 10px;
  border-left: 3px solid #c9772e;
  border-radius: var(--radius-sm);
  color: var(--color-amber-ink);
  background: var(--color-paper);
  font-size: 14px;
}

.assist-steps[data-astro-cid-i3xutpoc] {
  display: grid;
  margin-top: 16px;
}

.assist-step[data-astro-cid-i3xutpoc] {
  grid-area: 1 / 1;
  min-width: 0;
  opacity: 0;
  transform: none;
  animation: none;
  pointer-events: none;
}

.assist-step[data-astro-cid-i3xutpoc][data-step="3"] {
  opacity: 1;
}

.draft-text[data-astro-cid-i3xutpoc] {
  border-left: 3px solid #c9772e;
  padding: 12px;
  border-radius: var(--radius-sm);
  color: var(--color-text-soft);
  background: var(--color-paper);
  font-size: 15px;
  line-height: 1.5;
}

.approval-note[data-astro-cid-i3xutpoc] {
  margin-block: 14px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.mock-actions[data-astro-cid-i3xutpoc] {
  display: flex;
  gap: 10px;
}

.mock-button[data-astro-cid-i3xutpoc] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  border: 1px solid var(--color-forest);
  border-radius: var(--radius-sm);
  font-size: 14px;
  opacity: 1;
  color: var(--color-forest);
}

.mock-button--ai[data-astro-cid-i3xutpoc] {
  border-color: #c9772e;
  background: var(--color-paper);
  color: var(--color-amber-ink);
}

.mock-button--approve[data-astro-cid-i3xutpoc] {
  color: var(--color-paper);
  background: var(--color-forest);
}

.approved-chip[data-astro-cid-i3xutpoc] {
  display: inline-block;
  border-radius: var(--radius-pill);
  padding: 8px 14px;
  background: var(--color-forest);
  color: var(--color-paper);
  font-size: 14px;
}

.visual-meta[data-astro-cid-i3xutpoc] {
  display: none;
  grid-column: 1;
  grid-row: 1;
}

html.js .visual-meta[data-astro-cid-i3xutpoc] {
  display: block;
}

.loop-toggle[data-astro-cid-i3xutpoc] {
  display: none;
  min-height: 44px;
  border: 1px solid var(--color-forest);
  border-radius: var(--radius-sm);
  padding: 8px 12px;
  font-size: 14px;
  cursor: pointer;
}

html.js .loop-toggle[data-astro-cid-i3xutpoc] {
  display: inline-flex;
  align-items: center;
}

figcaption[data-astro-cid-i3xutpoc] {
  grid-column: 1 / -1;
  grid-row: 1;
  align-self: center;
  font-size: 13px;
  line-height: 1.4;
  color: var(--color-text-faint);
}

html.js figcaption[data-astro-cid-i3xutpoc] {
  grid-column: 2;
}

html.js [data-astro-cid-i3xutpoc][data-playing="true"] .assist-step[data-astro-cid-i3xutpoc] {
  animation: 12s linear infinite assist-cycle;
  opacity: 0;
}

html.js [data-astro-cid-i3xutpoc][data-playing="true"] [data-astro-cid-i3xutpoc][data-step="1"] {
  animation-delay: 0s;
}

html.js [data-astro-cid-i3xutpoc][data-playing="true"] [data-astro-cid-i3xutpoc][data-step="2"] {
  animation-delay: -9s;
}

html.js [data-astro-cid-i3xutpoc][data-playing="true"] [data-astro-cid-i3xutpoc][data-step="3"] {
  animation-delay: -6s;
}

html.js [data-astro-cid-i3xutpoc][data-playing="true"] [data-astro-cid-i3xutpoc][data-step="4"] {
  animation-delay: -3s;
}

@keyframes assist-cycle {
  0%, 23% {
    opacity: 1;
    transform: translateY(0);
  }

  25%, 98% {
    opacity: 0;
    transform: translateY(6px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (width >= 1024px) {
  .assist-mock[data-astro-cid-i3xutpoc] {
    padding: 32px;
  }

  .assist-drawer[data-astro-cid-i3xutpoc] {
    padding: 28px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.js [data-astro-cid-i3xutpoc][data-playing="true"] .assist-step[data-astro-cid-i3xutpoc] {
    animation: none;
    opacity: 0;
    transform: none;
  }

  html.js [data-astro-cid-i3xutpoc][data-playing="true"] [data-astro-cid-i3xutpoc][data-step="3"] {
    opacity: 1;
  }
}

@media print {
  html.js [data-astro-cid-i3xutpoc][data-playing="true"] .assist-step[data-astro-cid-i3xutpoc] {
    animation: none;
    opacity: 0;
    transform: none;
  }

  html.js [data-astro-cid-i3xutpoc][data-playing="true"] [data-astro-cid-i3xutpoc][data-step="3"] {
    opacity: 1;
  }

  .loop-toggle[data-astro-cid-i3xutpoc] {
    display: none !important;
  }
}
/* The prototype's stage, paper card and drawn underline; all content is static without JS. */
#hero { position: relative; isolation: isolate; overflow: clip; padding-block: 0 26px; animation: none; transform: none; transition: none; }
#hero .hero-layout { display: grid; gap: 14px; }
#hero .hero-stage { position: relative; height: 190px; margin-top: -4px; min-width: 0; }
#hero .hero-stage canvas, #hero .hero-fallback { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
#hero .hero-fallback { object-fit: contain; }
#hero canvas { opacity: 0; }
#hero.is-3d canvas { opacity: 1; }
#hero.is-3d .hero-fallback { opacity: 0; }
#hero .hero-copy { min-width: 0; display: grid; gap: 12px; align-content: center; }
#hero h1 { font-size: clamp(36.8px, 5.3vw, 80px); margin: 0; }
#hero .hero-sub { margin: 0; font-size: 16px; line-height: 1.4; }
#hero .hero-actions { align-items: center; gap: 12px; margin: 0; font-size: 14px; }
#hero .hero-actions > a:not(.button) { display: inline-flex; align-items: center; min-height: 44px; line-height: 1.3; font-weight: 600; text-decoration: underline; }
#hero .hero-trust { margin: 0; font-size: 14px; line-height: 1.4; color: var(--color-text-soft); }
#hero .kw { position: relative; display: inline-block; white-space: nowrap; }
#hero .kw svg { position: absolute; left: -2%; bottom: -.12em; width: 104%; height: .32em; overflow: visible; }
#hero .kw path { fill: none; stroke: var(--color-green-3); stroke-width: 5; stroke-linecap: round; stroke-dasharray: 1; stroke-dashoffset: 0; }
#hero .hero-visual { width: 100%; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
#hero figcaption { grid-column: 1; grid-row: 1; margin: 0; padding: 4px 10px; border-radius: var(--radius-pill); color: var(--color-text-soft); background: var(--color-paper); font-size: 12px; line-height: 1.3; }
#hero .visual-meta { grid-column: 2; grid-row: 1; }
#hero .loop-toggle { min-height: 44px; border-radius: var(--radius-pill); padding: 6px 10px; font-size: 12px; white-space: nowrap; }
/* Under reduced motion the script disables the control: nothing can play, so it must not look pressable. */
#hero .loop-toggle:disabled { cursor: default; opacity: .6; }
#hero .assist-mock { padding: 10px; border-radius: 18px; background: #fffdf7; box-shadow: 0 36px 60px -30px rgb(31 71 51 / 35%); }
#hero .assist-drawer { padding: 0; border: 0; background: transparent; }
#hero .assist-header { gap: 8px; }
#hero .assist-header h2 { font-size: 17px; }
#hero .assist-spark { font-size: 24px; }
#hero .assist-item { margin-block: 3px; font-size: 13px; line-height: 1.3; }
#hero .draft-chip { padding: 2px 8px; font-size: 12px; }
#hero .assist-steps { margin-top: 6px; }
#hero .draft-text { padding: 6px 10px; font-size: 13px; line-height: 1.35; margin: 0; }
#hero .approval-note { margin-block: 6px; font-size: 13px; line-height: 1.3; }
#hero .mock-button { min-height: 30px; padding: 4px 12px; font-size: 12px; }
#hero .hero-benefits { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; font-size: 14px; line-height: 1.4; }
#hero .hero-benefits li { position: relative; padding-left: 20px; }
#hero .hero-benefits li::before { content: '✓'; position: absolute; left: 0; font-weight: 700; }
.js #hero[data-motion-paused="true"] .assist-step { animation-play-state: paused; }
/* The same control stops the hero's heading hover transition as well as its loops. */
#hero[data-motion-paused="true"] h1, #hero[data-motion-paused="true"] h2 { transition: none; }
@media (min-width: 900px) {
  #hero { padding-block: 28px 40px; }
  #hero .hero-layout { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 24px 48px; align-items: center; }
  #hero .hero-copy { grid-column: 1; grid-row: 1 / span 2; gap: 18px; }
  #hero .hero-sub { font-size: 18px; line-height: 1.5; }
  #hero .hero-actions { font-size: 16px; }
  #hero .hero-stage { grid-column: 2; grid-row: 1; height: 290px; margin: 0; }
  #hero .hero-stage canvas, #hero .hero-fallback { mask-image: linear-gradient(90deg, transparent 0, #000 34%); }
  #hero .hero-visual { grid-column: 2; grid-row: 2; max-width: 580px; justify-self: end; }
  #hero .assist-mock { padding: 18px; }
  #hero .assist-drawer { display: grid; grid-template-columns: 1fr auto; gap: 4px 18px; }
  #hero .assist-header { grid-column: 1; }
  #hero .draft-chip { grid-column: 2; grid-row: 1; align-self: center; }
  #hero .assist-item { grid-column: 1 / -1; }
  #hero .assist-steps { grid-column: 1 / -1; }
  #hero .assist-step[data-step="3"] { display: grid; grid-template-columns: 1fr auto; gap: 4px 18px; align-items: center; }
  #hero .mock-actions { grid-column: 2; grid-row: 1 / span 2; flex-direction: column; }
  #hero .approval-note { grid-column: 1; margin: 0; }
  #hero .hero-benefits { grid-column: 1 / -1; grid-template-columns: repeat(3, 1fr); gap: 28px; font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) {
  #hero *, #hero *::before { transition: none; animation: none; }
}
.hero-actions[data-astro-cid-i3irphx7] {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
}

@media (width >= 1024px) {
  .hero-layout[data-astro-cid-i3irphx7] {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  }
}
.section--surface-2[data-astro-cid-mgrwpp23] {
  background: var(--color-surface-2);
  padding-block: 40px;
}

h2[data-astro-cid-mgrwpp23] {
  max-width: 850px;
}

.proof-standards[data-astro-cid-mgrwpp23] {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  padding: 0;
  margin-block: 24px 16px;
}

.proof-standards[data-astro-cid-mgrwpp23] li[data-astro-cid-mgrwpp23] {
  border: 1px solid var(--color-forest);
  border-radius: var(--radius-pill);
  padding: 6px 14px;
  font-size: 15px;
}

.proof-note[data-astro-cid-mgrwpp23] {
  max-width: 850px;
  color: var(--color-text-soft);
}

.proof-facts[data-astro-cid-mgrwpp23] {
  display: grid;
  gap: 24px;
  margin-block: 32px 24px;
}

article[data-astro-cid-mgrwpp23] {
  border-top: 1px solid var(--color-border);
  padding-top: 16px;
}

h3[data-astro-cid-mgrwpp23] {
  font-size: 24px;
  margin-bottom: 8px;
}

.proof-footnote[data-astro-cid-mgrwpp23] {
  max-width: 900px;
  font-size: 14px;
  color: var(--color-text-soft);
}

@media (width >= 768px) {
  .proof-facts[data-astro-cid-mgrwpp23] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
figure[data-astro-cid-2hcxuvwd] {
  margin: 0;
  min-width: 0;
}

.demo-card[data-astro-cid-2hcxuvwd] {
  min-height: 220px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
  padding: 24px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-paper);
}

p[data-astro-cid-2hcxuvwd] {
  margin: 0;
}

.demo-title[data-astro-cid-2hcxuvwd], legend[data-astro-cid-2hcxuvwd] {
  font-weight: 600;
}

button[data-astro-cid-2hcxuvwd], label[data-astro-cid-2hcxuvwd] {
  min-height: 44px;
  padding: 10px 16px;
  border: 1px solid var(--color-forest);
  border-radius: var(--radius-sm);
  color: var(--color-forest);
  background: var(--color-surface);
  font: inherit;
  cursor: pointer;
}

.draft-chip[data-astro-cid-2hcxuvwd] {
  align-self: flex-start;
  padding: 4px 12px;
  border-radius: var(--radius-pill);
  background: var(--color-surface-2);
  color: var(--color-amber-ink);
  font-weight: 600;
}

.approve[data-astro-cid-2hcxuvwd] {
  align-self: flex-start;
  background: var(--color-amber-display);
  color: var(--color-ink);
  border-color: var(--color-amber-ink);
  font-weight: 600;
}

.approve[data-astro-cid-2hcxuvwd]:disabled {
  cursor: default;
}

ul[data-astro-cid-2hcxuvwd] {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

li[data-astro-cid-2hcxuvwd] {
  padding-block: 8px;
  border-bottom: 1px solid var(--color-border);
}

fieldset[data-astro-cid-2hcxuvwd] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  border: 0;
  padding: 0;
  margin: 0;
}

legend[data-astro-cid-2hcxuvwd] {
  margin-bottom: 20px;
}

label[data-astro-cid-2hcxuvwd] {
  display: flex;
  align-items: center;
  gap: 8px;
}

label[data-astro-cid-2hcxuvwd]:has(input:checked) {
  background: var(--color-forest);
  color: var(--color-paper);
}

input[data-astro-cid-2hcxuvwd] {
  accent-color: var(--color-forest);
}

.locked-card[data-astro-cid-2hcxuvwd] {
  position: relative;
}

.blurred-record[data-astro-cid-2hcxuvwd] {
  display: grid;
  gap: 24px;
  filter: blur(7px);
}

.blurred-record[data-astro-cid-2hcxuvwd] span[data-astro-cid-2hcxuvwd] {
  height: 14px;
  width: 80%;
  background: var(--color-sage);
  border-radius: 6px;
}

.blurred-record[data-astro-cid-2hcxuvwd] span[data-astro-cid-2hcxuvwd]:nth-child(2) {
  width: 60%;
}

.lock-label[data-astro-cid-2hcxuvwd] {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  font-weight: 600;
}

.return-list[data-astro-cid-2hcxuvwd] span[data-astro-cid-2hcxuvwd] {
  margin-right: 12px;
  font-weight: 700;
}

video[data-astro-cid-2hcxuvwd] {
  width: 100%;
  height: auto;
  border-radius: var(--radius-md);
  background: var(--color-paper);
}

.demo-media[data-astro-cid-2hcxuvwd] button[data-astro-cid-2hcxuvwd] {
  margin-top: 12px;
}

figcaption[data-astro-cid-2hcxuvwd] {
  margin-top: 12px;
  color: var(--color-text-soft);
  font-size: .875rem;
}
h2[data-astro-cid-eqegfzx3] {
  max-width: 24ch;
  margin: 0 0 32px;
}

.feature-tablist[data-astro-cid-eqegfzx3] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 24px;
}

[data-astro-cid-eqegfzx3][role="tab"] {
  position: relative;
  min-height: 48px;
  padding: 12px 18px;
  border: 1px solid var(--color-forest);
  border-radius: var(--radius-md);
  color: var(--color-forest);
  background: none;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}

[data-astro-cid-eqegfzx3][role="tab"][aria-selected="true"] {
  background: var(--color-forest);
  color: var(--color-paper);
}

[data-astro-cid-eqegfzx3][role="tab"]:after {
  content: "";
  position: absolute;
  height: 3px;
  bottom: 3px;
  inset-inline: 10px;
  background: var(--color-sage);
  transform: scaleX(0);
  transform-origin: 0;
}

.is-autoplaying[data-astro-cid-eqegfzx3] [data-astro-cid-eqegfzx3][role="tab"][aria-selected="true"]:after {
  animation: 6s linear infinite feature-progress;
}

.feature-panel[data-astro-cid-eqegfzx3] {
  display: grid;
  gap: 24px;
  padding: clamp(20px, 4vw, 40px);
  margin-block: 24px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
}

.feature-panel[data-astro-cid-eqegfzx3][hidden] {
  display: none;
}

.feature-copy[data-astro-cid-eqegfzx3] {
  min-width: 0;
  align-self: center;
}

h3[data-astro-cid-eqegfzx3] {
  font-size: clamp(1.5rem, 2.5vw, 2rem);
  margin: 0 0 20px;
}

p[data-astro-cid-eqegfzx3] {
  margin: 0 0 24px;
  color: var(--color-text-soft);
}

a[data-astro-cid-eqegfzx3] {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-weight: 600;
}

@keyframes feature-progress {
  to {
    transform: scaleX(1);
  }
}

@media (width >= 900px) {
  .feature-panel[data-astro-cid-eqegfzx3] {
    grid-template-columns: 1fr 1fr;
    gap: 48px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .is-autoplaying[data-astro-cid-eqegfzx3] [data-astro-cid-eqegfzx3][role="tab"][aria-selected="true"]:after {
    animation: none;
  }
}
/* These selectors belong only to the Assist story, including its amber accents. */
#assist.story { background: var(--color-paper); padding-block: 0; }
#assist .story__track { height: auto; padding-block: 72px; }
#assist .story__sticky { position: static; height: auto; }
#assist .story__grid { display: grid; gap: 64px; align-items: center; }
#assist #steps { grid-template-columns: 1fr; gap: 12px; }
#assist #steps li {
  display: grid; grid-template-columns: 48px 1fr; gap: 14px; align-items: start;
  padding-block: 8px; border-top: 0; opacity: 1;
}
#assist #steps li::before { margin-bottom: 0; }
#assist .steps li.is-on::before { box-shadow: 0 0 0 4px var(--color-paper), 0 0 0 6px var(--color-amber-ink); }
#assist .stage { position: relative; display: grid; place-items: center; min-width: 0; }
#assist .stage__spark {
  position: absolute; width: 84%; height: auto; right: 0; top: -14%;
  translate: 0 var(--sy, 0px); pointer-events: none;
}
#assist .record {
  position: relative; width: 100%; max-width: 470px; background: #fffdf7;
  border: 1px solid var(--color-border); border-radius: 20px; padding: 20px;
  display: grid; gap: 12px; box-shadow: 0 40px 70px -40px rgb(31 71 51 / 55%);
}
#assist .record__row {
  display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px;
  font-size: .95rem; border-bottom: 1px dashed var(--color-border); padding-bottom: 10px;
}
#assist .record__comment {
  display: block; opacity: 1; min-height: 84px; color: var(--color-ink);
  border-left: 3px solid var(--color-border); padding-left: 12px;
}
#assist[data-step="1"] .record__comment,
#assist[data-step="2"] .record__comment,
#assist[data-step="3"] .record__comment { border-color: var(--color-amber-display); }
#assist .record[data-state="approved"] .record__comment { border-color: var(--color-forest); }
#assist .record__comment span { display: block; overflow-wrap: anywhere; }
#assist .record__comment span[contenteditable="true"] { outline: 2px solid var(--color-forest); outline-offset: 4px; }
#assist .record__status { margin: 0; color: var(--color-text-soft); font-size: .9rem; }
#assist .record__actions { display: none; flex-wrap: wrap; gap: 8px; }
#assist[data-enhanced="true"] .record__actions { display: flex; }
#assist .record__actions button {
  min-height: 44px; padding: 8px 16px; border: 1px solid var(--color-forest);
  border-radius: var(--radius-pill); background: transparent; color: var(--color-forest);
  font: inherit; font-weight: 600; cursor: pointer;
}
#assist .record__actions #approve,
#assist[data-step="2"] .record__actions #edit { background: var(--color-forest); color: var(--color-paper); }
#assist .record__actions button:focus-visible,
#assist .record__comment span:focus-visible { outline: 3px solid var(--color-forest); outline-offset: 4px; }
#assist .story__caption { margin: 12px 0 0; font-size: .9rem; color: var(--color-text-soft); }
.no-js #assist .steps li { opacity: 1; }
.no-js #assist .record__comment { display: block; opacity: 1; }

@media (min-width: 900px) {
  #assist .story__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  #assist[data-pinned="true"] .story__track { height: 300vh; padding-block: 0; }
  #assist[data-pinned="true"] .story__sticky {
    position: sticky; top: var(--header-h, 72px); height: calc(100vh - var(--header-h, 72px));
    display: grid; align-items: center;
  }
}
@media (prefers-reduced-motion: reduce) {
  #assist .story__track { height: auto; padding-block: 72px; }
  #assist .story__sticky { position: static; height: auto; }
  #assist .stage__spark { translate: none; }
  #assist .steps li, #assist .steps li::before, #assist .record__comment { transition: none; }
}
#assist .ai-heading[data-astro-cid-sehkes6l] {
  margin: 0 0 32px;
  max-width: 24ch;
}

#assist .ai-steps[data-astro-cid-sehkes6l] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: ai-step;
}

#assist .ai-steps[data-astro-cid-sehkes6l] li[data-astro-cid-sehkes6l] {
  min-width: 0;
  padding-block: 20px;
  border-top: 1px solid var(--color-border);
  font-weight: 600;
  counter-increment: ai-step;
}

#assist .ai-steps[data-astro-cid-sehkes6l] li[data-astro-cid-sehkes6l]:before {
  content: counter(ai-step);
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  margin-bottom: 16px;
  border-radius: var(--radius-pill);
  background: var(--color-amber-display);
  color: var(--color-ink);
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
}

#assist .ai-note[data-astro-cid-sehkes6l] {
  max-width: 64ch;
  margin: 32px 0 16px;
  padding-left: 16px;
  border-left: 3px solid var(--color-amber-display);
}

#assist .ai-link[data-astro-cid-sehkes6l] {
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  color: var(--color-amber-ink);
  font-weight: 600;
}

@media (width >= 640px) {
  #assist .ai-steps[data-astro-cid-sehkes6l] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (width >= 1024px) {
  #assist .ai-steps[data-astro-cid-sehkes6l] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 32px;
  }
}
/* Section decoration remains separate from the readable deck content. */
#security .security-layout,
#pricing .pricing-intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  gap: 32px;
}
#security [data-section-picture] {
  width: min(100%, 20rem);
  --section-picture-ratio: 710 / 980;
  max-width: 320px;
  margin-inline: auto;
  transform: perspective(900px) rotateY(-8deg) rotateX(3deg);
  filter: drop-shadow(0 24px 24px rgb(0 0 0 / 0.2));
}
#security [data-section-picture] img,
#pricing [data-section-picture] img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: var(--section-picture-ratio);
}
#pricing .pricing-intro { margin-bottom: 32px; }
#pricing .pricing-intro h2 { margin-bottom: 0; }
#pricing [data-section-picture] {
  width: min(100%, 17.5rem);
  --section-picture-ratio: 1303 / 1031;
  max-width: 280px;
  margin-inline: auto;
}
#pricing .edition-card {
  box-shadow: 0 12px 24px rgb(31 71 51 / 0.08);
}
/* The tilt is an enhancement: without JavaScript the cards stay flat. */
.js #pricing .edition-card {
  transform: perspective(900px) rotateX(2deg) rotateY(-2deg);
}
@media (min-width: 768px) {
  #security .security-layout {
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.65fr);
  }
  #pricing .pricing-intro {
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.65fr);
  }
}

#blog [data-section-picture] {
  width: min(100%, 20rem);
  margin-block: 24px;
}
#blog [data-section-picture] img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1191 / 932;
}

#cta { position: relative; isolation: isolate; overflow: hidden; }
#cta .cta-backdrop,
#cta .cta-gradient,
#cta .cta-grain { position: absolute; inset: 0; pointer-events: none; }
#cta .cta-backdrop { z-index: -3; }
#cta .cta-backdrop img { width: 100%; height: 100%; object-fit: cover; }
#cta .cta-gradient {
  inset: -20%;
  z-index: -2;
  background: linear-gradient(135deg, #1f4733f5, #2e6a4ceb, #1f4733f5);
  transform: none;
}
.js #cta .cta-gradient {
  animation-name: mosaic-drift;
  animation-duration: 24s;
  animation-timing-function: ease-out;
  animation-iteration-count: 1;
  animation-fill-mode: both;
}
@keyframes mosaic-drift {
  from { transform: translate3d(-3%, 2%, 0) scale(1.05); }
  to { transform: none; }
}
#cta .cta-grain {
  z-index: -1;
  background-image: url('/textures/grain.png');
  background-size: 256px 256px;
  opacity: 0.07;
  mix-blend-mode: multiply;
}
#cta .cta-content { position: relative; z-index: 1; }
.mosaic-assembly {
  position: absolute;
  right: -20px;
  bottom: -20px;
  width: clamp(180px, 30vw, 360px);
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 5px;
  transform: perspective(900px) rotateX(15deg) rotateY(-12deg) rotateZ(-8deg);
  opacity: 0.2;
  pointer-events: none;
  z-index: -1;
}
.mosaic-tile {
  display: block;
  aspect-ratio: 1;
  border-radius: 5px;
  background: var(--color-sage);
  box-shadow: inset 1px 1px 0 rgb(255 255 255 / 0.35), 0 3px 0 var(--color-forest);
  transform: none;
  animation-name: none;
  animation-iteration-count: 1;
}
.mosaic-tile:nth-child(3n) { background: var(--color-paper); }
.mosaic-tile:nth-child(5n) { background: var(--color-green-3); }
.js .is-assembled .mosaic-tile {
  animation-name: mosaic-assemble;
  animation-duration: 900ms;
  animation-delay: calc(var(--tile-index) * 18ms);
  animation-timing-function: cubic-bezier(0.2, 0.7, 0.3, 1);
  animation-fill-mode: both;
}
@keyframes mosaic-assemble {
  from { transform: translate3d(var(--tile-x), var(--tile-y), 80px) rotate(var(--tile-turn)); }
  to { transform: none; }
}
.no-js #cta .cta-gradient { animation: none !important; transform: none !important; }
.no-js .mosaic-tile { animation: none !important; transform: none !important; }
.reduce #cta .cta-gradient { animation: none !important; transform: none !important; }
.reduce .mosaic-tile { animation: none !important; transform: none !important; }
@media (prefers-reduced-motion: reduce) {
  #cta .cta-gradient { animation: none !important; transform: none !important; }
  .mosaic-tile { animation: none !important; transform: none !important; }
}
#security .security-heading[data-astro-cid-xfprcptf] {
  max-width: 24ch;
  margin: 0 0 32px;
}

#security .security-accordion[data-astro-cid-xfprcptf] {
  max-width: 80ch;
}

#security details[data-astro-cid-xfprcptf] {
  padding: 16px;
  border-top: 1px solid var(--color-sage);
}

#security details[data-astro-cid-xfprcptf]:last-child {
  border-bottom: 1px solid var(--color-sage);
}

#security summary[data-astro-cid-xfprcptf] {
  padding-block: 8px;
  font-weight: 600;
  cursor: pointer;
}

#security details[data-astro-cid-xfprcptf] p[data-astro-cid-xfprcptf] {
  max-width: 68ch;
  margin: 16px 0 8px;
}

#security .security-pending[data-astro-cid-xfprcptf] {
  border-left: 3px solid var(--color-sage);
}

#security .security-link[data-astro-cid-xfprcptf] {
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  margin-top: 24px;
  color: var(--color-paper);
  font-weight: 600;
}

#security summary[data-astro-cid-xfprcptf]:focus-visible, #security .security-link[data-astro-cid-xfprcptf]:focus-visible {
  outline-offset: 4px;
  border-radius: var(--radius-sm);
  outline: 3px solid var(--color-paper);
}
h2[data-astro-cid-fhkqaksx] {
  max-width: 24ch;
  margin: 0 0 32px;
}

.edition-grid[data-astro-cid-fhkqaksx] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

.edition-card[data-astro-cid-fhkqaksx] {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 24px;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
}

h3[data-astro-cid-fhkqaksx] {
  font-size: 1.4rem;
  margin: 0 0 16px;
  overflow-wrap: anywhere;
}

.edition-card[data-astro-cid-fhkqaksx] p[data-astro-cid-fhkqaksx] {
  margin: 0 0 24px;
  color: var(--color-text-soft);
}

.edition-card[data-astro-cid-fhkqaksx] .price[data-astro-cid-fhkqaksx] {
  margin: auto 0 0;
  color: var(--color-forest);
  font-weight: 600;
}

.pricing-note[data-astro-cid-fhkqaksx] {
  max-width: 65ch;
  margin: 32px 0 24px;
}

@media (width >= 640px) {
  .edition-grid[data-astro-cid-fhkqaksx] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (width >= 1024px) {
  .edition-grid[data-astro-cid-fhkqaksx] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
h2[data-astro-cid-q5ldnox6] {
  margin: 0 0 24px;
}

.teaser-grid[data-astro-cid-q5ldnox6] {
  display: grid;
  gap: 24px;
  margin-block: 32px 24px;
}

@media (width >= 640px) {
  .teaser-grid[data-astro-cid-q5ldnox6] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.faq-content[data-astro-cid-ajsgapk5] {
  max-width: 860px;
  margin-inline: auto;
}

h2[data-astro-cid-ajsgapk5] {
  margin-block: 0 32px;
}

details[data-astro-cid-ajsgapk5] {
  border-top: 1px solid var(--color-border);
}

details[data-astro-cid-ajsgapk5]:last-child {
  border-bottom: 1px solid var(--color-border);
}

summary[data-astro-cid-ajsgapk5] {
  min-height: 48px;
  padding: 16px 8px;
  font-weight: 600;
  cursor: pointer;
  overflow-wrap: anywhere;
}

p[data-astro-cid-ajsgapk5] {
  margin: 0;
  padding: 0 8px 24px;
  color: var(--color-text-soft);
  overflow-wrap: anywhere;
}
.cta-content[data-astro-cid-vc7f7hly] {
  max-width: 720px;
  margin-inline: auto;
  text-align: center;
}

h2[data-astro-cid-vc7f7hly] {
  margin-block: 0 16px;
}

.cta-text[data-astro-cid-vc7f7hly] {
  margin-block: 0 24px;
}

.micro-trust[data-astro-cid-vc7f7hly] {
  margin-block: 16px 0;
  font-size: .875rem;
}