.whtr-back{padding:10px 14px;border:1px solid var(--tools-line);border-radius:999px;color:var(--tools-green);background:rgba(255,255,255,.72);text-decoration:none;font:750 .82rem/1 "Work Sans",sans-serif}.whtr-hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.45fr);gap:18px;margin-top:18px}.whtr-hero__copy,.whtr-hero__mark,.whtr-measure,.whtr-form,.whtr-result,.whtr-history,.whtr-method{border:1px solid var(--tools-line);border-radius:28px;box-shadow:0 14px 34px rgba(40,64,50,.07)}
.whtr-hero__copy{padding:clamp(30px,4vw,54px);background:rgba(255,255,255,.82)}.whtr-hero h1{margin:0;font:600 clamp(2.6rem,5vw,5rem)/.94 "Zodiak",Georgia,serif;letter-spacing:-.05em}.whtr-hero h1 em{color:#5b806e;font-weight:500}.whtr-hero__copy>p{max-width:760px;margin:20px 0 0;color:var(--tools-muted);font:400 1.05rem/1.52 "Work Sans",sans-serif}.whtr-hero__mark{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;color:#664718;text-align:center;background:linear-gradient(145deg,#fff8e4,#ead09a)}.whtr-hero__mark span,.whtr-hero__mark small{font:800 .7rem/1.25 "Work Sans",sans-serif;text-transform:uppercase;letter-spacing:.07em}.whtr-hero__mark strong{display:block;margin:18px 0 14px;font:700 clamp(4rem,7vw,6.4rem)/.82 "Zodiak",Georgia,serif}.whtr-hero__mark small{max-width:220px;color:#876b3e}.whtr-hero__mark p{max-width:230px;margin:16px 0 0;padding-top:14px;border-top:1px solid rgba(102,71,24,.18);color:#72592f;font:600 .73rem/1.45 "Work Sans",sans-serif}
.whtr-measure{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:24px;margin-top:18px;padding:clamp(24px,3.5vw,42px);background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(240,247,237,.88))}.whtr-measure__head{display:grid;grid-column:1/-1;grid-template-columns:minmax(300px,.85fr) minmax(420px,1.15fr);align-items:end;gap:clamp(28px,5vw,80px);padding-bottom:22px;border-bottom:1px solid rgba(40,95,67,.12)}.whtr-measure__head h2,.whtr-form h2,.whtr-result h2,.whtr-history h2,.whtr-method h2{margin:9px 0 0;font:600 clamp(1.8rem,3vw,2.8rem)/1 "Zodiak",Georgia,serif}.whtr-measure__head>p{max-width:620px;margin:0;color:var(--tools-muted);font:400 .9rem/1.6 "Work Sans",sans-serif}.whtr-diagram{align-self:center;justify-self:center;width:min(100%,620px);margin:0}.whtr-diagram picture,.whtr-diagram img{display:block;width:100%}.whtr-diagram img{height:auto;filter:drop-shadow(0 12px 22px rgba(26,54,42,.12))}.whtr-diagram figcaption{margin:8px 16px 0;padding:10px 13px;border-left:4px solid #e0af43;border-radius:0 10px 10px 0;color:var(--tools-muted);background:rgba(255,250,235,.9);font:500 .72rem/1.45 "Work Sans",sans-serif}.whtr-diagram figcaption strong{color:var(--tools-ink);font-weight:750}.whtr-steps{display:grid;align-content:center;gap:12px;margin:0;padding:0;list-style:none}.whtr-steps li{display:grid;grid-template-columns:40px 1fr;align-content:center;gap:13px;padding:18px;border:1px solid rgba(40,95,67,.08);border-radius:18px;background:rgba(255,255,255,.82)}.whtr-steps li>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:white;background:var(--tools-green);font:800 .78rem/1 "Work Sans",sans-serif}.whtr-steps strong{font:750 .9rem/1.2 "Work Sans",sans-serif}.whtr-steps p{max-width:360px;margin:7px 0 0;color:var(--tools-muted);font:400 .78rem/1.5 "Work Sans",sans-serif}
.whtr-workspace{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.whtr-form,.whtr-result{padding:clamp(24px,3vw,36px)}.whtr-form{background:rgba(255,255,255,.82)}.whtr-form header p{margin:10px 0 18px;color:var(--tools-muted);font:400 .84rem/1.45 "Work Sans",sans-serif}.whtr-form__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.whtr-field{display:grid;align-content:start;gap:9px;margin:0;padding:12px;border:1px solid rgba(40,95,67,.1);border-radius:15px;background:rgba(247,250,246,.86)}.whtr-field>span:first-child{display:flex;align-items:center;gap:9px;font:750 .8rem/1.2 "Work Sans",sans-serif}.whtr-field i{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:8px;color:white;background:var(--tools-green);font:800 .68rem/1 "Work Sans",sans-serif;font-style:normal}.whtr-field input{width:100%;height:48px;box-sizing:border-box;padding:0 13px;border:1px solid rgba(40,95,67,.2);border-radius:12px;color:var(--tools-ink);background:white;font:650 .88rem/1 "Work Sans",sans-serif}.whtr-field input:focus{outline:none;border-color:var(--tools-green);box-shadow:0 0 0 4px rgba(40,95,67,.1)}.whtr-field>small{color:var(--tools-muted);font:400 .66rem/1.35 "Work Sans",sans-serif}.whtr-control{position:relative}.whtr-control input{padding-right:50px}.whtr-control b{position:absolute;top:50%;right:14px;color:var(--tools-muted);transform:translateY(-50%);font:700 .72rem/1 "Work Sans",sans-serif}.whtr-error{margin:12px 0 0;padding:12px 14px;border-radius:12px;color:#8e2626;background:#ffeded;font:650 .82rem/1.35 "Work Sans",sans-serif}.whtr-submit{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:12px;padding:15px;border:0;border-radius:13px;color:#173125;background:#e9d39b;cursor:pointer;font:800 .86rem/1 "Work Sans",sans-serif}
.whtr-result{color:white;background:radial-gradient(circle at 88% 3%,rgba(152,213,122,.18),transparent 22rem),linear-gradient(150deg,#244b46,#173046)}.whtr-result__empty{display:grid;grid-template-columns:minmax(0,.85fr) minmax(190px,1.15fr);align-items:center;gap:26px;height:100%}.whtr-result__empty>div>span{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;color:#dcebd3;background:rgba(255,255,255,.1);font:700 1.25rem/1 "Work Sans",sans-serif}.whtr-result__empty p,.whtr-result__content>p,.whtr-result aside p{color:rgba(255,255,255,.68);font:400 .8rem/1.5 "Work Sans",sans-serif}.whtr-result__preview{display:grid;gap:9px;margin:0;padding:0;list-style:none}.whtr-result__preview li{padding:13px 14px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(255,255,255,.06)}.whtr-result__preview strong,.whtr-result__preview span{display:block}.whtr-result__preview strong{font:750 .78rem/1.2 "Work Sans",sans-serif}.whtr-result__preview span{margin-top:5px;color:rgba(255,255,255,.58);font:500 .68rem/1.35 "Work Sans",sans-serif}.whtr-result__level{display:inline-flex;padding:8px 11px;border-radius:999px;color:#e5f4dc;background:rgba(152,213,122,.16);font:800 .68rem/1 "Work Sans",sans-serif;text-transform:uppercase;letter-spacing:.07em}.whtr-result__ratio{display:block;margin-top:20px;font:700 clamp(4rem,7vw,6.5rem)/.78 "Zodiak",Georgia,serif;letter-spacing:-.06em}.whtr-result__content>small{color:rgba(255,255,255,.58);font:700 .68rem/1 "Work Sans",sans-serif;text-transform:uppercase;letter-spacing:.06em}.whtr-result__content>h2{margin-top:20px}.whtr-result__numbers{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px}.whtr-result__numbers div,.whtr-result aside{padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.05)}.whtr-result__numbers span,.whtr-result__numbers strong{display:block}.whtr-result__numbers span{color:rgba(255,255,255,.58);font:650 .68rem/1.2 "Work Sans",sans-serif}.whtr-result__numbers strong{margin-top:8px;font:750 .95rem/1.25 "Work Sans",sans-serif}.whtr-result aside{margin-top:9px}.whtr-result aside>strong{font:750 .8rem/1 "Work Sans",sans-serif}.whtr-result aside p{margin:7px 0 0}.whtr-result button{width:100%;margin-top:10px;padding:13px;border:1px solid rgba(255,255,255,.2);border-radius:13px;color:white;background:rgba(255,255,255,.08);cursor:pointer;font:750 .76rem/1 "Work Sans",sans-serif}
.whtr-history{display:grid;grid-template-columns:minmax(250px,.62fr) minmax(0,1.38fr);align-items:start;gap:30px;margin-top:18px;padding:clamp(24px,3vw,34px);background:rgba(255,255,255,.8)}.whtr-history header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.whtr-history header button{padding:10px 12px;border:1px solid #e2b6b6;border-radius:999px;color:#833636;background:#fff3f3;cursor:pointer;font:750 .72rem/1 "Work Sans",sans-serif}.whtr-history__empty{margin:0;padding:16px;border-radius:14px;color:var(--tools-muted);background:#f2f5f0;font:400 .8rem/1.45 "Work Sans",sans-serif}.whtr-history__table-wrap{overflow-x:auto}.whtr-history table{width:100%;margin:0;border-collapse:collapse;font:500 .8rem/1.3 "Work Sans",sans-serif}.whtr-history caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.whtr-history th,.whtr-history td{padding:12px;border-bottom:1px solid var(--tools-line);text-align:left}.whtr-history thead th{color:var(--tools-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em}.whtr-history__privacy{margin:12px 0 0;color:var(--tools-muted);font:400 .68rem/1.4 "Work Sans",sans-serif}
.whtr-method{display:grid;grid-template-columns:minmax(230px,.65fr) minmax(0,1.35fr);gap:30px;margin-top:18px;padding:clamp(24px,3vw,34px);background:#fffaf0}.whtr-method p{margin:0;color:var(--tools-muted);font:400 .84rem/1.5 "Work Sans",sans-serif}.whtr-method p+p{margin-top:9px}.whtr-method a{display:inline-flex;margin:12px 16px 0 0;color:var(--tools-green);font:750 .74rem/1.2 "Work Sans",sans-serif}.whtr-page .tools-safety{grid-template-columns:64px 1fr;gap:22px;padding:28px 34px}.whtr-page .tools-safety>div:first-child{width:58px;height:58px;border-radius:18px;font-size:1.45rem}.whtr-page .tools-safety h2{font-size:clamp(1.8rem,3vw,2.7rem)}.whtr-page .tools-safety p{margin-top:9px;font-size:.84rem}
@media(max-width:1120px){.whtr-measure{grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr)}.whtr-measure__head{grid-template-columns:minmax(280px,.85fr) minmax(360px,1.15fr)}}
@media(max-width:900px){.whtr-hero,.whtr-workspace,.whtr-history,.whtr-method{grid-template-columns:1fr}.whtr-result__empty{min-height:260px}.whtr-history{gap:18px}}
@media(max-width:800px){.whtr-measure,.whtr-measure__head{grid-template-columns:1fr}.whtr-measure__head{gap:12px}.whtr-measure__head>p{margin-top:4px}.whtr-steps{grid-template-columns:1fr}}
@media(max-width:620px){.whtr-back{max-width:112px;text-align:center;line-height:1.25}.whtr-hero__copy,.whtr-hero__mark,.whtr-measure,.whtr-form,.whtr-result,.whtr-history,.whtr-method{border-radius:20px}.whtr-hero__copy,.whtr-measure,.whtr-form,.whtr-result,.whtr-history,.whtr-method{padding:22px 18px}.whtr-form__fields,.whtr-result__empty{grid-template-columns:1fr}.whtr-result__empty{min-height:0;gap:18px}.whtr-result__preview{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.whtr-result__preview li{padding:10px 8px}.whtr-result__numbers{grid-template-columns:1fr}.whtr-history header{align-items:flex-start;flex-direction:column}.whtr-diagram{margin:0 -8px}.whtr-diagram figcaption{margin:8px 8px 0}.whtr-page .tools-safety{grid-template-columns:1fr;padding:24px 20px}.whtr-page .tools-safety>div:first-child{width:50px;height:50px}}
.whtr-result__level{padding:7px 10px;font-size:.66rem}.whtr-result__ratio{margin-top:15px;font-size:clamp(3.8rem,6vw,5.6rem)}.whtr-result__content>small{font-size:.65rem}.whtr-result__content>h2{margin-top:16px;font-size:clamp(1.8rem,2.5vw,2.4rem)}.whtr-result__numbers{margin-top:13px;gap:9px}.whtr-result__numbers div,.whtr-result aside{padding:13px;border-radius:13px}.whtr-result__numbers strong{margin-top:7px;font-size:.9rem}.whtr-result aside{margin-top:8px}.whtr-result aside p{margin-top:6px}.whtr-result button{margin-top:9px;padding:12px}