:root{--navy: #141c2e;--navy-soft: #1e2a45;--steel: #5a7aab;--steel-deep: #3d5577;--gold: #c9a03d;--gold-soft: #e2c56a;--cream: #f7f5f0;--cream-dark: #ebe6dc;--ink: #141c2e;--muted: #5c6578;--white: #ffffff;--shadow: 0 16px 40px rgba(20, 28, 46, .16);--grade-good: #2f7d4a;--grade-good-bg: #2f7d4a;--grade-mid: #c27803;--grade-mid-bg: #c27803;--grade-poor: #c23b2e;--grade-poor-bg: #c23b2e;--font-display: "Fraunces", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif;--radius: 16px;--radius-sm: 10px;--nav-h: 64px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);color:var(--ink);background:var(--cream);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit}button,input,select{font:inherit}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.site-nav{position:sticky;top:0;z-index:20;background:var(--navy);color:var(--white);height:var(--nav-h)}.site-nav__inner{max-width:1180px;margin:0 auto;height:100%;padding:0 1.25rem;display:flex;align-items:center;gap:1.5rem}.site-nav__brand{display:inline-flex;align-items:center;gap:.55rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;font-size:.95rem}.site-nav__mark{width:.85rem;height:.85rem;border-radius:999px;background:var(--gold);box-shadow:.45rem 0 0 var(--steel),.9rem 0 #f7f5f0b3}.site-nav__links{display:none;gap:1.1rem;margin-left:auto;font-size:.92rem}.site-nav__links a{text-decoration:none;opacity:.88}.site-nav__links a:hover{opacity:1;color:var(--gold-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:999px;padding:.7rem 1.15rem;font-weight:600;text-decoration:none;cursor:pointer;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.65;cursor:wait;transform:none}.btn--gold{background:var(--gold);color:var(--navy)}.btn--navy{background:var(--navy);color:var(--white);width:100%}.hero{position:relative;min-height:min(86vh,760px);display:grid;align-items:end;color:var(--white);overflow:hidden}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,#141c2ec7,#141c2e6b 42%,#141c2e2e 68%,#141c2e47),url(/hero/world.png) center/cover no-repeat;transform:scale(1.02);animation:heroIn 1.1s ease both}.hero__content{position:relative;z-index:1;max-width:1180px;width:100%;margin:0 auto;padding:3.5rem 1.25rem 3rem;display:grid;gap:1.75rem}.hero__copy h1{font-family:var(--font-display);font-size:clamp(2.4rem,5vw,4.2rem);line-height:1.05;margin:0 0 .75rem;max-width:12ch;animation:rise .8s ease both}.hero__copy h1 em{font-style:normal;color:var(--gold)}.hero__copy p{margin:0;max-width:36ch;font-size:1.05rem;color:#ffffffe6;animation:rise .9s ease both}.basics-card{background:var(--white);color:var(--ink);border-radius:calc(var(--radius) + 4px);padding:1.35rem 1.35rem 1.25rem;box-shadow:var(--shadow);max-width:400px;animation:rise 1s ease both}.basics-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.85rem}.basics-card h2{margin:0;font-size:1.35rem}.basics-card__hint{margin:.2rem 0 0;color:var(--muted);font-size:.95rem}.units-seg{border:0;margin:0;padding:0;display:inline-grid;grid-template-columns:1fr 1fr;gap:0;background:var(--cream);border-radius:999px;overflow:hidden;flex-shrink:0}.units-seg button{border:0;background:transparent;padding:.4rem .7rem;font-size:.8rem;font-weight:600;color:var(--muted);cursor:pointer}.units-seg button.is-active{background:var(--navy);color:var(--white)}.sex-toggle{border:0;padding:0;margin:0 0 1rem;display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.sex-toggle button{border:1px solid var(--cream-dark);background:var(--cream);border-radius:var(--radius-sm);padding:.7rem;cursor:pointer}.sex-toggle button.is-active{background:var(--navy);color:var(--white);border-color:var(--navy)}.field-row{display:grid;gap:.85rem;margin-bottom:1rem}.field-row label{display:grid;gap:.35rem;font-size:.9rem;font-weight:600}.field-pair{display:flex;align-items:center;gap:.4rem;font-weight:500;color:var(--muted)}.field-pair input{width:100%;border:1px solid var(--cream-dark);border-radius:var(--radius-sm);padding:.65rem .7rem;background:var(--cream);color:var(--ink)}.basics-card__submit{margin-top:.25rem}.error-banner{max-width:1180px;margin:1rem auto 0;padding:.85rem 1.25rem;color:var(--grade-poor);background:#fdecea;border-radius:var(--radius-sm)}.profile-strip{max-width:1180px;margin:-1.5rem auto 0;padding:1.35rem 1.4rem;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);position:relative;z-index:2;display:grid;gap:1rem}.profile-strip__intro h2{margin:0 0 .25rem;font-family:var(--font-display)}.profile-strip__intro p{margin:0;color:var(--muted);max-width:60ch;font-size:.95rem}.profile-strip__bars{display:grid;gap:.9rem}.profile-bar__head{display:flex;justify-content:space-between;gap:1rem;font-size:.92rem;margin-bottom:.3rem}.profile-bar__track{position:relative;height:10px;background:var(--cream-dark);border-radius:999px;overflow:hidden}.profile-bar__fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-soft));border-radius:inherit;transition:width .7s ease}.profile-bar__marks{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:space-between;align-items:flex-end;padding:0 .15rem;font-size:.65rem;color:transparent}.profile-strip__warn{margin:0;padding:.7rem .85rem;background:#fff6e5;border-radius:var(--radius-sm);color:#8a5a00;font-size:.92rem}.tiles-section{max-width:1180px;margin:0 auto;padding:3rem 1.25rem 2rem}.tiles-section__head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:.75rem;margin-bottom:1.4rem}.tiles-section__head h2{margin:0;font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.4rem)}.tiles-section__head p{margin:.25rem 0 0;color:var(--muted)}.tiles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.1rem;perspective:1200px}.fit-tile{min-height:400px;animation:rise .7s ease both;animation-delay:var(--delay, 0s)}.fit-tile__inner{position:relative;width:100%;height:100%;min-height:400px;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.8,.2,1)}.fit-tile.is-flipped .fit-tile__inner{transform:rotateY(180deg)}.fit-tile__face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:var(--radius);background:var(--white);border:1px solid rgba(20,28,46,.06);box-shadow:0 10px 28px #141c2e14;padding:.9rem;display:flex;flex-direction:column;text-align:left}.fit-tile__face--front{width:100%;cursor:pointer;color:inherit;font:inherit}.fit-tile__face--front:disabled{cursor:default}.fit-tile__face--back{transform:rotateY(180deg);background:var(--navy);color:var(--white);overflow:auto}.fit-tile__back-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:.65rem}.fit-tile__back-title{margin:0!important;text-align:right;font-size:1rem!important;line-height:1.25}.fit-tile__art{position:relative;border-radius:calc(var(--radius-sm) + 2px);overflow:hidden;background:var(--cream);aspect-ratio:5 / 3.4;margin-bottom:.75rem}.fit-tile__art img{width:100%;height:100%;object-fit:cover;object-position:center;filter:contrast(1.02) saturate(.95)}.grade-badge{position:absolute;top:.55rem;right:.55rem;width:2.4rem;height:2.4rem;border-radius:999px;display:grid;place-items:center;font-weight:700;color:var(--white);box-shadow:0 6px 16px #0003;transition:background .4s ease,transform .4s ease}.fit-tile.is-revealed .grade-badge{transform:scale(1.05)}.grade-badge--good{background:var(--grade-good-bg)}.grade-badge--mid{background:var(--grade-mid-bg)}.grade-badge--poor{background:var(--grade-poor-bg)}.grade-badge--pending{background:var(--steel)}.fit-tile h3{margin:0 0 .35rem;font-size:1.05rem}.fit-tile p{margin:0;color:var(--muted);font-size:.92rem}.fit-tile__face--back p,.fit-tile__face--back h3{color:var(--white)}.fit-tile__cue{margin-top:auto;padding-top:.8rem;font-size:.82rem;font-weight:600;color:var(--steel-deep)}.fit-tile__back-close{background:transparent;border:0;color:var(--gold-soft);padding:0;cursor:pointer;font-weight:600;white-space:nowrap;flex-shrink:0}.fit-tile__pfit{margin:0 0 .85rem!important;font-size:.92rem!important;line-height:1.4}.fit-tile__pfit strong{color:var(--gold-soft);font-size:1.15rem}.fit-tile__criteria{list-style:none;margin:0;padding:0;display:grid;gap:.55rem;flex:1;overflow:auto}.fit-tile__criteria li{display:grid;gap:.1rem;padding:.45rem .55rem;border-radius:8px;background:#ffffff0f;font-size:.84rem}.fit-tile__criteria strong{color:var(--gold-soft)}.fit-tile__criteria em{font-style:normal;opacity:.75}.fit-tile__dominant{font-size:.82rem!important;opacity:.85;margin-top:.65rem!important}.fit-tile__link{margin-top:.75rem;color:var(--gold-soft);font-weight:600;font-size:.88rem}.how{max-width:1180px;margin:0 auto;padding:1rem 1.25rem 3.5rem;display:grid;gap:1rem}.how__card{background:var(--white);border-radius:var(--radius);padding:1.5rem;border:1px solid rgba(20,28,46,.06)}.how__card h2{margin:0 0 .5rem;font-family:var(--font-display)}.how__card p{margin:0 0 .75rem;color:var(--muted);max-width:70ch}.how__card ul{margin:0;padding-left:1.1rem;color:var(--muted)}.how__links{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.how__links a{color:var(--steel-deep);font-weight:600}.site-footer{background:var(--navy);color:#ffffffd9;padding:1.1rem 1.25rem}.site-footer__inner{max-width:1180px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;font-size:.9rem}.site-footer a{color:var(--gold-soft)}@keyframes heroIn{0%{transform:scale(1.06);opacity:.4}to{transform:scale(1.02);opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(min-width:840px){.site-nav__links{display:flex}.hero__content{grid-template-columns:1.1fr .9fr;align-items:end}.basics-card{justify-self:end}.profile-strip{grid-template-columns:.9fr 1.4fr;align-items:center}.fit-tile,.fit-tile__inner{min-height:420px}}@media(min-width:1100px){.tiles-grid{grid-template-columns:repeat(3,1fr)}}