*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172033;background:#f7f9fc;line-height:1.6}a{text-decoration:none;color:inherit}.container{width:min(1120px,92%);margin:auto}.site-header{background:#fff;border-bottom:1px solid #e7ebf2;position:sticky;top:0;z-index:20}.nav{min-height:70px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:23px;font-weight:800;letter-spacing:-.5px}.logo span{color:#4f46e5}.nav nav{display:flex;gap:26px}.nav nav a{font-weight:600;color:#4b5563}.nav nav a:hover{color:#4f46e5}.menu-btn{display:none;border:0;background:transparent;font-size:25px}.hero{padding:78px 0 65px;background:linear-gradient(135deg,#eef2ff,#f8fbff)}.hero{text-align:center}.badge{display:inline-block;background:#e0e7ff;color:#4338ca;border-radius:99px;padding:6px 12px;font-size:12px;font-weight:800;letter-spacing:.7px}.hero h1{font-size:clamp(38px,6vw,64px);line-height:1.05;letter-spacing:-2px;margin:18px auto 15px;max-width:760px}.hero p{max-width:680px;margin:0 auto 28px;color:#667085;font-size:18px}.search-wrap{max-width:580px;margin:auto}.search-wrap input{width:100%;padding:16px 20px;border:1px solid #d9deea;border-radius:14px;background:#fff;font-size:16px;outline:none;box-shadow:0 8px 25px rgba(31,41,55,.06)}.search-wrap input:focus{border-color:#818cf8;box-shadow:0 0 0 4px #e0e7ff}.section{padding:70px 0}.section-heading h2{margin:0;font-size:34px}.section-heading p{color:#667085;margin-top:5px}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px}.tool-card{background:#fff;border:1px solid #e5e9f1;border-radius:18px;padding:24px;transition:.2s;box-shadow:0 5px 20px rgba(20,30,50,.03)}.tool-card:hover{transform:translateY(-4px);border-color:#c7d2fe;box-shadow:0 14px 30px rgba(20,30,50,.08)}.icon{width:45px;height:45px;display:grid;place-items:center;border-radius:12px;background:#eef2ff;color:#4338ca;font-weight:800;margin-bottom:16px;font-size:19px}.tool-card h3{margin:0 0 7px;font-size:18px}.tool-card p{margin:0;color:#667085;font-size:14px}.no-results{padding:30px;text-align:center;color:#667085}.info-section{background:#fff;border-top:1px solid #e7ebf2;border-bottom:1px solid #e7ebf2;padding:65px 0}.two-col{display:grid;grid-template-columns:1.2fr 1fr;gap:60px}.two-col h2{font-size:34px;line-height:1.2}.feature-list{display:grid;gap:14px}.feature-list div{padding:18px;border:1px solid #e6eaf1;border-radius:14px}.feature-list strong{display:block}.feature-list span{display:block;color:#667085;font-size:14px}footer{background:#101828;color:#cbd5e1;padding:48px 0 0}footer .logo{color:#fff}footer p{color:#98a2b3}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:50px}.footer-grid>div:last-child{display:grid;align-content:start;gap:8px}.footer-grid h4{margin:0 0 6px;color:#fff}.copyright{text-align:center;border-top:1px solid #263241;margin-top:35px;padding:20px;color:#98a2b3;font-size:13px}.tool-page{padding:55px 0 80px}.tool-shell{max-width:850px;margin:auto;background:#fff;border:1px solid #e4e8ef;border-radius:20px;padding:30px;box-shadow:0 10px 30px rgba(20,30,50,.05)}.tool-shell h1{margin-top:0;font-size:34px}.tool-shell>p{color:#667085}.tool-area{margin-top:25px}.tool-area textarea,.tool-area input,.tool-area select{width:100%;border:1px solid #d8dee9;border-radius:12px;padding:13px 14px;font:inherit;outline:none;background:#fff}.tool-area textarea{min-height:220px;resize:vertical}.tool-area input:focus,.tool-area textarea:focus,.tool-area select:focus{border-color:#818cf8;box-shadow:0 0 0 4px #eef2ff}.controls{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}.btn{border:0;border-radius:10px;padding:11px 17px;background:#4f46e5;color:#fff;font-weight:700;cursor:pointer}.btn.secondary{background:#eef2ff;color:#4338ca}.result{margin-top:18px;padding:18px;background:#f8fafc;border:1px solid #e4e8ef;border-radius:12px;white-space:pre-wrap;overflow:auto}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:15px}.stat{background:#f8fafc;border:1px solid #e5e9f1;border-radius:12px;padding:14px;text-align:center}.stat strong{display:block;font-size:23px}.small{font-size:13px;color:#667085}.drop-zone{border:2px dashed #cbd5e1;border-radius:14px;padding:35px;text-align:center}.drop-zone.drag{border-color:#6366f1;background:#eef2ff}.preview{max-width:100%;max-height:350px;display:block;margin:20px auto;border-radius:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.page-content{padding:65px 0}.prose{max-width:820px;background:#fff;border:1px solid #e5e9f1;border-radius:18px;padding:35px}.prose h1{margin-top:0}.prose h2{margin-top:30px}.prose p,.prose li{color:#4b5563}.back{display:inline-block;margin-bottom:18px;color:#4f46e5;font-weight:700}@media(max-width:900px){.tool-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.nav nav{display:none}.menu-btn{display:block}.nav.open nav{display:flex;position:absolute;top:70px;left:0;right:0;background:#fff;padding:18px 4%;border-bottom:1px solid #e7ebf2;flex-direction:column;gap:12px}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.tool-grid{grid-template-columns:1fr}.hero{padding:55px 0}.hero h1{letter-spacing:-1px}.tool-shell{padding:22px}.form-grid{grid-template-columns:1fr}}