:root{--red:#E60028;--orange:#FF6B00;--cream:#F5F5F0;--dark:#24191b;--muted:#71686a;--green:#17a673;--yellow:#ffc043}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,#fff0e4,transparent 36%),linear-gradient(135deg,#fff 0%,var(--cream) 100%);font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--dark)}.mock-ribbon{position:sticky;top:0;z-index:20;background:repeating-linear-gradient(135deg,#111 0 12px,#222 12px 24px);color:#fff;text-align:center;font-weight:800;padding:10px 12px;letter-spacing:.04em;font-size:13px}.shell{width:min(1040px,92vw);margin:28px auto 48px}.card{background:rgba(255,255,255,.9);border:1px solid rgba(230,0,40,.12);border-radius:28px;padding:28px;box-shadow:0 24px 80px rgba(80,35,25,.12);backdrop-filter:blur(12px);margin-bottom:20px}.hero{overflow:hidden;position:relative}.hero:after{content:"MOCK";position:absolute;right:-28px;top:40px;transform:rotate(16deg);font-family:'Titillium Web';font-size:120px;font-weight:900;color:rgba(230,0,40,.06)}.badge{display:inline-flex;background:#fff3f4;color:var(--red);border:1px solid #ffd2d9;padding:8px 12px;border-radius:999px;font-weight:800;font-size:13px}h1,h2{font-family:'Titillium Web',system-ui,sans-serif;margin:12px 0}h1{font-size:clamp(42px,7vw,82px);line-height:.9;letter-spacing:-.04em}h1 span{color:var(--red)}h2{font-size:clamp(26px,4vw,40px)}.lead{font-size:19px;line-height:1.5;max-width:760px;color:#4b4143}.warning{background:#fff8db;border:1px solid #ffe28a;border-radius:16px;padding:14px 16px;margin:18px 0;max-width:830px}.warning code{font-size:12px}.hero-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}.hero-grid div{background:linear-gradient(135deg,var(--red),var(--orange));color:#fff;border-radius:18px;padding:16px}.hero-grid b{display:block;font-size:30px}.hero-grid span{font-weight:700}.step{display:none}.step.active{display:block}.step-head span{color:var(--red);font-weight:900;text-transform:uppercase;font-size:12px;letter-spacing:.1em}.drop{display:grid;place-items:center;text-align:center;border:2px dashed #ff9aaa;background:#fff7f8;border-radius:22px;min-height:210px;cursor:pointer;transition:.2s}.drop:hover{transform:translateY(-2px);border-color:var(--red)}.drop input{display:none}.drop-icon{font-size:54px;background:linear-gradient(135deg,var(--red),var(--orange));-webkit-background-clip:text;color:transparent}.drop small{color:var(--muted);margin-top:6px}.samples{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.samples button,.primary{appearance:none;border:0;border-radius:999px;padding:14px 20px;font-weight:900;cursor:pointer}.samples button{background:#fff;border:1px solid #ead7d9;color:var(--dark)}.primary{background:linear-gradient(135deg,var(--red),var(--orange));color:#fff;box-shadow:0 10px 28px rgba(230,0,40,.25);font-size:16px}.primary.link{text-decoration:none;display:inline-block}.loader{width:70px;height:70px;border-radius:50%;border:8px solid #ffe2e6;border-top-color:var(--red);animation:spin 1s linear infinite;margin:10px auto}@keyframes spin{to{transform:rotate(360deg)}}#parsing{text-align:center}.confidence{background:#f8f8f6;border-radius:16px;padding:14px;margin-bottom:18px}.confidence span{font-weight:800}.confidence strong{float:right;color:var(--green)}.confidence div{height:10px;background:#e9e4e0;border-radius:999px;clear:both;margin-top:12px;overflow:hidden}.confidence i{display:block;height:100%;width:87%;background:linear-gradient(90deg,var(--green),var(--yellow));border-radius:999px}.forms{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-card{border:1px solid #eee0e2;border-radius:18px;padding:16px;background:#fff}.form-card h3{margin:0 0 12px;color:var(--red)}.input-label{display:grid;gap:6px;font-weight:800;margin-bottom:12px}.input-label input,.field input{width:100%;border:1px solid #e5d5d7;border-radius:12px;padding:12px;background:#fff;font:inherit}.field{display:grid;gap:5px;margin:10px 0}.field label{font-size:12px;color:var(--muted);font-weight:800}.offer-preview,.final-offer{background:linear-gradient(135deg,#fff,#fff3e8);border:1px solid #ffd6ba;border-radius:20px;padding:18px;margin:16px 0}.code{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:44px;font-weight:900;letter-spacing:.14em;background:#fff3e0;border:3px solid var(--orange);border-radius:18px;padding:14px 20px;margin:8px 0 20px}.success-icon{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-size:46px;font-weight:900}.fineprint,footer{color:var(--muted);font-size:13px}footer{text-align:center;margin:40px 0}@media (max-width:760px){.card{padding:20px;border-radius:22px}.hero-grid,.forms{grid-template-columns:1fr}.mock-ribbon{font-size:11px}.shell{width:94vw;margin-top:14px}.code{font-size:34px}}