/* A single galaxy gathers into the existing MindCoda mark. Type never moves. */
.one-welcome{position:fixed;inset:0;z-index:1000;display:none!important;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:70px 24px 78px;background:#080f18!important;color:#f6f6ef;overflow:hidden;isolation:isolate;opacity:1;transition:opacity .25s ease!important}
.one-welcome::before{content:''!important;display:block!important;position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 36%,#18323866,transparent 54%),radial-gradient(ellipse at 75% 20%,#33334b33,transparent 55%);pointer-events:none}.one-welcome::after{display:none!important}.one-welcome.leaving{opacity:0;pointer-events:none}
.arrival-signature{position:absolute;top:36px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;white-space:nowrap;font:600 21px/1.3 var(--f-display);letter-spacing:-.02em;color:#eef0f3}.arrival-signature span{font-size:12px;letter-spacing:.18em;font-weight:500;border-left:1px solid #5f6b78;padding-left:13px;color:#b7c9dd}
.arrival-art{position:relative;flex:none;width:min(900px,calc(100vw + 180px));aspect-ratio:900/440;margin-top:-38px;margin-bottom:-15px;pointer-events:none}.arrival-art canvas{display:block;width:100%;height:100%;opacity:0}.arrival-mark{position:absolute;left:40%;top:29.545%;width:20%;height:40.91%;object-fit:contain;filter:drop-shadow(3px 4px 0 #235467) drop-shadow(0 18px 18px #00000055)!important;opacity:1}.one-welcome.is-drawing canvas{opacity:1}
.arrival-copy{position:relative;text-align:center}.arrival-copy>p{font:500 13px/1.6 var(--f-display);letter-spacing:.14em;color:#bfc8d3;margin:0 0 19px}.arrival-copy h2{font:500 clamp(52px,6vw,78px)/.98 var(--f-display);letter-spacing:-.035em;margin:0 0 22px;color:#f5f6f0}.arrival-copy h2 em{font-family:var(--f-soft);font-weight:450;color:#b8cadf;letter-spacing:-.04em}.arrival-copy>span{font:400 18px/1.6 var(--f-display);color:#c9d3da}
.one-welcome .intro-skip{position:static!important;inset:auto!important;transform:none!important;display:inline-flex;align-items:center;justify-content:center;gap:35px;min-height:48px;margin-top:28px;padding:12px 24px;border:1px solid #637386;border-radius:99px;background:#18202a;color:#eff2f6;font:500 15px/1.4 var(--f-display);cursor:pointer;transition:background .2s,border-color .2s}.one-welcome .intro-skip:hover{background:#243242;border-color:#becfe3;color:#ffffff}.one-welcome .intro-skip:focus-visible{outline:2px solid #b8cadf;outline-offset:5px}
.arrival-foot{position:absolute;bottom:30px;display:flex;align-items:center;justify-content:center;gap:16px;font:500 12px/1.5 var(--f-display);letter-spacing:.16em;color:#9eb4b8}.arrival-foot i{width:3px;height:3px;border-radius:50%;background:#7b8b9d}
@media(prefers-reduced-motion:no-preference){html:not(.rm) .one-welcome.is-drawing .arrival-mark{animation:arrival-resolve 7.25s linear both}}
@keyframes arrival-resolve{0%,55%{opacity:0}81%,100%{opacity:1}}
@media(max-width:600px){.one-welcome{padding:72px 20px}.arrival-signature{top:29px;font-size:19px}.arrival-art{margin-top:-30px;margin-bottom:12px}.arrival-copy>p{font-size:12px;letter-spacing:.04em;margin-bottom:18px}.arrival-copy h2{font-size:56px}.arrival-copy>span{font-size:17px}.arrival-foot{bottom:26px;font-size:12px;gap:14px}.one-welcome .intro-skip{margin-top:25px}}
@media(max-height:700px){.one-welcome{padding:58px 20px}.arrival-signature{top:21px}.arrival-art{width:min(650px,calc(100vw + 120px));margin-top:-35px;margin-bottom:-10px}.arrival-copy h2{font-size:46px;margin-bottom:14px}.arrival-copy>p{margin-bottom:14px}.arrival-copy>span{font-size:16px}.one-welcome .intro-skip{margin-top:18px}.arrival-foot{bottom:18px}}

html[data-intro="full"] .one-welcome{display:flex!important}
html[data-theme="light"] .one-welcome{background:#f6f6f2!important;color:#152433}
html[data-theme="light"] .one-welcome::before{background:radial-gradient(ellipse at 50% 36%,#ced9e5,transparent 65%)}
html[data-theme="light"] .arrival-signature,html[data-theme="light"] .arrival-copy h2{color:#152433}
html[data-theme="light"] .arrival-signature span,html[data-theme="light"] .arrival-copy h2 em{color:#173d69}
html[data-theme="light"] .arrival-copy>p,html[data-theme="light"] .arrival-copy>span,html[data-theme="light"] .arrival-foot{color:#425466}
html[data-theme="light"] .one-welcome .intro-skip{background:#173d69;color:#ffffff;border-color:#173d69}
html.rm *,html.rm *::before,html.rm *::after{transition:none!important}
html[data-theme="light"] .arrival-art canvas{filter:brightness(.4) saturate(1.3)}

/* Sculpted mark: a bevel, cast shadow and a restrained perspective reveal. */
.arrival-art{perspective:850px;transform-style:preserve-3d}
.arrival-mark{transform:rotateX(10deg) rotateY(-14deg) translateZ(24px);backface-visibility:hidden}
html[data-theme="light"] .arrival-mark{filter:drop-shadow(3px 4px 0 #286078) drop-shadow(0 18px 15px #244a5240)!important}
@media(prefers-reduced-motion:no-preference){html:not(.rm) .one-welcome.is-drawing .arrival-mark{animation:arrival-resolve 7.25s linear both,arrival-depth 7.25s ease-out both}}
@keyframes arrival-depth{0%,55%{transform:rotateX(24deg) rotateY(-32deg) translateZ(-35px) scale(.85)}85%,100%{transform:rotateX(10deg) rotateY(-14deg) translateZ(24px) scale(1)}}

.arrival-art{width:min(980px,calc(100vw + 240px));margin-top:-42px;margin-bottom:-22px}
.arrival-mark{left:37.5%;top:24.43%;width:25%;height:51.14%;filter:drop-shadow(1px 2px 0 #427e98) drop-shadow(2px 3px 0 #22566f) drop-shadow(3px 4px 0 #13394d) drop-shadow(0 24px 18px #00000077)!important}
html[data-theme="light"] .arrival-mark{filter:drop-shadow(1px 2px 0 #74abc0) drop-shadow(2px 3px 0 #2c647c) drop-shadow(3px 4px 0 #1d475c) drop-shadow(0 24px 18px #244a5255)!important}
@keyframes arrival-depth{0%,55%{transform:rotateX(28deg) rotateY(-40deg) translateZ(-25px) scale(.85)}85%,100%{transform:rotateX(14deg) rotateY(-22deg) translateZ(42px) scale(1.08)}}
.arrival-offer{display:flex;align-items:center;gap:14px;margin-top:18px;padding:10px 16px;border:1px solid #637386;border-radius:10px;background:#172b2c;color:#f2f4f6;font:500 13px/1.5 var(--f-display);text-decoration:none;position:relative;z-index:2}
.arrival-offer strong{font-weight:600}.arrival-offer span{color:#c1cfdf}.arrival-offer b{margin-left:5px}.arrival-offer:hover{border-color:#b8cadf;background:#243242}.arrival-offer:focus-visible{outline:3px solid #b8cadf;outline-offset:4px}.arrival-offer-note{font:400 11px/1.5 var(--f-display);color:#b5c8cb;margin:6px 0 0;text-align:center}
html[data-theme="light"] .arrival-offer{background:#ffffff;border-color:#8c9aa9;color:#152433}html[data-theme="light"] .arrival-offer span{color:#173d69}html[data-theme="light"] .arrival-offer-note{color:#425466}
@media(max-width:600px){.arrival-art{margin-top:-20px;margin-bottom:0}.arrival-offer{gap:10px;font-size:12px;padding:9px 12px;margin-top:14px}.arrival-copy h2{font-size:52px}.arrival-copy>p{font-size:11px}.one-welcome .intro-skip{margin-top:20px}}
@media(max-height:740px){.arrival-art{width:min(600px,calc(100vw + 80px));margin-top:0;margin-bottom:-12px}.arrival-signature{top:18px}.arrival-copy h2{font-size:40px;margin-bottom:12px}.arrival-copy>p{margin-bottom:10px}.arrival-copy>span{font-size:15px}.one-welcome .intro-skip{margin-top:14px;min-height:42px;padding:9px 20px}.arrival-offer{margin-top:10px;padding:7px 12px}.arrival-foot{bottom:14px;font-size:10px}.one-welcome{padding:55px 16px 45px}}

html[data-theme="dark"] .one-welcome{background:#0b1930!important}
html[data-theme="dark"] .one-welcome::before{background:radial-gradient(ellipse at 50% 36%,#253e664d,transparent 60%),radial-gradient(ellipse at 75% 20%,#38386633,transparent 55%)}

html[data-theme] .one-welcome .intro-skip{background:#203e69;color:#ffffff;border:1px solid #8da7cb}
html[data-theme] .one-welcome .intro-skip:hover{background:#2a4d7c;border-color:#b9cee9}
html[data-theme] .one-welcome .intro-skip:focus-visible{outline-color:#adc9f0}

html[data-theme="dark"] .one-welcome :is(.arrival-copy h2 em,.arrival-signature span,.arrival-offer span){color:#b8ddff}
html[data-theme="light"] .one-welcome :is(.arrival-copy h2 em,.arrival-signature span,.arrival-offer span){color:#234d7c}
html[data-theme="dark"] .arrival-offer{background:#142440;border-color:#6482a6}
html[data-theme="dark"] .arrival-offer:hover{background:#203e69;border-color:#b8ddff}
.arrival-foot i{background:#89b5e6}

/* A brief focus reveal belongs to the illustration, never the whole page. */
@media(prefers-reduced-motion:no-preference){
 html:not(.rm):not([data-reduced-motion="true"]) .one-welcome.leaving .arrival-art{opacity:.8;transition:opacity .25s ease}
 html:not(.rm):not([data-reduced-motion="true"]) .one-clarity-enter[data-step="0"] .one-board-canvas{animation:one-arrival-clarity 1s cubic-bezier(.22,.61,.36,1) both}
 html:not(.rm):not([data-reduced-motion="true"]) .one-clarity-enter[data-step="0"] .one-narrative{animation:one-arrival-copy .8s ease-out both}
 html:not(.rm):not([data-reduced-motion="true"]) .one-clarity-enter[data-step="0"] .one-board-canvas::after{content:'';position:absolute;inset:-8px;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,#89b5e633,transparent 68%);animation:one-arrival-light 1s ease-out both}
}
@keyframes one-arrival-clarity{from{opacity:.7;transform:scale(1.01)}to{opacity:1;transform:none}}
@keyframes one-arrival-copy{from{opacity:.82}to{opacity:1}}
@keyframes one-arrival-light{from{opacity:.7}to{opacity:0}}