:root{--ink:#152326;--muted:#647477;--line:#dbe3e1;--paper:#f8faf8;--card:#fff;--teal:#176b87;--teal-dark:#114e64;--orange:#ea7b3d;--mint:#c8e9dc;--danger:#b42318}*{box-sizing:border-box}html{background:var(--paper)}body{color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}main{max-width:1160px;margin:0 auto;padding:0 20px 72px}.hero{grid-template-columns:1fr auto;align-items:center;gap:28px;min-height:330px;padding:52px 4px 44px;display:grid}.hero-copy{max-width:670px}.eyebrow{color:var(--teal);letter-spacing:.13em;margin:0 0 10px;font-size:.9rem;font-weight:800}h1,h2,p{margin-top:0}h1{letter-spacing:-.055em;margin-bottom:20px;font-family:Georgia,serif;font-size:clamp(2.45rem,7vw,5rem);font-weight:500;line-height:.96}h2{letter-spacing:-.035em;margin-bottom:12px;font-family:Georgia,serif;font-size:clamp(1.75rem,4vw,2.55rem);font-weight:500;line-height:1.04}.lede,.panel-heading>p:not(.eyebrow){color:var(--muted);max-width:570px;margin-bottom:0;font-size:1.06rem;line-height:1.55}.hero-orb{background:var(--mint);border-radius:50%;justify-content:center;align-items:center;width:142px;height:142px;display:flex;position:relative}.hero-orb:before,.hero-orb:after{content:"";border:1px solid #1523262e;border-radius:50%;position:absolute}.hero-orb:before{width:94px;height:94px}.hero-orb:after{width:60px;height:60px}.hero-orb span{color:var(--teal-dark);z-index:1;font-family:Georgia,serif;font-size:1.3rem;font-style:italic}.panel-heading{border-bottom:1px solid var(--line);margin-bottom:30px;padding-bottom:25px}.comparison-form{gap:25px;display:grid}.field,.sex-fieldset{border:0;min-width:0;margin:0;padding:0}label,legend{margin-bottom:9px;font-size:.93rem;font-weight:700;display:block}select,input[type=text]{color:var(--ink);font:inherit;background:#fff;border:1px solid #bcc9c6;border-radius:10px;width:100%;height:50px;padding:0 14px}select:disabled{color:var(--ink);cursor:default;background:#f0f4f2}input[type=text]:focus,select:focus{border-color:var(--teal);outline:0;box-shadow:0 0 0 3px #176b8724}.segmented-control{grid-template-columns:1fr 1fr;gap:9px;display:grid}.segmented-control label{margin:0;position:relative}.segmented-control input{opacity:0;position:absolute;inset:0}.segmented-control span{border:1px solid #bcc9c6;border-radius:10px;justify-content:center;align-items:center;height:50px;font-size:.94rem;font-weight:700;display:flex}.segmented-control input:checked+span{border-color:var(--teal);color:var(--teal-dark);background:#e3f2ee}.segmented-control input:focus-visible+span{box-shadow:0 0 0 3px #176b8724}.measurement-fields{grid-template-columns:1fr 1fr;gap:17px;display:grid}.input-with-unit{position:relative}.input-with-unit input{padding-right:48px}.input-with-unit span{color:var(--muted);font-size:.9rem;position:absolute;top:16px;right:15px}.field-error,.request-error{color:var(--danger);margin:7px 0 0;font-size:.84rem;line-height:1.35}.request-error{background:#fff0ee;border-radius:8px;padding:11px 13px}.submit-button{background:var(--teal);color:#fff;cursor:pointer;font:inherit;border:0;border-radius:10px;justify-self:start;min-height:52px;padding:0 25px;font-weight:800}.submit-button:hover:not(:disabled){background:var(--teal-dark)}.submit-button:focus-visible{outline:0;box-shadow:0 0 0 4px #176b8740}.submit-button:disabled{cursor:wait;opacity:.66}.results{border-top:1px solid var(--line);margin-top:38px;padding-top:36px}.results-heading{margin-bottom:20px}.results-heading h2{margin-bottom:0;font-size:1.3rem}.result-grid{grid-template-columns:minmax(0,1fr);gap:18px;display:grid}.result-card{border:1px solid var(--line);background:#fcfdfc;border-radius:16px;padding:21px;overflow:hidden}.result-topline{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.result-topline p{margin-bottom:0;font-weight:700}.result-topline span{color:#444;white-space:nowrap;font-size:.88rem}.classification{gap:4px;margin:26px 0 18px;display:grid}.classification strong{color:var(--teal-dark);letter-spacing:-.04em;font-family:Georgia,serif;font-size:2rem;font-weight:500}.classification span,.unavailable,.fallback-notice{color:var(--muted);font-size:.9rem;line-height:1.45}.fallback-notice{border-left:3px solid var(--orange);color:#714315;background:#fff5e9;margin:0 0 16px;padding:9px 11px}.unavailable{margin:28px 0 4px}.chart-wrap{margin-top:12px}.chart{width:100%;display:block;overflow:visible}.axis{stroke:#aab9b5;stroke-width:1px}.grid-line{stroke:#e5ece9;stroke-width:1px}.axis-label,.marker-label{fill:#73817f;font-family:Arial,Helvetica,sans-serif;font-size:11px}.marker-label{fill:#344442;font-weight:700}.marker-line{stroke:#344442;stroke-dasharray:4 4;stroke-width:1.5px}.density-line{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.7px}.chart-legend{flex-wrap:wrap;gap:9px 16px;margin:4px 0 0 42px;display:flex}.chart-legend span{color:var(--muted);align-items:center;gap:6px;font-size:.78rem;display:inline-flex}.chart-legend i{border-radius:99px;width:8px;height:8px;display:inline-block}@media (max-width:580px){main{padding:0 14px 48px}.hero{grid-template-columns:1fr;gap:12px;min-height:0;padding:42px 5px 32px}.hero-orb{display:none}.measurement-fields,.result-grid{grid-template-columns:1fr}.submit-button{justify-self:stretch}}:root{--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--very-small:#c2413b;--small:#c98c00;--medium:#16803b;--large:#27718d;--very-large:#1e3a8a}body,h1,h2,.hero-orb span,.classification strong{font-family:var(--font-sans)}h1{letter-spacing:-.06em;font-weight:750}h2{letter-spacing:-.045em;font-weight:700}.result-card{background:linear-gradient(150deg,#fff 0%,#f8fbfa 100%);box-shadow:0 10px 24px #1523260b}.classification{border-left:4px solid;padding-left:14px}.classification strong{letter-spacing:-.06em;font-size:clamp(1.7rem,4vw,2.3rem);font-weight:760}.classification.very-small{color:var(--very-small)}.classification.small{color:var(--small)}.classification.medium{color:var(--medium)}.classification.large{color:var(--large)}.classification.very-large{color:var(--very-large)}.classification span{color:var(--muted)}.percentile-scale{--scale-position:50%;background:linear-gradient(90deg,#c2413b 0% 4.5%,#e1a22d 5.5% 24.5%,#22a35b 25.5% 74.5%,#27718d 75.5% 94.5%,#1e3a8a 95.5% 100%);border-radius:999px;height:12px;margin:10px 2px 29px;position:relative}.percentile-marker{background:#fff;border:3px solid #152326;border-radius:50%;width:20px;height:20px;position:absolute;top:-4px;transform:translate(-50%);box-shadow:0 3px 9px #15232638}.percentile-marker i{background:#152326;border-radius:50%;width:4px;height:4px;display:block;position:absolute;inset:5px}.percentile-labels{color:#778583;justify-content:space-between;font-size:.68rem;display:flex;position:absolute;top:19px;left:4%;right:4%}.submit-button{justify-content:center;align-items:center;gap:9px;display:inline-flex}.button-spinner{border:2px solid #ffffff6b;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin;display:inline-block}.submission-status{color:var(--teal-dark);margin:-14px 0 0;font-size:.9rem;font-weight:650}.results:focus{outline:none}.chart-legend{gap:9px 18px}.chart-legend span{font-weight:600}@keyframes spin{to{transform:rotate(360deg)}}.classification .result-position-summary{display:block}.classification .result-direction{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:3px 8px;font-size:.74em;line-height:1.25;display:inline-block}.classification .result-direction-higher{color:#177451;background:#d8f0e5}.classification .result-direction-lower{color:#b33a42;background:#f8dedf}
.home-kicker{color:#7ed9ff;letter-spacing:.15em;margin:0 0 16px;font-size:.67rem;font-weight:800}.home-form{background:#fff;border-radius:19px;padding:clamp(24px,4vw,46px)}.home-form select:disabled{background:#edf6fa;border-color:#c8dee7}.home-form .nsfw-toggle{background:#f1f7fa;border:1px solid #d2e3e9;border-radius:12px;justify-content:space-between;align-items:center;width:calc(50% - 8.5px);padding:13px 15px;display:flex;container-type:inline-size}.home-form .nsfw-toggle strong{color:#1c3d4c;font-size:.9rem;display:block}.nsfw-adult-indicator{display:none}.home-form .nsfw-toggle p{color:#647477;margin:2px 0 0;font-size:.82rem}.home-form label.nsfw-switch{cursor:pointer;margin:0;position:relative}.home-form .nsfw-switch input{opacity:0;width:1px;height:1px;position:absolute}.home-form .nsfw-switch>span{background:#aebfc6;border-radius:999px;width:47px;height:27px;padding:3px;transition:background .15s;display:block}.home-form .nsfw-switch i{background:#fff;border-radius:50%;width:21px;height:21px;transition:transform .15s;display:block}.home-form .nsfw-switch input:checked+span{background:#176b94}.home-form .nsfw-switch input:checked+span i{transform:translate(20px)}.home-form .nsfw-switch input:focus-visible+span{box-shadow:0 0 0 3px #247eaa33}.home-form input[type=text]:focus,.home-form select:focus{border-color:#247eaa;box-shadow:0 0 0 3px #247eaa29}.home-form .segmented-control input:checked+span{color:#14516e;background:#e4f2f9;border-color:#247eaa}.home-form .segmented-control input:disabled+span{color:#98a7ad;cursor:default;background:#f1f4f5;border-color:#d7e0e3}@media (hover:hover) and (pointer:fine){.home-form .segmented-control input:not(:disabled),.home-form .segmented-control input:not(:disabled)+span{cursor:pointer}}.home-form .segmented-control input:focus-visible+span{box-shadow:0 0 0 3px #247eaa29}.home-form .submit-button{background:#176b94}.home-form .submission-status{color:#14516e}@media (max-width:580px){.home-form{padding:22px 15px}.home-form .nsfw-toggle{width:100%}.home-form .result-card{padding:18px 14px}.home-form .chart-wrap{margin-left:-4px;margin-right:-4px}.home-form .chart{height:210px}.home-form .axis-label,.home-form .marker-label{font-size:20px}.home-form .chart-legend{grid-template-columns:1fr;gap:7px;margin-left:0;display:grid}.home-form .chart-legend span{white-space:nowrap;font-size:.82rem}}.home-landing,.comparison-page,.about-page{color:#f7fbff;font-family:var(--font-sans);background:#0e1c2c;width:100%;max-width:none;min-height:100vh;margin:0;padding:0;position:relative;overflow:hidden}.site-navbar{z-index:2;background:#0e1c2c;border-bottom:1px solid #7ed9ff24;justify-content:space-between;align-items:center;padding:20px clamp(22px,4.8vw,72px);display:flex;position:relative;box-shadow:0 5px 14px #030d181a}.site-wordmark{color:#f7fbff;letter-spacing:-.08em;font-size:1.25rem;font-weight:800;text-decoration:none}.site-wordmark span{color:#7ed9ff}.site-about-link{color:#91a9bd;letter-spacing:.1em;text-transform:uppercase;font-size:.8rem;text-decoration:none}.site-about-link:hover{color:#7ed9ff}.site-about-link:focus-visible,.home-start-button:focus-visible{outline-offset:4px;outline:3px solid #7ed9ff}.home-orbital{pointer-events:none;border:1px solid #7ed9ff13;border-radius:50%;width:min(60vw,690px);height:min(60vw,690px);position:absolute;top:15vh;right:clamp(22px,7vw,145px)}.home-orbital:before{content:"";border:1px solid #7ed9ff0d;border-radius:50%;position:absolute;inset:17%}.home-orbital b{color:#7ed9ff17;letter-spacing:-.035em;font-size:clamp(7rem,17vw,15rem);position:absolute;top:50%;left:50%;transform:translate(-52%,-60%)}.home-orbital span{color:#a6b9cf2c;letter-spacing:.14em;text-transform:uppercase;font-size:2rem;position:absolute;bottom:31%;left:50%;transform:translate(-50%)}.home-orbital i{background:#7ed9ff73;border-radius:50%;width:6px;height:6px;position:absolute;top:17%;right:20%}.home-orbital i:nth-of-type(2){background:#70d4ee0d;top:auto;bottom:17%;left:16%}.home-orbital i:nth-of-type(3){background:#f3d77861;top:auto;bottom:8%;right:30%}.home-orbital i:nth-of-type(4){background:#7ed9ff2e;top:52%;left:3%}.home-landing-hero{z-index:1;position:absolute;top:47%;left:clamp(22px,9vw,145px);transform:translateY(-50%)}.home-landing-hero h1,.comparison-route-intro h1{font-family:var(--font-sans);margin:23px 0 0;font-size:clamp(4.1rem,7.5vw,8.6rem);font-weight:750;line-height:.9}.home-landing-hero h1 em,.comparison-route-intro h1 em{color:#7ed9ff;font-style:normal}.home-landing-hero>p:not(.home-kicker){color:#a8bdcd;margin:43px 0 31px;font-size:1.03rem}.home-start-button{color:#f7fbff;background:#173b55;border:1px solid #7ed9ff6b;border-radius:10px;justify-content:space-between;align-items:center;gap:45px;max-width:280px;padding:16px 17px 16px 21px;font-size:1rem;font-weight:780;text-decoration:none;transition:background .18s,border-color .18s,transform .18s;display:flex}.home-start-button:hover{background:#176b94;border-color:#7ed9ff;transform:translateY(-2px)}.home-start-button b{color:#7ed9ff;font-size:1.2rem}.home-landing-steps{color:#8298ab;letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;position:absolute;bottom:38px;left:clamp(22px,9vw,145px)}.home-landing-steps span{color:#7ed9ff}.home-landing-steps i{border-left:1px solid #38556a;margin:0 9px}.comparison-page{min-height:100vh;padding-bottom:20px}.comparison-route-shell{grid-template-columns:minmax(360px,.85fr) minmax(0,1.65fr);gap:clamp(32px,4vw,68px);max-width:1440px;margin:6vh auto 0;padding:0 clamp(22px,3vw,48px);display:grid}.comparison-route-intro{padding-top:3vh}.comparison-route-intro h1{font-size:clamp(3.6rem,4.4vw,5.3rem)}.comparison-route-title-line{white-space:nowrap}.comparison-route-intro>p:not(.home-kicker){color:#9bb1c3;max-width:300px;margin:25px 0 34px;font-size:1rem;line-height:1.55}.comparison-route-intro ol{color:#71899e;letter-spacing:.06em;text-transform:uppercase;border-left:1px solid #7ed9ff38;margin:0;padding-left:26px;font-size:.7rem;line-height:2.9;list-style:decimal-leading-zero}.comparison-route-current{color:#7ed9ff}.comparison-route-form{color:var(--ink);background:#fff;border:1px solid #c7cdd1;border-radius:18px;align-self:start;width:100%;min-width:0;margin-top:3vh;overflow:hidden;box-shadow:0 22px 60px #020c1647}.comparison-panel{padding:0!important}.comparison-panel-header{color:#45565e;background:#fbfbfb;border-bottom:1px solid #d5dade;justify-content:space-between;align-items:center;min-height:64px;padding:0 clamp(24px,4vw,46px);display:flex}.comparison-panel-header strong{color:#868686;letter-spacing:.11em;text-transform:uppercase;font-size:.9rem}.comparison-panel-header span{color:#738087;font-size:.8rem}.comparison-panel-content{background:0 0;border-radius:0;padding:clamp(24px,4vw,46px)}.comparison-route-form .nsfw-toggle,.comparison-route-form .submit-button{justify-self:stretch;width:100%}@media (max-width:900px){.comparison-route-shell{grid-template-columns:1fr;margin-top:3vh}.comparison-route-intro{padding-top:0}.comparison-route-intro ol{display:none}.comparison-route-intro>p:not(.home-kicker){max-width:430px}}@media (min-width:581px){.comparison-route-form .nsfw-toggle{justify-self:start;width:calc(50% - 8.5px)}}@media (max-width:580px){.comparison-route-form{border-radius:14px;margin-top:0}.comparison-panel-header{flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;min-height:40px;padding:13px 18px}.comparison-panel-content{padding:22px 15px}.comparison-panel-header span{display:none}.nsfw-adult-indicator{display:inline}.comparison-route-intro>p:not(.home-kicker){margin-bottom:0}@container (max-width:350px){.home-form .nsfw-toggle p{display:none}}}@media (max-width:760px){.home-orbital{width:110vw;height:110vw;top:20vh;right:-46vw}.home-landing-hero{width:auto;left:22px;right:22px}.home-landing-hero h1{font-size:clamp(3.8rem,16vw,5.8rem)}.home-landing-steps{display:none}.home-landing-steps i{margin:0 5px}}@media (max-width:580px){.home-form{padding:18px}.home-form .results{margin-top:30px;padding-top:28px}.home-form .results-heading{margin-bottom:15px}.home-form .results-heading h2{letter-spacing:-.055em;font-size:1rem;line-height:1.08}.home-form .result-card{padding:16px 8px}.home-form .chart-wrap{margin-left:-2px;margin-right:-2px}.home-form .chart{height:auto}.home-form .axis-label,.home-form .marker-label{font-size:20px}.home-form .axis,.home-form .grid-line{stroke-width:2px}.home-form .marker-line{stroke-dasharray:7 7;stroke-width:3px}.home-form .density-line{stroke-width:4px}}.home-form .submit-button{background:#126d98;box-shadow:0 10px 20px #126d9838}.home-form .submit-button:hover:not(:disabled){background:#0e587c}.classification{border-left-width:7px;padding-top:1px;padding-bottom:1px}.classification strong{letter-spacing:-.045em;font-size:clamp(1.42rem,3.2vw,1.65rem);font-weight:680;display:block}.classification span{margin-top:2px;display:block}.about-page{overflow:visible}.about-content{max-width:900px;margin:clamp(58px,12vh,142px) auto 0;padding:0 clamp(22px,4.8vw,72px) clamp(64px,12vh,128px)}.about-content h1{font-size:clamp(3.6rem,4.4vw,5.3rem)}.about-summary{color:#a8bdcd;max-width:580px;margin:34px 0 0;font-size:clamp(1.04rem,1.55vw,1.2rem);line-height:1.6}.about-disclaimer{background:#173b5570;border:1px solid #7ed9ff33;border-left:3px solid #7ed9ff;border-radius:0 12px 12px 0;max-width:660px;margin-top:clamp(46px,8vh,88px);padding:22px 24px}.about-disclaimer strong{color:#7ed9ff;letter-spacing:.13em;text-transform:uppercase;font-size:.72rem}.about-disclaimer p{color:#b9c9d5;margin:11px 0 0;font-size:.93rem;line-height:1.65}@media (max-width:580px){.about-content{margin-top:58px}.about-content h1{font-size:clamp(3.45rem,15vw,4.9rem)}.about-summary{margin-top:28px}.about-disclaimer{margin-top:46px;padding:19px 18px}}