*{box-sizing:border-box}body{margin:0;background:#f8f7fd;color:#17152b;font:16px/1.6 Inter,system-ui,sans-serif}header,main{max-width:1200px;margin:auto;padding:26px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dedbea;gap:14px}.skip{position:absolute;top:-100px;left:12px}.skip:focus{top:6px;background:#dfff00;padding:12px;z-index:3}.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;padding:46px 0}.eyebrow,.pill{font-size:11px;font-weight:750;letter-spacing:.11em}.eyebrow{color:#4935ff}.pill{display:inline-block;border-radius:22px;padding:8px 13px;background:#e9e7ff}h1{font-size:clamp(42px,6vw,72px);letter-spacing:-.06em;line-height:1.03;margin:20px 0}h2{font-size:clamp(26px,3vw,38px);line-height:1.15;letter-spacing:-.04em;overflow-wrap:anywhere}h3{line-height:1.3}.intro{font-size:20px;line-height:1.5}.muted,small{font-size:13px;color:#625b77}small{display:block;margin-top:14px}label{display:block;margin:18px 0;font-size:13px;font-weight:650}input,textarea{width:100%;display:block;border:1px solid #ccc6df;background:#fff;border-radius:10px;padding:13px;margin-top:7px;font:inherit;color:#17152b}textarea{min-height:85px;resize:vertical}button{display:block;width:100%;background:#4935ff;color:white;border:0;border-radius:11px;padding:15px;font:650 14px/1.5 Inter,system-ui;cursor:pointer}button:disabled{background:#e7e5ed;color:#625b77;cursor:not-allowed}.text-button{background:transparent;color:#4935ff;text-decoration:underline;padding:12px}.check{display:flex;gap:12px;align-items:flex-start;line-height:1.6}.check input{width:18px;min-width:18px;margin-top:4px;accent-color:#4935ff}.visual{border-radius:30px;background:#e9e7ff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 28px;gap:15px;transform:rotate(1deg)}.visual img{object-fit:contain}.flow-box{width:100%;border:1px solid #d0c9eb;background:#fff;border-radius:16px;padding:24px;font-size:12px;font-weight:700;letter-spacing:.07em}.flow-box span{display:block;font-size:19px;letter-spacing:-.025em;margin-top:7px}.output{background:#dfff00;border-color:#dfff00}.flow-arrow{font-size:35px;line-height:1}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.card{background:white;border:1px solid #dedbea;border-radius:24px;padding:30px;margin-bottom:24px}.result-header{margin:35px 0}.buyer{color:#4935ff;font-weight:650}dt{font-size:12px;font-weight:750;margin-top:20px}dd{margin:7px 0;white-space:pre-wrap;overflow-wrap:anywhere}.sample{border:1px dashed #b6afca;border-radius:12px;padding:20px;margin:24px 0;background:#f8f7fd}.sample p{font-size:13px}summary{cursor:pointer;font-weight:650;padding:15px 0}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.details-grid button{grid-column:1/-1}.details-grid .check{font-size:12px}#worksheet,#package-json{font:12px/1.6 ui-monospace,monospace;min-height:220px}#source-note,#provided,#provenance{overflow-wrap:anywhere}#error{color:#8a1640}#error:empty{display:none}footer{font-size:12px;color:#625b77;padding:20px 0 45px}#clear-choice{padding:24px;border:2px solid #4935ff;border-radius:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}:focus-visible{outline:3px solid #4935ff;outline-offset:4px}@media(max-width:760px){header,main{padding:18px}.hero,.grid,.details-grid{grid-template-columns:1fr;gap:20px}.hero{padding:24px 0}.visual{padding:24px;transform:none}.card{padding:22px}.pill{font-size:9px}header img{width:115px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

/* Outvend's approved identity; local font and assets only. */
@font-face {
  font-family: Inter;
  src: url('/assets/Inter.ttf') format('truetype');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
:root {
  --ov-font-sans: Inter, Arial, Helvetica, sans-serif;
  --ov-blue: #4935ff;
  --ov-lime: #dfff00;
  --ov-ink: #17152b;
  --ov-surface: #f8f7fd;
  --ov-control-radius: 10px;
}
body {
  font-family: var(--ov-font-sans);
  font-optical-sizing: auto;
  color: var(--ov-ink);
}

/* Shared treatment, without changing action meaning, disabled state or layout. */
button, .button, .marketing .cta, .auth-card .auth-primary {
  font-family: var(--ov-font-sans);
  border-radius: var(--ov-control-radius);
}
input, textarea, select {
  font-family: var(--ov-font-sans);
}
.result-card input:not([type="checkbox"]):not([type="radio"]),
.result-card textarea, .result-card select, .account-layout select {
  border-radius: var(--ov-control-radius);
}
button:focus-visible, a:focus-visible, input:focus-visible,
textarea:focus-visible, select:focus-visible, summary:focus-visible {
  outline-color: var(--ov-blue);
}