:root{--brand: #c1502e;--brand-dark: #a03d22;--sage: #6b8e7f;--charcoal: #2d3436;--body: #3d4446;--muted: #606667;--cream: #f4f1e8;--offwhite: #fefefd;color:var(--body);background:var(--cream);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}a{color:var(--brand)}a:hover{color:var(--brand-dark)}main{width:min(1480px,calc(100% - 64px));margin:0 auto;padding:40px 0 56px}.brand-bar{display:flex;justify-content:space-between;gap:24px;align-items:center;padding-bottom:22px;border-bottom:1px solid rgb(45 52 54 / 16%);margin-bottom:38px;color:var(--muted);font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.brand-link{display:inline-flex}.brand-link img{display:block;width:220px;height:auto}.hero{max-width:920px;margin-bottom:40px}.eyebrow{margin:0 0 10px;color:var(--brand);font-size:.78rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}h1,h2{margin:0;color:var(--charcoal);font-family:Space Grotesk,Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.035em}h1{font-size:clamp(2.7rem,8vw,5.5rem);line-height:.96}h2{font-size:1.65rem}.lede{max-width:760px;margin:24px 0 0;color:var(--body);font-size:1.15rem;line-height:1.6}.panel{padding:28px;border:1px solid rgb(45 52 54 / 18%);border-radius:18px;background:var(--offwhite);box-shadow:0 18px 45px #2d343614}.controls{display:grid;grid-template-columns:1fr;gap:20px;align-items:center}.controls p{margin:8px 0 0;color:var(--muted)}.privacy-note{line-height:1.55}.drop-zone{display:grid;place-items:center;gap:8px;width:min(100%,1040px);min-height:180px;margin:4px auto 0;padding:28px;border:2px dashed rgb(107 142 127 / 65%);border-radius:14px;color:var(--charcoal);background:var(--cream);text-align:center;transition:border-color .15s ease,background .15s ease,transform .15s ease}.drop-zone span{color:var(--muted);font-size:.92rem}.drop-zone:hover,.drop-zone.dragging{border-color:var(--brand);background:#faf0eb}.drop-zone.dragging{transform:scale(1.01)}.drop-zone.disabled{cursor:wait;opacity:.55}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.drop-actions{justify-content:center;margin-top:12px}input[type=file]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.button{border:1px solid rgb(45 52 54 / 28%);border-radius:999px;padding:10px 17px;color:var(--charcoal);background:var(--offwhite);cursor:pointer;font-weight:650}.button:hover{border-color:var(--brand);color:var(--brand-dark)}.button:focus-visible{outline:3px solid rgb(193 80 46 / 35%);outline-offset:3px}.button.primary{border-color:var(--brand);color:#fff;background:var(--brand)}.button.primary:hover{border-color:var(--brand-dark);color:#fff;background:var(--brand-dark)}.button.quiet{background:transparent}.button:disabled{cursor:wait;opacity:.55}.status{margin:0;padding-top:18px;border-top:1px solid rgb(45 52 54 / 14%);color:var(--muted)}.status.error{color:var(--brand-dark)}.results{margin-top:28px}.results-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:22px}iframe{width:100%;min-height:760px;border:1px solid #ded9cf;border-radius:12px;background:#fff}.site-footer{display:flex;justify-content:space-between;gap:32px;margin-top:48px;padding:30px 0 8px;border-top:1px solid rgb(45 52 54 / 16%);color:var(--muted);font-size:.88rem;line-height:1.6}.site-footer p{margin:0}.site-footer p:last-child{text-align:right}.site-footer strong{color:var(--charcoal)}@media(max-width:1024px){main{width:calc(100% - 40px);padding:32px 0 48px}.panel{padding:24px}iframe{min-height:680px}}@media(max-width:700px){main{width:calc(100% - 24px);padding:24px 0 40px}.hero{margin-bottom:28px}h1{font-size:clamp(2.5rem,14vw,4rem)}.lede{font-size:1.05rem}.panel{padding:18px;border-radius:14px}.drop-zone{min-height:128px;padding:20px}.results-heading{align-items:start;flex-direction:column}.site-footer{align-items:flex-start;flex-direction:column;gap:14px}.site-footer p:last-child{text-align:left}iframe{min-height:600px}}@media(max-width:480px){main{width:calc(100% - 16px);padding:24px 0}.brand-bar{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:28px;padding-bottom:18px}.brand-link img{width:170px}.actions{align-items:stretch;flex-direction:column}.button{width:100%;text-align:center}.results-heading .actions{width:100%}iframe{min-height:520px}}
