/* The journey below the harbor. Scenic layers never intercept controls. */
.section{max-width:none;position:relative;isolation:isolate;overflow:hidden}
.section> :not(.world-atmosphere){position:relative;z-index:1}
.economics>.economy-prop{position:absolute}
@media(max-width:760px){.economics>.economy-prop{position:static}}
.boat-section{background:linear-gradient(90deg,#fdf7e9f5 5%,#fdf7e9e8 45%,#fdf7e963),url('assets/reference-harbor-clean.png') center 55%/cover;padding-bottom:110px}
.boat-section .section-head{max-width:770px}.boat-section .blueprint{background:radial-gradient(ellipse at 50% 70%,#67d4ccb0,transparent 65%),linear-gradient(145deg,#d7f3eeed,#97d4d9e6);border:5px solid #fff8e9;box-shadow:0 24px 55px #174f4433,inset 0 0 70px #fff7de80;border-radius:28px}
.boat-section .part-copy{padding:30px 34px;background:#fff9edeF;border:1px solid #fff;border-radius:24px;box-shadow:0 18px 50px #25453616}
.boat-section .blueprint:after{content:'';position:absolute;bottom:13%;left:16%;width:66%;height:13%;border:1px solid #efffffa8;border-radius:50%;animation:harbor-ring 5s ease-out infinite;pointer-events:none}
.demo-section{background:radial-gradient(ellipse at 75% 0,#157f8c99,transparent 65%),linear-gradient(#075767,#042e43);color:#fff7e8;padding-top:100px;padding-bottom:110px}
.demo-section .section-head p,.demo-section .eyebrow{color:#b1e1dc}.demo-section h2 em{color:#78e0ca}.demo-shell{box-shadow:0 30px 75px #001e3c70;border-color:#f6eddb!important;position:relative}.demo-controls{color:#123e48}.demo-controls .eyebrow{color:#34716e}.demo-section:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 11%,#d1fff907 12%,transparent 18%);pointer-events:none}
.progression{background-color:#fcf2d9;background-image:radial-gradient(ellipse at 90% 35%,#9bd5c863,transparent 40%),repeating-linear-gradient(0deg,transparent 0 59px,#b1996020 60px),repeating-linear-gradient(90deg,transparent 0 59px,#b1996020 60px)}
.progression:before{content:'N';position:absolute;right:5%;top:85px;width:260px;height:260px;border:1px solid #95794d30;border-radius:50%;color:#95794d65;text-align:center;padding-top:8px;font-size:18px;background:conic-gradient(from 45deg,transparent 0 24%,#bca77018 25%,transparent 26% 49%,#bca77018 50%,transparent 51% 74%,#bca77018 75%,transparent 76%)}
.route-art svg path{animation:route-flow 18s linear infinite}.route-marker{animation:map-bob 5s ease-in-out infinite}.journey{gap:12px}.journey-step{background:#fffaf0d9;border:1px solid #d6c9a7!important;border-radius:14px;padding:25px 20px;box-shadow:0 8px 15px #79603909;transition:transform .3s,background .3s}.journey-step:hover{transform:translateY(-5px)}.journey-step.active{background:#0e6f73!important;color:white;box-shadow:0 10px 25px #1b777827}.journey-step.active small,.journey-step.active span{color:#c0e7de}.journey-detail{background:#fffaf1f2;border:1px solid #d9cba4;box-shadow:0 12px 30px #6f603410}
.creatures-row{position:relative;isolation:isolate;overflow:hidden;min-height:360px;margin-top:55px!important;padding:45px!important;background:linear-gradient(90deg,#022f48ef,#0349699c 55%,#033c5866),url('assets/sea.png') center 84%/cover!important;border:5px solid #fff9e9;box-shadow:0 22px 45px #04485925;border-radius:28px;color:#fff9e9}.creatures-row p{color:#cbe7e9}.creatures-row .eyebrow{color:#86e8d2}.creatures-row>img{filter:drop-shadow(0 12px 20px #001e3d70);position:relative;z-index:2}.creatures-row:after{content:'';position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(110deg,transparent 0 15%,#9af6ed12 17%,transparent 22%);animation:sea-light 12s ease-in-out infinite alternate}
.economics{background:linear-gradient(#fff6e7ed,#fff6e7e6),url('assets/reference-harbor-clean.png') left center/cover}.economics .section-head{max-width:760px}.economy-prop{filter:drop-shadow(0 15px 15px #9c782333);animation:map-bob 7s ease-in-out infinite}.economy-flow article{background:#fffcf4ed;border:1px solid #d9c696;box-shadow:0 12px 30px #8559200e;border-top:4px solid #daa347}.flow-num{color:#ac7329!important}.calculator{background:#fffdf5f5;box-shadow:0 18px 50px #604b2517;border:1px solid #dbc79d}.calc-result{position:relative;overflow:hidden;background:radial-gradient(circle at 100% 0,#38a694,#065461 70%)!important}.calc-result:after{content:'✦';position:absolute;right:-18px;bottom:-75px;font-size:280px;color:#a5e6d00c;pointer-events:none}.economy-notes{border-top:1px solid #bda57570;padding-top:30px}
.community{background:linear-gradient(90deg,#063d4cf2,#063d4cbf),url('assets/reference-harbor-clean.png') left 48%/cover;color:#fff8e9;align-items:center;padding-top:110px;padding-bottom:110px}.community h2 em{color:#8ce2c7}.community p,.community .muted{color:#cce5df}.community .eyebrow{color:#f9ce82}.community-crew{width:300px;height:190px;filter:drop-shadow(0 14px 24px #001e3480)}.community-tabs{background:#ffffff14;border:1px solid #9dd7c750;border-radius:14px;padding:5px;display:inline-flex}.community-tabs button{color:#e2f3e7}.community-tabs button.active{background:#fff2d7;color:#144956}.ref-panel{background:#fff6e5!important;color:#123d46;box-shadow:0 30px 75px #001e3a70;transform:rotate(1deg);border:1px solid #e2cc9c}.ref-panel p{color:#536862}.ref-panel:before{content:'';display:block;position:absolute;top:-13px;left:39%;width:22%;height:28px;background:#d3b879a8;transform:rotate(-3deg);box-shadow:0 2px 3px #60441e0f}.ref-graph span{background:linear-gradient(#74cdb8,#147a82)!important}.ref-panel .ref-footer{background:#e8eddb}
.faq{background:radial-gradient(ellipse at 0 90%,#bcded55e,transparent 50%),#fcf3df}.faq>div:first-child:after{content:'';display:block;width:220px;height:180px;background:url('assets/journey-map.png') center/contain no-repeat;margin-top:25px;transform:rotate(-8deg)}.questions details{background:#fffaf0b8;border:1px solid #d7caa8;border-radius:12px;margin-bottom:10px;padding:0 20px}.questions details[open]{background:#fffdf5;box-shadow:0 10px 25px #7158220c}.questions summary{padding:20px 0}.closing{min-height:440px;background:linear-gradient(#052d4650,#063748a6),url('assets/reference-harbor-clean.png') center 48%/cover;color:#fff9e9;display:flex;flex-direction:column;justify-content:center;align-items:center}.closing .eyebrow{color:#d6f7e8}.closing h2 em{color:#a0f1dd}.closing .btn{box-shadow:0 8px 30px #031f4150}footer{background:#062d3b!important;color:#e6f2e8}footer p,footer small{color:#acc9c9}footer a{color:#f3e7ca}
.world-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.world-atmosphere i{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:#9ff7e1;opacity:0;box-shadow:0 0 10px #a6fbe6;animation:world-drift var(--d) ease-in-out infinite;animation-delay:var(--delay);animation-play-state:paused}.world-visible>.world-atmosphere i{animation-play-state:running}.community .world-atmosphere i{background:#ffd588;box-shadow:0 0 16px #ffb653}.progression .world-atmosphere i{background:#a37f36;box-shadow:none}.paused .world-atmosphere i{animation-play-state:paused!important}
@keyframes world-drift{0%,100%{opacity:0;transform:translate(0,30px)}30%,70%{opacity:.45}90%{transform:translate(20px,-70px)}}@keyframes route-flow{to{stroke-dashoffset:-160}}@keyframes map-bob{50%{transform:translateY(-7px) rotate(2deg)}}@keyframes sea-light{to{transform:translateX(5%)}}@keyframes harbor-ring{0%{transform:scale(.8);opacity:0}35%{opacity:.8}100%{transform:scale(1.2);opacity:0}}
@media(min-width:1600px){.section{padding-left:max(8%,calc((100vw - 1350px)/2));padding-right:max(8%,calc((100vw - 1350px)/2))}}
@media(max-width:760px){.boat-section{background-position:35% center}.boat-section .part-copy{padding:25px}.blueprint{min-height:350px!important}.journey-step{padding:20px 14px}.creatures-row{padding:25px!important;min-height:420px;background-position:50% 85%!important}.creatures-row>img{max-width:100%;height:145px}.community{padding-top:70px;padding-bottom:70px}.community-crew{width:230px;height:155px}.ref-panel{transform:none}.economics .section-head{max-width:100%}.progression:before{width:170px;height:170px;right:-80px;top:30px}.faq>div:first-child:after{display:none}.closing{min-height:400px}.demo-section .section-head{margin-bottom:30px}}
@media(prefers-reduced-motion:reduce){.world-atmosphere{display:none}.route-art svg path,.route-marker,.economy-prop,.creatures-row:after,.blueprint:after{animation:none!important}.journey-step:hover{transform:none}}