*{box-sizing:border-box}body{color:#292b28;background:#faf9f6;margin:0;font-family:Arial,sans-serif}header{border-bottom:1px solid #e9e5dc;justify-content:space-between;padding:22px 6%;display:flex}a{color:inherit;text-decoration:none}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:40px;max-width:1160px;margin:auto;padding:60px 6%;display:grid}.hero img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);width:100%}.eyebrow{letter-spacing:3px;color:var(--accent);font-size:11px}h1{font-family:var(--heading-font);letter-spacing:-2px;white-space:pre-line;font-size:clamp(36px,6vw,68px);font-weight:500;line-height:1.05}h2{font-family:var(--heading-font);margin:40px 0 14px;font-weight:500}p{color:#5f6058;line-height:1.7}.button,button{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;font:inherit;border:0;padding:14px 24px;display:inline-block}button:disabled{opacity:.6}main{max-width:1000px;margin:auto;padding:0 6% 60px}.card{border-radius:var(--radius);background:#fff;border:1px solid #e5dfd6;gap:16px;padding:24px;display:grid}.drop{border:2px dashed var(--accent);border-radius:var(--radius);text-align:center;cursor:pointer;color:var(--accent);padding:28px;font-weight:700}.drop input{margin:12px auto 0;font-weight:400;display:block}.prev{object-fit:contain;border-radius:8px;max-width:100%;max-height:320px}.cols{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.cols button{grid-column:1/-1}label{gap:6px;font-size:14px;display:grid}input,textarea{font:inherit;background:#fff;border:1px solid #ddd;border-radius:8px;width:100%;padding:11px}input.auto{border-color:var(--accent);background:#f3efe7}.bar{background:#eee;border-radius:8px;height:8px;overflow:hidden}.bar i{background:var(--accent);height:100%;transition:width .3s;display:block}pre{background:#f3efe7;border-radius:8px;padding:14px;font-size:13px;overflow:auto}.scroll{overflow:auto}table{border-collapse:collapse;min-width:760px}th{text-align:left;padding:6px;font-size:13px}td{padding:4px}.contact{max-width:520px}footer{border-top:1px solid #e9e5dc;padding:30px 6%}@media (width<=700px){.hero{grid-template-columns:1fr;padding-top:30px}.cols{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
