*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:#24272b;background:white;font-family:"Segoe UI",Arial,sans-serif}header{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100vw - 1110px)/2),6%);gap:45px;box-shadow:0 4px 18px #202a3a05;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:5px;font-size:17px;font-weight:650;letter-spacing:.5px;text-decoration:none;color:#363b40;white-space:nowrap}.blue{color:#169bec}.globe{font-size:33px;color:#00b7df;line-height:1}nav{display:flex;gap:25px;align-items:center}nav a{font-size:13px;color:#272a30;text-decoration:none}nav a:hover{color:#1497e8}.menu{display:none}.hero{min-height:480px;position:relative;overflow:hidden;display:flex;align-items:center}.wash{position:absolute;inset:0;width:86%;height:100%;z-index:-1}.hero-content{width:1110px;margin:0 auto;padding:65px 0 85px}h1{font-size:46px;line-height:1.19;letter-spacing:.3px;margin:0 0 8px;font-weight:700}.lead{font-size:19px;letter-spacing:.3px;line-height:1.3;margin:0 0 12px}.intro{font-size:13px;line-height:1.9;margin:0 0 26px}.button{display:inline-block;border:0;border-radius:4px;padding:15px 28px;background:#1696e4;color:white;text-decoration:none;font-size:12px;font-weight:650;letter-spacing:.4px;cursor:pointer}.button:hover{background:#087cc7}.ring{position:absolute;border:1px solid;border-radius:50%;height:14px;width:14px}.one{left:3%;top:68%;border-color:#ff9da5}.two{left:21%;top:3%;border-color:#dce1ff}.dot{position:absolute;right:23%;top:31%;width:8px;height:8px;background:#9293ca;border-radius:50%}.plus{position:absolute;bottom:22px;right:5%;color:#00d9bd;font-size:38px;font-style:normal;font-weight:200;transform:rotate(-20deg)}.section{max-width:1110px;margin:auto;padding:74px 0}.section-heading{text-align:center}h2{font-size:32px;margin:10px 0 12px;letter-spacing:-.7px}.section-heading p,.about p{color:#7b8490;line-height:1.75;font-size:15px}.eyebrow{font-size:11px;color:#1696e4;font-weight:700;letter-spacing:2px}.search{max-width:530px;display:flex;align-items:center;gap:12px;margin:30px auto 24px;border:1px solid #e0e6ed;padding:12px 16px;border-radius:6px;background:white}.search span{font-size:25px;color:#909baa}.search input{border:0;outline:0;flex:1;font:inherit;min-width:0;font-size:14px}kbd{color:#a1aab6;background:#f4f6f8;padding:2px 7px;border-radius:3px}.filters{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:35px}.filters button{border:0;background:transparent;padding:9px 18px;border-radius:5px;color:#727b88;cursor:pointer}.filters button.active{background:#eaf6ff;color:#128bda}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{text-align:left;padding:26px;border:1px solid #e7ebf0;border-radius:8px;background:white;color:inherit;cursor:pointer;transition:.2s}.card:hover{border-color:#9fd5f7;transform:translateY(-3px);box-shadow:0 12px 25px #243c5910}.icon{width:44px;height:44px;display:grid;place-items:center;border-radius:9px;background:#edf7ff;color:#1696e4;font-size:21px;margin-bottom:20px}.card h3{font-size:16px;margin:0 0 9px}.card p{font-size:13px;color:#818a97;line-height:1.65;margin:0}.card .arrow{float:right;color:#1696e4}.about{display:grid;grid-template-columns:1fr 1fr;gap:110px;border-top:1px solid #eef0f3}.about>div>p{max-width:410px}.benefits article{position:relative;padding-left:46px;margin:0 0 27px}.benefits span{position:absolute;left:0;top:2px;color:#1696e4;font-size:12px}.benefits h3{font-size:16px;margin:0}.benefits p{margin:5px 0}footer{border-top:1px solid #edf0f4;padding:35px 6%;display:flex;align-items:center;gap:35px}footer p,footer small{font-size:12px;color:#8b929d}footer small{margin-left:auto}dialog{border:1px solid #e2e8ef;border-radius:12px;padding:28px;width:min(540px,90vw);color:#24272b}dialog::backdrop{background:#172b4666;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dialog-head h2{font-size:23px;margin:0}.dialog-head button{border:0;background:none;font-size:28px;cursor:pointer}#tool-body{display:grid;gap:16px}#tool-body input,#tool-body textarea,#tool-body select{padding:12px;border:1px solid #dbe2eb;border-radius:5px;font:inherit;width:100%}#tool-body textarea{min-height:150px;resize:vertical}#tool-body p{font-size:14px;line-height:1.6;color:#707b89;margin:0}output{overflow-wrap:anywhere;padding:15px;background:#f2f8fc;border-radius:5px;white-space:pre-wrap}#tool-body img{max-width:100%;border-radius:5px}#empty{text-align:center;color:#7b8490}@media(min-width:1400px){.hero{min-height:520px}}@media(max-width:1200px){.hero-content,.section{width:84%}nav{gap:18px}header{padding:0 8%;gap:25px}}@media(max-width:800px){header{height:70px}.menu{display:block;border:0;background:none;font-size:22px;color:#1696e4}nav{display:none;position:absolute;top:70px;left:0;right:0;background:white;padding:25px 8%;flex-wrap:wrap;box-shadow:0 10px 20px #0001}nav.open{display:flex}.hero{min-height:440px}h1{font-size:38px}.lead{font-size:17px}.desktop{display:none}.hero-content{padding:60px 0}.grid{grid-template-columns:repeat(2,1fr)}.about{gap:40px}.section{padding:55px 0}footer{flex-wrap:wrap;gap:15px}footer small{margin-left:0}.wash{width:110%}}@media(max-width:500px){h1{font-size:34px}.grid,.about{grid-template-columns:1fr}.filters button{padding:8px 12px}.card{padding:23px}.about{gap:25px}h2{font-size:28px}footer{display:block}footer p{line-height:1.7}}