:root{--navy:#063a5a;--navy-dark:#032b43;--sky:#32c7f2;--yellow:#ffc928;--coral:#f1604f;--green:#11a76b;--paper:#fffdf7;--ink:#092f4a;--muted:#587082;--shadow:0 16px 40px rgba(3,43,67,.16)}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{font-family:"Nunito",sans-serif;color:var(--ink);background:var(--paper);font-size:1rem;line-height:1.6}
h1,h2,h3,.footer-brand{font-family:"Baloo 2",sans-serif}
a{color:inherit}
.skip-link{position:fixed;left:1rem;top:-5rem;z-index:9999;background:#fff;padding:.75rem 1rem;border-radius:.5rem;box-shadow:var(--shadow)}
.skip-link:focus{top:1rem}
.site-header{background:rgba(255,255,255,.97);box-shadow:0 4px 20px rgba(3,43,67,.08);backdrop-filter:blur(12px)}
.navbar{min-height:82px}
.navbar-brand{display:flex;align-items:center;text-decoration:none}
.header-logo-link{padding:.35rem 0}
.header-logo{display:block;width:auto;height:62px;max-width:min(310px,70vw);object-fit:contain}
.nav-link{font-weight:800;font-size:.94rem;color:var(--ink);padding:.65rem .75rem!important}
.nav-link:hover,.nav-link:focus{color:#0b8cad}
.trail-btn{background:var(--yellow);border-color:var(--yellow);color:var(--ink);font-weight:800;border-radius:999px;box-shadow:0 7px 0 #e7a900;padding:.78rem 1.35rem;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}
.trail-btn:hover,.trail-btn:focus{background:#ffda53;border-color:#ffda53;color:var(--ink);transform:translateY(-2px);box-shadow:0 9px 0 #e7a900}
.hero{min-height:690px;position:relative;isolation:isolate;overflow:hidden;background:#28bff0}
.hero-image{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(0,61,91,.04) 0%,rgba(255,255,255,.06) 45%,rgba(255,255,255,.42) 100%),url("mystery-trail-hero.png");background-position:center;background-size:cover;z-index:-1}
.hero-content{min-height:690px;display:flex;align-items:center;justify-content:flex-end}
.hero-card{width:min(49%,610px);padding:2.4rem;border-radius:2rem;background:rgba(255,255,255,.88);box-shadow:var(--shadow);backdrop-filter:blur(8px);border:2px solid rgba(255,255,255,.72)}
.launch-badge{display:inline-flex;align-items:center;gap:.55rem;margin:0 0 .75rem;padding:.42rem .8rem;border-radius:999px;background:#e4f8ef;color:#087854;font-weight:800;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}
.launch-badge span{width:.62rem;height:.62rem;border-radius:50%;background:var(--green);box-shadow:0 0 0 .28rem rgba(17,167,107,.16)}
.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:#087e9b;font-size:.82rem}
.hero h1{font-size:clamp(3.25rem,5.2vw,5.7rem);line-height:.84;font-weight:800;letter-spacing:-.05em;margin:.55rem 0 1.25rem}
.hero-lead{font-size:1.18rem;max-width:42ch;font-weight:700;color:#284e64}
.hero-actions{display:flex;align-items:center;gap:1.2rem;margin-top:1.55rem;flex-wrap:wrap}
.price-note{display:flex;flex-direction:column;color:var(--muted);font-size:.8rem;line-height:1.1}
.price-note strong{font-family:"Baloo 2",sans-serif;color:var(--green);font-size:1.75rem}
.trust-strip{background:#fff;padding:1.65rem 0;border-bottom:1px solid #e9e3d8}
.trust-item{display:flex;align-items:center;justify-content:center;gap:.75rem;height:100%}
.trust-item>i{font-size:1.9rem}
.trust-item span{display:flex;flex-direction:column;line-height:1.2}
.trust-item strong{font-size:.96rem}
.trust-item small{color:var(--muted);font-size:.78rem}
.coral{color:var(--coral)}.blue{color:#098fd1}.yellow{color:#e9a800}.green{color:var(--green)}
.section{padding:5.5rem 0}
.kicker{display:inline-block;margin-bottom:.35rem}
.intro-section h2,.section-heading h2{font-size:clamp(2.7rem,5vw,4.5rem);font-weight:800;letter-spacing:-.045em;line-height:.94;margin:0 0 1.25rem}
.section-lead{font-size:1.16rem;font-weight:700;color:#314f62}
.intro-section p:not(.kicker){max-width:62ch}
.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.feature-card{padding:1.35rem;border-radius:1.15rem;background:#fff;box-shadow:0 5px 0 #e6e0d5,0 14px 28px rgba(6,58,90,.08);border-top:5px solid transparent}
.feature-card>i{font-size:2rem}
.feature-card h3{font-size:1.25rem;font-weight:800;margin:.45rem 0 .15rem}
.feature-card p{font-size:.9rem;color:var(--muted);margin:0;line-height:1.45}
.coral-card{border-top-color:var(--coral)}.coral-card>i{color:var(--coral)}
.yellow-card{border-top-color:var(--yellow)}.yellow-card>i{color:#d99d00}
.blue-card{border-top-color:var(--sky)}.blue-card>i{color:#0787b0}
.green-card{border-top-color:var(--green)}.green-card>i{color:var(--green)}
.first-mystery{background:#f4f0e7}
.mystery-panel{overflow:hidden;border-radius:1.6rem;background:#fff;box-shadow:0 10px 0 #e2dbcf,0 22px 48px rgba(3,43,67,.13)}
.mystery-art{min-height:510px;background-image:linear-gradient(180deg,rgba(0,94,128,.04),rgba(3,43,67,.12)),url("mystery-trail-hero.png");background-size:auto 100%;background-position:31% center}
.mystery-copy{padding:clamp(2rem,5vw,4rem)}
.location-label{color:#087e9b;font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.65rem}
.mystery-copy h2{font-size:clamp(2.6rem,5vw,4.5rem);line-height:.9;font-weight:800;letter-spacing:-.045em;margin-bottom:1.25rem}
.mystery-intro{font-size:1.16rem;font-weight:800;color:#314f62}
.mystery-facts{list-style:none;padding:0;margin:1.5rem 0;display:grid;gap:.7rem}
.mystery-facts li{display:flex;align-items:center;gap:.7rem;font-weight:700}
.mystery-facts i{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:#e5f8fc;color:#087e9b}
.coming-pill{display:inline-block;padding:.55rem 1rem;border-radius:999px;background:var(--navy);color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}
.how-section{background:#eaf9fc}
.section-heading{margin-bottom:2.4rem}
.section-heading h2{max-width:850px;margin-left:auto;margin-right:auto}
.process-list{list-style:none;padding:0;margin:0;text-align:center}
.step-icon{height:82px;position:relative;display:inline-grid;place-items:center;font-size:3rem;color:#087e9b;margin-bottom:.55rem}
.step-icon span{position:absolute;left:-.55rem;bottom:.1rem;width:29px;height:29px;border-radius:50%;background:var(--yellow);font:800 .9rem/29px "Nunito",sans-serif;color:var(--ink)}
.process-list h3{font-size:1.3rem;font-weight:800}
.process-list p{color:var(--muted);max-width:245px;margin:auto}
.final-cta{position:relative;overflow:hidden;padding:5.8rem 0;background:linear-gradient(180deg,#dff8ff 0,#89e4f4 58%,#13a980 59%,#08745d 100%);min-height:450px}
.final-cta:before,.final-cta:after{content:"";position:absolute;bottom:-105px;width:38vw;height:290px;border-radius:50% 50% 0 0;background:#098a61;opacity:.8}
.final-cta:before{left:-8vw}.final-cta:after{right:-8vw;background:#057294}
.final-cta .container{position:relative;z-index:1}
.final-cta h2{font-size:clamp(2.7rem,5vw,4.8rem);line-height:.93;font-weight:800;max-width:820px;margin:.45rem auto}
.final-cta p:not(.eyebrow){font-size:1.12rem;font-weight:700;max-width:650px;margin:1rem auto 1.6rem}
.faq{background:#f8f5ee}
.faq-wrap{max-width:850px}
.accordion-item{border:0;margin-bottom:.75rem;border-radius:1rem!important;overflow:hidden;box-shadow:0 4px 14px rgba(3,43,67,.07)}
.accordion-button{font-weight:800;color:var(--ink);font-size:1.05rem}
.accordion-button:not(.collapsed){background:#dff8ff;color:var(--ink);box-shadow:none}
.accordion-button:focus{box-shadow:0 0 0 .25rem rgba(50,199,242,.3)}
.site-footer{background:var(--navy-dark);color:#fff;padding:3rem 0 1.2rem}
.footer-brand{color:#fff;flex:0 0 auto;font-size:1.9rem;line-height:1;font-weight:800;text-decoration:none}
.footer-main{display:flex;align-items:center;gap:2rem}
.footer-main>p{margin:0;color:#bad2de;flex:1}
.site-footer ul{list-style:none;display:flex;flex-wrap:wrap;gap:1.25rem;margin:0;padding:0}
.site-footer a{text-decoration:none;font-weight:700}
.site-footer a:hover,.site-footer a:focus{color:var(--yellow)}
.site-footer hr{border-color:rgba(255,255,255,.22);margin:2rem 0 1rem}
.footer-bottom{display:flex;justify-content:space-between;color:#bad2de}
@media(max-width:991.98px){
  .navbar-collapse{padding:1rem 0 1.25rem}.navbar-nav{align-items:stretch!important}
  .hero,.hero-content{min-height:780px}.hero-image{background-position:35% center}.hero-content{align-items:flex-end;justify-content:center;padding-bottom:2rem}.hero-card{width:min(100%,690px);text-align:center}.hero-lead{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}
  .mystery-art{min-height:390px;background-size:cover;background-position:center 35%}
  .footer-main{align-items:flex-start;flex-wrap:wrap}.footer-main>p{flex-basis:55%}
}
@media(max-width:767.98px){
  .navbar{min-height:70px}.header-logo{height:48px;max-width:min(230px,68vw)}
  .hero,.hero-content{min-height:700px}.hero-image{background-position:25% center}.hero:after{content:"";position:absolute;inset:34% 0 0;background:linear-gradient(transparent,rgba(255,255,255,.82) 28%,#fff 82%);z-index:-1}.hero-card{padding:1.35rem;border-radius:1.3rem;background:rgba(255,255,255,.88)}.hero h1{font-size:3.55rem}.hero-lead{font-size:1rem}.price-note{display:none}
  .trust-strip{padding:1.25rem 0}.trust-item{justify-content:flex-start}.trust-item>i{font-size:1.55rem}.trust-item small{display:none}
  .section{padding:4rem 0}.intro-section h2,.section-heading h2{font-size:2.85rem}
  .feature-grid{grid-template-columns:1fr}.feature-card{display:grid;grid-template-columns:auto 1fr;column-gap:1rem}.feature-card>i{grid-row:1/3}.feature-card h3{margin:0}.feature-card p{grid-column:2}
  .mystery-art{min-height:300px}.mystery-copy h2{font-size:3rem}
  .final-cta{min-height:410px;padding:4.3rem 0}.footer-main{display:grid;gap:1.2rem}.footer-bottom{flex-direction:column;gap:.4rem}
}
@media(max-width:420px){
  .hero h1{font-size:3.05rem}.hero-card{padding:1.1rem}.trail-btn{padding:.7rem 1rem}.hero-image{background-position:24% center}
  .trust-item strong{font-size:.83rem}.trust-item>i{font-size:1.35rem}.intro-section h2,.section-heading h2{font-size:2.55rem}.mystery-copy h2{font-size:2.65rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
