@font-face{font-family:Oswald;src:url('assets/Oswald-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url('assets/Inter-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('assets/Inter-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url('assets/Inter-Bold.ttf') format('truetype');font-weight:700;font-display:swap}

:root{--navy:#061f2d;--navy-2:#0a2b3c;--cream:#f8f3e8;--gold:#ffb31f;--gold-soft:#efbd63;--teal:#098c98;--seafoam:#82c5c1;--muted:#b4c5c7;--ink:#092738;--line:rgba(248,243,232,.18);--max:1280px;--display:Oswald,'Arial Narrow',sans-serif;--body:Inter,system-ui,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--navy);color:var(--cream);font-family:var(--body);font-size:16px;line-height:1.6;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:-80px;left:20px;z-index:1000;background:var(--gold);color:var(--ink);padding:12px 18px;border-radius:8px;font-weight:700}.skip-link:focus{top:20px}
.container{width:min(var(--max),calc(100% - 64px));margin:0 auto;position:relative;z-index:2}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:var(--display);font-weight:600;line-height:.98;letter-spacing:-.025em}
h1{font-size:clamp(4rem,7.5vw,8rem);max-width:800px}
h2{font-size:clamp(3.4rem,6vw,6.6rem)}
h3{font-size:2rem}
.button{display:inline-flex;min-height:58px;align-items:center;justify-content:center;gap:12px;padding:0 30px;border:0;border-radius:8px;background:var(--gold);color:var(--ink);font-weight:700;cursor:pointer;box-shadow:0 14px 40px rgba(0,0,0,.2);transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.button:hover,.button:focus-visible{transform:translateY(-3px);background:#ffc247;box-shadow:0 18px 48px rgba(0,0,0,.28)}
.button-outline{background:rgba(6,31,45,.45);color:var(--cream);border:1px solid rgba(248,243,232,.72);box-shadow:none}.button-outline:hover{background:var(--cream);color:var(--ink)}
.button-small{min-height:48px;padding:0 23px}

.site-header{position:absolute;top:0;left:0;right:0;z-index:20;height:122px;display:flex;align-items:center;justify-content:space-between;width:min(var(--max),calc(100% - 64px));margin:auto}
.brand{width:190px;height:118px;display:flex;align-items:center;overflow:visible}.brand img{width:126px}
.site-nav{display:flex;align-items:center;gap:38px;font-family:var(--display);font-size:1.15rem}.site-nav>a:not(.button){position:relative}.site-nav>a:not(.button)::after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:2px;background:var(--gold);transition:right .2s}.site-nav>a:hover::after{right:0}
.menu-button{display:none;background:none;border:0;padding:10px}.menu-button span:not(.sr-only){display:block;width:28px;height:2px;background:var(--cream);margin:6px}

.hero{min-height:980px;position:relative;display:flex;align-items:center;overflow:hidden;padding:150px 0 110px;background:var(--navy)}
.hero-background{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(6,31,45,.94) 0%,rgba(6,31,45,.7) 48%,rgba(6,31,45,.12) 82%),url('assets/coast-launch.jpg');background-size:cover;background-position:center;filter:saturate(.92) contrast(1.08);transform:scale(1.02)}
.hero-background::after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 18% 12%,transparent 0 3px,rgba(130,197,193,.11) 3.5px 4px,transparent 4.5px);background-size:140px 140px;opacity:.4}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);align-items:center;gap:50px}
.hero-copy p{max-width:590px;color:#e8eeeb;font-size:clamp(1.15rem,2vw,1.55rem);line-height:1.55}.hero-actions{display:flex;gap:16px;margin-top:34px;flex-wrap:wrap}
.hero-phone-wrap{justify-self:end;position:relative}.hero-phone-wrap::before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,179,31,.22);border-radius:50%;top:12%;left:-28%;box-shadow:0 0 0 70px rgba(255,179,31,.03),0 0 0 140px rgba(255,179,31,.02)}
.phone{position:relative;background:#070c10;border:8px solid #141b1f;border-radius:52px;padding:3px;box-shadow:0 32px 70px rgba(0,0,0,.5),inset 0 0 0 2px #536067;overflow:hidden;z-index:2}.phone::after{content:"";position:absolute;top:15px;left:50%;width:94px;height:26px;background:#020304;border-radius:18px;transform:translateX(-50%)}.phone img{width:100%;height:100%;object-fit:cover;border-radius:41px}
.phone-hero{width:400px;transform:rotate(1deg)}
.shoreline{position:absolute;left:-5%;right:-5%;bottom:-46px;height:100px;background:var(--cream);clip-path:polygon(0 57%,8% 42%,18% 61%,29% 43%,40% 58%,52% 39%,64% 57%,76% 44%,88% 60%,100% 42%,100% 100%,0 100%)}
.route{position:absolute;pointer-events:none;border:2px dashed rgba(255,179,31,.52);border-radius:50%}
.route-hero{width:700px;height:420px;right:-380px;top:160px;transform:rotate(-20deg)}

.section-light{background:var(--cream);color:var(--ink)}
.how{padding:150px 0 180px}.how-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.how h2{max-width:620px;margin-bottom:70px}.steps{list-style:none;padding:0;margin:0;display:grid;gap:36px}.steps li{display:grid;grid-template-columns:60px 1fr;gap:22px;align-items:start}.step-number{width:54px;height:54px;border-radius:50%;background:var(--teal);color:white;display:grid;place-items:center;font-family:var(--display);font-size:1.8rem}.steps h3{font-size:2.2rem;margin:3px 0 6px}.steps p{margin:0;max-width:350px;color:#365562}.phone-pair{min-height:750px;position:relative}.phone-pair .phone{position:absolute;width:330px}.phone-discover{left:5%;top:0;transform:rotate(-5deg)}.phone-map{right:0;top:90px;transform:rotate(6deg)}.route-pair{inset:22% -5% 0 8%;border-color:rgba(9,140,152,.55);transform:rotate(12deg)}

.section-dark{background:var(--navy);color:var(--cream)}
.quests{padding:150px 0;overflow:hidden;background-image:radial-gradient(circle at 88% 20%,rgba(9,140,152,.18),transparent 28%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,90px 90px,90px 90px}.section-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:78px}.section-intro h2{margin-bottom:28px}.section-intro p{max-width:660px;color:var(--muted);font-size:1.15rem}.quest-stage{height:820px;position:relative}.quest-card{position:absolute;background:var(--cream);color:var(--ink);overflow:hidden;border-radius:14px;box-shadow:0 25px 60px rgba(0,0,0,.36)}.quest-card img{width:100%;height:68%;object-fit:cover;transition:transform .5s ease}.quest-card:hover img{transform:scale(1.04)}.quest-card-copy{padding:24px}.quest-card-copy span{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);font-weight:700}.quest-card-copy h3{font-size:2rem;margin:7px 0}.quest-card-copy p{color:#46606a;margin:0}.quest-card-large{left:0;top:80px;width:360px;height:610px}.quest-card-food{left:385px;top:0;width:280px;height:455px}.quest-card-river{left:410px;top:490px;width:260px;height:310px}.quest-card-river img{height:54%}.quest-card-river .quest-card-copy{padding:17px}.quest-card-river h3{font-size:1.35rem}.quest-card-river p{display:none}.phone-quests{position:absolute;right:0;top:-35px;width:392px;transform:rotate(5deg)}

.about{padding:115px 0}.about-grid{display:grid;grid-template-columns:280px 1fr;gap:80px;align-items:center}.about-mark{font-family:var(--display);font-size:11rem;line-height:1;margin:0;color:transparent;-webkit-text-stroke:2px var(--gold);text-shadow:24px 22px 0 rgba(9,140,152,.13)}.about h2{font-size:clamp(3.4rem,5vw,5.7rem);margin-bottom:28px}.about p:not(.about-mark){font-size:1.2rem;color:#365562;max-width:760px}

.badges{position:relative;padding:150px 0;overflow:hidden;min-height:900px}.badge-background{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(6,31,45,.98) 0%,rgba(6,31,45,.75) 42%,rgba(6,31,45,.18) 100%),url('assets/badge-celebration.png');background-size:cover;background-position:center}.badge-grid{display:grid;grid-template-columns:.8fr .7fr .8fr;gap:40px;align-items:center}.badge-copy p{color:var(--muted);font-size:1.2rem;max-width:490px;margin:28px 0 36px}.badge-art{display:grid;place-items:center}.badge-shield{width:270px;height:330px;display:grid;place-items:center;border:2px solid rgba(255,179,31,.55);border-radius:130px 130px 75px 75px;background:rgba(6,31,45,.72);box-shadow:0 0 0 18px rgba(255,179,31,.05),0 0 90px rgba(255,179,31,.15)}.badge-shield img{width:215px}.phone-badges{width:360px;justify-self:end}

.early-access{min-height:720px;position:relative;display:flex;align-items:center;text-align:center;overflow:hidden}.early-background{position:absolute;inset:0;background-image:linear-gradient(rgba(6,31,45,.18),rgba(6,31,45,.55)),url('assets/coast-hero.png');background-size:cover;background-position:center 42%;filter:saturate(.9)}.early-inner{max-width:960px}.early-inner h2{font-size:clamp(4rem,7vw,7rem);text-wrap:balance}.early-inner>p{font-size:1.25rem;max-width:700px;margin:0 auto 38px;color:#e6eeeb}.signup-form{display:flex;max-width:760px;margin:auto;border:1px solid rgba(248,243,232,.8);border-radius:10px;background:rgba(6,31,45,.82);padding:6px;backdrop-filter:blur(10px)}.signup-form input{flex:1;min-width:0;background:transparent;border:0;color:white;padding:0 22px;outline:none}.signup-form input::placeholder{color:#b4c5c7}.signup-form .button{border-radius:6px}.form-note{font-size:.85rem!important;margin:14px auto 0!important;color:#d7e2df!important}
.site-footer{border-top:1px solid rgba(255,179,31,.45);padding:48px 0;background:#041a26}.footer-grid{display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:50px}.footer-brand{height:126px}.footer-grid nav{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.footer-grid nav a:hover{color:var(--gold)}.footer-grid p{margin:0;color:var(--muted)}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button,.quest-card img{transition:none}}

@media (max-width:720px){.route-pair{display:none}}

@media (max-width:1000px){.site-header{height:96px}.menu-button{display:block;z-index:22}.site-nav{position:fixed;inset:0 0 auto auto;width:min(360px,100%);padding:110px 32px 42px;background:var(--navy);display:flex;align-items:stretch;flex-direction:column;transform:translateX(105%);transition:transform .25s;box-shadow:-20px 0 60px rgba(0,0,0,.35)}.site-nav.is-open{transform:none}.hero{padding-top:140px}.hero-grid{grid-template-columns:1fr .7fr}.hero-phone-wrap{transform:translateX(80px)}.how-grid{grid-template-columns:1fr}.how-copy{display:grid;grid-template-columns:1fr 1fr;gap:50px}.how h2{margin-bottom:0}.phone-pair{width:min(700px,100%);margin:auto}.quest-stage{height:1020px}.quest-card-large{width:42%}.quest-card-food{left:45%;width:31%}.quest-card-river{left:45%;width:31%}.phone-quests{right:-110px;top:210px;width:340px}.badge-grid{grid-template-columns:1fr 1fr}.badge-art{display:none}.footer-grid{grid-template-columns:180px 1fr}.footer-grid>p{grid-column:1/-1;text-align:center}}

@media (max-width:720px){.container,.site-header{width:min(100% - 36px,var(--max))}.brand{width:150px;height:90px}.brand img{width:108px}.hero{min-height:auto;padding:135px 0 120px}.hero-background{background-position:56% center}.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:left}.hero-copy p{font-size:1.08rem}.hero-actions{flex-direction:column;align-items:stretch}.hero-phone-wrap{transform:none;justify-self:center;margin-top:45px}.phone-hero{width:min(330px,84vw)}.how{padding:105px 0}.how-grid{gap:50px}.how-copy{display:block}.how h2{margin-bottom:48px}.steps{gap:26px}.phone-pair{min-height:600px}.phone-pair .phone{width:235px}.phone-map{top:88px}.quests{padding:105px 0}.section-intro{align-items:flex-start;flex-direction:column;margin-bottom:60px}.quest-stage{height:auto;display:grid;grid-template-columns:1fr;gap:22px}.quest-card,.phone-quests{position:relative;inset:auto;width:100%;height:auto;transform:none}.quest-card img{height:280px}.quest-card-river img{height:240px}.quest-card-river p{display:block}.phone-quests{width:min(330px,86vw);justify-self:center;margin-top:35px}.about{padding:90px 0}.about-grid{grid-template-columns:1fr;gap:25px}.about-mark{font-size:7rem}.badges{padding:105px 0}.badge-grid{grid-template-columns:1fr}.badge-copy{text-align:left}.phone-badges{width:min(330px,86vw);justify-self:center;margin-top:25px}.early-access{min-height:700px;padding:100px 0}.signup-form{flex-direction:column;gap:8px;background:rgba(6,31,45,.9)}.signup-form input{min-height:58px}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-brand{margin:auto}.footer-grid nav{gap:20px}.footer-grid>p{grid-column:auto}}

@media (max-width:720px){.hero-background{transform:none}.phone-map{right:8px}}