/* RotateAndClimb — cockpit-clean theme. Mobile-first. */
:root{
  --navy:#0A1C30; --sky:#3E92CC; --amber:#F2A33C;
  --bg:#F7F9FC; --ink:#1A2433; --muted:#5B6B7F; --card:#FFFFFF;
  --radius:14px; --shadow:0 8px 28px rgba(10,28,48,.10);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--ink);line-height:1.65;font-size:16px}
h1,h2,h3{font-family:'Sora','Inter',sans-serif;line-height:1.2;letter-spacing:-.01em}
img{max-width:100%;display:block}
a{color:var(--sky);text-decoration:none}
.container{width:min(1120px,92%);margin:0 auto}

/* Nav */
.nav{background:var(--navy);position:sticky;top:0;z-index:50}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:.9rem 0}
.logo{color:#fff;font-family:'Sora',sans-serif;font-weight:800;font-size:1.15rem}
.logo span{color:var(--amber)}
.nav-links{display:none;gap:1.4rem;align-items:center}
.nav-links a{color:#DCE6F2;font-weight:500;font-size:.95rem}
.nav-links a:hover{color:var(--amber)}
.btn{display:inline-block;background:var(--amber);color:var(--navy);font-weight:700;padding:.7rem 1.4rem;border-radius:999px;border:0;cursor:pointer;font-size:.95rem}
.btn:hover{filter:brightness(1.06)}
.btn-outline{background:transparent;color:#fff;border:2px solid var(--sky)}
.btn-outline:hover{border-color:var(--amber);color:var(--amber)}
.btn-navy{background:var(--navy);color:#fff}
.hamburger{background:none;border:0;color:#fff;font-size:1.6rem;cursor:pointer}
@media(min-width:820px){.nav-links{display:flex}.hamburger{display:none}}
.mobile-menu{display:none;background:var(--navy);padding:0 4% 1rem}
.mobile-menu.open{display:block}
.mobile-menu a{display:block;color:#DCE6F2;padding:.7rem 0;border-top:1px solid rgba(255,255,255,.08)}

/* Hero */
.hero{background:linear-gradient(160deg,var(--navy) 0%,#123252 70%,#16406b 100%);color:#fff;padding:4.5rem 0 4rem;position:relative;overflow:hidden}
.hero h1{font-size:clamp(2rem,5.5vw,3.4rem);max-width:16ch}
.hero h1 .accent{color:var(--amber)}
.hero p.lead{color:#C9D7E8;font-size:1.1rem;max-width:34rem;margin:1.1rem 0 1.8rem}
.hero-cta{display:flex;gap:.8rem;flex-wrap:wrap}
.hero-badges{display:flex;gap:1.2rem;flex-wrap:wrap;margin-top:2rem;color:#9FB3C9;font-size:.85rem}

/* Sections */
.section{padding:3.5rem 0}
.section h2{font-size:clamp(1.5rem,3.5vw,2.2rem);margin-bottom:.4rem}
.section .sub{color:var(--muted);margin-bottom:2rem;max-width:44rem}

/* Product cards */
.grid{display:grid;gap:1.4rem;grid-template-columns:1fr}
@media(min-width:700px){.grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.grid.cols-4{grid-template-columns:repeat(4,1fr)}}
.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}
.card img{aspect-ratio:1/1;object-fit:cover;width:100%;background:#0A1C30}
.card-body{padding:1.3rem;display:flex;flex-direction:column;gap:.5rem;flex:1}
.card-body h3{font-size:1.1rem}
.card-body p{color:var(--muted);font-size:.93rem;flex:1}
.price-row{display:flex;align-items:center;justify-content:space-between;margin-top:.4rem}
.price{font-family:'Sora',sans-serif;font-weight:800;font-size:1.25rem;color:var(--navy)}

/* Course teaser */
.course-band{background:var(--navy);color:#fff;border-radius:20px;padding:2.5rem;box-shadow:var(--shadow)}
.course-band h2{color:#fff}
.course-band h2 .accent{color:var(--amber)}
.course-band p{color:#C9D7E8;max-width:40rem;margin:.8rem 0 1.5rem}
.module-list{display:grid;gap:.7rem;margin:1.5rem 0;grid-template-columns:1fr}
@media(min-width:700px){.module-list{grid-template-columns:repeat(2,1fr)}}
.module{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:.9rem 1rem;font-size:.92rem}
.module b{color:var(--amber)}

/* Email capture */
.capture{background:#fff;border-radius:20px;box-shadow:var(--shadow);padding:2.5rem;text-align:center}
.capture h2{margin-bottom:.4rem}
.capture p{color:var(--muted);margin-bottom:1.4rem}
.capture form{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}
.capture input{padding:.75rem 1.1rem;border:2px solid #D8E2EE;border-radius:999px;font-size:1rem;min-width:min(280px,100%)}
.capture input:focus{outline:none;border-color:var(--sky)}
.form-note{font-size:.8rem;color:var(--muted);margin-top:.9rem}
.form-success{display:none;background:#E7F7EE;color:#1c6b3c;padding:1rem;border-radius:10px;font-weight:600}

/* Testimonials placeholder */
.review-slots{display:grid;gap:1.2rem;grid-template-columns:1fr}
@media(min-width:700px){.review-slots{grid-template-columns:repeat(3,1fr)}}
.review-slot{border:2px dashed #B9C7D8;border-radius:var(--radius);padding:2rem 1.4rem;text-align:center;color:var(--muted);font-size:.9rem}

/* FAQ */
.faq-item{background:#fff;border-radius:10px;margin-bottom:.7rem;box-shadow:var(--shadow);overflow:hidden}
.faq-q{width:100%;background:none;border:0;text-align:left;padding:1.1rem 1.3rem;font-size:1rem;font-weight:600;color:var(--navy);cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-family:'Inter',sans-serif}
.faq-a{display:none;padding:0 1.3rem 1.2rem;color:var(--muted)}
.faq-item.open .faq-a{display:block}
.faq-q .chev{color:var(--amber);font-weight:800}

/* Shop detail */
.product-hero{display:grid;gap:2rem;grid-template-columns:1fr;align-items:start}
@media(min-width:860px){.product-hero{grid-template-columns:1fr 1fr}}
.product-hero img{border-radius:var(--radius);box-shadow:var(--shadow)}
.includes{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:1.6rem;margin-top:1.4rem}
.includes ul{list-style:none;display:grid;gap:.5rem;margin-top:.8rem}
.includes li::before{content:"✓ ";color:var(--amber);font-weight:800}

/* Footer */
footer{background:var(--navy);color:#9FB3C9;padding:2.5rem 0;margin-top:3rem;font-size:.88rem}
footer .container{display:grid;gap:1.4rem}
@media(min-width:700px){footer .container{grid-template-columns:2fr 1fr 1fr}}
footer h4{color:#fff;margin-bottom:.6rem;font-size:.95rem}
footer a{color:#9FB3C9;display:block;padding:.2rem 0}
footer a:hover{color:var(--amber)}
.disclaimer{font-size:.78rem;color:#6E8199;margin-top:1rem;max-width:60rem}

/* Link-in-bio */
.bio-wrap{max-width:480px;margin:0 auto;padding:2.5rem 4% 3rem;text-align:center}
.bio-wrap img.avatar{width:110px;height:110px;border-radius:50%;margin:0 auto 1rem;border:3px solid var(--amber);object-fit:cover;background:var(--navy)}
.bio-link{display:block;background:#fff;color:var(--navy);font-weight:700;padding:1rem;border-radius:12px;margin:.7rem 0;box-shadow:var(--shadow)}
.bio-link:hover{background:var(--navy);color:#fff}
.bio-link small{display:block;font-weight:400;color:var(--muted);font-size:.82rem}
.bio-link:hover small{color:#C9D7E8}