.compass-intro{display:grid;grid-template-columns:1fr 1fr;background:var(--navy);color:white}.compass-intro>div{padding:76px 10% 70px}.compass-intro h1{font-size:clamp(40px,4.3vw,70px)}.compass-intro p{color:#c5ccce;max-width:470px}.compass-intro figure{margin:0;position:relative;min-height:520px}.compass-intro img{height:100%;position:absolute;inset:0;object-fit:cover}.compass-intro figcaption{position:absolute;bottom:0;background:#111b23d9;color:white;padding:14px 24px;font-size:11px;width:100%}.compass-benefits{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:11px;color:#d6c5ab;margin-top:28px}.compass-benefits span:before{content:'✓ ';color:var(--gold)}.compass-app{max-width:1000px;margin:auto;padding:45px 30px 65px;scroll-margin-top:110px}.compass-top,.compass-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}.compass-top .eyebrow{margin:0}.compass-top>span:last-child{font-size:12px;color:var(--muted)}.compass-app progress{appearance:none;width:100%;height:3px;display:block;border:0;margin:20px 0 32px;background:#dfd9cf}.compass-app progress::-webkit-progress-bar{background:#dfd9cf}.compass-app progress::-webkit-progress-value{background:#997342}.compass-app progress::-moz-progress-bar{background:#997342}.compass-app h2{font-size:clamp(30px,4vw,44px);margin-bottom:12px}.compass-lead{margin-bottom:23px}.compass-card{margin:0;background:white;border:1px solid var(--line);overflow:hidden;touch-action:pan-y}.compass-card img{height:clamp(240px,42vw,450px);object-fit:contain;background:#e9e5df;user-select:none}.compass-card figcaption{padding:15px 23px;display:flex;justify-content:space-between;gap:15px;font-size:12px}.compass-card strong{font-size:17px}.compass-card small{display:block;color:var(--muted);margin-top:3px}.compass-vote{display:flex;justify-content:center;gap:15px;margin:25px 0 10px}.compass-vote button{border:1px solid #b4afa4;padding:14px 23px;min-height:50px;cursor:pointer;background:transparent;color:var(--ink);border-radius:2px;font-weight:700}.compass-vote .like{background:var(--navy);color:#fff;border-color:var(--navy)}.compass-vote button:hover{border-color:#9b723b;box-shadow:0 0 0 1px #9b723b}.compass-hint{text-align:center;font-size:12px;color:var(--muted)}.compass-link{border:0;background:none;padding:12px 0;cursor:pointer;color:#654a2a;text-decoration:underline;font-size:13px}.compass-bottom{border-top:1px solid var(--line);margin-top:25px}.compass-link:disabled{opacity:.4;cursor:default}.compass-options{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}.compass-option{padding:23px;text-align:left;border:1px solid var(--line);background:#fff;cursor:pointer;color:var(--ink);min-height:130px}.compass-option:hover{border-color:#80613b}.compass-option strong{display:block;font-size:17px;margin:10px 0 4px}.compass-option small{display:block;font-size:12px;color:var(--muted)}.compass-swatch{display:flex;height:54px;overflow:hidden}.compass-swatch i{flex:1}.compass-option img{height:105px;margin-bottom:15px}.compass-explain{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--line)}.compass-explain ol{padding-left:22px}.compass-explain li{padding-left:12px;margin-bottom:24px}.compass-explain p{font-size:14px;margin:5px 0}.compass-result-hero{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:25px 0}.compass-result-hero>img{height:300px}.compass-result-hero h2{margin-top:10px}.compass-result-tag{color:#886032;font-size:11px;letter-spacing:1.8px;text-transform:uppercase}.compass-recommendation{background:white;border:1px solid var(--line);padding:26px;margin:20px 0}.compass-recommendation h3{font-family:Georgia,serif;font-size:26px;font-weight:400}.compass-palette{display:flex;margin:15px 0;max-width:400px}.compass-palette span{flex:1}.compass-palette i{display:block;height:55px;margin-right:6px;border:1px solid #0002}.compass-palette small{font-size:11px}.compass-result-actions{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}.compass-result-actions .secondary{background:transparent;border-color:var(--ink)}.compass-likes{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.compass-likes figure{margin:0}.compass-likes img{height:130px;object-fit:contain;background:#ebe5dc}.compass-likes figcaption{font-size:12px;margin:7px 0}.compass-answer-list{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;font-size:14px}.compass-answer-list dt{color:var(--muted)}.compass-answer-list dd{margin:0}.compass-print-note{font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}#compass-screen:focus{outline:none}header nav{gap:18px}button:disabled{cursor:default}.compass-entry{border-top:1px solid var(--line)}
@media(max-width:1050px){header nav{gap:10px;font-size:12px}header{gap:15px;padding-inline:3%}}@media(max-width:800px){.compass-intro{grid-template-columns:1fr}.compass-intro>div{padding:45px 7%}.compass-intro figure{min-height:300px}.compass-explain{grid-template-columns:1fr;gap:20px}.compass-app{padding:30px 18px 50px}.compass-options{grid-template-columns:1fr 1fr}.compass-result-hero{grid-template-columns:1fr}.compass-result-hero>img{height:260px}.compass-card figcaption{padding:12px}.compass-card figcaption>span:last-child{font-size:10px}.compass-vote{gap:8px}.compass-vote button{padding:12px 14px;font-size:13px}.compass-likes{grid-template-columns:1fr 1fr}.compass-answer-list{grid-template-columns:1fr}.compass-answer-list dd{margin-bottom:12px}.compass-faq{padding-bottom:100px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.compass-download-form{background:#fff;border:1px solid var(--line);padding:30px;margin-top:35px}.compass-download-form>label:not(.compass-privacy){display:block;font-weight:700;margin:20px 0 8px}.compass-download-form input[type=email]{width:100%;max-width:520px;display:block;border:1px solid #777;padding:14px;font:inherit;min-height:48px}.compass-privacy{display:flex;align-items:flex-start;gap:12px;margin:22px 0 12px;font-size:13px;line-height:1.65}.compass-privacy input{width:20px;height:20px;flex:0 0 20px;margin-top:3px;accent-color:#111b23}.compass-privacy a{text-decoration:underline}.compass-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.compass-download-form button:disabled{opacity:.65}.compass-download-form:focus-within{border-color:#8a6537}.compass-download-form #compass-export-status{margin-top:18px}.compass-options article.compass-option{cursor:default}@media(max-width:600px){.compass-download-form{padding:20px}.compass-download-form .button{width:100%}}