/* Mission-led homepage. All rules stay inside its own page state/content. */
body[data-stage="hero"] #app{display:block;max-width:none;padding:0;margin:0;min-height:100vh}
.mission-landing.screen{width:100%;max-width:none;animation:none}
.mission-landing .ml-width{width:min(1120px,calc(100% - 80px));margin-inline:auto}
.mission-landing .ml-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;min-height:min(850px,100svh);padding:145px 0 78px}
.mission-landing .ml-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 25px;color:#ffcf86;font:600 10px/1.6 var(--sans);letter-spacing:.2em}
.ml-eyebrow>span{width:5px;height:5px;background:#ffcf86;border-radius:50%;box-shadow:0 0 12px #ffc24b}
.mission-landing h1{font:400 clamp(52px,5.8vw,82px)/1.07 var(--serif);letter-spacing:-.035em;margin:0 0 27px}
.mission-landing h1 em{color:#ffcb84;text-shadow:0 0 42px #ffc24b35;font-weight:400}
.mission-landing .ml-lede{max-width:465px;font-size:18px;line-height:1.75;color:#d0d0e0;margin:0 0 33px}
.mission-landing .cta{font-size:15px;padding:18px 29px;gap:34px;min-height:58px;border-radius:100px;box-shadow:0 10px 34px #ffc24b30;text-decoration:none;white-space:normal;text-align:center;justify-content:center}
.mission-landing .ml-start-note{font-size:12px;color:#bfc0d2;line-height:1.6;margin:15px 0 0}
.ml-text-link{display:inline-flex;gap:18px;align-items:center;margin-top:33px;color:#d7cedb;font-size:13px;text-decoration:none;border-bottom:1px solid #cfc6da44;padding-bottom:6px}
.ml-text-link:hover{color:#ffcf86;border-color:#ffcf86}
.ml-resume:empty{display:none}.ml-resume{margin-top:22px}.ml-resume p{font-size:12px;margin:0 0 7px}.mission-landing .ml-resume .cta.secondary{background:none;color:#ffe0ac;border:1px solid #ffe0ac66;box-shadow:none;padding:11px 18px;min-height:44px;font-size:13px}
.ml-universe{position:relative;isolation:isolate;height:540px;width:100%;max-width:510px;margin:auto}
.ml-universe::before{content:"";position:absolute;inset:7% -8% 25%;border-radius:50%;background:radial-gradient(ellipse,#c0a4d018,#ffc7860b 40%,transparent 70%);filter:blur(10px);z-index:-1}
.ml-core{position:absolute;top:37%;left:50%;width:180px;height:180px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid #fbd19b44;background:radial-gradient(circle at 40% 35%,#e7cba21c,#e7cba205 72%);display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:inset 0 0 40px #ffc78609,0 0 80px #dec1bd0b}
.ml-core::after{content:"";position:absolute;inset:-12px;border:1px solid #e6cced13;border-radius:50%}
.ml-core>span{font:400 47px var(--serif);letter-spacing:.08em;color:#fff0d6}.ml-core i{font:italic 12px var(--serif);color:#d4cadb;margin-top:9px}
.ml-orbit{position:absolute;left:50%;top:37%;border:1px solid #e6c59d3b;border-radius:50%;pointer-events:none;z-index:-1}
.ml-orbit-one{width:98%;height:49%;transform:translate(-50%,-50%) rotate(-24deg)}
.ml-orbit-two{width:82%;height:67%;transform:translate(-50%,-50%) rotate(32deg);border-color:#d4c7e62c}
.ml-orbit-three{width:93%;height:63%;transform:translate(-50%,-50%) rotate(-18deg);border-style:dashed;border-color:#d4c7e61a}
.ml-point{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;justify-content:center;gap:9px;min-width:86px;min-height:69px;padding:12px 15px;border:1px solid transparent;border-radius:17px;background:transparent;color:#ded8e8;font:500 12px var(--sans);cursor:pointer;transition:background .25s,border-color .25s,color .25s}
.ml-point[aria-pressed="true"]{background:linear-gradient(135deg,#172139ec,#33344dd9);border-color:#ffcb8470;color:#fff4db;box-shadow:0 6px 24px #0d122018}
.ml-point:hover{background:#26314cbb;border-color:#ead4b344;color:#fff4db}
.ml-point-star{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 32% 25%,#fff4d9,#efc080 60%,#b48b89);box-shadow:0 0 13px 4px #f3c67e40;animation:ml-twinkle 6s ease-in-out infinite}
.point-mind{left:32%;top:8%}.point-energy{left:88%;top:28%}.point-connection{left:78%;top:61%}.point-direction{left:29%;top:67%}.point-growth{left:7%;top:36%}
.point-energy .ml-point-star{background:radial-gradient(circle at 32% 25%,#fff2dc,#e4a7a8);animation-delay:-1s}.point-connection .ml-point-star{background:radial-gradient(circle at 32% 25%,#fff2dc,#b2a5d3);animation-delay:-2s}.point-direction .ml-point-star{background:radial-gradient(circle at 32% 25%,#fff2dc,#a9bbd5);animation-delay:-3s}.point-growth .ml-point-star{background:radial-gradient(circle at 32% 25%,#fff2dc,#aac6b6);animation-delay:-4s}
.ml-insight{position:absolute;left:9%;right:5%;top:80%;padding-top:18px;border-top:1px solid #d5c2bd38;min-height:85px}
.ml-insight-label{font-size:9px;letter-spacing:.18em;font-weight:600;color:#ffcf86}.mission-landing .ml-insight p{margin:7px 0 0;font-size:13px;line-height:1.6;color:#d2cddd;max-width:365px}
.ml-universe-hint{position:absolute;left:9%;bottom:-6px;color:#aba9c0;font:italic 11px var(--serif)}
.mission-landing .ml-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid #d8c1b438;border-bottom:1px solid #d8c1b438;padding:25px 0}
.ml-principles>div{display:flex;gap:14px;align-items:center}.ml-small-star{font-size:19px;color:#ffd295;opacity:.85}.ml-principles p{margin:0;display:flex;flex-direction:column;gap:5px}.ml-principles strong{font-size:13px;font-weight:500;color:#eee9ee}.ml-principles p>span{font-size:11px;color:#c4bfd0;line-height:1.5}
.mission-landing h2{font:400 clamp(34px,3.7vw,51px)/1.18 var(--serif);letter-spacing:-.025em;margin:0 0 24px}.mission-landing h2 em{font-weight:400;color:#ffdaaa}
.mission-landing .ml-mission{padding:112px 0 105px;scroll-margin-top:100px;text-align:center}.ml-mission>.ml-eyebrow{justify-content:center}
.ml-mission-body{display:grid;grid-template-columns:1fr 1fr;gap:48px;max-width:810px;margin:34px auto 0;text-align:left}.ml-mission-body p{font-size:16px;color:#ded6e2;line-height:1.8;margin:0}.ml-mission-end{font:italic 18px var(--serif);color:#fff0d4;margin:33px 0 0}
.mission-landing .ml-science{display:grid;grid-template-columns:1fr 1fr;gap:74px;align-items:center;padding:54px;border:1px solid #ead2ac40;border-radius:30px;background:radial-gradient(ellipse at 90% 0,#f4c17a12,transparent 60%),linear-gradient(135deg,#18243bec,#29263bb8);box-shadow:0 30px 80px #17203912}
.ml-science-copy>p:not(.ml-eyebrow){font-size:16px;line-height:1.8;color:#d1ccdc;margin:0}.ml-research-note{margin-top:27px;color:#dad2e1;font-size:12px;line-height:1.75}.ml-research-note summary{cursor:pointer;color:#f4ce99;text-underline-offset:4px}.ml-research-note p{margin:12px 0 0}
.ml-ocean-heading{display:flex;justify-content:space-between;gap:10px;margin-bottom:15px;font-size:10px;color:#d1c6d5}.ml-ocean-heading>span:first-child{letter-spacing:.18em;color:#f6ce95}.ml-ocean-heading>span:last-child{font:italic 11px var(--serif)}
.ml-trait{display:flex;gap:19px;align-items:center;padding:14px 0;border-top:1px solid #d2c2cf22}.ml-trait>span{display:grid;place-items:center;flex:0 0 40px;height:43px;border:1px solid #f4cf9550;border-radius:12px;background:#e6c2a009;font:26px var(--serif);color:#edcda6}.ml-trait:nth-child(3)>span{color:#b9c7e3;border-color:#b9c7e344}.ml-trait:nth-child(4)>span{color:#e9bebe;border-color:#e9bebe44}.ml-trait:nth-child(5)>span{color:#c9bddf;border-color:#c9bddf44}.ml-trait:nth-child(6)>span{color:#bcd3c6;border-color:#bcd3c644}.ml-trait h3{font:500 14px var(--sans);margin:0 0 4px;color:#f0eaf1}.ml-trait p{margin:0;font-size:11px;line-height:1.55;color:#c6bfd0}.ml-ocean-foot{font-size:10px;color:#bdb3c9;line-height:1.6;margin:12px 0 0}
.mission-landing .ml-journey{padding:112px 0 82px}.ml-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:46px;margin-top:43px}.ml-steps article{border-top:1px solid #ffe0bc55;padding-top:22px}.ml-step-number{font:italic 25px var(--serif);color:#ffe4b6;display:block;margin-bottom:24px}.ml-steps h3{font:400 25px var(--serif);margin:0 0 15px;color:#fcf3f1}.ml-steps p{font-size:14px;line-height:1.8;color:#e0d3e0;margin:0}
.mission-landing .ml-invitation{text-align:center;position:relative;padding:54px 20px 104px}.ml-invitation::before{content:"";position:absolute;inset:0 0 5%;background:radial-gradient(ellipse,#ffd49714,transparent 68%);pointer-events:none}.ml-invitation>.ml-eyebrow{justify-content:center;margin-bottom:21px}.ml-invitation-star{display:block;font-size:31px;color:#ffe0a3;text-shadow:0 0 26px #ffc26b88;margin-bottom:26px}.ml-invitation>p:not(.ml-eyebrow):not(.ml-start-note){color:#e3d8e5;font-size:16px;margin:0 0 28px}.ml-invitation .ml-start-note{margin-top:20px}
.mission-landing :is(button,a,summary):focus-visible{outline:2px solid #ffde9d;outline-offset:5px}
@keyframes ml-twinkle{0%,100%{box-shadow:0 0 13px 4px #f3c67e30}50%{box-shadow:0 0 22px 6px #f3c67e50}}
@media(min-width:1500px){.mission-landing .ml-hero{min-height:820px}}
@media(max-width:1000px){.mission-landing .ml-width{width:calc(100% - 56px)}.mission-landing .ml-hero{gap:20px}.ml-universe{height:490px}.ml-core{width:145px;height:145px}.ml-core>span{font-size:39px}.ml-core i{font-size:10px}.mission-landing h1{font-size:60px}.mission-landing .ml-science{gap:38px;padding:38px}.ml-principles>div{align-items:flex-start}.ml-steps{gap:26px}}
@media(max-width:760px){.mission-landing .ml-width{width:calc(100% - 44px)}.mission-landing .ml-hero{grid-template-columns:1fr;padding:119px 0 46px;gap:55px;min-height:0}.ml-hero-copy{text-align:center}.ml-hero-copy>.ml-eyebrow{justify-content:center;font-size:9px;letter-spacing:.17em}.mission-landing h1{font-size:clamp(47px,9vw,67px)}.mission-landing .ml-lede{font-size:16px;max-width:480px;margin-inline:auto}.mission-landing .cta{padding:17px 26px;gap:27px}.ml-text-link{margin-top:26px}.ml-universe{max-width:440px;height:475px}.ml-core{width:155px;height:155px}.ml-point{min-width:75px;padding:10px;font-size:11px}.mission-landing .ml-principles{grid-template-columns:1fr;gap:24px;padding:28px 18px}.ml-principles strong{font-size:14px}.ml-principles p>span{font-size:12px}.ml-principles>div{align-items:center}.mission-landing .ml-mission{padding:76px 0}.ml-mission-body{grid-template-columns:1fr;gap:20px;margin-top:27px;max-width:520px}.ml-mission-body p{font-size:15px}.mission-landing h2{font-size:36px}.ml-mission-end{font-size:16px}.mission-landing .ml-science{grid-template-columns:1fr;padding:30px 24px;gap:35px;border-radius:24px}.ml-science-copy>p:not(.ml-eyebrow){font-size:15px}.mission-landing .ml-journey{padding:78px 0 50px}.ml-steps{grid-template-columns:1fr;gap:30px;margin-top:32px}.ml-step-number{margin-bottom:15px}.mission-landing .ml-invitation{padding:30px 0 74px}.ml-invitation>p:not(.ml-eyebrow):not(.ml-start-note){font-size:15px}.ml-invitation .ml-start-note{font-size:11px}}
@media(max-width:360px){.mission-landing .ml-width{width:calc(100% - 36px)}.mission-landing h1{font-size:45px}.mission-landing .ml-eyebrow{font-size:9px}.ml-universe{height:430px}.ml-core{width:130px;height:130px}.ml-core>span{font-size:33px}.ml-core i{font-size:9px}.ml-point{min-width:63px;padding:8px;font-size:10px}.ml-insight{left:3%;right:3%;top:79%}.ml-universe-hint{left:3%;bottom:-13px}.mission-landing h2{font-size:31px}.ml-ocean-heading{flex-direction:column;gap:5px}}
@media(prefers-reduced-motion:reduce){.ml-point-star{animation:none}.ml-point{transition:none}}
