.tools-page{--t-bg:#f3f5f2;--t-surface:#fff;--t-ink:#101716;--t-muted:#63726c;--t-line:#d4dad5;--t-accent:#177969;background:var(--t-bg);color:var(--t-ink)}.tools-page[data-theme=dark]{--t-bg:#101716;--t-surface:#192321;--t-ink:#edf3ef;--t-muted:#afbeb7;--t-line:#35453f;--t-accent:#70e2ce}.tools-wrap{padding-block:66px 54px}.tools-intro{justify-content:space-between;align-items:flex-start;gap:48px;display:flex}.tools-intro>div{max-width:740px}.tools-kicker{font:10px/1.5 var(--mono);letter-spacing:1.6px;color:var(--t-accent);margin:0 0 16px}.tools-intro h1{letter-spacing:-2px;margin-bottom:22px;font-size:clamp(32px,3.7vw,52px);font-weight:500;line-height:1.13}.tools-intro h1 span{color:var(--t-accent)}.tools-intro>div>p:last-child{color:var(--t-muted);max-width:620px;font-size:15px;line-height:1.7}.tools-theme{color:var(--t-muted);flex-direction:column;gap:6px;min-width:155px;font-size:10px;display:flex}.tools-theme select{border:1px solid var(--t-line);background:var(--t-surface);color:var(--t-ink);border-radius:7px;padding:10px;font:12px Arial,sans-serif}.tools-account{background:var(--t-surface);border-radius:10px;justify-content:space-between;align-items:center;gap:25px;margin-top:34px;padding:21px 25px;display:flex}.tools-account strong{font-size:14px;font-weight:600}.tools-account p{color:var(--t-muted);margin-top:5px;font-size:12px;line-height:1.6}.tools-account>a,.tools-account>button{color:#101716;white-space:nowrap;background:#70e2ce;border:0;border-radius:6px;padding:11px 15px;font-size:12px;font-weight:600}.tools-account>a span{margin-inline:8px}.tools-cards{grid-template-columns:1fr 1fr;gap:26px;margin-top:30px;display:grid}.tool-card{border:1px solid var(--t-line);background:var(--t-surface);border-radius:14px;transition:transform .2s,border-color .2s;display:block;overflow:hidden}.tool-card:hover{border-color:var(--t-accent);transform:translateY(-4px)}.tool-illustration{color:#177969;background:#deeee6;justify-content:center;align-items:center;height:190px;display:flex;position:relative;overflow:hidden}.tool-card--calculator .tool-illustration{background:#e5eae1}.tool-grid{background-image:linear-gradient(#1779690c 1px,#0000 1px),linear-gradient(90deg,#1779690c 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.tool-number{font:11px var(--mono);color:#527466;position:absolute;top:20px;left:25px}.tool-illustration>svg{fill:none;stroke:currentColor;stroke-width:1.1px;z-index:1;width:83px;height:83px;margin-right:55px;transform:rotate(-5deg)}.tool-card--calculator .tool-illustration>svg{transform:rotate(7deg)}.tool-stamp{font:19px var(--mono);z-index:2;background:#f9fcf8;border:1px solid #c7dccf;border-radius:5px;padding:9px 14px;position:absolute;top:102px;left:51%;transform:rotate(-3deg);box-shadow:0 6px 16px #10291c12}.tool-copy{padding:28px 30px}.tool-copy .tools-kicker{letter-spacing:1px;margin-bottom:9px;font-size:9px}.tool-copy h2{letter-spacing:-.7px;margin-bottom:13px;font-size:27px;font-weight:500}.tool-copy>p:not(.tools-kicker){color:var(--t-muted);min-height:68px;font-size:13px;line-height:1.75}.tool-copy ul{flex-wrap:wrap;gap:7px;margin:23px 0;padding:0;list-style:none;display:flex}.tool-copy li{border:1px solid var(--t-line);color:var(--t-muted);border-radius:5px;padding:4px 8px;font-size:10px}.tool-open{color:var(--t-accent);border-top:1px solid var(--t-line);justify-content:space-between;align-items:center;padding-top:18px;font-size:12px;font-weight:600;display:flex}.tool-open>span{font-size:22px}.tools-notes{color:var(--t-muted);grid-template-columns:1fr 1fr;gap:48px;padding-top:30px;font-size:12px;line-height:1.8;display:grid}.tools-notes strong{color:var(--t-ink);font-weight:600}.tools-privacy{color:var(--t-muted);margin-top:28px;font-size:10px;line-height:1.7}.tools-privacy a{text-decoration:underline}:is(.tools-page a:focus-visible,.tools-page button:focus-visible){outline:2px solid var(--t-accent);outline-offset:4px}@media (max-width:740px){.tools-wrap{padding-block:35px}.tools-intro{flex-direction:column;gap:20px}.tools-intro h1{letter-spacing:-1px}.tools-theme{min-width:150px}.tools-account{flex-direction:column;align-items:flex-start;gap:14px;padding:18px}.tools-cards{grid-template-columns:1fr;gap:20px}.tool-copy{padding:22px}.tool-copy>p:not(.tools-kicker){min-height:0}.tools-notes{grid-template-columns:1fr;gap:20px}.tool-illustration{height:170px}.tool-copy li{font-size:9px}}
