/* The existing title viewport stays unchanged. Editorial sections begin below it. */
.landing-content{background:#090e16;color:#ccd5df;font:400 15px/1.95 var(--ui-font)}
.landing-section{width:min(1100px,86vw);margin:0 auto;padding:94px 0;border-bottom:1px solid #b5c6db20}
.landing-section-label{display:flex;align-items:center;gap:16px;margin:0 0 30px;color:#b6a47f;font:500 11px/1.6 var(--ui-font);letter-spacing:.16em}
.landing-section-label>span{color:#8297ae;letter-spacing:.08em}
.landing-content h2{margin:0;color:#efe9d9;font:400 clamp(23px,2.5vw,32px)/1.9 var(--pixel);letter-spacing:.025em}
.landing-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}
.landing-intro{max-width:340px;margin:24px 0 0;color:#97b9ca;font-size:15px}
.landing-prose>p{margin:0 0 22px}
.landing-prose>p:last-child{margin-bottom:0}
.landing-content a{color:#d4d6ce;text-underline-offset:5px;text-decoration-color:#6c7d8d}
.landing-content a:hover{color:#fff3cd;text-decoration-color:currentColor}
.landing-content :is(a,button,summary):focus-visible{outline:2px solid #e9c990;outline-offset:5px}
.landing-facts{display:flex;flex-wrap:wrap;gap:20px 32px;padding-top:20px;margin:28px 0 0;border-top:1px solid #b5c6db20}
.landing-facts div{display:block}.landing-facts dt{font-size:11px;color:#95a6ba}.landing-facts dd{margin:5px 0 0;color:#e8e2d3;font-size:14px}
.landing-world{margin:55px 0 0}.landing-world img{display:block;width:100%;height:clamp(220px,30vw,345px);object-fit:cover;object-position:center 57%;image-rendering:pixelated;border:1px solid #c5ddf52a}
.landing-world figcaption{margin-top:12px;color:#91a2b6;font-size:12px;text-align:right}
.landing-result-layout{display:grid;grid-template-columns:1fr .85fr;gap:85px;align-items:start}
.landing-outcomes{padding:0;margin:35px 0 0;list-style:none;counter-reset:outcomes}
.landing-outcomes li{padding:24px 0;border-top:1px solid #b5c6db20;counter-increment:outcomes}
.landing-outcomes h3{display:flex;align-items:baseline;gap:15px;margin:0 0 9px;color:#ede8da;font:500 16px/1.8 var(--ui-font)}
.landing-outcomes h3:before{content:counter(outcomes,decimal-leading-zero);font-size:11px;letter-spacing:.05em;color:#93b3c6}
.landing-outcomes p{margin:0 0 0 32px;color:#b1becd;font-size:14px}
.landing-sample{position:relative;margin:0;padding:27px 25px 22px;background:linear-gradient(155deg,#172c3b77,#101a2899 52%,#121c29);border:1px solid #708c9e66;box-shadow:0 16px 60px #0003}
.landing-sample:before,.landing-sample:after{content:"";position:absolute;width:12px;height:12px;border:solid #c5ba96;pointer-events:none}
.landing-sample:before{top:-1px;left:-1px;border-width:2px 0 0 2px}.landing-sample:after{bottom:-1px;right:-1px;border-width:0 2px 2px 0}
.landing-sample figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#c4d0dc;font:12px/1.7 var(--ui-font)}
.landing-sample figcaption span{font-size:9px;color:#95a5b5;letter-spacing:.12em}
.landing-sample-title{margin:22px 0 0;color:#f4dfb0;text-align:center;font:400 clamp(21px,2.2vw,28px)/1.6 var(--pixel)}
.landing-sample .life-radar{display:block;width:100%;max-width:350px;height:auto;margin:0 auto;color:#dce8ee}
.landing-sample .life-radar text{font-family:var(--ui-font);font-size:12px;fill:#c6d4e1}
.landing-sample .radar-grid{fill:none;stroke:#7891a234;stroke-width:1}.landing-sample .radar-axis{stroke:#7891a234;stroke-width:1}
.landing-sample .radar-profile{fill:#6bd7ed30;stroke:#88d9e8;stroke-width:2}.landing-sample .life-radar circle{fill:#c8f6ff}
.landing-sample-scores{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 8px;margin:-5px 0 20px}
.landing-sample-scores div{text-align:center}.landing-sample-scores dt{font-size:11px;color:#a8b9c9}.landing-sample-scores dd{margin:3px 0 0;color:#f1e3c8;font:500 18px/1.6 var(--ui-font)}
.landing-sample-scores small{font-size:9px;color:#8b9daf}
.landing-sample-note{margin:0;border-top:1px solid #b5c6db20;padding-top:16px;font:11px/1.9 var(--ui-font);color:#9aabba}
.landing-reference{display:block;width:fit-content;margin-top:9px;font-size:12px}
.landing-career-examples{display:grid;grid-template-columns:.9fr 1.1fr;gap:0 70px;margin-top:42px;padding:28px 0 0;border-top:1px solid #b5c6db20}
.landing-career-examples>p:first-child{margin:0;color:#b9c7d5;font-size:13px}
.landing-career-examples ul{display:flex;flex-wrap:wrap;gap:12px 24px;list-style:none;margin:0;padding:0;color:#e1d9c4;font-size:14px}
.landing-career-examples li:before{content:"+";margin-right:9px;color:#76a5b5;font-size:11px}
.landing-career-examples>.landing-small{grid-column:2;margin-top:20px}
.landing-update{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;margin-top:38px;padding-top:34px;border-top:1px solid #b5c6db20}
.landing-update-label{font-size:10px;letter-spacing:.13em;color:#91b6c6;margin:0 0 13px}.landing-update h3{font:400 20px/1.9 var(--pixel);color:#e8dbbd;margin:0}
.landing-update>div>p{margin:0 0 15px}.landing-update-date{font-size:12px;color:#b9c7d2}.landing-update-history{font-size:13px}.landing-update-history summary{cursor:pointer;width:fit-content;color:#d8d5c9}
.landing-update-history ol{list-style:none;padding:0;margin:20px 0 0}.landing-update-history li{padding-top:16px;border-top:1px solid #b5c6db20;margin-top:16px}.landing-update-history time{display:block;color:#8eabbd;font-size:11px}.landing-update-history strong{font-weight:500;display:block;margin-top:6px}.landing-update-history li p{font-size:12px;color:#a7b8ca;margin:9px 0 0}
.landing-small{font-size:12px!important;line-height:1.9;color:#94a5b8}
.landing-source-list{list-style:none;margin:26px 0;padding:0;font-size:13px}
.landing-source-list li+li{margin-top:18px}.landing-source-list span{display:block;color:#96a8ba;font-size:12px;margin-top:4px}.landing-source-list p{font-size:12px;margin-top:7px;color:#b1bfcd}
.landing-source-details{margin-top:40px;padding-top:20px;border-top:1px solid #b5c6db20;font-size:13px}
.landing-source-details summary{width:fit-content;cursor:pointer;color:#a9bdcf}.landing-source-details .landing-source-list{max-width:750px;margin-left:auto;margin-right:auto}
.landing-faq h2{margin-bottom:35px}.landing-faq-list{max-width:820px;margin-left:auto}
.landing-faq-list details{border-top:1px solid #b5c6db26;padding:0}.landing-faq-list details:last-child{border-bottom:1px solid #b5c6db26}
.landing-faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;cursor:pointer;padding:23px 0;color:#e0e5e9;font:500 15px/1.9 var(--ui-font)}
.landing-faq-list summary::-webkit-details-marker{display:none}.landing-faq-list summary:after{content:"+";flex:none;color:#a6b9ca;font:22px/1 var(--ui-font)}
.landing-faq-list details[open] summary:after{content:"−"}.landing-faq-list details p{margin:0;padding:0 28px 24px 0;color:#b1c0ce;font-size:14px;max-width:720px}
.landing-end{text-align:center;padding-block:82px 75px}.landing-end>.landing-section-label{justify-content:center}.landing-end h2{line-height:1.8}
.journey-page .landing-start{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;min-height:54px;min-width:280px;margin:30px 0 0;padding:14px 25px;font:600 16px/1.5 var(--ui-font);background:#ece2cc;color:#17202c;border:1px solid #f9ecd0;border-radius:2px}
.landing-end .landing-small{margin-top:12px}.landing-operator{width:min(1100px,86vw);margin:0 auto;padding:30px 0 5px;display:flex;flex-wrap:wrap;gap:10px 35px;color:#94a5b8;font-size:12px}
.landing-operator p{margin:0}.game-load-status{color:#d9e4ec;font:13px/1.8 var(--ui-font);max-width:500px;margin-top:14px}
/* Both entry points use the same dimensional-gate command plate. */
.journey-page .rpg-start{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-width:318px;min-height:64px;padding:13px 22px 13px 18px;border:0;border-radius:3px;background:transparent;color:#fff0c8;font:400 17px/1.6 var(--pixel);letter-spacing:.025em;text-shadow:0 2px 1px #0009;box-shadow:0 10px 30px #0004;cursor:pointer;transition:filter .18s,transform .18s}
.journey-page .rpg-start:before,.journey-page .rpg-start:after{content:"";position:absolute;z-index:-1;pointer-events:none}
.journey-page .rpg-start:before{inset:0;background:linear-gradient(120deg,#ffebb2,#a87c39 28%,#e0be75 48%,#73613e 72%,#eed299);clip-path:polygon(11px 0,calc(100% - 11px) 0,100% 11px,100% calc(100% - 11px),calc(100% - 11px) 100%,11px 100%,0 calc(100% - 11px),0 11px)}
.journey-page .rpg-start:after{inset:2px;background:linear-gradient(#75849055 0 1px,transparent 1px calc(100% - 2px),#0008 calc(100% - 2px)),linear-gradient(110deg,#253749,#152333 55%,#263749);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)}
.journey-page .rpg-start-icon{display:grid;place-items:center;flex:0 0 36px;height:36px;border-right:1px solid #ddc18b45;padding-right:12px;margin-right:1px}
.journey-page .rpg-start-icon svg{width:29px;height:29px;fill:none;stroke:#eed39a;stroke-width:1.35;transform:none;filter:drop-shadow(0 0 4px #73d9e839)}
.journey-page .rpg-start-icon .start-light{stroke:#9be6ec;stroke-width:1.1}
.journey-page .rpg-start-label{flex:1;text-align:left;white-space:nowrap}
.journey-page .rpg-start-arrow{flex:none;width:20px;height:20px;fill:none;stroke:#e9d29e;stroke-width:1.5;transition:transform .18s}
.journey-page .rpg-start:hover{filter:brightness(1.16);transform:translateY(-1px)}
.journey-page .rpg-start:hover .rpg-start-arrow{transform:translateX(3px)}
.journey-page .rpg-start:active{transform:translateY(1px);filter:brightness(.96)}
.journey-page .rpg-start:focus-visible{outline:2px solid #a4e9f1;outline-offset:5px}
.title-duration{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px}
.title-duration>span{white-space:nowrap}
.title-access{padding-left:16px;border-left:1px solid #b8c3d05e;color:#e3d6b8;font-size:13px;letter-spacing:.015em}
@media(max-width:700px){
 .landing-section{width:auto;margin-inline:26px;padding-block:62px}.landing-section-label{margin-bottom:22px;font-size:10px}.landing-content{font-size:14px}
 .landing-split,.landing-result-layout{grid-template-columns:1fr;gap:28px}.landing-content h2{font-size:24px;line-height:1.85}.landing-intro{margin-top:15px}
 .landing-prose>p{margin-bottom:19px}.landing-facts{gap:16px 26px;margin-top:24px;padding-top:18px}.landing-facts dd{font-size:13px}
 .landing-world{margin-top:32px}.landing-world img{height:220px}.landing-world figcaption{text-align:left;font-size:11px}
 .landing-outcomes{margin-top:25px}.landing-outcomes h3{font-size:15px;gap:12px}.landing-outcomes p{margin-left:29px;font-size:13px}.landing-outcomes li{padding-block:20px}
 .landing-sample{padding:22px 18px}.landing-sample-title{font-size:24px}.landing-sample .life-radar{max-width:330px}
 .landing-career-examples{grid-template-columns:1fr;gap:18px;margin-top:28px}.landing-career-examples ul{font-size:13px;gap:9px 18px}.landing-career-examples>.landing-small{grid-column:1;margin:0}
 .landing-update{grid-template-columns:1fr;gap:22px;margin-top:28px;padding-top:26px}.landing-update h3{font-size:19px}
 .landing-source-details{margin-top:28px}.landing-faq h2{margin-bottom:25px}.landing-faq-list summary{font-size:14px;padding-block:20px;gap:12px}.landing-faq-list details p{font-size:13px;padding-right:20px}
 .landing-end{padding-block:58px}.journey-page .landing-start{width:100%;min-width:0}.landing-operator{width:auto;margin-inline:26px;display:block;padding-top:25px}.landing-operator p+p{margin-top:7px}
 .journey-page .rpg-start{min-width:0;min-height:60px;gap:14px;padding:12px 19px 12px 16px;font-size:16px}
 .title-duration{gap:8px 13px;font-size:13px;letter-spacing:0}.title-access{padding-left:13px;font-size:12px}
}
@media(max-width:360px){.title-duration{gap:8px 10px;font-size:12px}.title-access{padding-left:10px}.journey-page .rpg-start{font-size:15px;gap:11px;padding-inline:14px}}
@media(prefers-reduced-motion:reduce){.journey-page .rpg-start,.journey-page .rpg-start-arrow{transition:none}.journey-page .rpg-start:hover,.journey-page .rpg-start:hover .rpg-start-arrow{transform:none}}