[hidden]{display:none!important}.site-header{position:relative;background:#061723;height:90px}.world-stage{padding:2.5rem clamp(1.2rem,4vw,5rem) 0;background:radial-gradient(ellipse at 48% 50%,#17405a88,transparent 52%),#061723;overflow:hidden}.world-heading{text-align:center;max-width:1100px;margin:auto}.world-heading h1{font-size:clamp(2.6rem,4.4vw,5rem);line-height:1.03;max-width:none}.world-heading h1 em{font-style:normal;color:#f1d478}.world-heading>p:last-child{color:#b3c8d5;font-size:1rem;margin:1rem auto 0}.world-heading .eyebrow{font-size:.75rem;margin-bottom:1rem}.world-modes{display:flex;justify-content:center;gap:1.8rem;margin:1.8rem 0 .5rem}.world-modes button{border:0;border-bottom:2px solid transparent;background:none;color:#afc5d2;padding:.65rem .2rem;font:600 .94rem var(--sans)}.world-modes button[aria-pressed=true]{color:#f1d478;border-color:#f1d478}.world-workspace{display:grid;grid-template-columns:minmax(160px,.7fr) minmax(300px,1.9fr) minmax(230px,1fr);align-items:center;gap:2rem;max-width:1500px;margin:auto}.world-choices>.eyebrow{font-size:.75rem;letter-spacing:.09em;margin-bottom:.8rem}#world-options{display:flex;flex-direction:column;gap:.5rem}#world-options > button{text-align:left;border:1px solid #42627677;background:#102e4080;border-radius:25px;padding:.7rem 1rem;color:#c4d7e2;font-size:.94rem;transition:background .2s,border-color .2s}#world-options > button::before{content:'+';display:inline-block;margin-right:.6rem;width:1rem;color:#e1bc50}#world-options > button[aria-pressed=true]{border-color:#e2bd51;background:#d8af3619;color:#ffe5a0}#world-options > button[aria-pressed=true]::before{content:'✓'}.reset-world{border:0;background:none;color:#a8becc;padding:.7rem 0;font-size:.8rem;text-decoration:underline}.reset-world:disabled{opacity:.4;cursor:default}.world-private{font-size:.75rem;color:#91abba;line-height:1.5;max-width:240px;margin:.3rem 0 0}.world-map{position:relative;aspect-ratio:600/520;width:100%;max-width:670px;margin:auto;border-radius:50%;background:repeating-radial-gradient(circle at center,transparent 0,transparent 64px,#6188a014 65px,#6188a014 66px,transparent 67px);isolation:isolate}.connection-lines{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.connection-lines line{stroke:#608293;stroke-width:1;opacity:.5}.connection-lines .active-line{stroke:#dfbb57;stroke-width:1.8;opacity:1}.world-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(105px,12vw,160px);height:clamp(105px,12vw,160px);border:1px solid #d8af36aa;border-radius:50%;background:#0b2434;box-shadow:0 0 65px #d8af3622;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px}.world-center img{height:42%;width:45%;object-fit:contain;margin-bottom:.35rem}.world-center strong{font-size:.85rem;letter-spacing:.04em}.world-center span{font-size:.7rem;color:#93b0c2;margin-top:.15rem}.world-node{position:absolute;transform:translate(-50%,-50%);padding:.6rem .75rem;max-width:145px;text-align:center;background:#0a2638;border:1px solid #46677c;border-radius:30px;color:#c4d8e4;font-size:.85rem;line-height:1.3;animation:node-in .3s ease both}.world-node.highlighted{border-color:#d8af36;color:#ffe5a0;box-shadow:0 0 24px #d8af3617}.map-invitation{position:absolute;bottom:4%;left:15%;right:15%;text-align:center;color:#96b1c2;font-size:.875rem}.connection-discovery{padding-left:1.5rem;border-left:1px solid #d8af3655}.connection-discovery .eyebrow{font-size:.75rem;letter-spacing:.14em;margin-bottom:.5rem}.selection-count{font-size:.8rem;color:#95b1c2;margin:0 0 1rem}.connection-discovery h2{font-size:clamp(1.8rem,2.6vw,3rem);margin:0 0 1rem}.connection-discovery>p:not(.eyebrow):not(.selection-count):not(.world-disclaimer){font-size:.94rem;color:#b6ccda}.connection-discovery .button{margin-top:1.2rem;font-size:.875rem;padding:.8rem 1.1rem}.connection-discovery .story-next{font-size:.8rem}.world-disclaimer{color:#8ca7b8;font-size:.7rem;line-height:1.5;margin-top:.8rem}.world-payoff{text-align:center;padding:1.5rem 0 2rem;border-top:1px solid #ffffff16}.world-payoff p{font:400 clamp(1.8rem,2.6vw,2.8rem) var(--display);margin:0}.world-payoff em{font-style:normal;color:#f1d478}.world-payoff span{display:block;color:#9eb7c6;font-size:.9rem;margin-top:.5rem}.dna-section{padding-top:5rem}.world-choices,.connection-discovery{min-width:0}@keyframes node-in{from{opacity:0;scale:.92}to{opacity:1;scale:1}}@media(max-width:1050px){.world-workspace{grid-template-columns:180px 1fr;gap:1.5rem}.connection-discovery{grid-column:1/-1;max-width:800px;padding:1.3rem 0;border-left:0;border-top:1px solid #ffffff20}.connection-discovery h2{font-size:2.3rem}.world-map{max-width:530px}.world-center{width:140px;height:140px}.world-stage{padding-top:2rem}.world-payoff{margin-top:1rem}}@media(max-width:620px){.world-heading h1{font-size:2.8rem}.world-heading>p:last-child{font-size:.94rem}.world-modes{gap:1rem}.world-modes button{font-size:.82rem}.world-workspace{grid-template-columns:1fr;gap:.75rem}.world-choices{margin-top:1.5rem}#world-options{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}#world-options > button{font-size:.875rem;padding:.65rem .7rem}.world-private{max-width:none;font-size:.75rem}.world-map{max-width:460px}.world-center{width:108px;height:108px}.world-center strong{font-size:.7rem}.world-center span{font-size:.6rem}.world-node{max-width:100px;font-size:.75rem;padding:.5rem}.map-invitation{bottom:0;font-size:.8rem}.connection-discovery{grid-column:auto}.world-stage{padding-left:1rem;padding-right:1rem}.site-header{height:80px}.world-disclaimer{font-size:.75rem}.world-payoff span{font-size:.8rem}}@media(prefers-reduced-motion:reduce){.world-node{animation:none}#world-options > button{transition:none}}
/* DNA is the interactive model: selections illuminate its connected rungs. */
.world-map{background:radial-gradient(ellipse at center,#24537144,transparent 65%);border-radius:0;aspect-ratio:600/520}
.connection-lines{overflow:visible}
.connection-lines .dna-backbone{fill:none;stroke:#759cae;stroke-width:2;opacity:.55}
.connection-lines .empty-rung{stroke:#789cad;stroke-width:2;opacity:.18}
.connection-lines .selected-rung{stroke:#e5c464;stroke-width:4;opacity:.7}
.connection-lines .active-line{stroke:#ffe29a;stroke-width:5;filter:drop-shadow(0 0 6px #e9bc54)}
.world-center{top:5%;width:auto;height:auto;min-width:170px;border:0;border-radius:0;box-shadow:none;background:transparent;flex-direction:row;gap:.5rem;padding:0}
.world-center img{height:36px;width:32px;margin:0}.world-center span{font-size:.8rem}.world-center strong{font-size:.8rem}
.map-invitation{bottom:0;margin-bottom:0;font-size:.875rem}
.world-node{max-width:150px;font-size:.875rem;background:#0b2535}
.world-heading h1{font-size:clamp(2.4rem,4vw,4.6rem)}
.world-payoff p{font-size:clamp(1.65rem,2.5vw,2.6rem)}
@media(max-width:620px){.world-map{aspect-ratio:600/520}.world-center{width:auto;height:auto}.world-node{max-width:108px;font-size:.8rem}.world-heading h1{font-size:2.55rem}.world-center strong,.world-center span{font-size:.75rem}}
/* Keep the payoff visible as visitors explore their DNA. */
.connection-discovery .benefit-outcome{color:#ffe29a!important;font-size:1.05rem!important;border-left:2px solid #e5c464;padding-left:1rem;margin:1rem 0}
.connection-context{border-top:1px solid #718d9d55;padding-top:1rem;margin-top:1.2rem}
.connection-context strong{font-size:.875rem;color:#edcf7f;font-weight:500}
.connection-context p{font-size:.875rem;line-height:1.6;color:#b6ccda;margin:.5rem 0}
.connection-discovery .eyebrow{line-height:1.6}
@media(max-width:620px){.world-choices{grid-row:1}.connection-discovery{grid-row:2}.world-map{grid-row:3}.connection-discovery h2{font-size:2rem}}
/* An invitation to explore, with a deliberate pause control. */
.connection-lines .dna-backbone{stroke-dasharray:16 5;animation:dna-flow 16s linear infinite}
.connection-lines .active-line{animation:rung-glow 3s ease-in-out infinite}
.invitation-node{border-color:#e5c464;cursor:pointer;animation:invite-float 4s ease-in-out infinite;color:#ffe29a}
.invitation-node:nth-child(2){animation-delay:-1.3s}.invitation-node:nth-child(3){animation-delay:-2.6s}
.world-node{cursor:pointer;font-family:var(--sans)}.world-node:hover,.world-node:focus-visible{background:#24465b;outline:2px solid #ffe29a;outline-offset:3px}
.motion-toggle{position:absolute;right:0;bottom:0;color:#abc3d2;background:transparent;border:0;text-decoration:underline;font-size:.8rem;padding:.5rem;z-index:2}
.map-invitation{bottom:3%;left:5%;right:25%}
@keyframes dna-flow{to{stroke-dashoffset:-210}}
@keyframes rung-glow{50%{opacity:.55}}
@keyframes invite-float{50%{translate:0 -7px;box-shadow:0 0 28px #e5c46445}}
.motion-paused *{animation-play-state:paused!important}
.dna-basket{max-width:1500px;margin:1.5rem auto 2rem;border-top:1px solid #e5c46466;border-bottom:1px solid #e5c46433;padding:1.5rem 0;display:grid;grid-template-columns:1fr 1.3fr auto;gap:1.5rem;align-items:center}
.dna-basket h2{font-size:1.7rem;margin:.4rem 0}.dna-basket .eyebrow{font-size:.8rem;margin:0}.dna-basket p{font-size:.9rem;color:#b6ccda}.dna-basket ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem}
#dna-checklist button{border:1px solid #d9b95d77;background:#163344;color:#ffe29a;border-radius:20px;padding:.55rem .8rem;font-size:.875rem;text-align:left;cursor:pointer}
.basket-action .button{font-size:.9rem}.basket-action span{display:block;font-size:.8rem;color:#9bb6c7;margin-top:.6rem}.button:disabled{opacity:.45;cursor:default}
#dna-review{background:#0b2333;color:#e8f0f5;border:1px solid #c7a95777;border-radius:16px;width:min(620px,calc(100% - 2rem));max-height:85vh;padding:2rem;box-sizing:border-box;overflow:auto}#dna-review::backdrop{background:#020e19cc;backdrop-filter:blur(5px)}
#dna-review h2{font:400 2.5rem var(--display);margin:.5rem 0 1rem}#dna-review p{font-size:1rem;line-height:1.6;color:#b6ccda}#dna-review ul{padding:0;list-style:none;display:grid;gap:.5rem;color:#ffe29a}#dna-review label{display:block;margin:1.2rem 0 .5rem}#dna-review textarea{box-sizing:border-box;width:100%;background:#061723;border:1px solid #7390a4;color:white;border-radius:6px;padding:.8rem;font:1rem var(--sans);resize:vertical}#dna-review .button{margin-top:1rem}#dna-review .review-disclosure{font-size:.85rem}.review-close{float:right;border:0;background:transparent;color:white;font-size:2rem;cursor:pointer}
@media(max-width:900px){.dna-basket{grid-template-columns:1fr}.basket-action{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.basket-action p{margin:0}.basket-action span{width:100%}}
@media(prefers-reduced-motion:reduce){.connection-lines .dna-backbone,.connection-lines .active-line,.invitation-node{animation:none}.motion-toggle{display:none}}
.policy-step{border-top:1px solid #7798aa55;margin:1.5rem 0;padding-top:1.5rem}.policy-step h3{font:400 1.8rem var(--display);margin:.5rem 0}
#dna-review .policy-drop{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;border:1px dashed #c9ad61;border-radius:10px;background:#102f42;padding:1.5rem;cursor:pointer;position:relative;overflow:hidden}
.policy-drop input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.policy-drop:focus-within,.policy-drop.drag-over{outline:2px solid #ffe29a;outline-offset:3px;background:#23475a!important}.drop-symbol{font-size:2rem;color:#ffe29a}.policy-drop>span:last-of-type{font-size:.85rem;color:#b6ccda}
#dna-review .policy-preview-note{font-size:.85rem;color:#e1c982}#dna-review #policy-error{color:#ffc1b3;font-size:.875rem}#policy-file-list li{display:flex;justify-content:space-between;gap:1rem;align-items:center;font-size:.85rem;overflow-wrap:anywhere}#policy-file-list button{border:0;background:transparent;color:#d1e4ee;text-decoration:underline;cursor:pointer;padding:.5rem}
.dna-interests{max-width:1500px;margin:1rem auto 2rem;display:grid;grid-template-columns:1fr 1.7fr;gap:3rem;padding:2rem 0;border-top:1px solid #d9b95d55}.dna-interests h2{font:400 2rem var(--display);margin:.5rem 0 1rem}.dna-interests p{color:#b6ccda;font-size:1rem;line-height:1.6}.dna-interests .interests-note{font-size:.85rem;color:#92aebb}.interest-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid #6d92a333}.interest-row strong{display:block;font-size:1rem;font-weight:500;color:#eaf1f5}.interest-row span{display:block;color:#9cb8c8;font-size:.875rem;margin-top:.3rem}.interest-actions{display:flex;gap:.5rem;flex-shrink:0}.interest-actions button{border:1px solid #7893a477;border-radius:20px;background:transparent;color:#c4d7e2;padding:.6rem .8rem;font-size:.875rem;cursor:pointer}.interest-actions button[aria-pressed=true]{background:#d8af3622;border-color:#e5c464;color:#ffe29a}.interest-actions button:focus-visible{outline:2px solid #ffe29a;outline-offset:3px}
@media(max-width:1000px){.dna-interests{grid-template-columns:1fr;gap:.5rem}}@media(max-width:620px){.interest-row{align-items:flex-start;flex-direction:column}.interest-actions{flex-wrap:wrap}}
.interest-jump{display:block;color:#ffe29a;font-size:.95rem;margin-top:1rem;text-underline-offset:4px}.dna-interests{scroll-margin-top:2rem}
/* Guided discovery keeps the response beside the choice. */
body{padding-bottom:90px}.world-stage{padding-top:1.25rem}.site-header{height:76px}.world-heading h1{font-size:clamp(2.2rem,3.2vw,3.6rem);line-height:1.05}.world-heading .eyebrow{margin-bottom:.6rem}.world-heading>p:last-child{margin-top:.65rem}.world-modes{margin:1rem 0}.world-workspace{grid-template-columns:minmax(170px,.75fr) minmax(240px,1.1fr) minmax(340px,1.5fr);gap:1.5rem;align-items:start}.world-choices,.world-map{position:sticky;top:1.5rem}.world-map{margin-top:2rem}.connection-discovery{padding:0 0 1rem 1.5rem}.connection-discovery h2{font-size:2rem;line-height:1.12;margin-bottom:.65rem}.connection-discovery>p{margin-top:.5rem}.connection-discovery .selection-count{display:none}.connection-discovery .benefit-outcome{font-size:.95rem!important;margin:.75rem 0}.connection-discovery .dna-interests{display:block;padding:.8rem 0 0;margin:.8rem 0;border-top:1px solid #d9b95d44}.dna-interests .eyebrow,.dna-interests .interests-note{display:none}.dna-interests h3{font:500 1rem var(--sans);color:#ffe29a;margin:0 0 .3rem}.dna-interests #interests-intro{font-size:.8rem;margin:0 0 .35rem}.interest-row{gap:.6rem;padding:.6rem 0}.interest-row strong{font-size:.9rem}.interest-row span{font-size:.8rem}.interest-actions{gap:.3rem}.interest-actions button{font-size:.8rem;padding:.5rem .6rem;white-space:nowrap}.add-another{border:0;background:none;color:#ffe29a;text-decoration:underline;text-underline-offset:4px;padding:.9rem 0;font:500 .95rem var(--sans);cursor:pointer}.connection-context{margin-top:.5rem;padding-top:.75rem}.connection-discovery .button{display:none}.world-disclaimer{margin-bottom:0}.dna-progress{position:fixed;bottom:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem clamp(1rem,4vw,5rem);background:#081d2cf5;border-top:1px solid #e5c46477;backdrop-filter:blur(14px);box-shadow:0 -8px 35px #0003}.dna-progress strong{font-size:1rem;color:#ffe29a}.dna-progress span{display:block;font-size:.8rem;color:#afc6d5;margin-top:.2rem}.dna-progress .button{font-size:.9rem;padding:.75rem 1.1rem}
@media(max-width:1050px) and (min-width:621px){.world-workspace{grid-template-columns:180px 1fr}.world-map{display:none}.connection-discovery{grid-column:2;grid-row:1;border-top:0;border-left:1px solid #d8af3655;padding-left:1.25rem}.interest-row{flex-wrap:wrap}}
@media(max-width:620px){.world-workspace{display:block}.world-choices,.world-map{position:static}.world-map{max-width:320px;margin-top:2rem}#world-options{display:flex;flex-direction:column}#world-options>button{min-height:46px}#world-options .connection-discovery{padding:1rem .6rem;margin-bottom:.75rem;border:0;border-left:2px solid #e5c464}.world-heading h1{font-size:2.1rem}.world-stage{padding-top:1.2rem}.world-heading>p:last-child{font-size:.9rem}.world-modes{gap:.8rem}.world-choices{margin-top:.75rem}.interest-row{flex-direction:column;align-items:flex-start}.interest-actions{flex-wrap:wrap}.dna-progress{padding:.75rem 1rem}.dna-progress strong{font-size:.875rem}.dna-progress span{display:none}.dna-progress .button{font-size:.8rem;padding:.7rem .8rem}body{padding-bottom:80px}}
/* Keep the actual checked choices in view, not only their count. */
body{padding-bottom:230px}.dna-progress{flex-wrap:wrap;gap:.6rem 1rem}.dna-progress>div{margin-right:auto}.dna-progress #dna-checklist{flex-basis:100%;display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin:0;padding:.25rem 0;max-height:120px;overflow-y:auto}.dna-progress #dna-checklist:empty{display:none}.dna-progress #dna-checklist button{font-size:.8rem;padding:.45rem .7rem}.dna-progress #toggle-checklist{background:none;border:0;color:#d4e3ee;font-size:.85rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:.5rem}.interest-actions button[aria-pressed=true]{font-weight:600}.world-private{max-width:250px}
@media(max-width:620px){.dna-progress{gap:.4rem}.dna-progress>div{flex-basis:55%}.dna-progress #toggle-checklist{margin-left:auto}.dna-progress #progress-review{width:100%}.dna-progress #dna-checklist{max-height:100px}body{padding-bottom:260px}}
