.compat-page{color:#111414;background:#f5f2eb;min-height:100vh}.compat-nav{border-bottom:1px solid #11141433;justify-content:space-between;align-items:center;height:80px;padding:0 4vw;display:flex}.compat-brand{letter-spacing:-1.5px;font-size:23px;font-weight:800}.compat-brand>span{color:#f04b36}.compat-brand small{letter-spacing:.12em;color:#66706d;margin-left:10px;font-size:9px}.compat-nav nav{letter-spacing:.1em;gap:30px;font-size:9px;font-weight:700;display:flex}.compat-nav nav .active{color:#f04b36}.compat-nav nav span{color:#9ba19f}.compat-hero{border-bottom:1px solid #11141433;grid-template-columns:1.3fr .7fr;gap:7vw;padding:10vh 6vw 8vh;display:grid}.compat-hero>p{letter-spacing:.15em;color:#f04b36;grid-column:1/-1;font-size:9px;font-weight:800}.compat-hero h1{letter-spacing:-.07em;font-size:clamp(57px,7.5vw,115px);line-height:.88}.compat-hero h1 em{color:#315bef;font-style:normal}.compat-hero>div{align-self:end}.compat-hero>div p{font-size:16px;line-height:1.65}.compat-hero>div span{letter-spacing:.14em;color:#717976;font-size:8px}.compat-intake{color:#fff;background:#111414;padding:9vh 6vw}.forms{grid-template-columns:1fr 60px 1fr;align-items:center;display:grid}.between{text-align:center;color:#f04b36;font-size:32px}.person-form{border:1px solid #ffffff3b;padding:28px}.person-form header{border-bottom:1px solid #ffffff2e;align-items:center;gap:18px;margin-bottom:22px;padding-bottom:22px;display:flex}.person-form header>span{border:1px solid #f04b36;place-items:center;width:45px;height:45px;display:grid}.person-form small,.person-form label>span{letter-spacing:.13em;color:#929a97;margin-bottom:7px;font-size:7px;display:block}.person-form h2{margin:2px 0 0;font-size:22px}.person-form label{margin:18px 0;display:block}.person-form input,.person-form select{color:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:0 0;border:0;border-bottom:1px solid #ffffff4d;outline:none;width:100%;padding:8px 0 12px}.compat-row{grid-template-columns:1fr 1fr;gap:22px;display:grid}.compat-error{color:#f04b36;text-align:center;margin:24px 0 0}.compat-generate{color:#fff;cursor:pointer;letter-spacing:.08em;background:#f04b36;border:0;justify-content:space-between;align-items:center;width:min(560px,100%);height:62px;margin:35px auto 12px;padding-left:22px;font-size:11px;font-weight:800;display:flex}.compat-generate b{background:#315bef;place-items:center;width:62px;height:62px;font-size:18px;display:grid}.compat-generate:disabled{opacity:.65}.privacy-note{text-align:center;color:#8c9491;font-size:9px}.compat-result{background:#f04b36;width:min(1080px,88vw);margin:10vh auto;padding:34px 42px 25px}.card-top{letter-spacing:.12em;border-bottom:1px solid #1114144d;justify-content:space-between;padding-bottom:15px;font-size:8px;display:flex}.score-block{grid-template-columns:250px 1fr;align-items:end;gap:25px;padding:45px 0;display:grid}.score-block>strong{letter-spacing:-.1em;font-size:180px;line-height:.72}.score-block small{letter-spacing:.13em;font-size:8px}.score-block h2{letter-spacing:-.06em;margin:12px 0;font-size:clamp(42px,6vw,78px);line-height:.95}.score-block p{font-size:20px}.compat-result blockquote{letter-spacing:-.03em;border-top:1px solid #1114144d;margin:0;padding:35px 0;font-size:clamp(25px,3vw,42px);font-weight:700;line-height:1.25}.axes{border-top:1px solid #1114144d;grid-template-columns:repeat(5,1fr);display:grid}.axes article{padding:20px 16px 20px 0}.axes article+article{border-left:1px solid #1114144d;padding-left:16px}.axes header{justify-content:space-between;font-size:9px;display:flex}.axes>article>i{background:#11141433;height:4px;margin:16px 0;display:block}.axes>article>i b{background:#111414;height:100%;display:block}.axes p{font-size:9px;line-height:1.45}.relation-reading{color:#fff;background:#111414;grid-template-columns:repeat(3,1fr);margin:18px -42px 0;padding:42px;display:grid}.relation-reading article{padding-right:28px}.relation-reading article+article{border-left:1px solid #fff3;padding-left:28px}.relation-reading span{color:#f04b36;letter-spacing:.12em;font-size:7px}.relation-reading h3{margin:25px 0 12px;font-size:20px}.relation-reading p{color:#bbc0be;font-size:12px;line-height:1.65}.compat-result details{border-bottom:1px solid #1114144d;padding:20px 0}.compat-result summary{cursor:pointer;justify-content:space-between;font-size:9px;font-weight:800;list-style:none;display:flex}.compat-result summary::-webkit-details-marker{display:none}.compat-result details div{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.compat-result details i{border:1px solid #11141440;padding:7px;font-size:8px;font-style:normal}.compat-result details p{margin-top:15px;font-size:9px}.share-actions{align-items:center;gap:10px;padding:22px 0;display:flex}.share-actions button{cursor:pointer;background:0 0;border:1px solid #111414;padding:11px 15px;font-size:9px}.share-actions span{margin-left:auto;font-size:8px}.compat-result>footer{color:#111414;background:0 0;border-top:1px solid #1114144d;align-items:center;gap:12px;padding:24px 0 0;font-size:10px;display:flex}.compat-result>footer strong{color:#fff}.compat-result>footer b{margin-left:auto;font-size:22px}.connection-next{color:#fff;background:#315bef;padding:12vh 6vw}.connection-next span{letter-spacing:.14em;font-size:9px}.connection-next h2{letter-spacing:-.065em;margin:45px 0;font-size:clamp(50px,7vw,105px);line-height:.9}.connection-next p{max-width:680px;font-size:16px;line-height:1.7}@media (max-width:800px){.compat-nav nav{display:none}.compat-hero,.forms{grid-template-columns:1fr}.between{padding:22px}.score-block{grid-template-columns:1fr}.score-block>strong{font-size:130px}.axes,.relation-reading{grid-template-columns:1fr}.axes article+article,.relation-reading article+article{border-top:1px solid #11141440;border-left:0;padding-left:0}.relation-reading article{padding:22px 0}.share-actions{flex-direction:column;align-items:flex-start}.share-actions span{margin-left:0}}@media (max-width:520px){.compat-hero,.compat-intake{padding-left:20px;padding-right:20px}.compat-hero h1{font-size:55px}.person-form{padding:20px}.compat-row{grid-template-columns:1fr}.compat-result{width:calc(100% - 24px);padding:25px}.relation-reading{margin-left:-25px;margin-right:-25px;padding:25px}.score-block h2{font-size:41px}.compat-result blockquote{font-size:27px}}