:root{font-family:Inter,ui-sans-serif,system-ui,Arial;color:#192333;background:#f8fafc}*{box-sizing:border-box}body{margin:0}a{text-decoration:none;color:inherit}.top{background:white;border-bottom:1px solid #e8edf2;position:sticky;top:0;z-index:10}.nav{max-width:1190px;margin:auto;padding:18px 22px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:23px;font-weight:850;letter-spacing:-.8px}.brand b{color:#e84449}.brandicon{display:inline-grid;place-items:center;background:#e84449;color:white;width:34px;height:34px;border-radius:9px;margin-right:7px}.nav nav{display:flex;gap:28px;font-size:14px;font-weight:650}.nav nav a:hover{color:#e84449}.hero{text-align:center;padding:86px 20px 72px;background:radial-gradient(ellipse at 50% 10%,#ffe7e8,transparent 58%),#fff}.eyebrow{font-size:12px;letter-spacing:2px;color:#e84449;font-weight:800}.hero h1{font-size:clamp(36px,5vw,61px);letter-spacing:-2px;line-height:1.1;margin:18px 0}.hero h1 span{color:#e84449}.hero p{max-width:610px;margin:0 auto 30px;color:#64748b;line-height:1.7}.primary{border:0;background:#e84449;color:white;border-radius:12px;padding:15px 27px;display:inline-block;font-weight:750;cursor:pointer;font-size:15px;box-shadow:0 9px 18px #e8444933}.primary:hover{background:#d52f35}.tools{max-width:1190px;margin:0 auto;padding:55px 22px 85px}.sectionheading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:26px}.sectionheading h2{font-size:29px;letter-spacing:-1px;margin:0 0 7px}.sectionheading p{color:#718096;margin:0}.sectionheading input{width:290px;max-width:100%;padding:14px 16px;border:1px solid #e1e6ed;border-radius:11px;font:inherit}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.tool{background:#fff;border:1px solid #e7ebf1;border-radius:17px;padding:24px;min-height:202px;box-shadow:0 6px 20px #1d2e4908;transition:.2s}.tool:hover{transform:translateY(-4px);box-shadow:0 15px 30px #1d2e4918;border-color:#f0b4b6}.toolicon{display:grid;place-items:center;background:#fff0f0;color:#e84449;font-weight:850;font-size:24px;width:51px;height:51px;border-radius:13px}.tool h3{font-size:17px;margin:19px 0 7px}.tool p{color:#718096;font-size:13px;line-height:1.5;margin:0}.go{display:block;color:#e84449;font-size:12px;font-weight:750;margin-top:13px}.about{text-align:center;padding:48px 22px 70px;background:#fff}.about p{max-width:650px;margin:auto;color:#64748b;line-height:1.7}footer{text-align:center;padding:27px;color:#8995a6;font-size:13px;border-top:1px solid #e7ebf1}.work{max-width:750px;margin:0 auto;min-height:75vh;padding:55px 22px 90px;text-align:center}.back{display:block;text-align:left;color:#e84449;font-size:14px;font-weight:700}.work h1{font-size:42px;letter-spacing:-1px;margin:28px 0 5px}.subtitle{color:#64748b}.work form{margin-top:35px}.drop{border:2px dashed #d5dce5;border-radius:20px;background:white;padding:48px 20px;display:flex;align-items:center;flex-direction:column;gap:12px;cursor:pointer}.drop.drag{border-color:#e84449;background:#fff5f5}.drop strong{font-size:22px}.drop span:not(.uploadicon){color:#64748b}.drop small{color:#94a3b8}.drop input{position:absolute;width:1px;height:1px;opacity:0}.uploadicon{background:#fff0f0;color:#e84449;font-size:38px;width:74px;height:74px;border-radius:20px}.filelist{margin:16px 0;color:#475569;font-size:14px}.options{max-width:360px;margin:18px auto}.options label{display:block;text-align:left;font-weight:650}.options input,.options select{width:100%;padding:12px;border:1px solid #d5dce5;border-radius:9px;margin-top:7px;font:inherit}.hint{font-size:13px;color:#94a3b8;line-height:1.6;margin-top:24px}#status{color:#475569;white-space:pre-wrap}#empty{text-align:center;padding:30px}@media(max-width:900px){.grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.grid{grid-template-columns:repeat(2,1fr);gap:11px}.tool{padding:17px;min-height:180px}.sectionheading{flex-direction:column;align-items:stretch}.sectionheading input{width:100%}.hero{padding:62px 20px}.nav nav{gap:12px}.brand{font-size:19px}.tool h3{font-size:15px}.work h1{font-size:32px}}@media(max-width:370px){.grid{grid-template-columns:1fr}}