@font-face{font-family:Syne;src:url('/assets/Syne-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Jakarta;src:url('/assets/PlusJakartaSans-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Jakarta;src:url('/assets/PlusJakartaSans-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
:root{--midnight:#0a0e1a;--surface:#151929;--line:#252b4a;--ink:#e0e7ff;--muted:#a4acc9;--voice:#a5b4fc;--voice-hover:#c0cafd;--radius:12px;color-scheme:dark;scroll-behavior:smooth;scrollbar-color:var(--line) var(--midnight)}
*{box-sizing:border-box}body{margin:0;background:var(--midnight);color:var(--ink);font-family:Jakarta,Arial,sans-serif;line-height:1.65}::selection{background:var(--voice);color:var(--midnight)}a{color:inherit;text-underline-offset:.25em}a:focus-visible{outline:3px solid var(--voice);outline-offset:6px;border-radius:3px}a:hover{color:var(--voice)}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;padding-block:30px}.wordmark{font:700 38px/1 Syne,Arial,sans-serif;text-decoration:none;letter-spacing:-.035em}.site-header nav,.site-footer nav{display:flex;gap:32px}.site-header nav a,.site-footer nav a{font-size:14px;text-decoration:none}.skip-link{position:fixed;left:20px;top:16px;padding:8px 16px;background:var(--voice);color:var(--midnight);transform:translateY(-160%);z-index:5}.skip-link:focus{transform:none}
.hero{display:grid;grid-template-columns:1.07fr 1fr;align-items:center;gap:12px;padding-block:62px 80px;min-height:660px}.hero-copy{position:relative;z-index:1}.hero h1{font:700 clamp(60px,6.45vw,92px)/1.04 Syne,Arial,sans-serif;letter-spacing:-.035em;margin:0 0 28px;text-wrap:balance}.intro{font-size:18px;line-height:1.75;color:var(--muted);max-width:43ch;margin:0 0 32px}.destinations{scroll-margin-top:32px;max-width:490px}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);min-height:54px;padding:14px 26px;font-size:15px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .18s,color .18s}.primary{color:var(--midnight);background:var(--voice)}.primary:hover{color:var(--midnight);background:var(--voice-hover)}.store-options{display:flex;flex-wrap:wrap;align-items:flex-start;gap:24px;margin-top:28px}.store-option{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.store-badge{display:block;width:fit-content;line-height:0}.store-badge img{display:block;height:48px;width:auto}.store-option small{color:var(--muted);font-size:12px;line-height:1.5}.sound-terrain{margin:0;align-self:center;position:relative}.sound-terrain img{display:block;width:100%;height:auto;animation:terrain-arrive 1.2s cubic-bezier(.16,1,.3,1) both}.sound-terrain figcaption{font-size:12px;color:var(--muted);text-align:right;padding:0 24px 0 0}
.how{padding-block:70px 96px;border-top:1px solid var(--line);scroll-margin-top:30px}.how h2{font:700 clamp(30px,3.2vw,44px)/1.15 Syne,Arial,sans-serif;letter-spacing:-.025em;margin:0 0 45px;max-width:20ch}.feature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:64px}.feature-list h3{font-size:18px;line-height:1.4;margin:0 0 12px;font-weight:600}.feature-list p{font-size:14px;color:var(--muted);margin:0;max-width:34ch}.site-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-block:30px 40px;gap:24px}.site-footer p{display:flex;align-items:center;gap:22px;margin:0;font-size:12px;color:var(--muted)}.footer-brand{font:700 26px/1 Syne,Arial,sans-serif;color:var(--ink);letter-spacing:-.03em}
@keyframes terrain-arrive{from{clip-path:inset(0 0 16% 0);filter:blur(3px)}to{clip-path:inset(0);filter:blur(0)}}
@media(max-width:1023px){.wrap{width:calc(100% - 64px)}.hero{padding-block:48px 66px;min-height:580px}.hero h1{font-size:clamp(50px,6.5vw,68px)}.intro{font-size:16px}.feature-list{gap:32px}}
@media(max-width:767px){.wrap{width:calc(100% - 40px)}.site-header{padding-block:24px}.wordmark{font-size:32px}.site-header nav{gap:20px}.site-header nav a{font-size:12px}.site-header nav a:first-child{display:none}.hero{grid-template-columns:1fr;gap:24px;padding-block:36px 42px;min-height:0}.hero h1{font-size:clamp(42px,11.5vw,70px);margin-bottom:22px;line-height:1.07}.intro{font-size:15px;max-width:40ch;margin-bottom:26px}.button{width:100%;min-height:52px}.store-options{margin-top:24px;gap:24px}.store-badge img{height:40px}.sound-terrain{width:min(460px,100%);margin:4px auto 0}.sound-terrain img{max-height:380px;object-fit:contain}.sound-terrain figcaption{text-align:center;padding:0}.how{padding-block:44px 52px}.how h2{font-size:32px;margin-bottom:32px}.feature-list{grid-template-columns:1fr;gap:30px}.feature-list h3{font-size:17px;margin-bottom:9px}.feature-list p{max-width:44ch;font-size:14px}.site-footer{align-items:flex-start;padding-block:28px 34px;gap:28px;flex-wrap:wrap}.site-footer p{flex-direction:column;align-items:flex-start;gap:12px}.site-footer nav{gap:20px}.site-footer nav a{font-size:12px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.skip-link:hover{color:var(--midnight)}
.magic-entry{max-width:680px;margin-block:72px 96px}.magic-entry h1{font:700 clamp(36px,6vw,56px)/1.1 Syne,Arial,sans-serif;letter-spacing:-.025em;margin:0 0 24px}.magic-entry p{color:var(--muted);font-size:16px;margin:0 0 28px;max-width:55ch}.magic-entry .link-status{font-size:13px;margin-top:32px}.magic-entry .button{width:auto}