/* ===== ActivityLane LITE FX — secondary pages only (~40% of the home page) =====
   Distinct, gentler signature: cursor-follow glow + soft scroll-reveal + card hover-lift.
   No WebGL aurora, no 3D orbit, no floating feature swarm (those stay unique to the home page). */

.litefx .wrap{position:relative;z-index:1}

/* cursor-follow glow (sits behind all content) */
.litespot{position:fixed;top:0;left:0;width:560px;height:560px;border-radius:50%;pointer-events:none;z-index:0;opacity:0;transition:opacity .5s ease;
  background:radial-gradient(circle,rgba(255,61,127,.16),rgba(63,107,216,.07) 42%,transparent 66%)}

/* soft scroll-reveal (gentle rise — much lighter than the home page's 3D fly-in) */
[data-lr]{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .65s cubic-bezier(.2,.7,.2,1)}
[data-lr].in{opacity:1;transform:none}
[data-lr].l1{transition-delay:.06s}
[data-lr].l2{transition-delay:.12s}
[data-lr].l3{transition-delay:.18s}

/* gentle card hover-lift + accent (no tilt / no continuous motion) */
.litefx .fcard,.litefx .savecard,.litefx .pcard,.litefx .save-banner,.litefx .wk-img{transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s,border-color .25s}
.litefx .fcard:hover,.litefx .savecard:hover,.litefx .pcard:hover,.litefx .wk-img:hover{transform:translateY(-6px);box-shadow:0 28px 54px -26px rgba(0,0,0,.78);border-color:rgba(255,61,127,.42)}

/* ActivityLane mark: the logo square is the SVG itself (public/brand/mark.svg) */
.logo{background:none!important;box-shadow:none!important;border-radius:0}
.logo img{width:36px;height:36px;display:block}

/* ActivityLane lockup: bare mark + "Activity" white + "Lane" amber, on the blue bar and the dark footer */
.brand .brand-mark{height:44px;width:auto;display:block;flex:none}
.brand .brand-name,.wrap header.nav .brand .brand-name,.wrap > footer .brand .brand-name{color:#fff;font-weight:800;font-size:22px;letter-spacing:-.02em;white-space:nowrap}
.brand .brand-name b{color:#ffb02e;font-weight:800}
.pf-bar .mk img{width:auto!important;height:26px!important}
@media(max-width:560px){.brand .brand-mark{height:40px}.brand .brand-name{font-size:19px}}
@media(max-width:420px){.brand .brand-name{font-size:17px}.brand .brand-mark{height:36px}}

/* Phone bar spacing (10 Oct): [menu] [lockup centred in the free space, >=16px clear of both neighbours] [Book a demo]. */
@media (max-width:520px){
  .wrap header.nav .nav-in:has(> .nav-cta){grid-template-columns:auto minmax(0,1fr) auto;column-gap:0}
  .wrap header.nav .nav-in:has(> .nav-cta) > .brand{justify-self:center;margin:0 16px;min-width:0;gap:7px}
  .wrap header.nav .nav-in:has(> .nav-cta) > .brand .brand-mark{height:38px}
  .wrap header.nav .nav-in:has(> .nav-cta) > .brand .brand-name{font-size:18px}
  .wrap header.nav .nav-in:has(> .nav-cta) > .rsp-demo{padding:0 12px;font-size:12.5px}
}
@media (max-width:389px){
  .wrap header.nav .nav-in:has(> .nav-cta) > .brand{margin:0 16px 0 12px;gap:5px}
  .wrap header.nav .nav-in:has(> .nav-cta) > .brand .brand-mark{height:34px}
  .wrap header.nav .nav-in:has(> .nav-cta) > .brand .brand-name{font-size:16px}
  .wrap header.nav .nav-in:has(> .nav-cta) > .rsp-demo{padding:0 10px;font-size:12px}
}