:root{--cream:#fbf8f3;--paper:#ffffff;--ink:#1a1a1a;--gray:#8a8073;--border:#e5ddd1;--cyan:#1EB4DC;--cyan-deep:#0c7491;--cyan-soft:#eaf7fb;--warn:#b53028;--warn-soft:#f6e2df;--serif:"Fraunces",Georgia,serif;--sans:"DM Sans",system-ui,sans-serif;--maxw:860px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:var(--cyan-deep);text-decoration:none}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px}.wide{max-width:1080px}header.site{position:sticky;top:0;z-index:50;background:#ffffffeb;backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid var(--border)}.site .wrap{display:flex;align-items:center;justify-content:space-between;height:72px;max-width:1080px}.wordmark{display:flex;align-items:center;line-height:0}.wordmark img{height:34px;width:auto;display:block}nav.main{display:flex;gap:30px}nav.main a{color:var(--ink);font-weight:500;font-size:15.5px;position:relative;padding:4px 0}nav.main a:hover{color:var(--cyan-deep);text-decoration:none}nav.main a.active{color:var(--cyan-deep)}nav.main a.active:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--cyan)}nav.main a.search{display:flex;align-items:center;gap:7px;color:var(--gray)}@media(max-width:820px){nav.main a:not(.active):not(.search){display:none}}.stage{padding:54px 0 90px;text-align:center}.eyebrow{display:inline-block;margin:0 0 16px;font-size:12.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan-deep)}h1.title{font-family:var(--serif);font-weight:600;font-size:clamp(40px,6.4vw,72px);line-height:1.02;letter-spacing:-.02em;margin:0 0 20px}.intro{font-size:19px;line-height:1.6;color:#4a443c;max-width:54ch;margin:0 auto 36px}.start{display:inline-flex;align-items:center;gap:10px;background:var(--cyan-deep);color:#fff;border:0;border-radius:999px;cursor:pointer;font-family:var(--sans);font-weight:600;font-size:17px;padding:16px 30px;transition:background .15s,transform .15s}.start:hover{background:#0a607a;transform:translateY(-2px)}.start svg{width:18px;height:18px;stroke:#fff;fill:none}.prog{display:flex;gap:7px;justify-content:center;margin-bottom:40px}.prog span{width:34px;height:5px;border-radius:3px;background:var(--border);transition:background .2s}.prog span.on{background:var(--cyan)}.qn{font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gray);margin-bottom:14px}.q{font-family:var(--serif);font-weight:600;font-size:clamp(26px,4vw,40px);line-height:1.1;letter-spacing:-.015em;margin:0 auto 36px;max-width:18ch}.opts{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:620px;margin:0 auto}@media(max-width:560px){.opts{grid-template-columns:1fr}}.opt{background:var(--paper);border:1px solid var(--border);border-radius:14px;padding:22px;cursor:pointer;text-align:left;font-family:var(--sans);font-size:17px;font-weight:600;color:var(--ink);transition:border-color .15s,background .15s,transform .15s;display:flex;align-items:center;gap:14px}.opt:hover{border-color:var(--cyan);background:var(--cyan-soft);transform:translateY(-2px)}.opt .em{font-size:24px;flex:0 0 auto}.opt .sub{display:block;font-weight:400;font-size:13.5px;color:var(--gray);margin-top:3px}.back{margin-top:30px;background:none;border:0;cursor:pointer;color:var(--gray);font-family:var(--sans);font-size:14.5px;font-weight:600}.back:hover{color:var(--ink)}.res-head{text-align:center;margin-bottom:14px}.res-eyebrow{font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan-deep);margin-bottom:12px}.res-head h2{font-family:var(--serif);font-weight:600;font-size:clamp(30px,4.6vw,46px);line-height:1.05;letter-spacing:-.02em;margin:0 0 10px}.res-head p{color:var(--gray);margin:0 auto 36px;max-width:50ch}.matches{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px}@media(max-width:820px){.matches{grid-template-columns:1fr}}.m{background:var(--paper);border:1px solid var(--border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;transition:transform .18s,box-shadow .18s;position:relative}.m:hover{transform:translateY(-4px);box-shadow:0 18px 40px -22px #1a1a1a4d;text-decoration:none}.m .rank{position:absolute;top:12px;left:12px;z-index:2;background:var(--cyan-deep);color:#fff;font-family:var(--serif);font-weight:600;font-size:15px;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center}.m .ph{aspect-ratio:16/10;background:linear-gradient(150deg,#0b1d2e,#14344e 55%,#1eb4dc 230%);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.m .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.m .ph .ph-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.m .ph .ph-fallback .mtn{position:absolute;left:0;bottom:0;width:100%;height:58%;color:#fff;opacity:.16}.m .ph .ph-fallback .nm{position:relative;z-index:1;font-family:var(--serif,"Fraunces",Georgia,serif);font-weight:500;font-size:clamp(.95rem,1.4vw,1.12rem);line-height:1.15;text-align:center;color:#fffffff2;padding:0 12px;text-shadow:0 1px 14px rgba(0,0,0,.35)}.m .fit{position:absolute;top:12px;right:12px;z-index:2;background:#fffffff0;border:1px solid var(--border);border-radius:999px;font-size:13px;font-weight:700;color:var(--cyan-deep);padding:5px 11px}.m .meta{padding:18px 18px 20px;display:flex;flex-direction:column;gap:5px;flex:1}.m .nm{font-family:var(--serif);font-weight:600;font-size:22px;color:var(--ink);letter-spacing:-.01em}.m .lo{font-size:13.5px;color:var(--gray)}.m .go{margin-top:auto;padding-top:10px;font-size:13.5px;font-weight:600;color:var(--cyan-deep)}.avoid{background:var(--warn-soft);border:1px solid #e9c5bc;border-left:4px solid var(--warn);border-radius:14px;padding:26px 28px;display:flex;align-items:center;gap:22px;margin-bottom:40px}@media(max-width:560px){.avoid{flex-direction:column;text-align:center}}.avoid .ic{flex:0 0 auto;width:48px;height:48px;border-radius:50%;background:#fff;border:1px solid #e9c5bc;display:flex;align-items:center;justify-content:center;color:var(--warn);font-size:24px}.avoid .tx{flex:1}.avoid .tag{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--warn);margin-bottom:5px}.avoid .nm{font-family:var(--serif);font-weight:600;font-size:22px;letter-spacing:-.01em}.avoid .nm a{color:var(--ink)}.avoid .why{font-size:14.5px;color:#7a4039;margin-top:3px}.res-cta{text-align:center}.res-cta .retry{background:none;border:1px solid var(--border);border-radius:999px;cursor:pointer;font-family:var(--sans);font-weight:600;font-size:15px;padding:12px 22px;color:var(--ink);margin-right:10px}.res-cta .retry:hover{border-color:var(--cyan);color:var(--cyan-deep)}.res-cta .book{display:inline-flex;align-items:center;gap:9px;background:var(--cyan-deep);color:#fff;border-radius:999px;font-weight:600;font-size:15px;padding:13px 24px}.res-cta .book:hover{background:#0a607a;text-decoration:none;color:#fff}.hidden{display:none}footer.foot{border-top:1px solid var(--border);margin-top:20px;padding:30px 0 60px;color:var(--gray);font-size:13.5px;text-align:center}footer.foot .wm{font-weight:700;letter-spacing:.12em;color:var(--cyan);font-size:14px}