*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#172033}header{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 7%;border-bottom:1px solid #e8ebf0;background:#fff}.brand{font-size:23px;font-weight:800;text-decoration:none;color:#172033}.brand span{color:#e5484d}nav a{margin-left:26px;text-decoration:none;color:#475569;font-size:14px}.hero{text-align:center;padding:92px 20px 80px;background:linear-gradient(180deg,#fff4f4,#fff)}.pill{display:inline-block;padding:8px 13px;border-radius:999px;background:#ffe1e1;color:#c52d34;font-size:12px;font-weight:700}.hero h1{font-size:52px;margin:20px 0 14px}.hero p{max-width:690px;margin:0 auto 30px;color:#64748b;font-size:18px}.primary{display:inline-block;background:#e5484d;color:#fff;text-decoration:none;padding:14px 22px;border-radius:9px;font-weight:700}.tools{max-width:1120px;margin:auto;padding:70px 22px}.tools h2,.subtitle{text-align:center}.tools h2{font-size:34px;margin:0 0 8px}.subtitle{color:#64748b;margin-bottom:35px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.grid article{border:1px solid #e4e8ef;border-radius:14px;padding:23px;background:#fff;box-shadow:0 5px 18px rgba(15,23,42,.04)}.grid article.active{cursor:pointer}.icon{width:42px;height:42px;border-radius:10px;background:#fff0f0;color:#d9363e;display:flex;align-items:center;justify-content:center;font-weight:800}.grid h3{margin:17px 0 8px}.grid p{color:#64748b;font-size:14px;line-height:1.5;min-height:63px}.grid button{border:0;background:#f1f5f9;color:#64748b;padding:9px 12px;border-radius:7px}.active button{background:#e5484d;color:#fff}.workspace{max-width:850px;margin:0 auto 45px;padding:45px 25px;text-align:center;background:#f8fafc;border-radius:18px}.workspace h2{font-size:34px;margin:0 0 8px}.workspace>p{color:#64748b}.drop{margin:25px auto;max-width:620px;padding:35px;border:2px dashed #e8a4a7;border-radius:14px;background:#fff}.drop label{display:inline-block;background:#e5484d;color:#fff;padding:14px 20px;border-radius:9px;font-weight:700;cursor:pointer}.drop input{display:none}.drop small,.pagecontrols small{display:block;color:#64748b;margin-top:13px}.f{max-width:620px;margin:7px auto;padding:11px 14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;text-align:left;font-size:14px}.f span{float:right;color:#64748b}.action{border:0;background:#172033;color:#fff;padding:14px 22px;border-radius:9px;font-weight:700;margin-top:16px;cursor:pointer}.action:disabled{opacity:.4}.privacy{font-size:12px!important}.pagecontrols{max-width:620px;margin:18px auto;text-align:left}.pagecontrols label{display:block;font-weight:700;margin-bottom:8px}.pagecontrols input{width:100%;padding:13px;border:1px solid #d8dee8;border-radius:8px;font-size:15px}.hidden{display:none}.benefits{max-width:1000px;margin:70px auto 80px;padding:30px;display:grid;grid-template-columns:repeat(3,1fr);gap:25px;background:#f8fafc;border-radius:18px;text-align:center}.benefits strong,.benefits span{display:block}.benefits span{color:#64748b;font-size:14px;margin-top:7px}footer{text-align:center;background:#111827;color:#cbd5e1;padding:48px 20px}footer .brand{color:#fff}@media(max-width:850px){.grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:40px}}@media(max-width:520px){nav{display:none}.grid{grid-template-columns:1fr}.hero h1{font-size:36px}.benefits{grid-template-columns:1fr;margin:50px 20px}.workspace{margin:0 15px 35px}}.pagecontrols select{width:100%;padding:13px;border:1px solid #d8dee8;border-radius:8px;font-size:15px;background:#fff;color:#172033}.result{max-width:620px;margin:18px auto 0;padding:15px;border:1px solid #dce4ee;border-radius:10px;background:#fff;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:14px}.result span{color:#16803c;font-weight:700}

/* Show the hand cursor on clickable tool cards and their Use tool buttons */
.tools article.active,
.tools article.active button {
  cursor: pointer;
}

/* Homepage SEO content */
.home-seo{max-width:850px;margin:54px auto 34px;padding:38px 42px;background:#f8fafc;border-radius:18px;color:#172033;line-height:1.75}
.home-seo h2{font-size:30px;line-height:1.25;text-align:center;margin:0 0 22px}
.home-seo h3{font-size:21px;margin:28px 0 8px}
.home-seo p{margin:0 0 14px;color:#52627a}
@media(max-width:700px){.home-seo{margin:34px 18px 24px;padding:28px 22px}.home-seo h2{font-size:25px}.home-seo h3{font-size:19px}}