:root { --ink:#17231d; --cream:#f4f0e6; --lime:#d9ff57; --coral:#ff6b50; --mint:#98e8c1; --line:rgba(23,35,29,.18); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--cream); color:var(--ink); font-family:Arial, Helvetica, sans-serif; }
button,input { font:inherit; }
button,a { -webkit-tap-highlight-color:transparent; }
nav { height:82px; display:flex; align-items:center; justify-content:space-between; padding:0 5vw; border-bottom:1px solid var(--line); }
.brand { color:var(--ink); text-decoration:none; font-size:24px; font-weight:900; letter-spacing:-1.5px; }
.brand span { color:var(--coral); font-size:13px; margin-left:4px; }
.button-brand { border:0; background:none; padding:0; cursor:pointer; }
.nav-note,.progress-label { font-size:12px; letter-spacing:.14em; text-transform:uppercase; font-weight:700; }
.hero { min-height:690px; display:grid; grid-template-columns:1.12fr .88fr; gap:6vw; padding:7.5vh 8vw 6vh; align-items:center; }
.hero-copy { max-width:700px; }
.kicker { font-size:12px; letter-spacing:.16em; text-transform:uppercase; font-weight:800; margin:0 0 22px; }
h1,h2,h3,p { margin-top:0; }
.hero h1,.result-hero h1 { font-size:clamp(62px,8vw,126px); line-height:.82; letter-spacing:-.075em; margin:0 0 40px; font-weight:900; }
.hero h1 em { font-family:Georgia,serif; font-weight:400; color:var(--coral); }
.lede { font-size:19px; line-height:1.55; max-width:610px; }
.name-field { margin:32px 0 18px; max-width:440px; }
.name-field label { display:block; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.1em; margin-bottom:8px; }
.name-field input { width:100%; background:transparent; border:0; border-bottom:2px solid var(--ink); padding:10px 0; outline:none; font-size:19px; }
.primary { border:0; background:var(--ink); color:white; padding:18px 22px; font-weight:800; cursor:pointer; display:flex; gap:34px; align-items:center; }
.primary:hover { background:var(--coral); }
.micro { font-size:11px; opacity:.65; margin:12px 0 0; }
.trail-card { height:530px; background:var(--lime); position:relative; overflow:hidden; border-radius:50% 50% 8px 8px; }
.trail-card p { position:absolute; bottom:32px; left:36px; font-family:Georgia,serif; font-size:29px; line-height:1.1; }
.orbit { position:absolute; border:2px solid var(--ink); border-radius:50%; }
.orbit-one { width:130%; height:65%; left:-45%; top:8%; transform:rotate(17deg); }
.orbit-two { width:120%; height:54%; right:-40%; top:28%; transform:rotate(-30deg); }
.marker { position:absolute; width:48px; height:48px; border-radius:50%; background:var(--cream); border:1px solid var(--ink); display:grid; place-items:center; font-size:10px; font-weight:800; }
.m1{left:12%;top:17%}.m2{left:48%;top:12%}.m3{right:12%;top:36%}.m4{left:43%;top:55%;background:var(--coral);color:white;width:67px;height:67px}
.culture-strip { background:var(--ink); color:white; padding:28px 5vw; display:flex; gap:5vw; align-items:center; }
.culture-strip p { margin:0; font-family:Georgia,serif; font-style:italic; }
.culture-strip div { display:flex; gap:34px; flex-wrap:wrap; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; }
.progress { height:5px; background:rgba(23,35,29,.1); }.progress span { display:block; height:100%; background:var(--coral); transition:width .35s ease; }
.question-wrap { max-width:940px; margin:0 auto; padding:10vh 5vw; }
.question-wrap h2 { font-family:Georgia,serif; font-size:clamp(38px,5vw,68px); line-height:1.05; letter-spacing:-.035em; max-width:850px; }
.question-note { opacity:.66; }
.answers { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid var(--ink); border-left:1px solid var(--ink); margin-top:54px; }
.answers button { min-height:130px; border:0; border-right:1px solid var(--ink); border-bottom:1px solid var(--ink); background:transparent; text-align:left; padding:25px; display:grid; grid-template-columns:32px 1fr 20px; gap:14px; cursor:pointer; align-items:start; }
.answers button:hover,.answers button:focus-visible { background:var(--lime); outline:none; }
.answers b { font-size:11px; border:1px solid var(--ink); width:24px; height:24px; border-radius:50%; display:grid; place-items:center; }.answers span{font-size:18px;line-height:1.35}.answers i{font-style:normal}
.results { background:var(--cream); }
.text-button { border:0;background:none;text-decoration:underline;cursor:pointer; }
.result-hero { min-height:560px; background:var(--lime); padding:7vw 8vw; display:grid; grid-template-columns:1fr 300px; align-items:center; gap:5vw; }
.result-hero h1 { margin-bottom:24px; }.result-lede{font-family:Georgia,serif;font-size:25px;max-width:640px;line-height:1.4}.compass{width:270px;height:270px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;position:relative}.compass:before,.compass:after{content:"";position:absolute;background:var(--ink)}.compass:before{width:1px;height:100%}.compass:after{height:1px;width:100%}.compass b{font-size:80px;z-index:1;background:var(--lime);line-height:1}.compass>span{position:absolute;top:10px;font-size:10px;font-weight:800}.compass small{position:absolute;bottom:-32px;text-transform:uppercase;letter-spacing:.15em;font-weight:800}
.insights { display:grid; grid-template-columns:repeat(3,1fr); border-bottom:1px solid var(--ink); }
.insights article { padding:58px 4vw; border-right:1px solid var(--ink); min-height:300px; }.insights article:last-child{border:0}.insights span,.tool-grid>article>span{font-size:10px;letter-spacing:.15em;font-weight:800}.insights h3{font-size:25px;margin:55px 0 15px}.insights p{line-height:1.55;font-family:Georgia,serif;font-size:18px}
.practice { margin:7vw 8vw; padding:55px; background:var(--coral); color:white; display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;align-items:end}.practice h2{font-family:Georgia,serif;font-size:clamp(32px,4vw,55px);font-weight:400;margin:0}.practice>p{line-height:1.6;margin:0}
.toolkit { padding:8vw; background:var(--ink); color:white; }.section-heading{display:grid;grid-template-columns:.5fr 1fr 1fr;gap:5vw;align-items:start;margin-bottom:70px}.section-heading h2{font-size:clamp(38px,5vw,72px);line-height:.95;letter-spacing:-.05em}.section-heading>p:last-child{line-height:1.6;color:#c8d0cb}
.tool-grid { display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #617067;border-left:1px solid #617067}.tool-grid article{padding:34px;border-right:1px solid #617067;border-bottom:1px solid #617067;min-height:360px;display:flex;flex-direction:column}.tool-grid h3{font-size:34px;margin:55px 0 8px}.tool-grid b{color:var(--mint)}.tool-grid p{line-height:1.55;color:#c8d0cb}.tool-grid a{color:white;margin-top:auto;text-underline-offset:5px;font-weight:800}
.culture { padding:9vw 8vw; display:grid;grid-template-columns:1fr 1fr;gap:10vw}.culture h2{font-family:Georgia,serif;font-size:clamp(42px,5vw,75px);line-height:1;letter-spacing:-.045em}.culture-list p{display:grid;gap:8px;padding:22px 0;border-bottom:1px solid var(--ink)}.culture-list b{font-size:19px}.culture-list span{opacity:.7}
footer{background:var(--mint);padding:55px 8vw;display:flex;justify-content:space-between;align-items:end}footer p{font-family:Georgia,serif;font-size:22px;margin:18px 0 0}footer>a{color:var(--ink);font-weight:800}
@media(max-width:800px){nav{height:68px}.nav-note{display:none}.hero{grid-template-columns:1fr;padding:60px 6vw}.hero h1{font-size:64px}.trail-card{height:400px}.culture-strip{align-items:start;flex-direction:column}.culture-strip div{gap:18px}.answers{grid-template-columns:1fr}.question-wrap{padding-top:70px}.result-hero{grid-template-columns:1fr;padding:70px 7vw 100px}.compass{width:220px;height:220px}.insights,.tool-grid{grid-template-columns:1fr}.insights article{border-right:0;border-bottom:1px solid var(--ink)}.practice,.section-heading,.culture{grid-template-columns:1fr}.practice{margin:0;padding:60px 7vw}.toolkit,.culture{padding:80px 7vw}.section-heading{gap:20px}.tool-grid article{min-height:300px}footer{align-items:start;gap:30px;flex-direction:column}}