@font-face{font-family:Raleway;src:url('fonts/Raleway.ttf') format('truetype');font-weight:100 900;font-display:swap}@font-face{font-family:'Roboto Slab';src:url('fonts/RobotoSlab.ttf') format('truetype');font-weight:100 900;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f6f3;color:#333333;font:17px/1.65 Raleway,Arial,sans-serif}a{color:#266b96;text-underline-offset:4px}a:hover{color:#40232c}button,input,select,textarea{font:inherit}button,.button{display:inline-block;border:1px solid #633544;border-radius:6px;background:#633544;color:white;padding:13px 21px;cursor:pointer;text-decoration:none;font-weight:600}button:hover,.button:hover{background:#40232c;color:white}button:disabled{opacity:.5;cursor:wait}.secondary{background:white;color:#633544}.review{background:#222222;color:white;font-size:12px;text-align:center;letter-spacing:.08em;padding:10px 16px}header,main,footer{max-width:1160px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:28px 26px;gap:25px}header a{text-decoration:none;font-size:14px}.wordmark{color:#222222;font-size:24px;font-weight:700}.wordmark span{display:block;font-size:9px;letter-spacing:.2em;color:#6b726d}main{padding:0 26px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center;padding:50px 0 65px}.hero h1{font-size:clamp(44px,5.4vw,67px);letter-spacing:-.045em;line-height:1.08;margin:14px 0 25px;font-weight:500}.lead{font-size:25px;font-weight:500;margin:0}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:#633544;font-weight:700}.hero .fine{max-width:560px;margin-top:24px}.fine{font-size:13px;color:#646464}.heroart{background:#eeece6;border-radius:50% 50% 10px 10px;padding:25px 20px;color:#365741;text-align:center}.heroart svg{width:100%;fill:none;stroke:#526e58;stroke-width:1}.heroart path{stroke:#957a47;stroke-width:2}.heroart .point,.heroart .end{fill:#957a47;stroke:#957a47}.heroart p{margin:0 0 15px;font-size:16px}.steps{display:flex;gap:15px;justify-content:space-between;border-top:1px solid #cbd3ca;border-bottom:1px solid #cbd3ca;padding:19px 0;margin-bottom:40px}.steps a{text-decoration:none;color:#633544;font-size:14px}.panel{background:white;border:1px solid #dedbd6;border-radius:9px;padding:34px;margin:24px 0}h2{font-size:34px;letter-spacing:-.025em;font-weight:500;line-height:1.2}h3{font-size:23px;line-height:1.3;font-weight:500}p{margin:0 0 18px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:26px 0}.wide{grid-column:1/-1}label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600}input,textarea,select{border:1px solid #aebbad;border-radius:5px;padding:12px;background:#fcfdfb;color:#333333;width:100%;min-width:0}textarea{resize:vertical}details{margin:24px 0;border-top:1px solid #dedbd6;padding-top:20px}summary{cursor:pointer;font-weight:600}.choices{display:grid;gap:6px}.choices button{text-align:left;background:#eff4ed;color:#633544;font-size:14px}.resultgrid,.reportgrid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.resultgrid .panel{min-width:0;margin:0}.resultgrid{margin:25px 0}.chart svg,#wheel svg{width:100%;height:auto}.focusdegree{font-size:35px;line-height:1.2;font-weight:500;color:#633544}.housebadge{font-size:64px;line-height:1.2;letter-spacing:-.04em;color:#957a47;margin:22px 0}.tablewrap{overflow:auto;max-width:100%;margin:20px 0}table{border-collapse:collapse;font-size:13px;width:100%;min-width:420px}td,th{text-align:left;padding:10px;border-bottom:1px solid #dedbd6}th{background:#eff3ec}#reading{margin:30px 0;padding:28px;background:#f1eeeb;border-radius:6px}#reading h3{margin-top:8px}.layer{border-left:3px solid #97ad95;padding:5px 0 5px 18px;margin:22px 0}.orbit{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.orbit div{padding:18px;background:white;border:1px solid #d1dbcd;border-radius:5px}.orbit b{display:block;font-size:12px;color:#633544;margin-bottom:8px}.sample{border-top:1px solid #dedbd6;padding-top:28px;margin-top:32px;display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center}.sample p{max-width:600px}.note{font-size:14px;padding:18px;background:#f7f2e9;border-left:3px solid #bd8249;margin-top:25px}.warning{padding:15px;background:#fff0d8}#error{color:#963a27;font-weight:600}#progress{font-size:13px;margin-top:14px}footer{padding:35px 26px;font-size:13px;color:#646464}li{margin-bottom:12px}:focus-visible{outline:3px solid #44a3dd;outline-offset:3px}[hidden]{display:none!important}@media(max-width:700px){body{font-size:16px}header,main,footer{padding-left:20px;padding-right:20px}header{align-items:flex-start}.hero{grid-template-columns:1fr;gap:30px;padding:25px 0 35px}.heroart{max-width:380px;width:100%;justify-self:center}.heroart svg{max-height:200px}.hero h1{font-size:48px}.steps{gap:12px}.steps a{font-size:12px}.panel{padding:23px 19px}.resultgrid,.reportgrid,.fields,.sample,.orbit{grid-template-columns:1fr}.wide{grid-column:auto}h2{font-size:29px}.resultgrid{gap:18px}#reading{padding:20px 16px}.focusdegree{font-size:30px}.sample .button{text-align:center}header>a:last-child{max-width:140px;text-align:right;font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}h1,h2,h3,.wordmark{font-family:'Roboto Slab',Georgia,serif}.hero h1{font-size:clamp(40px,4.7vw,58px);line-height:1.13;letter-spacing:-.04em}.heroart{margin:0;padding:25px;border-radius:4px;background:#f0eee9}.heroart img{width:100%;max-height:360px;object-fit:contain}.heroart figcaption{font-size:15px;color:#646464}.focusbuttons{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}.focusbuttons button{font-size:13px;background:white;color:#633544;padding:11px 14px}.focusbuttons button[aria-pressed=true]{background:#633544;color:white}.axispair{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:20px 0;border-bottom:1px solid #dedbd6}.axispair b{display:block;font-size:14px}.axispair p{font-size:14px;margin:7px 0}.axispair .degree{font:20px/1.35 'Roboto Slab',Georgia,serif;color:#633544}.axislabel{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#646464}.focusnote{border-left:3px solid #957a47;padding-left:16px}.orbit{grid-template-columns:1fr 1fr}.hero .lead{font-size:23px}.heroart small{font-size:11px}@media(max-width:700px){.hero h1{font-size:39px}.heroart img{max-height:250px}.axispair,.orbit{grid-template-columns:1fr}.focusbuttons{display:grid;grid-template-columns:1fr}.wordmark{font-size:21px}}