:root{color-scheme:light;--ground:#f5f9f7;--ink:#263d35;--secondary:#52675e;--green:#2d7158;--blue:#426d83;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;background:var(--ground);color:var(--ink);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit;cursor:pointer;color:inherit}
a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible{outline:3px solid #367da2;outline-offset:5px}
button{touch-action:manipulation}
.svg-library{position:absolute;width:0;height:0;overflow:hidden}
svg{display:block;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.page-shell{max-width:1192px;padding:0 44px;margin:0 auto}
.site-header{height:104px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.home-mark{display:inline-flex;align-items:center;gap:11px;font-size:15px;color:var(--secondary)}
.home-mark svg{width:28px;height:28px;color:var(--green)}
nav{display:flex;align-items:center;gap:28px}
.plain-button{background:none;border:0;padding:10px 0;font-size:14px;color:var(--secondary)}
.plain-button:hover{color:var(--green);text-decoration:underline;text-underline-offset:5px}
.language-button{border:0;background:#e6efea;border-radius:50px;min-height:42px;padding:7px 15px;font-size:14px;display:flex;align-items:center;gap:13px}
.home-main{padding:55px 0 65px}
h1{font-size:clamp(40px,5.2vw,70px);font-weight:700;letter-spacing:-.045em;line-height:1.22;margin:0;max-width:100%;text-wrap:balance}
.tagline{margin:21px 0 0;font-size:clamp(18px,2vw,24px);letter-spacing:.025em;color:var(--secondary)}
.tools-layout{margin-top:55px;display:grid;grid-template-columns:310px minmax(0,1fr);gap:44px;align-items:center}
.promises{align-self:center}
.promises p{margin:0 0 18px;display:flex;align-items:center;gap:10px;font-size:16px;font-weight:500}
.promises p svg{width:22px;height:22px;color:var(--green);stroke-width:1.8}
.preview-note{display:block;font-size:13px;color:#64776e;margin:25px 0 0 32px}
.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.tool-button{border:0;display:flex;align-items:center;gap:17px;text-align:left;padding:25px 22px;min-height:112px;background:#fff;border-radius:20px;transition:background-color .16s ease,transform .16s ease;position:relative;min-width:0}
.tool-button:hover{background:#e8f0ec;transform:translateY(-2px)}
.tool-button:active{transform:translateY(0)}
.list-tool:hover,.convert-tool:hover{background:#e6eff5}
.tool-icon{width:32px;height:32px;color:var(--green)}
.list-tool .tool-icon,.convert-tool .tool-icon{color:var(--blue)}
.tool-words{display:flex;flex-direction:column;gap:6px;min-width:0}
.tool-words strong{font-size:21px;font-weight:650;line-height:1.35;white-space:nowrap}
.tool-words>span{font-size:13px;color:var(--secondary);line-height:1.55}
.tool-arrow{width:19px;height:19px;margin-left:auto;color:#6b8276}
.owner-section{background:#e9f1f5;border-radius:24px;padding:33px 40px;display:flex;align-items:center;justify-content:space-between;gap:35px}
.owner-copy h2{font-size:22px;line-height:1.45;margin:0 0 10px;font-weight:650}
.owner-copy>p{margin:0;font-size:16px;line-height:1.85;color:#4e6570;max-width:660px}
.contact-button{display:inline-flex;align-items:center;gap:16px;border:0;background:none;padding:0;margin:17px 0 0;min-height:32px;color:#365f73;font-size:14px;font-weight:600}
.contact-button:hover{text-decoration:underline;text-underline-offset:5px}
.umbrella-art{width:146px;flex:0 0 146px}
.umbrella-art>svg{width:100%;height:auto;stroke:none}
.site-footer{padding:28px 0 32px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--secondary)}
.site-footer p{font-size:13px;margin:0}
.site-footer>div{display:flex;gap:24px}
.site-footer .plain-button{font-size:13px}
dialog{border:0;padding:0;border-radius:24px;max-width:520px;width:calc(100% - 40px);max-height:calc(100svh - 40px);overflow:auto;color:var(--ink);background:#fff}
dialog::backdrop{background:rgb(25 44 36 / .30)}
.dialog-content{padding:32px}
.dialog-content h2{font-size:24px;line-height:1.4;margin:0 0 15px}
.dialog-content p{font-size:16px;color:var(--secondary);margin:0 0 26px;white-space:pre-line;line-height:1.8}
#close-dialog{border:0;background:var(--green);color:#fff;border-radius:50px;padding:10px 23px;min-height:44px}
html[lang=en] h1{font-size:clamp(40px,5.1vw,68px);letter-spacing:-.05em}
html[lang=en] .tools-layout{grid-template-columns:300px minmax(0,1fr)}
html[lang=en] .tool-words strong{font-size:19px}
@media(min-width:1441px){.home-main{padding-top:70px;padding-bottom:75px}.tools-layout{margin-top:64px}}
@media(max-width:1000px){.tools-layout{grid-template-columns:245px minmax(0,1fr);gap:25px}.tool-button{padding:22px 17px;gap:12px}.tool-arrow{display:none}.tool-words strong{font-size:20px}.promises p{font-size:14px;gap:8px}.preview-note{margin-left:30px}html[lang=en] .tools-layout{grid-template-columns:235px minmax(0,1fr)}}
@media(max-width:760px){.page-shell{padding:0 24px}.site-header{height:86px}.home-mark{font-size:13px;gap:8px}.home-mark svg{width:25px;height:25px}nav{gap:18px}nav .plain-button{font-size:13px}.language-button{padding:6px 12px;min-height:40px;gap:9px}.home-main{padding:34px 0 38px}h1{font-size:clamp(35px,7.4vw,54px);letter-spacing:-.055em}.tagline{font-size:18px;margin-top:17px}.tools-layout,html[lang=en] .tools-layout{grid-template-columns:1fr;gap:26px;margin-top:31px}.promises p{margin-bottom:11px;font-size:14px;gap:9px}.preview-note{margin:15px 0 0 31px;font-size:12px}.tool-grid{gap:12px}.tool-button{padding:20px 17px;min-height:112px;gap:11px;border-radius:18px}.tool-icon{width:28px;height:28px}.tool-words strong{font-size:20px}.tool-words>span{font-size:12px}.owner-section{padding:26px 26px;gap:16px;border-radius:20px}.owner-copy h2{font-size:20px}.owner-copy>p{font-size:14px}.umbrella-art{width:90px;flex-basis:90px}.site-footer{padding:22px 0 25px}.site-footer>div{gap:18px}.site-footer p,.site-footer .plain-button{font-size:12px}html[lang=en] .tool-words strong{font-size:17px}}
@media(max-width:450px){.tool-button{flex-wrap:wrap;align-content:center;gap:12px;min-height:136px;padding:20px}.tool-icon{width:27px;height:27px}.tool-words{width:100%;gap:5px}.tool-words strong{font-size:20px}.tool-words>span{font-size:12px}.owner-section{position:relative;padding:25px}.owner-copy{position:relative;z-index:1}.owner-copy>p{padding-right:30px}.umbrella-art{position:absolute;right:13px;top:9px;width:52px;opacity:.55}.owner-copy h2{padding-right:35px}.site-footer{align-items:flex-start;flex-direction:column;gap:5px}.site-footer>div{gap:24px}.dialog-content{padding:26px}}
@media(min-width:761px) and (max-width:1000px){.tools-layout,html[lang=en] .tools-layout{grid-template-columns:1fr;gap:28px}.promises{display:flex;flex-wrap:wrap;column-gap:25px;row-gap:0}.promises p{font-size:15px;margin-bottom:0}.preview-note{width:100%;margin:12px 0 0 30px}.tool-arrow{display:block}}
@media(max-width:760px){.preview-note,.tool-words>span,.site-footer p,.site-footer .plain-button{font-size:13px}}
@media(max-width:450px){.tool-grid{grid-template-columns:1fr}.tool-button{flex-wrap:nowrap;min-height:104px;gap:17px}.tool-words{width:auto}.tool-arrow{display:block}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}.tool-button:hover{transform:none}}

.public-email{display:block;margin-top:8px;font-size:13px;line-height:1.6;color:#4e6570;overflow-wrap:anywhere}