/* ================= MOBILE NAV DRAWER ================= */
.mnav-backdrop{
  position:fixed;inset:0;z-index:80;
  background:rgba(6,16,17,.62);
  backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);
  opacity:0;visibility:hidden;
  transition:opacity .28s ease,visibility .28s ease;
}
.mnav{
  position:fixed;top:0;right:0;bottom:0;z-index:90;
  width:min(86vw,360px);
  height:100vh;height:100dvh;
  display:flex;flex-direction:column;
  background:var(--navy-2,#12312F);
  color:var(--cream,#F0E9DE);
  border-left:1px solid rgba(240,233,222,.08);
  box-shadow:-24px 0 60px rgba(0,0,0,.35);
  transform:translateX(100%);visibility:hidden;
  transition:transform .32s cubic-bezier(.32,.72,0,1),visibility .32s;
  font-family:"Barlow",system-ui,sans-serif;
}
.mnav-root.open .mnav{transform:translateX(0);visibility:visible}
.mnav-root.open .mnav-backdrop{opacity:1;visibility:visible}

.mnav-head{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:calc(14px + env(safe-area-inset-top)) 16px 14px 20px;
  border-bottom:1px solid rgba(240,233,222,.08);
  flex:0 0 auto;
}
.mnav-brand{display:flex;align-items:center;gap:.6rem;min-width:0;
  font-family:"Antonio",sans-serif;font-weight:700;font-size:1.15rem;letter-spacing:.01em;color:var(--cream)}
.mnav-brand img{height:40px;width:auto;display:block}
.mnav-close{
  flex:0 0 auto;width:44px;height:44px;border-radius:12px;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(240,233,222,.06);border:1px solid rgba(240,233,222,.1);
  color:var(--cream);cursor:pointer;transition:background .15s ease;
}
.mnav-close:hover{background:rgba(240,233,222,.12)}
.mnav-close svg{width:20px;height:20px}

.mnav-body{
  flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;
  padding:18px 14px 12px;
  display:flex;flex-direction:column;gap:4px;
}
.mnav-label{
  margin:10px 10px 6px;
  font-size:.74rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--aqua,#8BA2A8);
}
.mnav-label:first-child{margin-top:0}
.mnav-sep{height:1px;background:rgba(240,233,222,.08);margin:12px 6px}

.mnav-link{
  display:flex;align-items:center;gap:14px;
  min-height:48px;padding:10px 12px;border-radius:12px;
  font-size:1.05rem;font-weight:500;line-height:1.25;
  color:rgba(240,233,222,.82);
  transition:background .15s ease,color .15s ease;
  -webkit-tap-highlight-color:transparent;
}
.mnav-link svg{width:20px;height:20px;flex:0 0 auto;opacity:.85}
.mnav-link:hover{background:rgba(240,233,222,.06);color:var(--cream)}
.mnav-link[aria-current="page"]{
  background:rgba(240,233,222,.09);color:var(--cream);font-weight:600;
}
.mnav-link[aria-current="page"] svg{color:var(--orange,#FF751F);opacity:1}

.mnav-feature{
  display:flex;align-items:center;gap:14px;
  min-height:56px;padding:12px 14px;margin:2px 0;border-radius:14px;
  background:rgba(139,162,168,.1);
  border:1px solid rgba(139,162,168,.38);
  color:var(--cream);transition:background .15s ease,border-color .15s ease;
}
.mnav-feature:hover{background:rgba(139,162,168,.16);border-color:rgba(139,162,168,.6)}
.mnav-feature .mnav-ico{
  width:36px;height:36px;border-radius:10px;flex:0 0 auto;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(139,162,168,.18);color:var(--aqua,#8BA2A8);
}
.mnav-feature .mnav-ico svg{width:19px;height:19px}
.mnav-feature-text{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}
.mnav-feature-text strong{font-size:1.02rem;font-weight:600;line-height:1.2}
.mnav-feature-text span{font-size:.85rem;color:var(--aqua,#8BA2A8);line-height:1.3}
.mnav-feature > svg{width:18px;height:18px;flex:0 0 auto;color:var(--aqua,#8BA2A8)}

.mnav-foot{
  flex:0 0 auto;
  padding:14px 16px calc(16px + env(safe-area-inset-bottom));
  border-top:1px solid rgba(240,233,222,.08);
  display:flex;flex-direction:column;gap:10px;
  background:var(--navy-2,#12312F);
}
.mnav-cta{
  display:flex;align-items:center;justify-content:center;gap:.5rem;
  min-height:48px;padding:0 1rem;border-radius:12px;
  font-weight:700;font-size:1rem;line-height:1;
  transition:filter .15s ease,background .15s ease,border-color .15s ease;
}
.mnav-cta svg{width:17px;height:17px}
.mnav-cta.primary{background:var(--orange,#FF751F);color:var(--navy,#0D2224)}
.mnav-cta.primary:hover{filter:brightness(1.06)}
.mnav-cta.ghost{color:var(--cream);border:1.5px solid rgba(240,233,222,.28)}
.mnav-cta.ghost:hover{border-color:var(--cream);background:rgba(240,233,222,.06)}

.mnav a:focus-visible,.mnav button:focus-visible{
  outline:2px solid var(--orange,#FF751F);outline-offset:2px;
}

.menu-toggle{border-radius:10px}
.menu-toggle:focus-visible{outline:2px solid var(--orange,#FF751F);outline-offset:2px}

/* Short landscape phones: tighten vertical rhythm */
@media (max-height:520px){
  .mnav-body{padding-top:10px}
  .mnav-link{min-height:44px;padding:8px 12px}
  .mnav-foot{flex-direction:row}
  .mnav-foot .mnav-cta{flex:1 1 0}
}

@media (min-width:941px){
  .mnav-root{display:none}
}

@media (prefers-reduced-motion:reduce){
  .mnav,.mnav-backdrop{transition:none}
}

/* ---- Mobile presentability: 44px tap targets, uncropped media, tighter hero ---- */
@media (max-width:940px){
  .nav .brand{min-height:44px;min-width:44px}
  .nav-right .trial-pill,
  .nav-right .login-pill{min-height:44px;justify-content:center}
}

@media (max-width:900px){
  .hero .hero-inner{padding-top:clamp(28px,7vw,52px);padding-bottom:1.75rem}
  .hero .hero-orange{margin-bottom:1rem}
  .hero .display{margin-bottom:1.1rem}
  .hero .hero-media{height:auto;min-height:0}
  .hero .hero-media img{height:auto;aspect-ratio:auto}
}

@media (max-width:880px){
  .split-media.tall img{aspect-ratio:4/3}
}

@media (max-width:760px){
  footer .f-col a,
  .f-col a{display:flex;align-items:center;min-height:44px;padding-top:0;padding-bottom:0}
  .policy-toc-nav a{display:flex;align-items:center;min-height:44px}
  .copy-btn{min-height:44px}
}