.tools-page{color:#172033;width:min(1180px,100% - 32px);margin:0 auto}.tools-hero,.tool-header{background:#f7f9fb;border:1px solid #dfe5ec;border-radius:28px;margin:22px 0 34px;padding:64px clamp(24px,6vw,72px);position:relative;overflow:hidden}.tools-hero:after,.tool-header:after{content:"";opacity:.75;border:58px solid #e5ebf1;border-radius:50%;width:280px;height:280px;position:absolute;top:-90px;right:-70px}.tools-hero>*,.tool-header>*{z-index:1;position:relative}.tools-hero>small,.tool-header>small,.popular-tools header small,.tools-category header small,.tool-seo small,.tool-related-data header small,.tool-faq header small,.related-tools header small{letter-spacing:.16em;color:#1f6f5f;font-size:11px;font-weight:800}.tools-hero h1,.tool-header h1{letter-spacing:-.055em;max-width:820px;margin:14px 0 18px;font-size:clamp(35px,5vw,64px);line-height:1.02}.tools-hero>p,.tool-header>p{color:#5d6879;max-width:760px;font-size:clamp(17px,2vw,21px);line-height:1.6}.tools-hero>div,.tool-header>div{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.tools-hero>div span,.tool-header>div span{background:#fff;border:1px solid #dfe5ec;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:700}.popular-tools,.tools-category,.related-tools{margin:50px 0}.popular-tools>header,.tools-category>header,.related-tools>header,.tool-related-data>header,.tool-faq>header{margin-bottom:18px}.popular-tools h2,.tools-category h2,.related-tools h2,.tool-related-data h2,.tool-faq h2{letter-spacing:-.035em;margin:7px 0;font-size:clamp(25px,3vw,36px)}.popular-tools>div,.tools-category>div,.related-tools>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.tool-card{min-height:235px;color:inherit;background:#fff;border:1px solid #dfe5ec;border-radius:20px;gap:18px;padding:24px;text-decoration:none;transition:all .2s;display:flex}.tool-card:hover{border-color:#8bbeb3;transform:translateY(-3px);box-shadow:0 16px 38px #1f31451a}.tool-card>i{color:#fff;background:#153d37;border-radius:15px;flex:0 0 54px;place-items:center;height:54px;font-size:13px;font-style:normal;font-weight:900;display:grid}.tool-card>span{flex-direction:column;display:flex}.tool-card small{color:#637080;letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:800}.tool-card small em{color:#1f6f5f;background:#eaf4f1;border-radius:5px;margin-left:7px;padding:3px 6px;font-style:normal}.tool-card h2{letter-spacing:-.025em;margin:10px 0 8px;font-size:20px}.tool-card p{color:#677383;margin:0 0 18px;font-size:14px;line-height:1.5}.tool-card>span>b{color:#176b59;margin-top:auto;font-size:13px}.tools-seo,.tool-seo{border-top:1px solid #dfe5ec;border-bottom:1px solid #dfe5ec;margin:54px 0;padding:36px}.tools-seo h2,.tool-seo h2{letter-spacing:-.03em;font-size:27px}.tools-seo p,.tool-seo p{color:#5e6b7c;line-height:1.75}.tool-breadcrumbs{color:#6b7684;align-items:center;gap:9px;padding-top:24px;font-size:12px;display:flex}.tool-breadcrumbs a{color:#456}.tool-header{margin-top:18px;padding-top:48px;padding-bottom:48px}.tool-header h1{font-size:clamp(34px,4.5vw,56px)}.tool-calculator-shell{grid-template-columns:minmax(0,1fr);gap:22px;margin:-8px auto 54px;display:grid}.tool-form{background:#fff;border:1px solid #dfe5ec;border-radius:24px;padding:clamp(20px,4vw,36px);box-shadow:0 18px 50px #1c2f4012}.tool-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.tool-autocomplete,.tool-control{gap:8px;min-width:0;display:grid}.tool-autocomplete>span,.tool-control>span{color:#455263;font-size:12px;font-weight:800}.tool-autocomplete>div{position:relative}.tool-autocomplete input,.tool-control select,.tool-control input{color:#172033;width:100%;height:50px;font:inherit;box-sizing:border-box;background:#fff;border:1px solid #cfd8e2;border-radius:12px;padding:0 42px 0 14px}.tool-control select{padding-right:14px}.tool-autocomplete input:focus,.tool-control select:focus,.tool-control input:focus{border-color:#398878;outline:3px solid #1f6f5f21}.tool-autocomplete>div>b{color:#587;position:absolute;top:13px;right:15px}.tool-autocomplete [role=listbox]{z-index:20;background:#fff;border:1px solid #d7dfe7;border-radius:14px;max-height:330px;padding:7px;position:absolute;top:55px;left:0;right:0;overflow:auto;box-shadow:0 20px 48px #1422302e}.tool-autocomplete [role=option]{text-align:left;color:#172033;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px;display:flex}.tool-autocomplete [role=option]:hover{background:#edf5f3}.tool-autocomplete [role=option] img,.tool-autocomplete [role=option]>i{object-fit:contain;border:1px solid #e3e8ed;border-radius:8px;place-items:center;width:38px;height:38px;font-size:9px;font-style:normal;display:grid}.tool-autocomplete [role=option] span{gap:3px;display:grid}.tool-autocomplete [role=option] small{color:#74808e}.tool-autocomplete [role=listbox]>p{color:#677383;margin:0;padding:12px}.tool-check{align-items:center;gap:10px;padding-top:27px;font-size:13px;font-weight:700;display:flex}.tool-check input{width:20px;height:20px}.tool-calculate{color:#fff;background:#176b59;border:0;border-radius:13px;height:52px;margin-top:24px;padding:0 24px;font-size:15px;font-weight:800}.tool-calculate:disabled{cursor:not-allowed;background:#a7b2b0}.tool-form-hint{color:#74808e;margin:12px 0 0;font-size:12px}.tool-result{color:#fff;background:#102c28;border-radius:24px;padding:clamp(24px,4vw,42px);box-shadow:0 22px 54px #0d2b2633}.tool-result>small{letter-spacing:.16em;color:#8fd0bf;font-size:10px;font-weight:800}.tool-result>h2{letter-spacing:-.04em;margin:9px 0;font-size:clamp(28px,4vw,43px)}.tool-result>p{color:#bfd1cd}.tool-result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.result-score,.result-gauge,.result-steps,.result-alternatives{background:#ffffff0d;border:1px solid #ffffff21;border-radius:14px;padding:18px}.result-score{gap:7px;display:grid}.result-score small{color:#9fb9b3;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.result-score strong{font-size:22px}.result-score span{color:#c2d2ce;font-size:12px}.result-explanation,.result-steps,.result-alternatives{grid-column:1/-1;line-height:1.65}.result-gauge{align-items:center;gap:14px;display:flex}.result-gauge>div{text-align:center;background:conic-gradient(#71d2b8 var(--tool-score),#ffffff21 0);border-radius:50%;place-content:center;width:72px;height:72px;display:grid}.result-gauge>div:before{content:"";position:absolute}.result-gauge strong{font-size:21px}.result-gauge small{font-size:9px}.result-alternatives{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.result-alternatives h3{grid-column:1/-1}.result-alternatives a{color:#17312d;background:#fff;border-radius:12px;gap:5px;padding:15px;text-decoration:none;display:grid}.result-alternatives a span,.result-alternatives a small{color:#61716d;font-size:11px}.tool-result>footer{border-top:1px solid #ffffff21;margin-top:24px;padding-top:20px}.share-result,.result-actions{flex-wrap:wrap;gap:9px;display:flex}.share-result button,.result-actions a{color:#fff;background:0 0;border:1px solid #fff3;border-radius:9px;padding:10px 13px;font-size:12px;font-weight:700;text-decoration:none}.result-actions{margin-top:10px}.result-actions a{color:#17312d;background:#fff}.tool-seo{grid-template-columns:repeat(3,1fr);gap:30px;padding-left:0;padding-right:0;display:grid}.tool-seo article h2{font-size:23px}.tool-related-data,.tool-faq{margin:54px 0}.tool-related-data>div{grid-template-columns:1fr 1fr;gap:18px;display:grid}.tool-related-data article{border:1px solid #dfe5ec;border-radius:18px;padding:24px}.tool-related-data article>a{color:inherit;border-bottom:1px solid #edf0f3;grid-template-columns:42px 1fr;column-gap:12px;padding:12px 0;text-decoration:none;display:grid}.tool-related-data article>a span{background:#edf5f3;border-radius:9px;grid-row:1/3;place-items:center;font-size:10px;font-weight:900;display:grid}.tool-related-data article>a small{color:#77818e}.tool-faq details{border-bottom:1px solid #dde3e9;padding:18px 2px}.tool-faq summary{cursor:pointer;font-weight:800}.tool-faq details p{color:#637080;line-height:1.65}.related-tools>div{grid-template-columns:repeat(3,1fr)}html[data-theme=dark] .tools-page{color:#eef5f3}html[data-theme=dark] .tools-hero,html[data-theme=dark] .tool-header,html[data-theme=dark] .tool-card,html[data-theme=dark] .tool-form,html[data-theme=dark] .tool-autocomplete [role=listbox],html[data-theme=dark] .tool-autocomplete input,html[data-theme=dark] .tool-control input,html[data-theme=dark] .tool-control select,html.comparison-dark .tools-hero,html.comparison-dark .tool-header,html.comparison-dark .tool-card,html.comparison-dark .tool-form{color:#eef5f3;background:#15201f;border-color:#344440}html[data-theme=dark] .tools-hero:after,html[data-theme=dark] .tool-header:after{border-color:#263532}html[data-theme=dark] .tool-autocomplete [role=option]{color:#eef5f3}html[data-theme=dark] .tool-autocomplete [role=option]:hover{background:#223532}@media (max-width:860px){.popular-tools>div,.tools-category>div,.related-tools>div{grid-template-columns:repeat(2,1fr)}.tool-seo{grid-template-columns:1fr}.tool-result-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.tools-page{width:min(100% - 20px,1180px)}.tools-hero,.tool-header{border-radius:20px;padding:34px 20px}.tools-hero h1,.tool-header h1{font-size:36px}.popular-tools>div,.tools-category>div,.related-tools>div,.tool-fields,.tool-related-data>div,.tool-result-grid,.result-alternatives{grid-template-columns:1fr}.tool-card{min-height:210px;padding:18px}.tool-form,.tool-result{border-radius:18px;padding:19px}.result-alternatives h3{grid-column:auto}.tool-seo{padding:25px 0}.tool-breadcrumbs{white-space:nowrap;overflow:auto}.tool-result>footer{overflow:hidden}}.tools-page{max-width:calc(100vw - 32px);overflow-x:clip}.tools-page :is(.tools-hero,.tool-header) h1{overflow-wrap:break-word;white-space:normal!important}@media (max-width:600px){.tools-page{width:calc(100% - 20px);max-width:calc(100vw - 20px)}.tools-page :is(.tools-hero,.tool-header) h1{font-size:32px;line-height:1.07}}.tools-page,.tools-page *{box-sizing:border-box}.tools-page>*,.tool-calculator-shell,.tool-form,.tool-fields,.tool-fields>*{min-width:0;max-width:100%}.tools-page :is(.tools-hero,.tool-header)>p{overflow-wrap:anywhere;white-space:normal!important}.tool-autocomplete input,.tool-control input,.tool-control select{max-width:100%}@media (max-width:600px){.tools-page{width:auto!important;max-width:none!important;margin-left:10px!important;margin-right:10px!important}.tools-page :is(.tools-hero,.tool-header)>div{max-width:100%;overflow:hidden}.tools-page :is(.tools-hero,.tool-header)>p{font-size:16px}.tool-form{width:100%!important}}.tools-page{background:var(--bg);width:100%;max-width:none;color:var(--gray-700);margin:0;overflow:visible}.tools-page .tools-hero,.tools-page .tool-header{color:#fff;background:radial-gradient(circle at 82% 12%,#2563eb26,#0000 30%),linear-gradient(135deg,#0f172a,#172554);border:0;border-radius:0;margin:0;padding:62px max(24px,50vw - 620px) 110px}.tools-page .tools-hero:after,.tools-page .tool-header:after{display:none}.tools-page .tools-hero>small,.tools-page .tool-header>small{color:#60a5fa!important}.tools-page .tools-hero h1,.tools-page .tool-header h1{letter-spacing:-.035em;max-width:820px;margin:9px 0 12px;font-size:48px;font-weight:800}.tools-page .tools-hero>p,.tools-page .tool-header>p{color:#cbd5e1;max-width:790px;margin:0;font-size:18px;line-height:1.65}.tools-page .tools-hero>div span,.tools-page .tool-header>div span{color:#dbeafe;background:#ffffff0b;border:1px solid #ffffff24;border-radius:6px}.tool-detail .tool-breadcrumbs{width:min(1240px,100% - 48px);margin:auto;padding:18px 0}.tool-calculator-shell{border:1px solid var(--border);z-index:2;background:#fff;border-radius:6px;grid-template-columns:390px minmax(0,1fr);width:min(1192px,100% - 48px);min-height:650px;margin:-64px auto 60px;position:relative;box-shadow:0 20px 50px #0f172a12}.tool-form{border:0;border-right:1px solid var(--gray-200);box-shadow:none;background:#f8fafc;border-radius:6px 0 0 6px;padding:26px}.tool-fields{grid-template-columns:1fr;gap:14px}.tool-autocomplete input,.tool-control select,.tool-control input{border-color:var(--gray-300);border-radius:6px;height:44px}.tool-autocomplete [role=listbox]{border-radius:6px}.tool-calculate{background:var(--blue-600);border-radius:6px;width:100%;height:auto;margin-top:22px;padding:13px 18px}.tool-calculate:hover{background:var(--blue-700)}.tool-result{color:var(--gray-900);box-shadow:none;background:#fff;border-radius:0 6px 6px 0;align-self:stretch;padding:30px}.tool-result>small,.tool-result>p,.result-score small{color:var(--gray-500)}.tool-result-grid{grid-template-columns:repeat(3,1fr)}.result-score,.result-gauge,.result-steps,.result-alternatives{border:1px solid var(--gray-200);background:#f8fafc;border-radius:6px}.result-explanation{color:var(--gray-700)}.tool-result>footer{border-color:var(--gray-200)}.share-result button{border-color:var(--gray-300);color:var(--gray-700);border-radius:6px}.result-actions a{background:var(--blue-600);color:#fff;border-radius:6px}.tool-empty{text-align:center;align-content:center;place-items:center;max-width:600px;margin:auto;padding:40px;display:grid}.tool-empty>i{width:70px;height:70px;color:var(--blue-600);background:#dbeafe;border-radius:50%;place-items:center;font-size:30px;font-style:normal;display:grid}.tool-empty h2{margin:18px 0 6px}.tool-empty p{color:var(--gray-500)}.tool-empty ul{text-align:left;grid-template-columns:1fr 1fr;gap:10px;width:100%;padding:0;list-style:none;display:grid}.tool-empty li{background:var(--gray-100);border-radius:6px;padding:10px;font-size:13px}.tool-seo,.tool-related-data,.tool-faq,.related-tools,.tools-index>.popular-tools,.tools-index>.tools-category,.tools-index>.tools-seo{width:min(1192px,100% - 48px);margin:50px auto}.tool-card{border-radius:6px}.tool-card>i{background:var(--blue-600);border-radius:6px}@media (max-width:850px){.tool-calculator-shell{grid-template-columns:1fr}.tool-form{border-right:0;border-bottom:1px solid var(--gray-200)}.tools-page .tools-hero h1,.tools-page .tool-header h1{font-size:38px}.tool-result{border-radius:0 0 6px 6px}}@media (max-width:560px){.tools-page{margin:0!important}.tools-page .tools-hero,.tools-page .tool-header{padding:42px 18px 88px}.tools-page .tools-hero h1,.tools-page .tool-header h1{font-size:32px}.tool-detail .tool-breadcrumbs,.tool-calculator-shell,.tool-seo,.tool-related-data,.tool-faq,.related-tools,.tools-index>.popular-tools,.tools-index>.tools-category,.tools-index>.tools-seo{width:calc(100% - 24px)}.tool-calculator-shell{margin-top:-52px}.tool-form,.tool-result{padding:18px}.tool-empty{padding:35px 18px}.tool-empty ul{grid-template-columns:1fr}}