@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";
:root{--ink:#172a35;--paper:#fafbf7;--mint:#caf4da;--muted:#65717a;--line:#e0e6e2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}header,footer,main{max-width:1280px;margin:auto}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:25px;padding:25px 40px;display:flex}.brand{letter-spacing:-1.4px;align-items:center;font-family:Manrope,Arial,sans-serif;font-size:27px;font-weight:800;display:inline-flex}.brand-icon{background:var(--ink);color:var(--mint);border-radius:10px;place-items:center;width:34px;height:34px;margin-right:9px;font-size:28px;display:grid}.brand-dot{color:#31865f}nav{align-items:center;gap:30px;font-size:13px;font-weight:600;display:flex}.nav-feature span{background:var(--mint);letter-spacing:.8px;border-radius:4px;margin-left:6px;padding:4px 6px;font-size:9px}.header-note{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.live-dot{background:#31865f;border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}main{padding:0 40px}.hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:65px;padding:85px 0 75px;display:grid}.eyebrow{letter-spacing:1.7px;align-items:center;gap:9px;font-size:10px;font-weight:700;display:flex}.hero h1{letter-spacing:-4px;margin:24px 0;font-family:Manrope,Arial,sans-serif;font-size:clamp(48px,5.6vw,76px);line-height:1.12;position:relative}.highlight{z-index:0;white-space:nowrap;position:relative}.highlight:after{content:"";z-index:-1;background:var(--mint);height:22%;position:absolute;bottom:4%;left:-3%;right:-4%;transform:rotate(-3deg)}.spark{stroke:#4b956d;stroke-width:3px;width:40px;height:40px;margin:0 0 28px 15px}.hero-description{max-width:470px;color:var(--muted);font-size:17px;line-height:1.8}.hero-actions{flex-wrap:wrap;align-items:center;gap:23px;margin-top:30px;display:flex}.button,button{cursor:pointer;border:0;font-weight:600}.button{background:var(--ink);color:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:28px;padding:17px 23px;font-size:13px;transition:transform .2s,background .2s;display:inline-flex}.button:hover{background:#294653;transform:translateY(-2px)}.text-link{font-size:12px;font-weight:700}.trust{color:var(--muted);gap:21px;margin-top:26px;font-size:11px;display:flex}.hero-visual{background:radial-gradient(#e1f5e8 0,#0000 68%);padding:36px 14px 58px;position:relative}.floating-label{letter-spacing:.2px;margin:0 0 15px 15px;font-size:11px;font-weight:600;transform:rotate(-3deg)}.demo-window{background:#fff;border:1px solid #d4dfd9;border-radius:16px;overflow:hidden;transform:rotate(2deg);box-shadow:0 20px 55px #23423912}.window-bar{border-bottom:1px solid var(--line);color:var(--muted);background:#f5f7f3;justify-content:space-between;align-items:center;padding:16px 19px;font-size:10px;display:flex}.window-dots{gap:5px;display:flex}.window-dots i{background:#bac7c1;border-radius:50%;width:6px;height:6px}.window-dots i:first-child{background:#f4bfa5}.demo-body{padding:29px}.demo-label{letter-spacing:1.1px;color:var(--muted);justify-content:space-between;gap:10px;font-size:9px;font-weight:700;display:flex}.demo-label span{letter-spacing:0;color:var(--ink);font-size:9px}.demo-number{letter-spacing:-2px;margin:16px 0;font-family:Manrope,sans-serif;font-size:47px;font-weight:700}.demo-number span{color:#7c9286}.demo-divider{border-top:1px solid var(--line);height:22px;margin:20px 0;position:relative}.demo-divider span{background:var(--mint);border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:-13px;left:45%}.demo-result{letter-spacing:-.6px;max-width:330px;font-size:22px;font-weight:500;line-height:1.45}.demo-result span{color:#478668}.demo-link{border-top:1px solid var(--line);justify-content:space-between;padding-top:17px;font-size:10px;font-weight:600;display:flex}.floating-chip{background:#fff;border:1px solid #d7e2d9;border-radius:12px;align-items:center;gap:12px;padding:16px 21px;display:flex;position:absolute;bottom:28px;right:-7px;transform:rotate(-3deg);box-shadow:0 8px 25px #172a3510}.chip-symbol{background:var(--mint);border-radius:8px;padding:8px;font-size:19px}.floating-chip strong,.floating-chip div>span{display:block}.floating-chip strong{margin-bottom:5px;font-size:12px}.floating-chip div>span{color:var(--muted);font-size:9px}.floating-chip>span:last-child{color:#31865f;margin-left:10px}.visual-caption{letter-spacing:1.7px;color:var(--muted);font-size:8px;position:absolute;bottom:0;left:30px}.benefit-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:25px 0;font-size:12px;font-weight:500;display:flex}.benefit-strip>span:first-child{letter-spacing:1.5px;color:var(--muted);font-size:9px}.tool-section{padding:75px 0}.section-title{justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;display:flex}h2{letter-spacing:-1.6px;margin:12px 0;font-family:Manrope,sans-serif;font-size:36px;line-height:1.25}.section-title p:last-child{color:var(--muted);font-size:14px}.catalog-count{color:var(--muted);border:1px solid var(--line);border-radius:20px;padding:9px 13px;font-size:10px}.catalog-controls{justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px;display:flex}.filters{gap:5px;display:flex}.filters button{color:var(--muted);background:0 0;border-radius:8px;padding:10px 15px;font-size:12px}.filters button.selected{background:var(--ink);color:#fff}.search{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:8px;align-items:center;gap:10px;margin:0;padding:9px 14px;display:flex}.search input{width:160px;color:var(--ink);background:0 0;border:0;outline:none;font-size:12px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.grid{grid-template-columns:repeat(4,1fr);gap:17px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;padding:23px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.card:hover{border-color:#9cb8a6;transform:translateY(-5px);box-shadow:0 15px 25px #172a3510}.card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.tool-icon{letter-spacing:-1px;border-radius:12px;place-items:center;width:47px;height:47px;font-size:19px;font-weight:700;display:grid}.mint .tool-icon{background:#d5f5df}.peach .tool-icon{background:#ffe5d5}.lavender .tool-icon{background:#e8e1fc}.blue .tool-icon{background:#dceafa}.category{color:var(--muted);font-size:9px}h3{letter-spacing:-.65px;margin:25px 0 10px;font-family:Manrope,sans-serif;font-size:18px}.card p{color:var(--muted);margin:0 0 26px;font-size:12px;line-height:1.8}.card-bottom{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;margin-top:auto;padding-top:17px;font-size:9px;display:flex}.round-arrow{border:1px solid var(--line);width:29px;height:29px;color:var(--ink);border-radius:50%;place-items:center;font-size:17px;display:grid}.empty{text-align:center;color:var(--muted);padding:35px}.feature-banner{background:var(--ink);color:#fff;border-radius:20px;grid-template-columns:1.5fr 1fr;gap:40px;padding:48px;display:grid;overflow:hidden}.feature-banner .eyebrow{color:#9ab9ac}.feature-banner h2{font-size:34px}.feature-banner h2 em{color:var(--mint);font-style:normal}.feature-banner p:not(.eyebrow){color:#bac8cc;font-size:12px;line-height:1.9}.light-button{background:var(--mint);color:var(--ink);margin-top:20px}.light-button:hover{background:#e0ffe9}.language-cloud{flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.language-cloud span{background:#263e48;border:1px solid #49616b;border-radius:10px;padding:13px 23px;font-size:17px;transform:rotate(4deg)}.language-cloud span:nth-child(2){color:var(--mint);margin-left:45px;transform:rotate(-5deg)}.language-cloud span:nth-child(3){margin-right:30px;transform:rotate(3deg)}.language-cloud span:nth-child(4){color:#f8d7ba;transform:rotate(-4deg)}.principles{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:55px;padding:65px 0;display:grid}.principles>div>span{color:#4b8566;letter-spacing:1px;font-size:9px;font-weight:700}.principles h3{margin-top:17px}.principles p{color:var(--muted);font-size:12px;line-height:1.8}.faq{grid-template-columns:1fr 1.4fr;gap:60px;padding:65px 0 80px;display:grid}.faq h2{font-size:30px}details{border-bottom:1px solid var(--line);padding:18px 0;font-size:13px}summary{cursor:pointer;font-weight:600}details p{color:var(--muted);font-size:12px;line-height:1.8}footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:30px;padding:35px 40px;display:flex}footer .brand{font-size:22px}footer p{color:var(--muted);font-size:11px}.footer-links{color:var(--muted);gap:25px;font-size:11px;display:flex}.tool-page{max-width:1000px;padding-top:35px;padding-bottom:65px}.back-link{color:var(--muted);margin-bottom:35px;font-size:12px;display:inline-block}.tool-page h1{letter-spacing:-2px;margin:15px 0;font-family:Manrope,sans-serif;font-size:46px;line-height:1.2}.title-dot{color:#31865f}.tool-description{color:var(--muted);max-width:650px;font-size:15px;line-height:1.8}.editor{border:1px solid var(--line);background:#fff;border-radius:17px;margin:30px 0;padding:30px;box-shadow:0 8px 30px #172a3505}.editor-heading{border-bottom:1px solid var(--line);letter-spacing:1px;align-items:center;gap:8px;margin-bottom:25px;padding-bottom:23px;font-size:9px;font-weight:700;display:flex}.pill{letter-spacing:0;color:#397254;background:#eaf7ed;border-radius:15px;margin-left:auto;padding:6px 10px;font-size:9px}.input-grid{grid-template-columns:1.1fr 1fr;gap:24px;display:grid}label{margin-bottom:10px;font-size:12px;font-weight:600;display:block}input,select,textarea{color:var(--ink);background:#fcfdfb;border:1px solid #cbd6cf;border-radius:9px;width:100%;min-width:0;padding:14px}#number{letter-spacing:-.5px;font-size:23px;font-weight:500}select{min-height:57px;font-size:13px}.input-hint{color:var(--muted);font-size:10px;line-height:1.5}.examples{flex-wrap:wrap;align-items:center;gap:8px;margin:13px 0 22px;display:flex}.examples>span{color:var(--muted);margin-right:6px;font-size:10px}.examples button{border:1px solid var(--line);color:var(--ink);background:#f1f5f0;border-radius:6px;padding:7px 10px;font-size:10px}.convert-button{background:var(--ink);color:#fff;border-radius:9px;justify-content:space-between;gap:45px;padding:15px 22px;font-size:13px;display:flex}.result-heading{justify-content:space-between;align-items:center;margin:30px 0 12px;display:flex}.result-heading label{margin:0}.copy-button{color:#397254;background:0 0;padding:7px 0;font-size:11px}.words-output{resize:vertical;background:#f1f8f1;border-color:#d7e7d8;min-height:155px;font-family:DM Sans,Arial,sans-serif;font-size:22px;line-height:1.6}textarea{resize:vertical;min-height:190px;font:14px/1.7 monospace}.actions{gap:10px;margin:18px 0 25px;display:flex}.actions button,.editor>button{background:var(--ink);color:#fff;border-radius:8px;padding:12px 19px;font-size:12px}.actions .secondary,.editor>button.secondary{color:var(--ink);background:#edf3ec}button:disabled{opacity:.45;cursor:default}.status{color:#9b3d27;min-height:18px;font-size:12px;line-height:1.5}.editor-foot{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:15px;padding-top:17px;font-size:10px;display:flex}.tool-guide{margin:45px 0}.tool-guide h2{font-size:25px}.tool-guide p{color:var(--muted);font-size:13px;line-height:1.8}.example-table{border-collapse:collapse;width:100%;margin:20px 0;font-size:13px}.example-table th,.example-table td{text-align:left;border-bottom:1px solid var(--line);padding:14px}.related-tools{flex-wrap:wrap;gap:12px;display:flex}.related-tools a{border:1px solid var(--line);border-radius:8px;padding:11px 16px;font-size:12px}.counts{gap:50px;margin:22px 0;display:flex}.counts strong{font-size:32px}.counts small{color:var(--muted);font-size:12px;display:block}.note{background:#eef4ea;border-radius:15px;margin:50px 0;padding:30px}.note p{color:var(--muted);line-height:1.8}:focus-visible{outline-offset:4px;outline:3px solid #31865f}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media (max-width:1000px){.hero{gap:30px}.hero h1{font-size:58px}.hero-actions{gap:16px}.trust{gap:12px}.grid{grid-template-columns:repeat(2,1fr)}.header-note{display:none}.hero-visual{padding-left:0;padding-right:0}.feature-banner{padding:35px}.principles{gap:25px}}@media (max-width:700px){header{gap:15px;padding:20px 22px}.brand{font-size:23px}.brand-icon{width:29px;height:29px;font-size:23px}nav{gap:14px;font-size:11px}.nav-feature{display:none}main{padding-left:22px;padding-right:22px}.hero{grid-template-columns:1fr;gap:25px;padding:45px 0}.hero h1{letter-spacing:-3px;font-size:54px}.hero-description{font-size:15px}.spark{width:29px;height:29px;margin-bottom:22px}.trust{flex-wrap:wrap;gap:13px;font-size:10px}.hero-visual{width:100%;max-width:430px;margin:auto;padding-top:20px}.floating-chip{padding:13px 16px;right:0}.demo-number{font-size:42px}.benefit-strip{flex-wrap:wrap;justify-content:flex-start;gap:15px;font-size:10px}.benefit-strip>span:first-child{width:100%}.tool-section{padding:45px 0}.section-title{align-items:flex-start}.section-title h2{font-size:30px}.section-title p:last-child{font-size:12px}.catalog-count{display:none}.catalog-controls{flex-direction:column;align-items:stretch;gap:14px}.filters{justify-content:space-between}.filters button{padding:9px 10px;font-size:11px}.search input{width:100%}.grid{gap:12px}.card{padding:18px}.card-top{flex-wrap:wrap}.tool-icon{width:40px;height:40px;font-size:16px}.card h3{font-size:16px}.card p{font-size:11px}.category{font-size:8px}.card-bottom{gap:7px;font-size:8px}.feature-banner{grid-template-columns:1fr;gap:20px;padding:27px}.feature-banner h2{font-size:28px}.language-cloud{grid-template-columns:1fr 1fr;gap:12px;display:grid}.language-cloud span{text-align:center;padding:10px;font-size:11px;margin:0!important}.principles{grid-template-columns:1fr;gap:20px;padding:35px 0}.principles h3{margin:10px 0}.faq{grid-template-columns:1fr;gap:15px;padding:40px 0}footer{flex-direction:column;align-items:flex-start;gap:15px;padding:25px 22px}.footer-links{flex-wrap:wrap;gap:18px}.tool-page{padding-top:25px}.tool-page h1{font-size:36px}.tool-description{font-size:13px}.editor{padding:20px}.editor-heading{flex-wrap:wrap;font-size:8px;line-height:1.5}.pill{font-size:8px}.input-grid{grid-template-columns:1fr;gap:10px}.words-output{font-size:19px}.editor-foot{flex-wrap:wrap;font-size:9px}.example-table{font-size:11px}.example-table td,.example-table th{padding:10px 6px}}@media (max-width:370px){.grid{grid-template-columns:1fr}.hero h1{font-size:46px}.trust{gap:8px}.filters button{padding:8px}.demo-body{padding:23px}}.example-table>div{border-bottom:1px solid var(--line);grid-template-columns:.5fr 1fr 2fr;gap:15px;padding:14px 0;display:grid}.related-tools{display:block}.related-tools h2{font-size:25px}.related-tools>div{flex-wrap:wrap;gap:12px;display:flex}@media (max-width:700px){.example-table>div{grid-template-columns:.4fr .9fr 1.5fr;gap:8px}}.tool-page>p{color:var(--muted);line-height:1.8}.brand-icon svg{width:24px;height:24px}footer .brand-icon{border-radius:8px;width:29px;height:29px}footer .brand-icon svg{width:21px;height:21px}@media (max-width:700px){.brand-icon svg{width:22px;height:22px}}
