
/* ==========================================================================
   WAX V6.0.2 — EXACT REFERENCE LANDING
   Isolated final stylesheet loaded AFTER legacy app.css.
   ========================================================================== */

:root{
  --wax-ref-bg:#070b15;
  --wax-ref-panel:#0d1324;
  --wax-ref-panel-2:#121a30;
  --wax-ref-line:rgba(167,178,211,.12);
  --wax-ref-text:#f7f8fb;
  --wax-ref-muted:#9aa4b8;
  --wax-ref-purple:#7655ff;
  --wax-ref-purple-2:#9e83ff;
  --wax-ref-purple-3:#b8a4ff;
}

/* ---------------- Desktop header ---------------- */
html body.wax-signature .header.v602-header{
  position:sticky!important;
  top:0!important;
  z-index:120!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  border-radius:0!important;
  background:#080c16!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body.wax-signature .header.v602-header.scrolled{
  background:#080c16!important;
  box-shadow:0 12px 34px rgba(0,0,0,.22)!important;
}
html body.wax-signature .header.v602-header .nav{
  width:min(1464px,calc(100% - 64px))!important;
  height:90px!important;
  min-height:90px!important;
  margin:0 auto!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:250px 1fr 250px!important;
  align-items:center!important;
  gap:22px!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
html body.wax-signature .header.v602-header .wax-brand-logo{
  display:flex!important;
  align-items:center!important;
  width:max-content!important;
  padding:0!important;
  line-height:0!important;
}
html body.wax-signature .header.v602-header .wax-brand-logo img{
  display:block!important;
  width:218px!important;
  height:auto!important;
  max-width:none!important;
  filter:none!important;
}
html body.wax-signature .header.v602-header .nav-links{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:32px!important;
  margin:0!important;
  color:#a4acbd!important;
}
html body.wax-signature .header.v602-header .nav-links a{
  position:relative!important;
  padding:36px 0!important;
  color:#a2aabc!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:780!important;
  letter-spacing:-.015em!important;
  white-space:nowrap!important;
}
html body.wax-signature .header.v602-header .nav-links a:hover,
html body.wax-signature .header.v602-header .nav-links a.active{
  color:#fff!important;
}
html body.wax-signature .header.v602-header .nav-links a.active:after{
  display:none!important;
}
html body.wax-signature .header.v602-header .nav-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:18px!important;
  margin:0!important;
}
html body.wax-signature .header.v602-header .nav-login{
  padding:14px 5px!important;
  color:#d8dcea!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:800!important;
}
html body.wax-signature .header.v602-header .button-dark{
  min-width:145px!important;
  min-height:57px!important;
  padding:0 24px!important;
  border:1px solid #8868ff!important;
  border-radius:15px!important;
  background:linear-gradient(135deg,#6547ed 0%,#7956f7 45%,#9578ff 100%)!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:900!important;
  box-shadow:0 15px 38px rgba(107,75,235,.32), inset 0 1px 0 rgba(255,255,255,.18)!important;
}
html body.wax-signature .header.v602-header .menu-btn{
  display:none!important;
}

/* ---------------- Hero shell ---------------- */
html body.wax-v602-home{
  margin:0!important;
  background:var(--wax-ref-bg)!important;
  color:var(--wax-ref-text)!important;
}
.wax-ref-hero{
  position:relative;
  isolation:isolate;
  min-height:calc(100svh - 90px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background:
    radial-gradient(circle at 76% 31%,rgba(104,72,246,.18) 0%,rgba(104,72,246,.07) 25%,transparent 48%),
    linear-gradient(180deg,#080c17 0%,#070b15 100%);
}
.wax-ref-grid{
  position:absolute;
  inset:0;
  z-index:-5;
  pointer-events:none;
  opacity:.42;
  background-image:
    linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.9) 68%,transparent 96%);
  mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.9) 68%,transparent 96%);
}
.wax-ref-glow{
  position:absolute;
  z-index:-4;
  pointer-events:none;
  border-radius:50%;
}
.wax-ref-glow-a{
  width:720px;height:720px;
  top:5px;right:-110px;
  background:radial-gradient(circle,rgba(118,78,255,.21),rgba(118,78,255,.06) 38%,transparent 69%);
}
.wax-ref-glow-b{
  width:520px;height:520px;
  left:-320px;bottom:-300px;
  background:radial-gradient(circle,rgba(74,52,180,.12),transparent 68%);
}
.wax-ref-main{
  flex:1 0 auto;
  width:min(1464px,calc(100% - 64px))!important;
  min-height:690px;
  display:grid;
  grid-template-columns:minmax(0,.97fr) minmax(620px,1.03fr);
  gap:46px;
  align-items:center;
  padding:57px 0 35px;
}

