:root{--canvas:#ededf0;--card:#ffffff;--ink:#0c0d10;--ink-2:rgba(60,60,67,0.6);--ink-3:rgba(60,60,67,0.3);--surface:rgba(116,116,128,0.08);--separator:rgba(60,60,67,0.12);--accent:#e8323c;--accent-hover:#c8242f;--accent-soft:rgba(232,50,60,0.08);--accent-ring:rgba(232,50,60,0.24);--winner:#f9b233;--winner-soft:rgba(249,178,51,0.45);--median:rgba(60,60,67,0.45);--radius-card:20px;--radius:12px;--radius-sm:8px;--shadow:0 1px 3px rgba(0,0,0,0.04),0 8px 24px rgba(0,0,0,0.06);--ease:cubic-bezier(0.2,0.8,0.2,1)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--canvas);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased}.tnum{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}button,input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shell{max-width:880px;margin:0 auto;padding:40px 20px 64px}.card{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow);overflow:hidden}.masthead{justify-content:space-between;padding:20px 32px}.masthead,.wordmark{display:flex;align-items:center}.wordmark{text-decoration:none;color:var(--ink)}.wordmark svg{display:block;height:38px;width:auto}.nav{display:flex;gap:2px;padding:3px;background:var(--surface)}.nav,.nav a{border-radius:999px}.nav a{padding:6px 14px;font-size:13px;font-weight:500;text-decoration:none;color:var(--ink-2);transition:background .18s var(--ease)}.nav a[aria-current=page]{background:var(--card);color:var(--ink);font-weight:600}.compare-body{align-items:center;gap:40px;padding:72px 32px 96px}.compare-body,.intro{display:flex;flex-direction:column}.intro{max-width:680px;gap:16px;text-align:center}.intro h1{margin:0;font-size:44px;line-height:51px;font-weight:700;letter-spacing:-.01em}.intro h1 span{display:block}.intro p{margin:0;font-size:17px;line-height:25px;color:var(--ink-2)}.form{width:420px;max-width:100%;display:flex;flex-direction:column;gap:20px}.field-label{display:block;margin-bottom:8px;font-size:13px;font-weight:500;letter-spacing:.02em;text-transform:uppercase;color:var(--ink-2)}.time-well{display:flex;align-items:center;justify-content:center;gap:2px;padding:22px 20px;border-radius:var(--radius);background:var(--surface);box-shadow:inset 0 0 0 2px transparent;transition:box-shadow .18s var(--ease)}.time-well:focus-within{box-shadow:inset 0 0 0 2px var(--accent)}.time-well input{width:2ch;padding:0;border:0;background:none;font-size:40px;font-weight:600;letter-spacing:-.01em;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.time-well input:focus{outline:none}.time-well input::placeholder{color:var(--ink-3)}.time-well input::-webkit-inner-spin-button,.time-well input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.time-well .colon{font-size:32px;font-weight:600;color:var(--ink-3)}.time-well .units{margin-left:12px;font-size:13px;letter-spacing:.04em;color:var(--ink-3)}.row{display:flex;gap:16px}.row>*{flex:1 1;min-width:0}.toggle{display:flex;gap:2px;padding:3px;border-radius:999px;background:var(--surface)}.toggle button{flex:1 1;padding:12px 8px;border:0;border-radius:999px;background:none;font-size:15px;font-weight:500;color:var(--ink-2);cursor:pointer;transition:background .18s var(--ease),color .18s var(--ease)}.toggle button[aria-pressed=true]{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-ring);color:var(--ink);font-weight:600}.age{display:flex;align-items:baseline;gap:6px;padding:12px 18px;border-radius:999px;background:var(--surface)}.age input{width:3ch;border:0;background:none;font-size:17px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.age input:focus{outline:none}.age span{font-size:13px;color:var(--ink-3)}.btn{width:100%;padding:16px;border:0;border-radius:var(--radius);background:var(--accent);color:#fff;font-size:17px;font-weight:600;cursor:pointer;transition:background .18s var(--ease),opacity .18s var(--ease)}.btn:hover:not(:disabled){background:var(--accent-hover)}.btn:active:not(:disabled){transform:scale(.99)}.btn:disabled{opacity:.4;cursor:default}.provenance{margin:0;text-align:center;font-size:12px;line-height:16px;color:var(--ink-3)}.hint{color:var(--ink-2)}.result-body{display:flex;flex-direction:column;gap:48px;padding:8px 32px 40px}.link-btn{border:0;background:none;font-size:13px;font-weight:500;color:var(--ink-2);cursor:pointer;padding:0}.link-btn:hover{color:var(--ink)}.hero{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 24px 28px;border-radius:var(--radius-card);background:var(--surface)}.hero .eyebrow{font-size:13px;font-weight:500;letter-spacing:.02em;text-transform:uppercase;color:var(--ink-2)}.hero .time{font-size:88px;line-height:1;font-weight:700;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hero .summary{margin:4px 0 24px;font-size:17px;color:var(--ink-2)}.hero .summary strong{color:var(--ink);font-weight:600}.tiles{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;width:100%}.tile{display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:var(--radius);background:var(--card)}.tile.accent{background:var(--accent-soft)}.tile b{font-size:32px;line-height:36px;font-weight:600;letter-spacing:-.01em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tile span{font-size:13px;font-weight:500;letter-spacing:.02em;text-transform:uppercase;color:var(--ink-2)}.section{display:flex;flex-direction:column;gap:20px}.section h2{margin:0;font-size:28px;line-height:34px;font-weight:700;letter-spacing:-.01em}.section .sub{font-size:13px;font-weight:500;letter-spacing:.02em;color:var(--ink-2)}.section p{margin:0;font-size:17px;line-height:25px;color:var(--ink-2)}.section p strong{color:var(--ink);font-weight:600}.bars{gap:14px}.bar-row,.bars{display:flex;flex-direction:column}.bar-row{gap:6px}.bar-head{display:flex;justify-content:space-between;font-size:13px;font-weight:500;letter-spacing:.02em;color:var(--ink-2)}.bar-head b{font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--ink)}.bar{height:14px;border-radius:999px;transition:width .42s var(--ease)}.bar.winner{background:var(--winner)}.bar.categoryWinner{background:var(--winner-soft)}.bar.you{background:var(--accent)}.chart{height:200px;gap:2px}.chart,.chart .col{position:relative;display:flex;align-items:flex-end}.chart .col{flex:1 1;height:100%}.chart .col>i{position:relative;display:block;width:100%;border-radius:6px 6px 0 0;background:var(--separator);transition:height .42s var(--ease)}.chart .col.mine>i{background:var(--accent-soft);border-top:2px solid var(--accent)}.chart .flag{position:absolute;bottom:100%;margin-bottom:8px;left:50%;transform:translateX(-50%);padding:4px 8px;border-radius:var(--radius-sm);background:var(--accent);color:#fff;font-size:12px;font-weight:600;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.chart .flag.at-start{left:0;transform:none}.chart .flag.at-end{left:auto;right:0;transform:none}.chart .median{position:absolute;top:0;bottom:0;border-left:1px dashed var(--median)}.chart .median b{position:absolute;top:0;left:6px;font-weight:500;white-space:nowrap;color:var(--ink-2)}.axis,.chart .median b{font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.axis{display:flex;justify-content:space-between;color:var(--ink-3)}.reminder{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 32px;border-radius:var(--radius-card);background:var(--surface);text-align:center}.reminder h2{margin:0;font-size:28px;line-height:34px;font-weight:700;letter-spacing:-.01em}.reminder p{margin:0;max-width:440px;font-size:17px;line-height:25px;color:var(--ink-2)}.reminder form{display:flex;flex-direction:column;gap:10px;width:320px;max-width:100%}.reminder input{padding:14px 18px;border:0;border-radius:var(--radius);background:var(--card);box-shadow:inset 0 0 0 1px var(--separator);font-size:15px}.reminder input:focus{outline:none;box-shadow:inset 0 0 0 2px var(--accent)}.reminder .consent{font-size:12px;line-height:16px;color:var(--ink-3)}.reminder .done{font-size:17px;font-weight:600;color:var(--ink)}.btn.compact{width:auto;padding:14px 28px}.footnote{margin:0;font-size:12px;line-height:16px;color:var(--ink-3)}.ladder{width:100%;border-collapse:separate;border-spacing:0 4px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ladder th{padding:0 16px 8px;font-size:12px;font-weight:500;letter-spacing:.02em;text-transform:uppercase;color:var(--ink-2);text-align:right}.ladder th:first-child{text-align:left}.ladder td{padding:14px 16px;background:var(--surface);font-size:17px;text-align:right}.ladder td:first-child{border-radius:var(--radius) 0 0 var(--radius);font-size:15px;color:var(--ink-2);text-align:left}.ladder td:last-child{border-radius:0 var(--radius) var(--radius) 0}.ladder tr.median td{font-weight:600;color:var(--ink)}.ladder tr.mine td{background:var(--accent-soft)}@media (max-width:640px){.shell{padding:16px 12px 40px}.masthead{padding:16px 20px}.wordmark svg{height:30px}.compare-body{padding:40px 20px 48px;gap:32px}.intro h1{font-size:34px;line-height:40px}.result-body{padding:4px 20px 32px;gap:40px}.hero .time{font-size:64px}.tiles{gap:8px}.tile{padding:14px 12px}.tile b{font-size:24px;line-height:28px}.tile span{font-size:11px}.section h2{font-size:24px;line-height:30px}.chart{height:160px}.ladder td,.ladder th{padding-inline:8px}.ladder td{font-size:15px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.turnstile:not(:empty){display:flex;justify-content:center;min-height:65px}