@import "https://fonts.googleapis.com/css2?family=Cormorant:wght@700&family=DM+Sans:wght@500;600;700&family=Syne:wght@400;500;600;700&display=swap";:root{--paper:#f3f5f1;--white:#fff;--navy:#0a1628;--dark-green:#214834;--green:#39ff14;--light-green:#d4f5c4;--muted:#0a1628ad;--line:#0a162829}*{box-sizing:border-box}html{background:var(--paper)}body{background:var(--paper);color:var(--navy);margin:0;font-family:Syne,Arial,sans-serif}button,a,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #39ff14bf}.site-shell{background:linear-gradient(90deg, #0a162803 1px, transparent 1px) 0 0 / 16.666% 100%, var(--paper);min-height:100vh}.topbar{z-index:10;border-bottom:4px solid var(--green);background:var(--navy);justify-content:space-between;align-items:center;gap:2rem;min-height:5.75rem;padding:1.05rem clamp(1.35rem,4.4vw,5.25rem);display:flex;position:sticky;top:0}.brand,.primary-action,.secondary-action,.reset-action{background:0 0;border:0;text-decoration:none}.brand{color:var(--white);letter-spacing:.28em;text-transform:uppercase;align-items:center;gap:.95rem;font-family:Syne,Arial,sans-serif;font-size:clamp(1.05rem,2vw,1.55rem);font-weight:700;display:inline-flex}.brand img{object-fit:contain;width:2.2rem;height:2.2rem}.topbar-right{justify-content:flex-end;align-items:center;gap:clamp(1rem,3vw,2.4rem);min-width:0;display:flex}.topbar-right>p{color:var(--light-green);letter-spacing:.24em;text-align:right;text-transform:uppercase;white-space:nowrap;margin:0;font-family:Syne,Arial,sans-serif;font-size:clamp(.72rem,1.45vw,1.16rem);font-weight:700;line-height:1.2}.page-progress{color:var(--white);grid-template-columns:auto auto;align-items:center;gap:.85rem;font-family:DM Sans,Arial,sans-serif;display:grid}.page-progress>span{width:2.2rem;height:2.2rem;color:var(--green);border:1px solid #39ff1485;place-items:center;font-weight:700;display:grid}.page-progress strong,.page-progress em{white-space:nowrap;font-style:normal;line-height:1.12;display:block}.page-progress em{color:#ffffff9e;letter-spacing:.1em;text-transform:uppercase;font-size:.72rem}.eyebrow,label span,legend{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-family:DM Sans,Arial,sans-serif;font-size:.78rem;font-weight:700}.hero,.page-panel,.results{width:min(100%,1380px);margin:0 auto;padding-inline:clamp(1.25rem,4vw,4rem)}.hero{min-height:calc(100vh - 5.75rem);padding-top:clamp(1.8rem,5vw,4.2rem);padding-bottom:clamp(2rem,4vw,3.2rem)}.hero-rule{background:var(--navy);height:1px;margin-bottom:clamp(1.4rem,3vw,2.8rem)}.hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:start;gap:clamp(2rem,5vw,5rem);display:grid}h1,h2{color:var(--navy);letter-spacing:0;margin:0;font-family:Cormorant,Georgia,serif;font-weight:700;line-height:1.02}h1{max-width:1020px;font-size:clamp(3.15rem,7.2vw,7.2rem)}h2{font-size:clamp(2.45rem,5.4vw,4.7rem)}h3{color:var(--navy);letter-spacing:0;margin:0;font-size:clamp(1.08rem,1.65vw,1.45rem);font-weight:600;line-height:1.28}h3 span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.55rem;font-family:DM Sans,Arial,sans-serif;font-size:.75rem;font-weight:700;display:block}.hero-copy{border-top:1px solid var(--line);max-width:570px;padding-top:1.4rem}.hero-copy p,.result-section p,.lead-page p,.confirmation p,li{color:#0a1628c7;font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.62}.hero-copy p{margin:0 0 .9rem}.dimension-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1.6rem 0 2rem;padding:0;list-style:none;display:grid}.dimension-list li{border-top:2px solid var(--dark-green);color:var(--navy);padding-top:.75rem;font-weight:700}.primary-action,.secondary-action{justify-content:center;align-items:center;min-height:3.45rem;padding:.95rem 1.35rem;font-family:DM Sans,Arial,sans-serif;font-weight:700;transition:transform .16s,opacity .16s,background .16s;display:inline-flex}.primary-action{border:1px solid var(--navy);background:var(--green);color:var(--navy)}.secondary-action{border:1px solid var(--line);color:var(--navy)}.primary-action:hover,.secondary-action:hover,.select-card:hover{transform:translateY(-1px)}.primary-action:disabled,.secondary-action:disabled{cursor:not-allowed;opacity:.35;transform:none}.page-panel{min-height:calc(100vh - 5.75rem);padding-top:clamp(1.8rem,4vw,3.4rem);padding-bottom:clamp(2rem,4vw,3.2rem)}.lead-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;max-width:980px;margin:clamp(1rem,2vw,1.55rem) 0 .9rem;display:grid}.intro-context{border-left:3px solid var(--dark-green);background:#ffffff57;max-width:760px;margin-top:clamp(.9rem,2vw,1.45rem);padding:clamp(.85rem,1.8vw,1.25rem) clamp(1rem,2vw,1.45rem)}.intro-context p{margin:0}.intro-context p:not(.eyebrow){font-size:clamp(.95rem,1.15vw,1.06rem);line-height:1.48}.intro-context ul{flex-wrap:wrap;gap:.45rem 1rem;margin:.65rem 0;padding:0;list-style:none;display:flex}.intro-context li{color:var(--navy);letter-spacing:.08em;text-transform:uppercase;margin:0;font-family:DM Sans,Arial,sans-serif;font-size:.82rem;font-weight:700}label,fieldset{border:1px solid var(--line);background:#ffffff7a;min-width:0;margin:0;padding:.9rem}fieldset{grid-column:1/-1}.field-helper{max-width:720px;margin:.55rem 0 0}input{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--navy);background:0 0;border-radius:0;outline:none;padding:.65rem 0 .2rem;font-size:1.15rem}input:focus{border-color:var(--navy)}.role-list,.answer-grid{gap:.75rem;display:grid}.role-list{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:.8rem}.select-card{border:1px solid var(--line);min-height:4.65rem;color:var(--navy);text-align:left;background:#fff9;padding:.95rem;font-weight:600;line-height:1.35;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s;position:relative}.select-card:before{content:"";background:0 0;width:3px;transition:background .16s;position:absolute;inset:0 auto 0 0}.select-card strong,.select-card span{display:block}.select-card strong{font-family:DM Sans,Arial,sans-serif;font-size:.96rem}.select-card span{color:#0a1628ad;margin-top:.4rem;font-size:.9rem;line-height:1.45}.select-card.selected{border-color:var(--navy);background:#d4f5c480;box-shadow:inset 0 0 0 1px #0a162838}.select-card:hover{background:#ffffffc7;border-color:#0a16286b}.select-card.selected:before,.select-card:hover:before{background:var(--green)}.privacy-note{max-width:860px;margin:0 0 1rem;color:#0a162899!important;font-size:clamp(.82rem,.95vw,.92rem)!important;line-height:1.48!important}.dimension-heading{border-bottom:1px solid var(--navy);grid-template-columns:minmax(0,.95fr) minmax(280px,.7fr);align-items:end;gap:clamp(1.5rem,5vw,5rem);padding-bottom:1.6rem;display:grid}.dimension-frame{color:var(--dark-green);margin:0 0 .45rem;font-size:clamp(1.1rem,2vw,1.7rem);font-weight:600;line-height:1.25}.question-stack{gap:clamp(1.5rem,3vw,2.4rem);margin-top:clamp(1.6rem,3.4vw,3rem);display:grid}.question-block{border-bottom:1px solid var(--line);grid-template-columns:minmax(260px,.82fr) minmax(0,1.18fr);gap:clamp(1.25rem,4vw,4rem);padding-bottom:clamp(1.5rem,3vw,2.4rem);display:grid}.question-block:nth-child(odd){clip-path:inset(0 -100vmax);background:#ffffff3d;box-shadow:0 0 0 100vmax #ffffff3d}.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-actions{flex-wrap:wrap;gap:.8rem;margin-top:clamp(1.4rem,3.2vw,2.6rem);display:flex}.results{padding-bottom:clamp(3rem,5vw,4.5rem)}.result-hero{border-bottom:1px solid var(--navy);flex-direction:column;justify-content:flex-start;gap:clamp(1rem,2.4vw,1.8rem);min-height:calc(100vh - 5.75rem);padding:clamp(1.5rem,3.4vw,3rem) 0 clamp(2.3rem,5vw,4rem);display:flex}.result-hero h1{max-width:1120px;font-size:clamp(2.25rem,4.8vw,4.9rem);line-height:1.06}.result-section{border-bottom:1px solid var(--line);padding:clamp(2.4rem,6vw,5.2rem) 0}.bars{gap:clamp(.8rem,1.4vw,1.05rem);display:grid}.evidence-bars{width:min(100%,880px);margin-top:.1rem}.bar-row{gap:.45rem;display:grid}.bar-label{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.bar-label span{gap:.22rem;display:grid}.bar-label span strong,.bar-label>strong{color:var(--navy);font-family:DM Sans,Arial,sans-serif;font-size:clamp(.98rem,1.35vw,1.25rem);font-weight:700}.bar-label span em{color:#0a162894;max-width:30rem;font-family:Syne,Arial,sans-serif;font-size:clamp(.78rem,.9vw,.88rem);font-style:normal;font-weight:500;line-height:1.35}.bar-track{background:#0a16281f;height:clamp(.7rem,1vw,.92rem)}.bar-track div{background:var(--navy);height:100%}.distance-visual{border-top:1px solid var(--line);text-align:center;justify-items:center;width:min(100%,880px);margin-top:clamp(1rem,2.6vw,2.1rem);padding-top:clamp(1.8rem,4vw,3.4rem);display:grid}.distance-endpoint{color:var(--navy);justify-items:center;gap:.35rem;display:grid}.distance-endpoint span{letter-spacing:.22em;text-transform:uppercase;font-family:DM Sans,Arial,sans-serif;font-size:clamp(.82rem,1.1vw,.98rem);font-weight:700}.distance-endpoint strong{font-family:Cormorant,Georgia,serif;font-size:clamp(2.4rem,5vw,4.4rem);line-height:.9}.distance-axis{justify-items:center;gap:clamp(.8rem,2vw,1.35rem);margin:clamp(1.2rem,3vw,2.2rem) 0;display:grid}.distance-axis i{background:#0a162833;width:1px;height:clamp(3rem,7vw,5.8rem);display:block}.distance-axis span{color:var(--dark-green);font-family:Cormorant,Georgia,serif;font-size:clamp(3rem,7vw,6rem);font-style:italic;font-weight:700;line-height:.96}.distance-visual p{color:#0a1628bd;max-width:640px;margin:clamp(1.3rem,3vw,2.2rem) 0 0;font-size:clamp(1rem,1.35vw,1.16rem);font-style:italic;line-height:1.58}.interpretation-screen{grid-template-columns:1fr 1fr;gap:clamp(1rem,4vw,3rem);display:grid}.interpretation-card{border-top:.85rem solid var(--dark-green);background:#ffffff7a;padding:clamp(1.45rem,3vw,2.3rem)}.interpretation-card h2{font-size:clamp(2.1rem,4.3vw,4.15rem);line-height:1.02}.interpretation-card>strong{color:var(--navy);margin:1rem 0;font-family:Cormorant,Georgia,serif;font-size:clamp(2.25rem,4.7vw,4.6rem);line-height:1;display:block}.business-implication{border-top:1px solid var(--line);margin-top:1.25rem;padding-top:1rem;font-weight:600;color:var(--dark-green)!important}.two-column{grid-template-columns:1fr 1fr;gap:clamp(1.6rem,5vw,5rem);display:grid}ul{margin:0;padding-left:1.1rem}li{margin-bottom:.9rem}li::marker{color:var(--dark-green)}.final-cta,.confirmation{flex-direction:column;justify-content:center;min-height:calc(100vh - 5.75rem);display:flex}.final-cta{border-bottom:0}.final-cta h2,.confirmation h2{max-width:900px;margin-bottom:clamp(.9rem,2vw,1.4rem)}.sent-note{font-weight:700;color:var(--dark-green)!important}.sent-note.error{color:#8b1d1d!important}.reset-action{color:var(--muted);text-align:left;margin-top:1rem;padding:0;font-family:DM Sans,Arial,sans-serif;font-weight:700}.trust-footer{border-top:1px solid var(--line);max-width:860px;margin-top:clamp(1.5rem,4vw,3rem);padding-top:1rem}.trust-footer p{letter-spacing:.01em;margin:0;font-family:DM Sans,Arial,sans-serif;color:#0a162885!important;font-size:clamp(.72rem,.9vw,.86rem)!important;line-height:1.5!important}.trust-footer p+p{margin-top:.45rem}@media (width<=900px){.hero-grid,.lead-grid,.question-block,.two-column,.interpretation-screen,.dimension-heading{grid-template-columns:1fr}.role-list,.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro-context ul{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}h1,.result-hero h1{font-size:clamp(2.75rem,9.5vw,5.1rem)}}@media (width<=620px){.topbar{flex-direction:column;align-items:flex-start;position:static}.topbar-right{flex-direction:column-reverse;align-items:flex-start;width:100%}.topbar-right>p{text-align:left;white-space:normal}.brand span{max-width:18rem;line-height:1.1}.role-list,.answer-grid,.dimension-list,.intro-context ul{grid-template-columns:1fr}h2{font-size:clamp(2.65rem,12vw,4.2rem)}.primary-action,.secondary-action{width:100%}}
