/* ── mobile polish layer — new marketing pages (≤680px unless noted) ── */
@media (max-width:680px){
  /* tap targets + buttons */
  .btn,.btn-o,.btn-gold,.btn-ghost2,.btn-plq{min-height:48px;padding:13px 22px;font-size:15px}
  .nav-in{padding:14px 20px}
  .burger{width:46px;height:46px}
  /* type rhythm */
  .sec{padding-top:clamp(56px,10vh,80px);padding-bottom:clamp(56px,10vh,80px)}
  .scopy h2,.final h2{font-size:clamp(30px,8.6vw,38px)}
  .lead{font-size:15.5px}
  .chaprule .ttl{font-size:13px}
  /* home hero */
  .cs-h{font-size:clamp(38px,10.5vw,52px)}
  .cs-sub{font-size:15.5px}
  .cs-cta{flex-direction:column;align-items:stretch}
  .cs-cta a{justify-content:center}
  .cs-chips{gap:12px 18px}
  .cs-cards{grid-template-columns:1fr 1fr;gap:10px}
  .cs-card{padding:14px 14px}
  .cs-card .tt{font-size:14px;gap:9px}
  .cs-card .ic{width:26px;height:26px}
  /* platform hero */
  .pf-in h1{font-size:clamp(36px,10vw,48px)}
  .pf-pills{flex-direction:column;align-items:stretch}
  .pf-pills a{justify-content:flex-start;min-height:50px}
  /* product heroes (teleria/pallas/argo) */
  .th-cta .btn,.th-cta .btn-o{width:100%;justify-content:center}
  /* pricing — split hero + navy panel */
  .spl-l{padding:120px 24px 48px}
  .spl-r{padding:28px 16px 40px}
  .nv-in{padding:30px 22px}
  .nv-price .amt{font-size:56px}
  .nv-list{grid-template-columns:1fr;gap:12px}
  .nv-tglrow{flex-wrap:wrap;gap:12px}
  .seg button{min-height:44px;padding:10px 18px}
  .nv-art{display:none}
  /* ledger table → swipe with visible edge fade */
  .lg-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-left:-24px;margin-right:-24px;padding:0 24px;
    mask-image:linear-gradient(to right,transparent,#000 24px,#000 calc(100% - 24px),transparent);
    -webkit-mask-image:linear-gradient(to right,transparent,#000 24px,#000 calc(100% - 24px),transparent)}
  table.lg{min-width:560px}
  /* FAQ */
  .fq summary{min-height:52px;font-size:15.5px}
  /* footer */
  .foot-cols{grid-template-columns:1fr 1fr;gap:28px 20px}
  .foot-cols .foot-brand{grid-column:1/-1}
  .foot-legal{flex-direction:column;gap:14px;align-items:flex-start}
  .foot-word{margin-bottom:-6px}
}
@media (max-width:420px){
  .cs-cards{grid-template-columns:1fr}
  .foot-cols{grid-template-columns:1fr}
}
/* clip decorative glow orbs */
.act-blk,.final,.sec.act-blk{overflow:hidden}
/* touch devices: no hover menus, no hover lifts */
@media (hover:none){
  .sol-menu{display:none!important}
  .cs-card:hover,.btn-plq:hover{transform:none}
}


/* ── redesigned mobile nav menu (from per-page <style id="mnav">; global so every page's menu is styled) ── */
#menu{background:#131009;padding:0;justify-content:flex-start;gap:0;overflow-y:auto}
#menu .mx-hero{position:relative;height:min(26dvh,220px);flex-shrink:0;opacity:0;transition:opacity .6s ease}
#menu.open .mx-hero{opacity:1}
#menu .mx-hero img{width:100%;height:100%;object-fit:cover;object-position:58% 16%;display:block;filter:saturate(.94)}
#menu .mx-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(19,16,9,.42),rgba(19,16,9,.06) 42%,#131009 97%)}
#menu .mx-cap{position:absolute;left:24px;bottom:8px;z-index:2;display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#D3B674;white-space:nowrap}
#menu .mx-list{flex:1;display:flex;flex-direction:column;justify-content:space-evenly;padding:4px 24px 0}
#menu .mx-item{display:flex;align-items:center;gap:15px;padding:11px 2px;position:relative;letter-spacing:0}
#menu .mx-item:not(:last-child)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(to right,rgba(203,164,92,.4),rgba(203,164,92,.08) 62%,transparent)}
#menu .mx-no{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:16px;color:#CBA45C;min-width:30px;text-align:center;flex-shrink:0}
#menu .mx-tx{display:flex;flex-direction:column;gap:3px;min-width:0}
#menu .mx-tx b{font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:clamp(28px,7.6vw,36px);line-height:1.08;color:#F2ECDE}
#menu .mx-tx i{font-style:normal;font-size:12.5px;line-height:1.35;color:#9C9482;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#menu .mx-item>svg{width:18px;height:18px;fill:none;stroke:#CBA45C;stroke-width:1.8;margin-left:auto;flex-shrink:0;opacity:.55}
#menu .mx-item:active b{color:#E2C88A}
#menu .mx-foot{flex-shrink:0;padding:14px 24px calc(26px + env(safe-area-inset-bottom))}
#menu .mx-sub{display:flex;align-items:center;gap:14px;padding:2px 2px 16px;flex-wrap:wrap}
#menu .mx-sub a{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#9C9482;padding:4px 0;min-height:0}
#menu .mx-sub a:active{color:#E2C88A}
#menu .mx-sub i{width:4px;height:4px;background:#CBA45C;transform:rotate(45deg);flex-shrink:0}
#menu .mx-cta{display:flex;gap:12px;align-items:stretch}
#menu .mx-in{flex:1;display:flex;align-items:center;justify-content:center;min-height:54px;font-size:15.5px;font-weight:500;letter-spacing:0;border:1px solid rgba(240,233,218,.3);border-radius:3px;color:#EFE8DA;background:rgba(255,255,255,.04)}
#menu .mx-in:active{border-color:rgba(235,206,132,.6)}
#menu .mx-gold{flex:1.25;display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;font-size:15.5px;font-weight:600;letter-spacing:0;border-radius:3px;background:linear-gradient(180deg,#EBCE84,#D2AB56);border:1px solid rgba(255,230,170,.7);color:#2B2210}
#menu .mx-gold:active{filter:brightness(1.05)}
#menu .mx-item,#menu .mx-sub,#menu .mx-cta{opacity:0;transform:translateY(16px);transition:opacity .45s ease,transform .5s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i)*45ms)}
#menu.open .mx-item,#menu.open .mx-sub,#menu.open .mx-cta{opacity:1;transform:none}
.nav:has(.burger.open){background:transparent;backdrop-filter:none;border-color:transparent}
.nav:has(.burger.open) .brand span{color:#F2ECDE}
.nav:has(.burger.open) .brand img{filter:brightness(0) invert(.92)}
.nav:has(.burger.open) .burger span{background:#EFE8DA}
.nav:has(.burger.open) .btn{background:transparent;border-color:rgba(235,206,132,.55);color:#E9CE8E}

/* ── mobile performance layer ──────────────────────────────────────────
   backdrop-filter and infinite decorative animations are the two biggest
   mobile costs (the frosted nav re-composites every scroll frame; the
   marquee / wordmark shine / hub ring spin the main thread forever). Drop
   both on small screens — backgrounds stay legible via their solid fills. */
@media (max-width:680px){
  .nav,.nav.scrolled,.cs-card,.frag,.sol-menu,.cop-live,.shot{
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
  .marq-t,.fw-shine,.cs-hub .ring::before{animation:none!important}
  /* honor the OS reduced-motion setting harder on mobile */
}
@media (max-width:680px) and (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}
}