*{box-sizing:border-box}html{background:#f3efe7;color:#171713}body{margin:0;font-family:"DM Mono",monospace;background:#f3efe7;color:#171713}.topbar{height:74px;padding:0 3vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c9c2b5;position:sticky;top:0;background:rgba(243,239,231,.96);backdrop-filter:blur(12px);z-index:10}.brand{font-family:"Bodoni Moda",serif;font-size:20px;font-weight:700;letter-spacing:.04em;text-decoration:none;color:#171713}.brand span{font-weight:500}.topbar nav{display:flex;gap:24px}.topbar nav a{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#171713;text-decoration:none}main{max-width:1440px;margin:0 auto;padding:0 3vw 80px}.hero{min-height:52vh;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid #c9c2b5;padding:72px 0}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin:0 0 18px}.hero h1{font-family:"Bodoni Moda",serif;font-size:clamp(52px,7vw,104px);line-height:.9;letter-spacing:-.045em;font-weight:500;margin:0;max-width:1100px}.lede{max-width:760px;font-size:15px;line-height:1.7;margin:40px 0 0}.connect-grid{display:grid;grid-template-columns:1.2fr .8fr;border-bottom:1px solid #c9c2b5}.connect-card,.explain-card{padding:56px 0}.connect-card{padding-right:7vw;border-right:1px solid #c9c2b5}.explain-card{padding-left:5vw}.connect-card h2,.results h2{font-family:"Bodoni Moda",serif;font-size:42px;line-height:1;margin:0 0 34px}.connect-card label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin:24px 0}.connect-card input{width:100%;margin-top:10px;border:1px solid #aaa295;background:transparent;padding:16px;font:inherit;font-size:15px;border-radius:0}.connect-card button{width:100%;display:flex;justify-content:space-between;border:0;background:#171713;color:#f3efe7;padding:18px 20px;font:inherit;text-transform:uppercase;letter-spacing:.06em;cursor:pointer}.connect-card button:disabled{opacity:.55}.status{min-height:20px;font-size:12px;margin-top:18px}.privacy,.disclaimer{font-size:11px;line-height:1.6;color:#645e54;margin-top:28px}.explain-card>div{padding:28px 0;border-top:1px solid #c9c2b5}.explain-card>div:last-child{border-bottom:1px solid #c9c2b5}.explain-card span{font-family:"Bodoni Moda",serif;font-size:28px}.explain-card p{font-size:12px;line-height:1.6}.results{padding:72px 0}.hidden{display:none}.results-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:32px}.results-head h2{margin:0}.results-head>p:last-child{font-size:12px;max-width:420px;text-align:right}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #171713;border-bottom:1px solid #171713}.metrics article{padding:28px 24px 28px 0;border-right:1px solid #c9c2b5}.metrics article:not(:first-child){padding-left:24px}.metrics article:last-child{border-right:0}.metrics span{font-size:10px;text-transform:uppercase;letter-spacing:.08em}.metrics strong{font-family:"Bodoni Moda",serif;font-size:40px;font-weight:500;display:block;margin:12px 0}.metrics p{font-size:10px;line-height:1.5;color:#645e54}.chart-card{padding:48px 0;border-bottom:1px solid #c9c2b5}.chart-title{display:flex;justify-content:space-between;align-items:end}.chart-title h3,.recommend-grid h3{font-family:"Bodoni Moda",serif;font-size:30px;font-weight:500;margin:0}.chart-title p{font-size:11px}.bar-chart{height:260px;display:grid;grid-template-columns:repeat(24,1fr);gap:5px;align-items:end;margin-top:36px}.bar-item{height:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.bar-wrap{height:225px;width:100%;display:flex;align-items:end;background:rgba(23,23,19,.04)}.bar{width:100%;background:#171713;min-height:2px}.bar-item span{font-size:8px;color:#70695e}.recommend-grid{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #c9c2b5}.recommend-grid article{padding:52px 6vw 52px 0}.recommend-grid article+article{border-left:1px solid #c9c2b5;padding-left:6vw}.recommend-grid strong{display:block;font-family:"Bodoni Moda",serif;font-size:64px;font-weight:500;margin:20px 0}.recommend-grid article>p:not(.eyebrow){font-size:12px;line-height:1.7;max-width:520px}.recommend-grid a{display:inline-block;margin-top:20px;color:#171713;font-size:12px;text-transform:uppercase;text-decoration-thickness:1px;text-underline-offset:5px}@media(max-width:800px){.topbar nav a:first-child{display:none}.hero{min-height:auto;padding:60px 0}.hero h1{font-size:54px}.connect-grid,.recommend-grid{grid-template-columns:1fr}.connect-card{border-right:0;border-bottom:1px solid #c9c2b5;padding-right:0}.explain-card{padding-left:0}.metrics{grid-template-columns:1fr 1fr}.metrics article:nth-child(2){border-right:0}.metrics article:nth-child(3){padding-left:0}.results-head,.chart-title{display:block}.results-head>p:last-child{text-align:left}.recommend-grid article+article{border-left:0;border-top:1px solid #c9c2b5;padding-left:0}.bar-chart{gap:2px}.bar-item span{font-size:6px}.topbar{padding:0 20px}main{padding-left:20px;padding-right:20px}}