:root{--ink:#102033;--muted:#607086;--paper:#f7f8f4;--card:#fff;--line:#dce3df;--lime:#c9fa5a;--teal:#0e8f7a;--teal2:#096e60;--shadow:0 18px 50px rgba(16,32,51,.10);--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--paper);color:var(--ink);line-height:1.6}a{color:inherit}.wrap{width:min(1120px,calc(100% - 32px));margin:auto}.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 0}.brand{display:flex;align-items:center;gap:10px;font-weight:900;text-decoration:none;letter-spacing:-.02em}.mark{width:34px;height:34px;border-radius:11px;background:var(--ink);display:grid;place-items:center;color:var(--lime);font-size:18px}.navlinks{display:flex;gap:22px}.navlinks a{text-decoration:none;color:var(--muted);font-weight:700;font-size:.92rem}.hero{padding:72px 0 52px}.eyebrow{display:inline-flex;padding:7px 12px;border:1px solid #bad7cd;border-radius:999px;color:var(--teal2);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em;background:#eefaf6}.hero h1{font-size:clamp(2.8rem,7vw,6.4rem);line-height:.93;letter-spacing:-.07em;max-width:900px;margin:22px 0}.hero p{font-size:clamp(1.05rem,2vw,1.35rem);color:var(--muted);max-width:700px}.accent{color:var(--teal)}.tools{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;padding:24px 0 80px}.tool-card{grid-column:span 4;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px;text-decoration:none;box-shadow:0 8px 24px rgba(16,32,51,.04);transition:.2s transform,.2s box-shadow}.tool-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.tool-card.featured{grid-column:span 8;background:var(--ink);color:white}.tool-card .icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--lime);color:var(--ink);font-weight:1000;margin-bottom:30px}.tool-card h2{font-size:1.4rem;letter-spacing:-.03em;margin:0 0 8px}.tool-card p{color:var(--muted);margin:0}.tool-card.featured p{color:#b8c2cf}.arrow{display:block;margin-top:22px;color:var(--teal);font-weight:900}.featured .arrow{color:var(--lime)}.section{padding:70px 0}.section h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1;letter-spacing:-.05em}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.mini{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}.mini strong{display:block;font-size:1.08rem;margin-bottom:6px}.mini p{margin:0;color:var(--muted)}footer{border-top:1px solid var(--line);padding:30px 0 50px;color:var(--muted)}.footerrow{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.tool-hero{padding:46px 0 28px}.tool-hero h1{font-size:clamp(2.4rem,6vw,5rem);line-height:.98;letter-spacing:-.06em;margin:18px 0}.tool-hero p{color:var(--muted);font-size:1.1rem;max-width:720px}.app{background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:clamp(20px,4vw,42px);margin:18px auto 46px}.drop{border:2px dashed #b7c8c1;border-radius:20px;padding:50px 22px;text-align:center;background:#f7fbf9;cursor:pointer}.drop.drag{border-color:var(--teal);background:#ecfff8}.btn{appearance:none;border:0;background:var(--ink);color:#fff;padding:13px 20px;border-radius:12px;font-weight:900;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn.green{background:var(--teal)}.btn.light{background:#edf2ef;color:var(--ink)}.btn:disabled{opacity:.45;cursor:not-allowed}.controls{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:22px}.field label{display:block;font-size:.84rem;font-weight:900;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;border:1px solid #cbd6d1;border-radius:12px;padding:12px;background:white;color:var(--ink);font:inherit}.field textarea{min-height:220px;resize:vertical}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.stat{padding:16px;background:#f2f5f3;border-radius:14px}.stat b{font-size:1.45rem;display:block}.stat span{font-size:.78rem;color:var(--muted);font-weight:800}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.preview{margin-top:22px;display:none}.preview img{max-width:100%;border-radius:16px;border:1px solid var(--line)}.content{max-width:820px;margin:0 auto;padding:24px 0 70px}.content h2{font-size:2rem;letter-spacing:-.04em;margin-top:50px}.content h3{font-size:1.25rem;margin-top:28px}.content p,.content li{color:#465568}.faq{border-top:1px solid var(--line);padding:16px 0}.faq summary{font-weight:900;cursor:pointer}.output{background:#102033;color:#e8fff6;border-radius:16px;padding:20px;overflow:auto;min-height:80px;white-space:pre-wrap;word-break:break-word}.meter{height:8px;background:#e4eae7;border-radius:999px;overflow:hidden;margin-top:10px}.meter span{display:block;height:100%;width:0;background:#e55454;transition:.2s}.notice{padding:14px 16px;background:#effaf6;border-left:4px solid var(--teal);border-radius:8px;color:#315f56;margin:18px 0}.ad-slot{border:1px dashed #c4cec9;color:#8a9791;border-radius:14px;padding:18px;text-align:center;font-size:.82rem;margin:30px 0}.hidden{display:none!important}@media(max-width:780px){.navlinks{display:none}.hero{padding-top:44px}.tool-card,.tool-card.featured{grid-column:span 12}.grid3,.controls{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.app{border-radius:20px}.hero h1{font-size:3.35rem}}