@font-face{font-family:Manrope;src:url('/assets/manrope.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
:root{--water:#042b30;--teal:#07535a;--brass:#e5b66c;--paper:#f5f3eb;--mist:#a9c4c3;--line:rgba(169,196,195,.2);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--water);color:var(--paper);font:16px/1.65 Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--brass);outline-offset:6px}button{color:inherit}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}::selection{background:var(--brass);color:var(--water)}.skip{position:fixed;left:20px;top:-100px;padding:10px 20px;background:var(--paper);color:var(--water);z-index:20}.skip:focus{top:15px}
.site-header{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:22px max(6vw,24px);max-width:1680px;margin:auto}.wordmark{display:block;width:248px;line-height:0;margin-left:-12px}.wordmark img{width:100%;height:auto;filter:brightness(0) invert(1)}nav{display:flex;align-items:center;gap:40px;font-size:14px;font-weight:500}nav a{padding:10px 0}nav a:hover{color:var(--brass)}.nav-download{display:flex;align-items:center;gap:13px}.nav-download svg{width:18px;height:18px}
.hero{min-height:min(980px,100svh);max-height:1100px;position:relative;isolation:isolate;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;max-width:1680px;margin:auto;padding:150px max(6vw,24px) 140px;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 70% 48%,rgba(7,83,90,.45),transparent 56%)}.hero-copy{position:relative;z-index:2;max-width:640px}.hero h1{font-size:clamp(66px,7.8vw,126px);letter-spacing:-.065em;line-height:1.02;font-weight:500;margin:0 0 30px}.hero-description{font-size:clamp(16px,1.35vw,20px);color:var(--mist);max-width:370px;line-height:1.7;margin:0 0 34px}.store-row{display:flex;gap:13px;flex-wrap:wrap}.store{display:flex;align-items:center;gap:13px;text-align:left;border:1px solid rgba(245,243,235,.45);border-radius:14px;padding:12px 19px;min-width:177px;background:rgba(4,43,48,.48);transition:background .2s,border-color .2s}.store:hover{background:rgba(229,182,108,.1);border-color:var(--brass)}.store svg{width:25px;height:29px;flex:none}.store small{font-size:10px;line-height:1.4;display:block;opacity:.7}.store b{display:block;font-size:18px;line-height:1.5;letter-spacing:-.03em;font-weight:600}.launch-note{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--mist);margin-top:23px}.status-dot{width:5px;height:5px;flex:none;background:var(--brass);border-radius:50%}
.atlas-stage{position:relative;width:calc(100% + 170px);aspect-ratio:1;margin-left:-65px;display:grid;place-items:center;perspective:1000px;z-index:1}.atlas{display:block;width:100%;height:100%;object-fit:contain;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s ease-out;mask-image:radial-gradient(ellipse at center,black 35%,rgba(0,0,0,.9) 51%,transparent 73%);-webkit-mask-image:radial-gradient(ellipse at center,black 35%,rgba(0,0,0,.9) 51%,transparent 73%)}.atlas-light{position:absolute;inset:20% 12%;background:radial-gradient(ellipse,rgba(229,182,108,.08),transparent 65%);pointer-events:none}.atlas-caption{position:absolute;bottom:8%;font-size:11px;letter-spacing:.02em;color:var(--mist);opacity:.7}.scroll-cue{position:absolute;bottom:36px;left:max(6vw,24px);display:flex;align-items:center;gap:16px;color:var(--mist);font-size:12px}.scroll-cue svg{width:15px;height:20px}.scroll-cue:hover{color:var(--brass)}
.discover{max-width:1440px;margin:0 auto;padding:115px max(6vw,24px) 135px;display:grid;grid-template-columns:1fr 1fr;gap:12%;border-top:1px solid var(--line)}.section-intro h2{font-size:clamp(36px,4.1vw,64px);line-height:1.14;letter-spacing:-.05em;font-weight:500;margin:24px 0}.section-intro p{color:var(--mist);max-width:300px;font-size:15px}.small-mark{display:block;width:36px;height:4px;background:var(--brass);border-radius:8px}.discovery-list{padding-top:6px}.discovery-list details{border-bottom:1px solid var(--line);padding:25px 0}.discovery-list details:first-child{padding-top:0}.discovery-list summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:25px;letter-spacing:-.035em;line-height:1.5}.discovery-list summary::-webkit-details-marker{display:none}.discovery-list summary svg{width:17px;height:17px;color:var(--brass);flex:none;transition:transform .25s}.discovery-list details[open] summary svg{transform:rotate(45deg)}.discovery-list p{font-size:15px;color:var(--mist);max-width:350px;margin:17px 35px 3px 0;line-height:1.75}
.closing{position:relative;isolation:isolate;overflow:hidden;text-align:center;padding:100px 24px 125px;background:#062f34;border-top:1px solid var(--line)}.closing-orbit{position:absolute;z-index:-1;width:1100px;height:1100px;left:calc(50% - 550px);top:-50px;border:1px solid rgba(169,196,195,.07);border-radius:50%;box-shadow:0 0 0 90px rgba(169,196,195,.025),0 0 0 180px rgba(169,196,195,.015)}.app-tile{width:92px;height:92px;border-radius:23px;box-shadow:0 16px 40px rgba(0,0,0,.22);margin-bottom:25px}.closing h2{font-size:clamp(35px,4.5vw,66px);letter-spacing:-.05em;line-height:1.15;font-weight:500;margin:0 0 23px}.closing p{color:var(--mist);font-size:15px;margin-bottom:30px}.closing .store-row{justify-content:center}footer{max-width:1440px;padding:38px max(6vw,24px);margin:auto;display:flex;gap:25px;align-items:center;font-size:11px;color:var(--mist)}.footer-brand{font-size:16px;color:var(--paper);font-weight:600;letter-spacing:-.04em}footer p{margin:0}footer>div{display:flex;gap:22px;margin-left:auto;align-items:center}.text-button{border:0;background:none;padding:0;color:inherit;font:inherit}footer a:hover,.text-button:hover{color:var(--brass)}
dialog{width:min(480px,calc(100% - 36px));border:1px solid var(--line);border-radius:26px;padding:40px;background:#07383e;color:var(--paper);box-shadow:0 35px 100px rgba(0,0,0,.4)}dialog::backdrop{background:rgba(0,16,20,.75);backdrop-filter:blur(7px)}dialog img{border-radius:15px;margin-bottom:18px}dialog h2{font-size:30px;line-height:1.25;letter-spacing:-.04em;font-weight:500;margin:0 0 15px}dialog p{font-size:14px;color:var(--mist);line-height:1.7;margin-bottom:24px}.dialog-close{position:absolute;right:17px;top:10px;width:36px;height:36px;border:0;background:transparent;font-size:28px;color:var(--mist)}.dialog-done{background:var(--brass);color:var(--water);border:0;border-radius:10px;padding:12px 20px;font-size:13px;font-weight:700}
@media(min-width:850px) and (prefers-reduced-motion:no-preference){.hero-copy{animation:arrive .8s ease-out both}.atlas-stage{animation:art-arrive 1.3s ease-out both}@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes art-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}}
@media(max-width:1050px){.hero h1{font-size:clamp(66px,8.5vw,100px)}.hero-description{max-width:330px}.store{padding:11px 14px;min-width:158px}.store b{font-size:17px}.atlas-stage{width:calc(100% + 130px);margin-left:-55px}.discover{gap:8%}footer p{display:none}}
@media(max-width:760px){.site-header{padding:13px 24px}.wordmark{width:205px;margin-left:-10px}.site-header nav{gap:0}.site-header nav>a:first-child{display:none}.nav-download{font-size:12px;gap:7px}.nav-download svg{width:15px}.hero{min-height:0;max-height:none;padding:132px 25px 77px;display:flex;flex-direction:column;align-items:stretch}.hero-copy{display:contents}.hero h1{font-size:clamp(65px,13.5vw,95px);line-height:1.02;margin:0;order:0;position:relative;z-index:2}.hero-description{order:2;font-size:16px;max-width:380px;margin:0 0 25px}.atlas-stage{order:1;width:calc(100% + 80px);margin:-60px -40px -60px;aspect-ratio:1;pointer-events:none}.atlas-caption{display:none}.hero .store-row{order:3;flex-wrap:nowrap;gap:10px}.store{min-width:0;flex:1;padding:11px 12px;gap:10px}.store small{font-size:9px}.store b{font-size:16px}.store svg{width:23px;height:27px}.hero .launch-note{order:4;display:flex;font-size:10px;margin-bottom:0}.scroll-cue{display:none}.discover{display:block;padding:65px 25px 75px}.section-intro h2{font-size:42px}.section-intro h2 br:last-child{display:none}.section-intro p{max-width:330px}.discovery-list{margin-top:45px}.discovery-list summary{font-size:22px}.discovery-list p{font-size:14px;max-width:none}.closing{padding:70px 25px 80px}.closing .store-row{max-width:380px;margin:auto}.closing h2{font-size:36px}.closing p{font-size:14px;max-width:270px;margin:0 auto 27px}.app-tile{width:78px;height:78px;border-radius:20px}.closing-orbit{width:700px;height:700px;left:calc(50% - 350px);top:-30px}footer{padding:30px 25px;display:block}footer>div{margin:18px 0 0;display:flex;flex-wrap:wrap;gap:14px 22px}footer>div>span{margin-left:auto;font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.atlas{transform:none!important}}
/* A solid viewport-attached header lets Safari extend the brand color into its toolbar. */
html{background:var(--water)}
.site-header{position:fixed;max-width:none;background:var(--water)}