@import "tailwindcss";

:root{--ink:#183b32;--muted:#63736d;--cream:#f7f3e9;--paper:#fffdf8;--lime:#dff44e;--orange:#ff7259;--line:#d9ddd5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-sans),sans-serif}button,input,textarea,select{font:inherit}button,a{color:inherit}header{height:82px;display:flex;align-items:center;max-width:1180px;margin:auto;padding:0 28px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.brand>span{display:grid;place-items:center;width:42px;height:42px;background:var(--ink);color:var(--lime);border-radius:9px;font-weight:900;letter-spacing:-2px;transform:rotate(-3deg)}.brand b{font-size:16px;line-height:1.05}.brand i{display:block;color:#f1654f;font-family:var(--font-serif);font-weight:600}nav{display:flex;gap:32px;margin-left:auto;margin-right:32px}nav a,footer a{text-decoration:none;font-size:14px;font-weight:700}.privacy-pill{border:1px solid var(--line);border-radius:99px;padding:9px 14px;text-decoration:none;font-size:12px;font-weight:800}.privacy-pill span{color:#4e9e66}.hero{background:var(--cream);text-align:center;padding:84px 20px 72px;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;border:1px solid #d5d7c5;width:370px;height:370px;top:36px}.hero:before{left:-250px}.hero:after{right:-250px}.eyebrow,.kicker{font-size:11px;font-weight:900;letter-spacing:.18em;color:#69756e}.hero h1{font-family:var(--font-serif);font-size:clamp(54px,7vw,88px);letter-spacing:-.055em;line-height:.9;margin:17px 0 22px}.hero h1 em{color:#ee684f;font-weight:500}.hero>p{max-width:600px;margin:0 auto;color:var(--muted);font-size:17px;line-height:1.65}.search{max-width:660px;height:64px;background:white;border:1px solid #cfd5cc;box-shadow:0 8px 0 rgba(24,59,50,.07);margin:34px auto 23px;display:flex;align-items:center;padding:7px 8px 7px 20px;border-radius:10px;text-align:left}.search span{font-size:25px;transform:rotate(-20deg)}.search input{border:0;outline:0;flex:1;padding:12px;background:transparent;min-width:0}.search a{background:var(--ink);color:white;text-decoration:none;padding:13px 24px;border-radius:7px;font-weight:800}.trust{display:flex;justify-content:center;gap:28px;font-size:12px;color:#617169;font-weight:700}.trust span::first-letter{color:#4d8f63}.ad-slot{max-width:1040px;height:94px;margin:28px auto;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #cbd0c9;background:#fafaf6;color:#a2aaa5}.ad-slot span{font-size:8px;letter-spacing:.18em}.ad-slot strong{font-size:11px;margin-top:6px}.ad-slot.compact{height:74px}.tools-section{max-width:1180px;margin:auto;padding:72px 28px 90px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.section-heading h2,.promise h2,.modal h2{font-family:var(--font-serif);font-size:clamp(34px,5vw,54px);line-height:1;margin:9px 0 0;letter-spacing:-.04em}.section-heading>p{max-width:400px;color:var(--muted);line-height:1.6}.filters{display:flex;gap:8px;margin:34px 0 24px;overflow:auto}.filters button{border:1px solid var(--line);background:white;border-radius:99px;padding:10px 17px;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}.filters button.active{background:var(--ink);color:white;border-color:var(--ink)}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.tool-card{position:relative;display:flex;text-align:left;gap:17px;min-height:180px;padding:28px;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:white;cursor:pointer;transition:.2s}.tool-card:hover{background:#fbf9f1;transform:translateY(-3px);box-shadow:0 10px 30px rgba(24,59,50,.08);z-index:1}.tool-icon{width:48px;height:48px;flex:0 0 48px;border-radius:10px;display:grid;place-items:center;font-family:var(--font-serif);font-size:22px;font-weight:800;transform:rotate(-3deg)}.tool-icon.words{background:#f3ba6b}.tool-icon.finance{background:var(--lime)}.tool-icon.technical{background:#85d8ca}.tool-copy{display:flex;flex-direction:column}.tool-copy small{letter-spacing:.15em;font-size:9px;font-weight:900;color:#7d8983;margin:3px 0 9px}.tool-copy strong{font-family:var(--font-serif);font-size:20px}.tool-copy p{color:var(--muted);font-size:13px;line-height:1.5;margin:8px 25px 0 0}.arrow{position:absolute;right:20px;top:22px;font-size:20px}.popular{position:absolute;right:14px;bottom:14px;background:#fff0cd;color:#875f21;border-radius:4px;padding:4px 7px;font-size:8px;font-weight:900;letter-spacing:.12em}.empty{text-align:center;padding:60px;border:1px solid var(--line);color:var(--muted)}.promise{background:var(--ink);color:white;padding:80px max(28px,calc((100vw - 1124px)/2));display:grid;grid-template-columns:80px 1fr 1fr;gap:42px;align-items:start}.promise-mark{font-size:42px;color:var(--lime)}.promise .kicker{color:#aabdb5}.promise p{color:#c8d3ce;line-height:1.7;margin-top:0}.promise ul{list-style:none;padding:0;margin:25px 0 0}.promise li{display:grid;grid-template-columns:135px 1fr;padding:14px 0;border-top:1px solid #456058;font-size:13px}.promise li span{color:#aebeb8}footer{max-width:1180px;margin:auto;padding:50px 28px 40px;display:grid;grid-template-columns:1.2fr 1.5fr 1fr auto;align-items:center;gap:34px;border-top:1px solid var(--line)}footer p{font-size:13px;color:var(--muted);max-width:330px}footer>div:nth-child(3){display:flex;gap:20px}footer small{color:#82908a;font-size:11px}.modal-backdrop{position:fixed;inset:0;background:rgba(16,39,33,.68);backdrop-filter:blur(6px);z-index:10;display:grid;place-items:center;padding:20px;overflow:auto}.modal{background:var(--paper);width:min(680px,100%);max-height:92vh;overflow:auto;border-radius:18px;padding:38px;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.25)}.modal .close{position:absolute;right:18px;top:16px;border:0;background:#eceee8;border-radius:50%;width:34px;height:34px;cursor:pointer;font-size:23px}.modal>.tool-icon{margin-bottom:20px}.modal h2{font-size:42px;margin:7px 0}.modal-intro{color:var(--muted);margin:0 0 28px}.field{display:block;margin:14px 0}.field>span{display:block;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;margin-bottom:7px;color:#60716a}.field>div{display:flex;align-items:center;border:1px solid var(--line);background:white;border-radius:8px}.field input,.field select,select{width:100%;border:1px solid var(--line);background:white;padding:13px;border-radius:8px;outline:0}.field>div input{border:0}.field>div b{font-size:12px;color:#78857f;padding:0 13px}.field textarea{width:100%;min-height:180px;border:1px solid var(--line);border-radius:8px;padding:14px;resize:vertical}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.result{background:var(--cream);border-radius:10px;padding:22px;margin-top:22px}.hero-result strong{font-family:var(--font-serif);font-size:38px;display:block;margin:7px 0}.hero-result p,.result small{color:var(--muted)}.word-results{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.word-results span{background:white;border:1px solid var(--line);padding:7px 10px;border-radius:6px;font-weight:700}.word-results p{color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stats div{background:var(--cream);padding:16px;border-radius:8px}.stats strong{display:block;font-family:var(--font-serif);font-size:28px}.stats span{font-size:10px;text-transform:uppercase;color:var(--muted)}.convert-row{display:grid;grid-template-columns:1fr 25px 1fr;align-items:end;gap:10px}.convert-row>b{padding-bottom:25px;text-align:center}
@media(max-width:820px){nav{display:none}.tool-grid{grid-template-columns:1fr 1fr}.promise{grid-template-columns:50px 1fr}.promise>div:last-child{grid-column:2}.section-heading{align-items:start;flex-direction:column}footer{grid-template-columns:1fr 1fr}.privacy-pill{margin-left:auto}}
@media(max-width:560px){header{height:70px;padding:0 18px}.brand b{display:none}.hero{padding:62px 18px 52px}.hero h1{font-size:54px}.search a{display:none}.trust{flex-direction:column;gap:7px}.tools-section{padding:54px 18px}.tool-grid{grid-template-columns:1fr}.promise{grid-template-columns:1fr;padding:60px 24px}.promise>div:last-child{grid-column:1}.promise-mark{display:none}.promise li{grid-template-columns:1fr;gap:4px}footer{grid-template-columns:1fr;padding:38px 20px}.field-grid,.stats{grid-template-columns:1fr 1fr}.modal{padding:28px 20px}.modal h2{font-size:34px}}
