:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#253d32;background:#f6f5ef;font-synthesis:none;--green:#234d3b;--muted:#52675b;--line:#d5ddce;--paper:#f6f5ef;--surface:#fffef9;--soft:#e8eedf;--peach:#f2d8c6;--orange:#994c27}
*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.6}h1,h2,p,figure{margin:0}h1,h2{line-height:1.15}h1,h2{font-family:Georgia,Cambria,"Times New Roman",serif;font-weight:400}h2{font-size:30px;letter-spacing:-.5px}a{color:inherit;text-underline-offset:4px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0}a,button,input,select,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #167468;outline-offset:4px}[hidden]{display:none!important}.wrap{width:min(980px,calc(100% - 64px));margin-inline:auto}.main-wrap{max-width:740px}.skip-link{position:absolute;top:-100px;left:20px;z-index:10;background:var(--surface);padding:12px}.skip-link:focus{top:10px}.site-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:24px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:7px;font-size:26px;line-height:1;font-weight:650;letter-spacing:-1.4px;text-decoration:none}.brand span{color:#77966a;margin-left:-7px}.site-header>a:last-child{display:inline-flex;align-items:center;min-height:44px;font-size:12px;text-align:right}.intro{text-align:center;padding:46px 0 32px}.intro h1{font-size:clamp(38px,6vw,58px);letter-spacing:-1.8px;margin:13px 0}.intro h1 span{color:#91a77f}.intro>p:last-child{font-size:15px;color:var(--muted);max-width:400px;margin:auto}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;line-height:1.6;color:var(--muted)}.card{border:1px solid var(--line);border-radius:19px;background:var(--surface);box-shadow:0 8px 35px #25472906;margin-bottom:20px}.entry-card,.share-card,.problem{padding:27px 30px}.entry-card h2,.share-card h2,.problem h2{margin:8px 0 12px}.section-description,.share-card>p:not(.eyebrow),.problem>p:not(.eyebrow){font-size:14px;color:var(--muted)}form{margin-top:24px}label{display:block;font-size:13px;font-weight:550;margin-top:17px}.optional{font-size:11px;color:var(--muted);font-weight:400;margin-left:6px}input,select,textarea{display:block;width:100%;min-width:0;min-height:48px;padding:11px 12px;margin-top:7px;background:var(--surface);border:1px solid #b8c8b8;border-radius:8px;font-size:16px;line-height:1.5}input::placeholder{color:#798278}select{cursor:pointer;appearance:none;-webkit-appearance:none;padding-right:31px;background-image:linear-gradient(45deg,transparent 50%,var(--green) 50%),linear-gradient(135deg,var(--green) 50%,transparent 50%);background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;background-size:5px 5px;background-repeat:no-repeat}.measurement-fields{display:grid;grid-template-columns:minmax(0,1fr) 114px;gap:14px}.measurement-fields label{min-width:0}.small-help{font-size:12px;line-height:1.65;color:var(--muted);margin-top:12px}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:12px 18px;border-radius:9px;text-decoration:none;font-size:14px;font-weight:600;line-height:1.4}.primary{background:var(--green);color:var(--surface)}.primary:hover{background:#143825}.secondary{background:var(--surface);border:1px solid #b8c8b8}.secondary:hover{background:var(--soft)}.full-width{width:100%;margin-top:23px}.consent{border-top:1px solid var(--line);padding-top:16px;margin-top:20px}.form-error{margin-top:15px;padding:12px;border:1px solid #e8baa4;border-radius:8px;background:#fff1e7;color:#873c22;font-size:13px}.result-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:25px 28px;border-bottom:1px solid var(--line)}.result-heading>div:first-child{min-width:0}.result-heading h2{margin-top:6px;overflow-wrap:anywhere}.unit-buttons{display:flex;flex-shrink:0;padding:3px;background:var(--soft);border-radius:8px;gap:2px}.unit-buttons button{min-height:44px;min-width:44px;padding:7px 10px;border-radius:6px;font-size:12px;background:transparent}.unit-buttons [aria-pressed=true]{background:var(--green);color:var(--surface)}.result-content{padding:23px 28px}.measurements{list-style:none;margin:0;padding:0;display:grid;gap:13px}.measurement-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center}.measurement-letter{display:grid;place-items:center;height:32px;width:32px;border-radius:50%;background:var(--soft);color:var(--green);font-size:13px;font-weight:650}.measurement-row:nth-child(2) .measurement-letter{background:var(--peach);color:var(--orange)}.measurement-name{font-size:14px;font-weight:600;overflow-wrap:anywhere;min-width:0}.measurement-value{font-size:16px;font-weight:650;text-align:right;max-width:160px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;direction:ltr}.comparison-figure{margin-top:7px}.ruler-canvas{height:176px;overflow:hidden}#comparison-axis{display:block;width:100%;height:176px}.axis-line,.axis-tick{stroke:#7b9073;stroke-width:1}.axis-line{stroke-width:2}.measurement-bar-a{fill:#496f48}.measurement-bar-b{fill:#bd754b}.measurement-stem{stroke-width:1.5;stroke-dasharray:3 4}.ruler-labels{display:flex;justify-content:space-between;gap:20px;font-size:12px;font-variant-numeric:tabular-nums;margin:0 24px}.comparison-figure figcaption{font-size:12px;line-height:1.6;color:var(--muted);text-align:center;margin-top:17px}.difference{text-align:center;margin-top:22px;padding:22px 10px;background:#edf1e7;border-radius:12px}.difference-value{font-size:clamp(32px,6vw,43px);font-weight:600;letter-spacing:-1px;font-variant-numeric:tabular-nums;margin:4px 0;overflow-wrap:anywhere}.difference>p:last-child{font-size:14px;overflow-wrap:anywhere}.precision-note{font-size:11px;color:var(--muted);text-align:center;margin-top:15px}.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:21px}.link-label{font-size:12px;font-weight:500;margin-top:21px}textarea{font-size:12px;line-height:1.65;resize:vertical;overflow-wrap:anywhere;direction:ltr}.text-link{display:inline-flex;min-height:44px;align-items:center;font-size:12px;margin-top:10px}.measuring-help{padding:21px 8px 30px}.measuring-help h2,.privacy-note h2{font-size:24px}.measuring-help p,.privacy-note p{font-size:13px;color:var(--muted);margin-top:12px}details{margin-top:17px;border-top:1px solid var(--line);padding-top:10px}summary{font-size:13px;font-weight:600;cursor:pointer;min-height:44px;display:list-item;align-content:center;padding-block:10px}details p{padding-bottom:6px}.privacy-note{padding:23px 26px;background:var(--soft);border-radius:15px;margin-bottom:35px}.problem{text-align:center}.problem .button{margin-top:20px}.notice{padding:20px;background:var(--soft);border-radius:10px;margin-bottom:20px}.site-footer{display:flex;justify-content:space-between;gap:16px;align-items:center;border-top:1px solid var(--line);padding-block:26px;font-size:11px;color:var(--muted)}.site-footer a{display:inline-flex;min-height:44px;align-items:center}
fieldset{border:0;padding:0;margin:0;min-width:0}
@media(max-width:600px){.wrap{width:calc(100% - 32px)}.site-header{padding-block:15px}.intro{padding:31px 0 25px}.intro h1{font-size:40px}.entry-card,.share-card,.problem{padding:23px 22px}.result-heading{padding:21px 22px;flex-wrap:wrap;gap:14px}.result-heading>div:first-child{flex:1 1 100%}.result-content{padding:20px 20px}.measurement-row{gap:9px;grid-template-columns:30px minmax(0,1fr) auto}.measurement-value{max-width:115px;font-size:14px}.measurement-letter{width:30px;height:30px}.ruler-labels{font-size:11px}.site-footer{flex-wrap:wrap}.site-footer span{order:3;flex-basis:100%;text-align:center}.privacy-note{padding:22px}.measuring-help{padding-inline:5px}}
@media(max-width:359px){.wrap{width:calc(100% - 24px)}.intro h1{font-size:36px}.entry-card,.share-card,.problem{padding-inline:17px}.result-heading{padding-inline:17px}.result-content{padding-inline:14px}.measurement-fields{grid-template-columns:minmax(0,1fr) 101px;gap:10px}.measurement-value{max-width:92px}.button-row{gap:8px}.button-row .button{flex:1 1 auto;padding-inline:12px}.site-header>a:last-child{max-width:130px}.measurement-name{font-size:13px}}
.landing-intro{padding-block:48px 35px}.landing-intro>p:not(.eyebrow){font-size:15px;color:var(--muted);max-width:490px;margin-inline:auto}.landing-intro .hero-cta{margin-top:23px}.landing-intro>p.landing-details{font-size:12px;margin-top:13px}.example-axis{display:block;width:100%;height:auto}.landing-how{padding:29px 8px 18px}.landing-how h2{margin:10px 0 23px}.landing-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:0}.landing-steps li{min-width:0;border-top:1px solid var(--line);padding-top:18px}.landing-steps li>span{display:inline-block;font-size:12px;font-weight:700;color:var(--muted);margin-bottom:14px}.landing-steps h3{font-size:16px;line-height:1.4;margin:0 0 9px}.landing-steps p,.landing-faq details p{font-size:13px;color:var(--muted);line-height:1.7}.landing-faq{padding:0 8px}.landing-faq h2{margin-bottom:18px}.landing-faq details p{padding-block:4px 12px}.landing-finish{text-align:center;padding:36px 8px 42px}.landing-finish p{font-family:Georgia,Cambria,"Times New Roman",serif;font-size:24px;line-height:1.3;margin-bottom:20px}
@media(max-width:600px){.landing-intro{padding-top:31px}.landing-steps{grid-template-columns:1fr;gap:20px}.landing-steps li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:4px 12px}.landing-steps li>span{grid-row:1/3;padding-top:2px}.landing-steps h3{margin:0}.landing-steps p{grid-column:2}.landing-how,.landing-faq{padding-inline:5px}.landing-finish{padding-block:30px 36px}}