.yazaris { --yz-paper: #f6f3ec; --yz-ink: #203e34; --yz-muted: #59635b; --yz-line: #d4d9ce; --yz-white: #fffefa; background: var(--yz-paper); color: var(--yz-ink); }
.yazaris h1,.yazaris h2,.yazaris h3 { color: inherit; }
.yazaris h2 { margin: 0 0 24px; font-size: clamp(34px,4.5vw,58px); line-height: 1.08; letter-spacing: -.045em; }
.yazaris h3 { font-size: 24px; line-height: 1.25; letter-spacing: -.025em; margin: 0 0 16px; }
.yazaris p { line-height: 1.7; }
.yazaris .yz-kicker { font-size: 13px; font-weight: 650; margin: 0 0 24px; color: var(--yz-muted); }
.yz-hero { padding: 80px 0 0; }
.yz-opening { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: clamp(40px,6vw,88px); padding-bottom: 72px; }
.yz-opening > *, .yz-editorial > *, .yz-status-grid > * { min-width: 0; }
.yz-opening h1 { font-size: clamp(72px,9vw,120px); letter-spacing: -.07em; line-height: 1; margin: 0 0 24px; }
.yz-opening h1 span { color: var(--yz-muted); }
.yazaris .yz-headline { font-family: Georgia,serif; font-size: clamp(30px,3.5vw,45px); line-height: 1.15; letter-spacing: -.035em; margin: 0 0 24px; }
.yz-lead { color: var(--yz-muted); font-size: 17px; max-width: 520px; margin-bottom: 24px; }
.yz-link { color: inherit; font-size: 14px; font-weight: 650; display: inline-flex; align-items: center; gap: 16px; min-height: 44px; text-decoration: none; border-bottom: 1px solid currentColor; }
.yz-link:hover { text-decoration: underline; text-underline-offset: 6px; }
.yz-product-shot { margin: 0; padding-top: 16px; }
.yz-product-shot img { display: block; width: 100%; height: auto; border: 1px solid var(--yz-line); box-shadow: 0 28px 52px -40px var(--yz-ink); }
.yz-product-shot figcaption { margin-top: 16px; color: var(--yz-muted); font-size: 12px; line-height: 1.6; max-width: 520px; }
.yz-paper-scene { margin: 0; padding-top: 16px; }
.yz-message { position: relative; z-index: 1; width: 92%; margin-left: 8%; padding: 24px 28px; background: var(--yz-ink); color: var(--yz-white); }
.yz-message > span { font-size: 12px; opacity: .85; }
.yz-message p { margin: 12px 0 0; font-family: Georgia,serif; font-size: 25px; line-height: 1.4; }
.yz-receipt { background: var(--yz-white); margin: 0 8% 0 0; padding: 32px; border: 1px solid var(--yz-line); border-top: 0; box-shadow: 0 20px 35px -30px var(--yz-ink); }
.yz-receipt-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; border-bottom: 1px solid var(--yz-line); padding-bottom: 20px; }
.yz-receipt-head strong { font-size: 24px; letter-spacing: -.05em; }
.yz-receipt-head span,.yz-receipt-label,.yz-receipt-foot { font-size: 12px; color: var(--yz-muted); }
.yz-receipt dl { margin: 20px 0; }
.yz-receipt dl > div { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; border-bottom: 1px solid var(--yz-line); padding: 10px 0; font-size: 14px; }
.yz-receipt dd { margin: 0; font-weight: 650; }
.yz-question { border-left: 2px solid var(--yz-ink); padding-left: 12px; font-size: 14px; }
.yz-receipt-foot { margin: 24px 0 0; }
.yz-paper-scene figcaption { margin-top: 20px; color: var(--yz-muted); font-size: 12px; line-height: 1.6; max-width: 420px; }
.yz-milestone { display: grid; grid-template-columns: 96px 1fr; gap: 32px; border-top: 1px solid var(--yz-line); padding-top: 40px; padding-bottom: 48px; }
.yz-milestone-mark { font-family: Georgia,serif; font-size: 72px; line-height: 1; }
.yz-milestone h2 { font-size: clamp(28px,3vw,40px); margin-bottom: 12px; }
.yz-milestone .yz-kicker { margin-bottom: 12px; }
.yz-milestone p:last-child { max-width: 660px; color: var(--yz-muted); margin: 0; font-size: 14px; }
.yz-section { padding-top: 96px; padding-bottom: 96px; }
.yz-editorial { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(40px,7vw,100px); }
.yz-editorial p { color: var(--yz-muted); font-size: 17px; margin-top: 0; }
.yz-workflow { padding: 80px 0; background: var(--yz-ink); color: var(--yz-white); scroll-margin-top: 80px; }
.yz-workflow .yz-kicker,.yz-workflow p { color: var(--yz-line); }
.yz-sticky { position: sticky; top: 112px; align-self: start; }
.yz-steps { list-style: none; margin: 0; padding: 0; }
.yz-steps li { padding: 0 0 56px; margin-bottom: 48px; border-bottom: 1px solid var(--yz-muted); }
.yz-steps li:last-child { margin: 0; padding-bottom: 0; border: 0; }
.yz-step-number { display: block; font-family: Georgia,serif; font-size: 40px; margin-bottom: 24px; color: var(--yz-line); }
.yz-contract { border-left: 1px solid var(--yz-line); padding-left: 20px; font: 14px/1.9 ui-monospace,Consolas,monospace; overflow-wrap: anywhere; }
.yz-stack { display: flex; flex-wrap: wrap; gap: 12px 28px; padding-top: 40px; margin-top: 40px; border-top: 1px solid var(--yz-line); font-size: 14px; font-weight: 650; }
.yz-evidence { padding: 80px 0; background: var(--yz-white); border-block: 1px solid var(--yz-line); }
.yz-stats { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 40px; margin: 48px 0 32px; }
.yz-stats strong { font: 500 clamp(44px,5vw,64px)/1 Georgia,serif; letter-spacing: -.045em; font-variant-numeric: tabular-nums; }
.yz-stats p { font-size: 14px; max-width: 240px; color: var(--yz-muted); }
.yz-evidence-note { max-width: 760px; font-size: 14px; color: var(--yz-muted); }
.yz-status-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; }
.yz-status-grid h2 { font-size: 32px; }
.yz-status-grid ul { padding-left: 20px; color: var(--yz-muted); }
.yz-status-grid li { padding: 0 0 16px 8px; line-height: 1.7; }
.yz-source { border-top: 1px solid var(--yz-line); margin-top: 56px; padding-top: 40px; }
.yz-source p { max-width: 760px; color: var(--yz-muted); }
.yz-actions { display: flex; flex-wrap: wrap; gap: 16px 32px; margin-top: 24px; }
@media (max-width: 760px) {
  .yz-hero { padding-top: 48px; }
  .yz-opening,.yz-editorial,.yz-status-grid { grid-template-columns: 1fr; gap: 32px; }
  .yz-opening { padding-bottom: 48px; }
  .yz-opening h1 { font-size: 80px; }
  .yz-product-shot,.yz-paper-scene { padding-top: 8px; }
  .yz-receipt { padding: 24px; }
  .yz-message { padding: 20px 24px; }
  .yz-milestone { grid-template-columns: 48px 1fr; gap: 20px; }
  .yz-milestone-mark { font-size: 44px; }
  .yz-section { padding-block: 64px; }
  .yz-workflow,.yz-evidence { padding-block: 56px; }
  .yz-sticky { position: static; }
  .yz-stats { gap: 28px; grid-template-columns: 1fr; margin-block: 32px; }
  .yz-stats > div { border-bottom: 1px solid var(--yz-line); padding-bottom: 12px; }
  .yz-stats p { max-width: none; }
}