@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--navy:#102d50;--ink:#102b49;--muted:#536579;--yellow:#efcb35;--line:#d8e0e6;--paper:#f5f5f0}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#fff;font-family:'DM Sans',Arial,sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-underline-offset:5px}button{font:inherit;cursor:pointer;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #b28b00;outline-offset:5px}h1,h2,h3,strong.j-display{font-family:'Manrope',Arial,sans-serif;letter-spacing:-.055em;line-height:1.08}h1{font-size:clamp(40px,4.6vw,70px);font-weight:800;margin:20px 0 22px}h2{font-size:clamp(28px,3vw,43px);font-weight:800}h1 em{font-style:normal;color:var(--ink);position:relative;z-index:0}h1 em:after{content:'';position:absolute;left:0;bottom:2px;right:0;height:7px;background:var(--yellow);z-index:-1}p{margin:0 0 18px}.j-header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:22px 5%;border-bottom:1px solid var(--line);background:white}.j-brand{text-decoration:none;display:flex;flex-direction:column;line-height:1.25}.j-brand>strong{font-family:Manrope,Arial,sans-serif;font-size:47px;font-weight:800;letter-spacing:-.07em}.j-brand>strong>span{color:#caa500}.j-brand>span{font-size:10px;display:flex;align-items:center;gap:6px}.j-brand img{object-fit:contain}.j-header nav{display:flex;gap:32px;font-size:12px;font-weight:600}.j-header nav a{text-decoration:none}.j-header nav a:last-child{border-bottom:2px solid var(--yellow);padding-bottom:4px}.j-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.16em;font-weight:700;display:block;line-height:1.6}.j-review{display:flex;justify-content:space-between;gap:20px;padding:16px 5%;font-size:11px;background:var(--paper);border-bottom:1px solid var(--line)}.j-review a{text-decoration:none}.j-review>span{color:var(--muted)}.j-stage{display:grid;grid-template-columns:1fr 1fr;max-width:1760px;margin:auto}.j-selector{padding:48px 9% 45px 10%;min-width:0}.j-intro{max-width:470px;color:var(--muted);font-size:15px}.j-selector fieldset{padding:0;border:0;margin:32px 0 0;min-width:0}.j-selector legend{font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;margin-bottom:14px;width:100%}.j-selector legend span{float:right;text-transform:none;font-weight:400;letter-spacing:0;color:var(--muted)}.j-choice{width:100%;border:0;border-top:1px solid var(--line);background:transparent;display:flex;gap:15px;align-items:center;text-align:left;padding:17px 0;transition:background .18s,color .18s,padding .18s}.j-choice:last-child{border-bottom:1px solid var(--line)}.j-choice strong{font-size:14px;font-weight:600;display:block;line-height:1.4}.j-choice small{font-size:11px;display:block;color:var(--muted);line-height:1.5;margin-top:4px}.j-number{font-size:10px;letter-spacing:.06em;color:#718298;align-self:flex-start;margin-top:4px}.j-choice-arrow{margin-left:auto;font-size:19px;flex-shrink:0}.j-choice:hover{background:#f1f4f6;padding-left:12px;padding-right:12px}.j-choice[aria-pressed=true]{background:var(--navy);color:white;padding-left:15px;padding-right:15px;border-color:var(--navy)}.j-choice[aria-pressed=true] small,.j-choice[aria-pressed=true] .j-number{color:#d1ddea}.j-choice[aria-pressed=true] .j-choice-arrow{color:var(--yellow)}.j-chips{display:flex;flex-wrap:wrap;gap:8px}.j-chips .j-choice{width:auto;border:1px solid var(--line);padding:9px 12px;gap:10px;border-radius:2px}.j-chips .j-choice strong{font-size:11px}.j-chips .j-choice-arrow{display:none}.j-chips .j-choice[aria-pressed=true]{border-color:var(--navy)}.j-selector-footer{display:flex;justify-content:space-between;align-items:center;margin-top:24px;gap:20px}.j-text-link{font-size:12px;background:transparent;border:0;padding:0;text-decoration:underline;text-underline-offset:5px;font-weight:600;display:inline-block}.j-result-jump{display:none;border:0;background:var(--yellow);padding:11px 15px;font-size:12px;font-weight:700}.j-choice-note{font-size:11px;color:var(--muted);margin:18px 0 0;max-width:340px}.j-preview{background:var(--paper);padding:30px 9% 40px 7%;min-width:0}.j-selection{font-size:10px;display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:16px;line-height:1.5}.j-selection>span{color:var(--muted);flex-shrink:0}.j-selection strong{font-size:10px;font-weight:500;text-align:right}.j-result{scroll-margin-top:20px}.j-portrait{position:relative;margin:0;background:#e3e8eb;height:clamp(260px,27vw,420px);overflow:hidden}.j-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 40%;display:block}.j-portrait:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#061c32b0);pointer-events:none}.j-portrait figcaption{position:absolute;bottom:20px;left:25px;z-index:1;color:white;font-family:Manrope,Arial,sans-serif;font-weight:700;font-size:18px;letter-spacing:-.03em}.j-portrait figcaption small{display:block;font-family:'DM Sans',Arial,sans-serif;font-weight:400;font-size:9px;margin-top:4px;letter-spacing:.02em}.j-portrait[data-image-mode=brand]{background:white}.j-portrait[data-image-mode=brand] img{object-fit:contain;padding:30px}.j-portrait[data-image-mode=brand]:after,.j-portrait[data-image-mode=brand] figcaption{display:none}.j-result-content{padding-top:28px}.j-result-content>.j-kicker{color:var(--muted);margin-bottom:13px}.j-result h2{margin:0 0 17px;font-size:clamp(28px,2.8vw,41px)}.j-result-content>p:not(.j-kicker){font-size:13px;color:var(--muted);line-height:1.75}.j-actions{display:flex;align-items:flex-start;flex-direction:column;gap:17px;margin:24px 0 30px}.j-button{display:inline-block;background:var(--navy);color:white;padding:14px 20px;font-size:12px;font-weight:600;text-decoration:none;border-bottom:3px solid var(--yellow);line-height:1.5}.j-button:hover{background:#214771}.j-proof{border-top:1px solid #c8d2da;padding-top:22px}.j-proof .j-kicker{color:var(--muted);margin-bottom:13px}.j-proof-value{font-family:Manrope,Arial,sans-serif;font-size:clamp(24px,2.5vw,35px);font-weight:800;letter-spacing:-.045em;line-height:1.22;margin-bottom:13px}.j-proof[data-type=metric] .j-proof-value{font-size:65px;color:var(--navy)}.j-proof-caption{font-size:11px;font-weight:600;margin-bottom:8px}.j-proof-context{font-size:11px;color:var(--muted);margin-bottom:12px}.j-proof a{font-size:11px;display:inline-block;margin-right:15px;margin-bottom:8px}.j-open{padding:65px 5%;display:grid;grid-template-columns:.7fr 1.1fr 1.2fr;gap:45px;align-items:start;border-top:1px solid var(--line)}.j-open h2{margin:0}.j-open p:not(.j-kicker){color:var(--muted);font-size:13px;max-width:440px}.j-open-links{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:12px}.j-footer{padding:30px 5%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}.j-context .j-stage{background:var(--navy);color:white}.j-context .j-selector{background:radial-gradient(ellipse at top left,#244a71 0,transparent 65%)}.j-context h1 em{color:#f0ce44}.j-context h1 em:after{display:none}.j-context .j-selector .j-intro,.j-context .j-selector .j-choice-note,.j-context .j-selector legend span{color:#c7d3e1}.j-context .j-selector .j-choice{color:white;border-color:#46607b}.j-context .j-selector .j-choice:hover{background:#294869}.j-context .j-selector .j-choice[aria-pressed=true]{background:#f1ce40;color:#102b49;border-color:#f1ce40}.j-context .j-selector .j-choice[aria-pressed=true] .j-number,.j-context .j-selector .j-choice[aria-pressed=true] .j-choice-arrow{color:var(--ink)}.j-context .j-selector .j-number{color:#b7c8d8}.j-context .j-preview{background:#e9edf0;color:var(--ink);padding-top:30px}.j-context .j-portrait{height:clamp(300px,31vw,470px)}.j-context .j-role-list .j-choice{padding-top:18px;padding-bottom:18px}.j-hub-intro{padding:65px 7% 45px;max-width:1050px}.j-hub-intro h1{font-size:clamp(46px,5.8vw,84px)}.j-hub-intro>p:last-child{max-width:600px;color:var(--muted);font-size:16px}.j-comparison{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:0 7% 65px}.j-concept{text-decoration:none;display:block;border-top:1px solid var(--line);padding-top:20px}.j-concept>.j-kicker{margin-bottom:20px}.j-concept h2{font-size:30px;margin:26px 0 15px}.j-concept>p{font-size:14px;color:var(--muted);max-width:470px}.j-concept>strong{font-size:12px;border-bottom:2px solid var(--yellow);padding-bottom:5px}.j-mini{padding:30px 35px;min-height:325px;transition:transform .2s;background:var(--paper);border:1px solid var(--line)}.j-concept:hover .j-mini{transform:translateY(-4px)}.j-mini>span{font-family:Manrope,Arial,sans-serif;font-size:clamp(24px,2.7vw,38px);font-weight:800;line-height:1.1;letter-spacing:-.05em;display:block;margin-bottom:26px}.j-mini em{font-style:normal;text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:4px;text-underline-offset:3px}.j-mini i{font-size:11px;font-style:normal;border-top:1px solid #cbd6de;display:block;padding:12px 0}.j-mini b{float:right;color:#9b7c00}.j-mini-b{background:radial-gradient(ellipse at top left,#315b7e,var(--navy) 70%);color:white;border-color:var(--navy)}.j-mini-b i{border-color:#48627e}.j-mini-b b,.j-mini-b em{color:var(--yellow)}.j-hub-principles{padding:50px 7%;background:var(--paper);display:grid;grid-template-columns:.6fr 1.1fr 1.2fr;gap:35px}.j-hub-principles h2{margin:0;font-size:32px}.j-hub-principles p{font-size:13px;color:var(--muted)}.j-hub-principles b{color:var(--ink);display:block}.j-sr,.skip{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip:focus{clip:auto;width:auto;height:auto;padding:15px;background:white;z-index:10}.j-noscript{padding:25px 5%;background:#fff4c7}[hidden]{display:none!important}
@media(min-width:1600px){.j-selector{padding-left:80px;padding-right:75px}.j-preview{padding-right:75px}}
@media(max-width:1050px){.j-header nav{gap:18px}.j-selector{padding:35px 7%}.j-preview{padding:25px 6%}.j-selector h1{font-size:43px}.j-open,.j-hub-principles{grid-template-columns:1fr 1fr}.j-open>.j-kicker,.j-hub-principles>.j-kicker{grid-column:1/-1;margin-bottom:0}.j-choice strong{font-size:13px}.j-mini{padding:28px 24px}}
@media(max-width:760px){.j-header{padding:17px 6%;align-items:center}.j-brand>strong{font-size:38px}.j-brand>span{font-size:8px}.j-header nav{gap:12px;font-size:10px}.j-review{padding:12px 6%;font-size:10px}.j-review>span{display:none}.j-stage{grid-template-columns:1fr}.j-selector{padding:35px 6%}.j-selector h1{font-size:clamp(40px,8vw,60px)}.j-preview,.j-context .j-preview{padding:25px 6% 35px}.j-portrait,.j-context .j-portrait{height:390px}.j-selection{margin-bottom:18px}.j-result h2{font-size:36px}.j-result-content>p:not(.j-kicker){font-size:14px}.j-purpose-list .j-choice,.j-context .j-role-list .j-choice{padding-top:16px;padding-bottom:16px}.j-choice strong{font-size:14px}.j-choice small{font-size:12px}.j-result-jump{display:inline-block}.j-actions{gap:20px}.j-proof-value{font-size:30px}.j-proof-caption,.j-proof-context,.j-proof a{font-size:12px}.j-open,.j-hub-principles{grid-template-columns:1fr;gap:20px;padding:38px 6%}.j-open h2 br{display:none}.j-footer{padding:26px 6%;flex-wrap:wrap;gap:20px;font-size:10px}.j-footer>span{width:100%}.j-hub-intro{padding:38px 6% 25px}.j-hub-intro h1{font-size:48px}.j-comparison{padding:0 6% 40px;grid-template-columns:1fr;gap:40px}.j-mini{min-height:300px}.j-mini>span{font-size:34px}.j-hub-principles h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* A distinct portrait anchors the personal welcome; all choices remain below. */
.j-hub-intro{max-width:none;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr);gap:65px;align-items:center;padding-top:44px;padding-bottom:44px}.j-hub-intro-copy{min-width:0}.j-hub-intro-copy h1{font-size:clamp(44px,5.3vw,78px)}.j-hub-intro-copy>p:last-child{max-width:540px;font-size:16px;color:var(--muted)}.j-hub-welcome-portrait{position:relative;margin:0;height:455px;overflow:hidden;background:#e4e9ec}.j-hub-welcome-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%}.j-hub-welcome-portrait:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#102d50a6)}.j-hub-welcome-portrait figcaption{position:absolute;bottom:22px;left:24px;right:24px;color:white;font-size:12px;font-weight:600;z-index:1;line-height:1.5}.j-hub-welcome-portrait:before{content:'';position:absolute;top:0;left:0;width:4px;height:64px;background:var(--yellow);z-index:1}
@media(max-width:1050px){.j-hub-intro{gap:35px;grid-template-columns:1.2fr .8fr}.j-hub-intro-copy h1{font-size:50px}.j-hub-welcome-portrait{height:400px}}
@media(max-width:760px){.j-hub-intro{grid-template-columns:1fr;padding:35px 6%;gap:25px}.j-hub-intro-copy h1{font-size:clamp(40px,9vw,60px)}.j-hub-welcome-portrait{height:390px;max-width:520px;width:100%}.j-hub-welcome-portrait img{object-position:center 25%}}

/* Preserve the top of each portrait at every responsive width. */
.j-possibility .j-portrait img,.j-context .j-portrait img,.j-hub .j-hub-welcome-portrait img{object-position:center top}

/* Highlight the documented after value without altering its meaning. */
.j-proof-value .j-metric-result{display:inline-block;background:#0b2345;color:#f2cd32;padding:0 .13em .06em;line-height:1.05}

@media(max-width:650px){.j-header{flex-wrap:wrap;gap:18px}.j-header nav{flex-wrap:wrap;column-gap:18px;row-gap:12px}}