/* ---------------- Left copy ---------------- */
.wax-ref-copy{
  min-width:0;
  align-self:center;
  padding:4px 0 0;
}
.wax-ref-pill{
  width:max-content;
  max-width:100%;
  display:inline-flex;
  align-items:center;
  gap:12px;
  min-height:42px;
  padding:0 18px;
  border:1px solid rgba(128,91,246,.11);
  border-radius:999px;
  background:rgba(79,53,159,.16);
  color:#9379ff;
  font-size:13px;
  line-height:1;
  font-weight:750;
}
.wax-ref-pill i{
  width:11px;height:11px;
  flex:0 0 auto;
  border-radius:50%;
  background:#8665ff;
  box-shadow:0 0 18px rgba(134,101,255,.95);
}
.wax-ref-copy h1{
  max-width:700px;
  margin:31px 0 25px!important;
  color:#f8f9fc!important;
  font-size:clamp(62px,4.75vw,80px)!important;
  line-height:.99!important;
  letter-spacing:-.058em!important;
  font-weight:930!important;
}
.wax-ref-copy h1 em{
  display:block;
  margin-top:3px;
  font-style:normal;
  color:#8c6cff;
  background:linear-gradient(100deg,#7654ff 0%,#9a7cff 44%,#8263f5 75%,#5a45c3 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.wax-ref-copy>p{
  max-width:660px;
  margin:0!important;
  color:#9ca5b5!important;
  font-size:17px!important;
  line-height:1.78!important;
  font-weight:470!important;
}
.wax-ref-buttons{
  display:flex;
  align-items:center;
  gap:20px;
  margin-top:37px;
}
.wax-ref-button{
  min-height:62px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  padding:0 28px;
  border-radius:15px;
  font-size:15px;
  line-height:1;
  font-weight:900;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.wax-ref-button:hover{transform:translateY(-2px)}
.wax-ref-primary{
  min-width:260px;
  border:1px solid #8767ff;
  color:#fff;
  background:linear-gradient(135deg,#6547ec,#7b57f7 55%,#967aff);
  box-shadow:0 18px 42px rgba(107,74,238,.31),inset 0 1px 0 rgba(255,255,255,.18);
}
.wax-ref-primary span{font-size:21px;font-weight:600}
.wax-ref-outline{
  min-width:215px;
  border:1px solid #8b67ff;
  color:#f4f5fa;
  background:#0a0f1b;
  box-shadow:inset 0 0 0 1px rgba(85,61,175,.15);
}
.wax-ref-outline i{
  width:31px;height:31px;
  display:grid;place-items:center;
  border-radius:50%;
  background:linear-gradient(145deg,#271d58,#15122d);
  color:#a38aff;
  font-size:10px;
  font-style:normal;
}
.wax-ref-benefits{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
  max-width:700px;
  margin-top:62px;
}
.wax-ref-benefits>div{
  min-width:0;
  display:grid;
  grid-template-columns:51px 1fr;
  gap:13px;
  align-items:center;
}
.wax-ref-benefit-icon{
  width:51px;height:51px;
  display:grid;place-items:center;
  border:1px solid rgba(128,93,247,.20);
  border-radius:50%;
  background:radial-gradient(circle at 50% 25%,rgba(128,91,255,.35),rgba(45,30,99,.26) 55%,rgba(23,18,48,.35) 100%);
  color:#a78eff;
  font-size:20px;
  box-shadow:0 8px 26px rgba(59,35,139,.16),inset 0 1px 0 rgba(255,255,255,.05);
}
.wax-ref-benefits p{margin:0;min-width:0}
.wax-ref-benefits b,
.wax-ref-benefits small{display:block}
.wax-ref-benefits b{
  color:#f4f5f9;
  font-size:13px;
  line-height:1.15;
}
.wax-ref-benefits small{
  margin-top:6px;
  color:#737e90;
  font-size:9px;
  line-height:1.45;
}

/* ---------------- Right portal mockup ---------------- */
.wax-ref-visual{
  position:relative;
  min-width:0;
  height:610px;
  align-self:center;
}
.wax-ref-orbit{
  position:absolute;
  z-index:0;
  left:50%;
  top:52%;
  border:1.25px solid rgba(123,82,255,.72);
  border-radius:50%;
  pointer-events:none;
  box-shadow:0 0 24px rgba(112,70,246,.08);
}
.wax-ref-orbit.orbit-a{
  width:790px;height:395px;
  transform:translate(-50%,-50%) rotate(-9deg);
}
.wax-ref-orbit.orbit-b{
  width:645px;height:500px;
  opacity:.22;
  transform:translate(-47%,-48%) rotate(27deg);
}
.wax-ref-orbit-dot{
  position:absolute;
  z-index:8;
  right:7px;
  top:272px;
  width:22px;height:22px;
  border-radius:50%;
  background:#d8ccff;
  box-shadow:0 0 7px #fff,0 0 26px #a283ff,0 0 70px #7048ff;
}
.wax-ref-dashboard{
  position:absolute;
  z-index:3;
  left:50%;
  top:50%;
  width:710px;
  max-width:100%;
  overflow:hidden;
  border:1px solid rgba(119,88,255,.22);
  border-radius:25px;
  background:#0a1020;
  box-shadow:0 42px 110px rgba(0,0,0,.50),0 0 70px rgba(94,58,219,.12);
  transform:translate(-48%,-48%) perspective(1400px) rotateY(-3.6deg) rotateX(1deg) rotateZ(-.4deg);
  transform-origin:center;
}
.wax-ref-dashboard-top{
  height:74px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 24px;
  border-bottom:1px solid rgba(255,255,255,.065);
  background:#080e1b;
}
.wax-ref-dashboard-top>img{
  width:137px;
  height:auto;
  max-width:none;
}
.wax-ref-dashboard-user{
  display:flex;
  align-items:center;
  gap:10px;
  color:#a2abbc;
  font-size:9px;
}
.wax-ref-dashboard-user .bell{
  margin-right:12px;
  color:#b6bfce;
  font-size:12px;
  transform:rotate(180deg);
}
.wax-ref-dashboard-user i{
  width:30px;height:30px;
  display:grid;place-items:center;
  border-radius:50%;
  background:linear-gradient(145deg,#7862ee,#9b87ff);
  color:#fff;
  font-size:10px;
  font-style:normal;
  font-weight:900;
}
.wax-ref-dashboard-user b{
  color:#adb5c4;
  font-size:9px;
  font-weight:700;
}
.wax-ref-dashboard-body{
  display:grid;
  grid-template-columns:143px 1fr;
  min-height:448px;
}
.wax-ref-sidebar{
  padding:23px 13px;
  border-right:1px solid rgba(255,255,255,.06);
  background:#080e1a;
}
.wax-ref-sidebar a{
  min-height:48px;
  display:grid;
  grid-template-columns:28px 1fr;
  gap:8px;
  align-items:center;
  margin-bottom:5px;
  padding:0 10px;
  border-radius:10px;
  color:#707c90;
  font-size:8px;
  font-weight:720;
}
.wax-ref-sidebar a i{
  color:#7c889c;
  font-size:11px;
  font-style:normal;
}
.wax-ref-sidebar a.active{
  background:linear-gradient(90deg,rgba(112,78,236,.30),rgba(112,78,236,.12));
  color:#fff;
}
.wax-ref-sidebar a.active i{color:#a58dff}
.wax-ref-dashboard-content{
  min-width:0;
  padding:29px 23px 24px;
}
.wax-ref-dashboard-heading{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
}
.wax-ref-dashboard-heading h3{
  margin:0!important;
  color:#fff!important;
  font-size:24px!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
}
.wax-ref-dashboard-heading p{
  margin:10px 0 0!important;
  color:#707c90!important;
  font-size:9px!important;
  line-height:1.5!important;
}
.wax-ref-search{
  width:190px;
  min-height:43px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 14px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:10px;
  background:#151d35;
  color:#7d88a0;
  font-size:9px;
}
.wax-ref-search span{opacity:.85}
.wax-ref-action-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:31px;
}
.wax-ref-action-grid a{
  position:relative;
  min-height:143px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:16px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:13px;
  background:linear-gradient(145deg,#151d35,#11182c);
  color:#f5f6f9;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
.wax-ref-action-grid a i{
  position:absolute;
  left:16px;top:16px;
  width:39px;height:39px;
  display:grid;place-items:center;
  border-radius:11px;
  color:#d8d2ff;
  font-size:13px;
  font-style:normal;
}
.wax-ref-action-grid a i.blue{background:linear-gradient(145deg,#4431d8,#3322a7)}
.wax-ref-action-grid a i.cyan{background:linear-gradient(145deg,#12687a,#0a4556);color:#77ecf7}
.wax-ref-action-grid a i.purple{background:linear-gradient(145deg,#6a2cb2,#442071);color:#e0b5ff}
.wax-ref-action-grid a b{
  color:#f5f6fa;
  font-size:10px;
  line-height:1.35;
}
.wax-ref-action-grid a>span{
  position:absolute;
  right:15px;bottom:16px;
  color:#a88eff;
  font-size:17px;
}
.wax-ref-join{
  min-height:96px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  margin-top:18px;
  padding:15px 17px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:13px;
  background:linear-gradient(100deg,#151c33,#11182d);
}
.wax-ref-join>div{
  min-width:0;
  display:grid;
  grid-template-columns:39px 1fr;
  gap:11px;
  align-items:center;
}
.wax-ref-join>div>i{
  width:39px;height:39px;
  display:grid;place-items:center;
  border-radius:11px;
  background:linear-gradient(145deg,#642eb0,#43206f);
  color:#e1bcff;
  font-size:14px;
  font-style:normal;
}
.wax-ref-join p{margin:0;min-width:0}
.wax-ref-join b,
.wax-ref-join small{display:block}
.wax-ref-join b{
  color:#f3f5f9;
  font-size:9px;
  line-height:1.25;
}
.wax-ref-join small{
  margin-top:6px;
  color:#748096;
  font-size:7px;
  line-height:1.35;
}
.wax-ref-join>a{
  flex:0 0 auto;
  min-height:47px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 18px;
  border-radius:11px;
  background:linear-gradient(135deg,#7250f2,#9272ff);
  color:#fff;
  font-size:8px;
  font-weight:900;
  box-shadow:0 10px 25px rgba(111,75,235,.23);
}
.wax-ref-float{
  position:absolute;
  z-index:8;
  display:grid;
  grid-template-columns:50px 1fr;
  gap:13px;
  align-items:center;
  min-width:205px;
  padding:13px;
  border:1px solid rgba(130,91,255,.44);
  border-radius:15px;
  background:rgba(22,23,44,.95);
  box-shadow:0 22px 58px rgba(0,0,0,.39);
}
.wax-ref-float>i{
  width:50px;height:50px;
  display:grid;place-items:center;
  border-radius:15px;
  background:linear-gradient(145deg,#3f287a,#2a1c56);
  color:#b398ff;
  font-size:18px;
  font-style:normal;
}
.wax-ref-float p{margin:0}
.wax-ref-float b,
.wax-ref-float span{display:block}
.wax-ref-float b{color:#f5f6fa;font-size:11px;line-height:1.2}
.wax-ref-float span{margin-top:5px;color:#a0a8b8;font-size:9px;line-height:1.3}
.wax-ref-float-top{
  right:-2px;
  top:18px;
}
.wax-ref-float-bottom{
  left:14px;
  bottom:20px;
}

/* ---------------- Bottom strip matching reference ---------------- */
.wax-ref-stats{
  width:min(1464px,calc(100% - 64px))!important;
  min-height:118px;
  display:grid;
  grid-template-columns:1.3fr .78fr .78fr .92fr 1.55fr;
  align-items:start;
  border-top:1px solid rgba(255,255,255,.11);
}
.wax-ref-stats>div{
  min-width:0;
  padding:28px 28px 0;
  border-right:1px solid rgba(255,255,255,.10);
}
.wax-ref-stats>div:first-child{padding-left:0}
.wax-ref-stats>div:last-child{padding-right:0;border-right:0}
.wax-ref-stats-intro b,
.wax-ref-stats-intro span,
.wax-ref-stat strong,
.wax-ref-stat span{
  display:block;
}
.wax-ref-stats-intro b{
  color:#a9b1c0;
  font-size:12px;
  font-weight:800;
}
.wax-ref-stats-intro span{
  margin-top:6px;
  color:#6e798b;
  font-size:11px;
}
.wax-ref-stat strong{
  color:#f6f7fa;
  font-size:23px;
  line-height:1;
  letter-spacing:-.035em;
}
.wax-ref-stat:nth-child(4) strong{color:#a284ff;font-size:19px}
.wax-ref-stat span{
  margin-top:9px;
  color:#737e90;
  font-size:10px;
}
.wax-ref-stats-tag{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:14px!important;
  padding-top:43px!important;
  color:#7f899a;
  font-size:10px;
}
.wax-ref-stats-tag i{
  width:38px;height:1px;
  flex:0 0 auto;
  background:#8b68ff;
  box-shadow:0 0 12px rgba(139,104,255,.35);
}

/* ---------------- Tablet ---------------- */
@media(min-width:761px) and (max-width:1220px){
  html body.wax-signature .header.v602-header .nav{
    width:calc(100% - 42px)!important;
    grid-template-columns:200px 1fr 205px!important;
  }
  html body.wax-signature .header.v602-header .wax-brand-logo img{width:182px!important}
  html body.wax-signature .header.v602-header .nav-links{gap:20px!important}
  html body.wax-signature .header.v602-header .nav-links a{font-size:11px!important}
  html body.wax-signature .header.v602-header .button-dark{min-width:116px!important;padding:0 15px!important}
  .wax-ref-main{
    width:calc(100% - 42px)!important;
    grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr);
    gap:22px;
  }
  .wax-ref-copy h1{font-size:clamp(51px,6vw,65px)!important}
  .wax-ref-copy>p{font-size:14px!important}
  .wax-ref-primary{min-width:205px}
  .wax-ref-outline{min-width:175px}
  .wax-ref-benefits{grid-template-columns:1fr;gap:10px;margin-top:34px}
  .wax-ref-benefits>div{grid-template-columns:40px 1fr}
  .wax-ref-benefit-icon{width:40px;height:40px;font-size:15px}
  .wax-ref-visual{height:520px}
  .wax-ref-dashboard{width:545px}
  .wax-ref-dashboard-body{grid-template-columns:108px 1fr;min-height:365px}
  .wax-ref-dashboard-top{height:58px}
  .wax-ref-dashboard-top>img{width:112px}
  .wax-ref-sidebar{padding:14px 8px}
  .wax-ref-sidebar a{min-height:38px;grid-template-columns:21px 1fr;padding:0 6px;font-size:6px}
  .wax-ref-dashboard-content{padding:20px 16px}
  .wax-ref-dashboard-heading h3{font-size:18px!important}
  .wax-ref-search{width:145px;min-height:34px}
  .wax-ref-action-grid{margin-top:21px;gap:8px}
  .wax-ref-action-grid a{min-height:108px;padding:11px}
  .wax-ref-action-grid a i{width:30px;height:30px;left:11px;top:11px}
  .wax-ref-action-grid a b{font-size:8px}
  .wax-ref-join{min-height:75px;margin-top:11px;padding:10px}
  .wax-ref-join>a{min-height:36px;padding:0 10px;font-size:6px}
  .wax-ref-orbit.orbit-a{width:610px;height:310px}
  .wax-ref-orbit.orbit-b{width:510px;height:390px}
  .wax-ref-float{min-width:160px;grid-template-columns:35px 1fr;padding:9px}
  .wax-ref-float>i{width:35px;height:35px;border-radius:10px}
  .wax-ref-float b{font-size:8px}
  .wax-ref-float span{font-size:6.5px}
  .wax-ref-stats{
    width:calc(100% - 42px)!important;
    grid-template-columns:1.1fr .8fr .8fr 1fr;
  }
  .wax-ref-stats-tag{display:none!important}
}

/* ---------------- Mobile / iOS / Android ---------------- */
@media(max-width:760px){
  html body.wax-signature .header.v602-header{
    position:sticky!important;
    top:0!important;
    z-index:120!important;
    background:#080c16!important;
  }
  html body.wax-signature .header.v602-header .nav{
    width:calc(100% - 28px)!important;
    height:72px!important;
    min-height:72px!important;
    display:flex!important;
    justify-content:space-between!important;
    gap:12px!important;
  }
  html body.wax-signature .header.v602-header .wax-brand-logo img{
    width:176px!important;
  }
  html body.wax-signature .header.v602-header .nav-links,
  html body.wax-signature .header.v602-header .desktop-only{
    display:none!important;
  }
  html body.wax-signature .header.v602-header .nav-actions{
    margin-left:auto!important;
  }
  html body.wax-signature .header.v602-header .menu-btn{
    display:flex!important;
    width:48px!important;
    height:48px!important;
    padding:0!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:6px!important;
    border:1px solid rgba(132,99,255,.38)!important;
    border-radius:14px!important;
    background:#12182a!important;
  }
  html body.wax-signature .header.v602-header .menu-btn span{
    width:19px!important;
    height:2px!important;
    margin:0!important;
    border-radius:999px!important;
    background:#b8a4ff!important;
  }

  html body.wax-signature .header.v602-header .mobile-nav{
    display:none!important;
  }
  html body.wax-signature .header.v602-header .mobile-nav.open{
    position:fixed!important;
    inset:72px 0 calc(78px + env(safe-area-inset-bottom)) 0!important;
    z-index:119!important;
    display:block!important;
    overflow-y:auto!important;
    padding:10px 0 18px!important;
    border:0!important;
    background:#080c16!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  html body.wax-signature .header.v602-header .mobile-nav-inner{
    width:calc(100% - 20px)!important;
    min-height:calc(100% - 4px)!important;
    margin:0 auto!important;
    padding:20px 17px 16px!important;
    display:block!important;
    border:1px solid rgba(135,101,255,.42)!important;
    border-radius:25px!important;
    background:
      radial-gradient(circle at 98% 0%,rgba(122,83,255,.12),transparent 25%),
      #0b1020!important;
    box-shadow:0 22px 65px rgba(0,0,0,.34)!important;
  }
  html body.wax-signature .header.v602-header .mobile-nav-intro{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:14px!important;
    margin:0!important;
    padding:5px 5px 18px!important;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
  }
  html body.wax-signature .header.v602-header .mobile-nav-intro small{
    display:block!important;
    color:#a183ff!important;
    font-size:8px!important;
    line-height:1.25!important;
    font-weight:900!important;
    letter-spacing:.12em!important;
  }
  html body.wax-signature .header.v602-header .mobile-nav-intro b{
    display:block!important;
    margin:8px 0 0!important;
    color:#fff!important;
    font-size:23px!important;
    line-height:1.08!important;
    letter-spacing:-.04em!important;
    white-space:normal!important;
  }
  html body.wax-signature .header.v602-header .v601-menu-sub{
    margin-top:6px!important;
    color:#7e899c!important;
    font-size:10px!important;
    letter-spacing:0!important;
  }
  html body.wax-signature .header.v602-header .mobile-nav-intro>span{
    flex:0 0 auto!important;
    margin-top:2px!important;
    padding:7px 10px!important;
    border-radius:999px!important;
    background:#2a2057!important;
    color:#bba7ff!important;
    font-size:9px!important;
    font-weight:900!important;
  }
  html body.wax-signature .header.v602-header .mobile-nav-primary{
    display:block!important;
    margin:5px 0 0!important;
  }
  html body.wax-signature .header.v602-header .mobile-nav-primary>a{
    min-height:73px!important;
    display:grid!important;
    grid-template-columns:52px minmax(0,1fr) 24px!important;
    gap:14px!important;
    align-items:center!important;
    margin:0!important;
    padding:9px 5px!important;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.075)!important;
    border-radius:0!important;
    background:transparent!important;
    color:#fff!important;
  }
  html body.wax-signature .header.v602-header .mobile-nav-primary>a>i{
    width:50px!important;
    height:50px!important;
    display:grid!important;
    place-items:center!important;
    margin:0!important;
    border:1px solid rgba(131,98,255,.25)!important;
    border-radius:15px!important;
    background:linear-gradient(145deg,#281f4d,#17172f)!important;
    color:#aa8cff!important;
    font-size:17px!important;
    font-style:normal!important;
  }
  html body.wax-signature .header.v602-header .mobile-nav-primary>a>div{
    min-width:0!important;
  }
  html body.wax-signature .header.v602-header .mobile-nav-primary>a b{
    display:block!important;
    margin:0!important;
    color:#f5f6fa!important;
    font-size:15px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  html body.wax-signature .header.v602-header .mobile-nav-primary>a small{
    display:block!important;
    margin-top:6px!important;
    color:#7e899c!important;
    font-size:9px!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  html body.wax-signature .header.v602-header .mobile-nav-primary>a>span{
    color:#a88cff!important;
    font-size:19px!important;
  }
  html body.wax-signature .header.v602-header .mobile-nav-account{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:9px!important;
    margin:18px 0 0!important;
    padding:0!important;
    border:0!important;
  }
  html body.wax-signature .header.v602-header .mobile-nav-account a{
    min-height:55px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0 11px!important;
    border-radius:15px!important;
    font-size:13px!important;
    font-weight:900!important;
  }
  html body.wax-signature .header.v602-header .mobile-nav-account .login{
    border:1px solid #7659ef!important;
    background:#0a101d!important;
    color:#fff!important;
  }
  html body.wax-signature .header.v602-header .mobile-nav-account .register{
    border:1px solid #8565ff!important;
    background:linear-gradient(135deg,#6749ed,#825dff)!important;
    color:#fff!important;
  }
  html body.wax-signature .header.v602-header .mobile-nav-scrim{
    display:none!important;
  }
  html body.menu-open{overflow:hidden!important}

  .wax-ref-hero{
    min-height:auto;
  }
  .wax-ref-grid{background-size:48px 48px;opacity:.32}
  .wax-ref-main{
    width:calc(100% - 30px)!important;
    min-height:0;
    display:flex;
    flex-direction:column;
    gap:16px;
    padding:42px 0 23px;
  }
  .wax-ref-copy{width:100%}
  .wax-ref-pill{
    min-height:35px;
    padding:0 13px;
    gap:9px;
    font-size:9px;
  }
  .wax-ref-pill i{width:8px;height:8px}
  .wax-ref-copy h1{
    max-width:100%;
    margin:22px 0 18px!important;
    font-size:clamp(44px,12.2vw,60px)!important;
    line-height:.96!important;
    letter-spacing:-.06em!important;
  }
  .wax-ref-copy>p{
    max-width:100%;
    font-size:13px!important;
    line-height:1.66!important;
  }
  .wax-ref-buttons{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px;
    margin-top:24px;
  }
  .wax-ref-button{
    width:100%;
    min-width:0;
    min-height:51px;
    padding:0 10px;
    border-radius:13px;
    font-size:10px;
  }
  .wax-ref-outline i{width:25px;height:25px;font-size:8px}
  .wax-ref-benefits{
    grid-template-columns:1fr;
    gap:9px;
    margin-top:28px;
  }
  .wax-ref-benefits>div{
    grid-template-columns:42px 1fr;
    gap:11px;
  }
  .wax-ref-benefit-icon{
    width:42px;height:42px;
    font-size:16px;
  }
  .wax-ref-benefits b{font-size:11px}
  .wax-ref-benefits small{font-size:8px;margin-top:4px}

  .wax-ref-visual{
    width:100%;
    height:400px;
    margin-top:4px;
  }
  .wax-ref-dashboard{
    width:430px;
    max-width:100%;
    border-radius:18px;
    transform:translate(-49%,-48%) perspective(1000px) rotateY(-3deg) rotateX(.7deg) rotateZ(-.3deg);
  }
  .wax-ref-dashboard-top{
    height:52px;
    padding:0 12px;
  }
  .wax-ref-dashboard-top>img{width:105px}
  .wax-ref-dashboard-user{gap:5px;font-size:6px}
  .wax-ref-dashboard-user .bell{margin-right:5px;font-size:8px}
  .wax-ref-dashboard-user i{width:22px;height:22px;font-size:7px}
  .wax-ref-dashboard-body{
    grid-template-columns:84px 1fr;
    min-height:272px;
  }
  .wax-ref-sidebar{
    padding:11px 7px;
  }
  .wax-ref-sidebar a{
    min-height:35px;
    grid-template-columns:18px 1fr;
    gap:4px;
    padding:0 5px;
    margin-bottom:2px;
    border-radius:7px;
    font-size:5.5px;
  }
  .wax-ref-sidebar a i{font-size:7px}
  .wax-ref-dashboard-content{
    padding:14px 11px 12px;
  }
  .wax-ref-dashboard-heading{
    gap:8px;
  }
  .wax-ref-dashboard-heading h3{font-size:15px!important}
  .wax-ref-dashboard-heading p{font-size:6px!important;margin-top:4px!important}
  .wax-ref-search{
    width:115px;
    min-height:29px;
    padding:0 7px;
    border-radius:7px;
    font-size:5.5px;
  }
  .wax-ref-action-grid{
    gap:6px;
    margin-top:16px;
  }
  .wax-ref-action-grid a{
    min-height:87px;
    padding:8px;
    border-radius:9px;
  }
  .wax-ref-action-grid a i{
    left:8px;top:8px;
    width:25px;height:25px;
    border-radius:7px;
    font-size:8px;
  }
  .wax-ref-action-grid a b{font-size:6px}
  .wax-ref-action-grid a>span{right:7px;bottom:8px;font-size:10px}
  .wax-ref-join{
    min-height:61px;
    gap:6px;
    margin-top:8px;
    padding:7px;
    border-radius:9px;
  }
  .wax-ref-join>div{
    grid-template-columns:25px 1fr;
    gap:6px;
  }
  .wax-ref-join>div>i{
    width:25px;height:25px;
    border-radius:7px;
    font-size:8px;
  }
  .wax-ref-join b{font-size:5.8px}
  .wax-ref-join small{font-size:4.7px;margin-top:2px}
  .wax-ref-join>a{
    min-height:29px;
    padding:0 7px;
    border-radius:7px;
    font-size:5px;
  }
  .wax-ref-orbit.orbit-a{
    width:465px;height:235px;
  }
  .wax-ref-orbit.orbit-b{
    width:370px;height:315px;
  }
  .wax-ref-orbit-dot{
    right:-4px;top:187px;width:13px;height:13px;
  }
  .wax-ref-float{
    min-width:135px;
    grid-template-columns:31px 1fr;
    gap:7px;
    padding:7px;
    border-radius:10px;
  }
  .wax-ref-float>i{
    width:31px;height:31px;
    border-radius:9px;
    font-size:10px;
  }
  .wax-ref-float b{font-size:7px}
  .wax-ref-float span{font-size:5.5px;margin-top:2px}
  .wax-ref-float-top{right:-3px;top:0}
  .wax-ref-float-bottom{left:-3px;bottom:1px}

  .wax-ref-stats{
    width:calc(100% - 30px)!important;
    min-height:0;
    grid-template-columns:1fr 1fr;
    border-top:1px solid rgba(255,255,255,.10);
  }
  .wax-ref-stats>div{
    min-height:78px;
    padding:16px 12px 12px!important;
    border-right:1px solid rgba(255,255,255,.08);
    border-bottom:1px solid rgba(255,255,255,.08);
  }
  .wax-ref-stats>div:nth-child(2n){border-right:0}
  .wax-ref-stats-intro{display:none}
  .wax-ref-stat strong{font-size:16px}
  .wax-ref-stat:nth-child(4) strong{font-size:14px}
  .wax-ref-stat span{font-size:7px;margin-top:6px}
  .wax-ref-stats-tag{
    grid-column:1/-1;
    min-height:52px!important;
    display:flex!important;
    justify-content:flex-start!important;
    padding:15px 0!important;
    border:0!important;
    color:#737e91;
    font-size:8px;
  }

  html body.wax-signature .mobile-action-dock.v601-dock{
    position:fixed!important;
    z-index:121!important;
    left:8px!important;
    right:8px!important;
    bottom:max(7px,env(safe-area-inset-bottom))!important;
    height:70px!important;
    display:grid!important;
    grid-template-columns:repeat(5,1fr)!important;
    gap:0!important;
    padding:6px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    border-radius:20px!important;
    background:#0a0f1a!important;
    box-shadow:0 22px 60px rgba(0,0,0,.46)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  html body.wax-signature .mobile-action-dock.v601-dock a{
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    padding:0!important;
    border:0!important;
    border-radius:12px!important;
    background:transparent!important;
    color:#7e899c!important;
    font-size:8px!important;
    line-height:1!important;
    font-weight:800!important;
  }
  html body.wax-signature .mobile-action-dock.v601-dock a.active{
    color:#a387ff!important;
  }
  html body.wax-signature .mobile-action-dock.v601-dock .dock-icon{
    width:auto!important;
    height:auto!important;
    display:block!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:inherit!important;
    font-size:17px!important;
  }
  html body.wax-signature .mobile-action-dock.v601-dock .v601-dock-center .dock-primary{
    width:50px!important;
    height:50px!important;
    margin-top:-26px!important;
    display:grid!important;
    place-items:center!important;
    border:2px solid #8e6dff!important;
    border-radius:50%!important;
    background:linear-gradient(145deg,#6f4cf1,#8d69ff)!important;
    color:#fff!important;
    font-size:27px!important;
    box-shadow:0 10px 30px rgba(113,76,244,.44)!important;
  }
  html body.wax-signature.process-v582 .mobile-action-dock.v601-dock,
  html body.wax-signature.payment-v585 .mobile-action-dock.v601-dock{
    display:none!important;
  }

  html body.wax-v602-home{
    padding-bottom:calc(82px + env(safe-area-inset-bottom))!important;
  }
}

/* Compact mobile */
@media(max-width:390px){
  html body.wax-signature .header.v602-header .nav{
    width:calc(100% - 22px)!important;
  }
  html body.wax-signature .header.v602-header .wax-brand-logo img{
    width:157px!important;
  }
  .wax-ref-main{width:calc(100% - 24px)!important}
  .wax-ref-copy h1{font-size:42px!important}
  .wax-ref-buttons{grid-template-columns:1fr}
  .wax-ref-visual{height:354px}
  .wax-ref-float-top{display:none}
  .wax-ref-stats{width:calc(100% - 24px)!important}
}

/* Landscape phone */
@media(max-width:900px) and (orientation:landscape) and (max-height:520px){
  .wax-ref-main{
    display:grid;
    grid-template-columns:1fr .95fr;
    gap:16px;
    padding:25px 0 18px;
  }
  .wax-ref-copy h1{font-size:42px!important;margin:12px 0 13px!important}
  .wax-ref-copy>p{font-size:11px!important}
  .wax-ref-pill{min-height:30px;font-size:8px}
  .wax-ref-buttons{margin-top:15px}
  .wax-ref-button{min-height:42px}
  .wax-ref-benefits{display:none}
  .wax-ref-visual{height:330px}
  .wax-ref-stats{grid-template-columns:repeat(4,1fr)}
  .wax-ref-stats-tag,.wax-ref-stats-intro{display:none!important}
}

@media(hover:none){
  .wax-ref-button:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){
  .wax-ref-button{transition:none!important}
}
