*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:#080810;color:#fff;font-family:'DM Sans',sans-serif;overflow-x:hidden}
::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-track{background:#080810}
::-webkit-scrollbar-thumb{background:rgba(168,85,247,.3);border-radius:2px}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:.65rem 1.5rem;display:flex;align-items:center;justify-content:space-between;transition:all .4s}
nav.scrolled{background:rgba(8,8,16,.92);backdrop-filter:blur(20px);border-bottom:none}
.nav-brand{display:flex;align-items:center;gap:.6rem}
.nav-brand img{width:28px;height:28px;border-radius:8px;display:inline-block;vertical-align:middle}
.nav-brand .nav-wordmark{width:112px!important;height:28px!important;border-radius:0!important;object-fit:contain}
.nav-icon{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#a855f7,#ec4899);box-shadow:0 0 20px rgba(168,85,247,.4);display:flex;align-items:center;justify-content:center;font-family:'Unbounded',sans-serif;font-weight:800;font-size:.85rem}
.nav-brand span{font-family:'Unbounded',sans-serif;font-weight:700;font-size:1rem;letter-spacing:-.02em}
.nav-cta{background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;padding:.5rem 1.25rem;border-radius:999px;font-size:.75rem;font-weight:600;text-decoration:none;box-shadow:0 0 20px rgba(168,85,247,.35);transition:transform .2s}
.nav-cta:hover{transform:scale(1.04)}
.page-nav-buttons{display:flex;gap:1.05rem;align-items:center;margin-left:2.1rem}
.page-nav-button{color:#fff;font-size:.72rem;font-weight:600;text-decoration:none;padding:.2rem 0;white-space:nowrap;transition:color .2s,filter .2s}
.page-nav-button:hover{background:linear-gradient(90deg,#FFD46D 0%,#FF9B67 34%,#F24D8D 68%,#EC008C 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 8px rgba(236,0,140,.32))}

/* HERO */
.hero{min-height:auto;display:flex;align-items:flex-start;justify-content:center;text-align:center;padding:0 1.5rem 3rem;position:relative;overflow:hidden}
/* Make the top section (hero + spotlight) fill the viewport on any screen, content stays the same size, just centered vertically */
.top-viewport{min-height:calc(100vh - 64px);display:flex;flex-direction:column;justify-content:center;position:relative}
@media(max-height:700px){.top-viewport{min-height:auto}}
.hero-cursor-glow{position:absolute;left:var(--cursor-x,50%);top:var(--cursor-y,50%);width:280px;height:280px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(236,72,153,.18) 0%,rgba(168,85,247,.11) 34%,rgba(124,58,237,.055) 55%,transparent 72%);filter:blur(18px);opacity:var(--cursor-glow-opacity,0);pointer-events:none;transition:opacity .25s ease;mix-blend-mode:screen}
.hero-bg{position:absolute;inset:0;pointer-events:none}
.g1{position:absolute;top:25%;left:50%;transform:translateX(-50%);width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(168,85,247,.09) 0%,transparent 70%)}
.g2{position:absolute;bottom:0;left:0;width:450px;height:450px;background:radial-gradient(circle,rgba(236,72,153,.06) 0%,transparent 70%)}
.g3{position:absolute;top:4rem;right:2rem;width:300px;height:300px;background:radial-gradient(circle,rgba(236,72,153,.05) 0%,transparent 70%)}
.grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:60px 60px}
.hero-inner{position:relative;z-index:1;max-width:860px;margin:0 auto;padding-top:1.75rem}
.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.3);color:#c084fc;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;padding:.45rem 1rem;border-radius:999px;margin-bottom:0;margin-top:.5rem;font-weight:500}
.badge-dot{width:6px;height:6px;border-radius:50%;background:#a855f7;box-shadow:0 0 6px #a855f7}
.hero h1{font-family:'Unbounded',sans-serif;font-size:clamp(2.5rem,5vw,3.6rem);font-weight:800;line-height:1.04;letter-spacing:-.03em;margin-bottom:1rem;margin-top:0.15rem;background:linear-gradient(90deg,#FFD46D 0%,#f472b6 38%,#c026d3 70%,#7c3aed 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero p{color:rgba(255,255,255,.45);font-size:.95rem;line-height:1.7;max-width:560px;margin:0 auto 1rem}
.feature-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-bottom:.35rem;max-width:600px;margin-left:auto;margin-right:auto}
.pill{font-size:.65rem;padding:.35rem .7rem;border-radius:999px;border:1px solid;display:inline-block;font-weight:500}

/* DIVIDER */
.divider{height:1px;max-width:1100px;margin:0 auto;background:linear-gradient(90deg,transparent,rgba(59,130,246,.3),transparent)}

/* FEATURE SECTION */
.feature{padding:3.5rem 1.5rem;position:relative}
.feature-inner{max-width:1100px;margin:0 auto;display:flex;gap:3.5rem;align-items:center;flex-wrap:wrap}
.feature-inner.rev{flex-direction:row-reverse}
.feature-visual{flex:1;min-width:240px;display:flex;justify-content:center}
.fcard{width:270px;height:270px;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}
.fcard-glyph{font-size:5rem;display:block;margin-bottom:.75rem;position:relative;z-index:1;line-height:1;text-align:center}
.fcard-label{font-size:.7rem;letter-spacing:.25em;text-transform:uppercase;font-weight:700;opacity:.8;position:relative;z-index:1;text-align:center}
.fcard-grid{position:absolute;inset:0}
.fcard-hl,.fcard-vl{position:absolute;opacity:.1}
.fcard-hl{width:100%;height:1px}
.fcard-vl{height:100%;width:1px}
.fcard-dot{position:absolute;width:7px;height:7px;border-radius:50%;opacity:.35}
.feature-body{flex:1;min-width:280px}
.feat-num{display:inline-flex;align-items:center;gap:.7rem;font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;font-weight:800;padding:0 0 .45rem 0;border:0!important;border-radius:0;background:transparent!important;margin-bottom:1.05rem;position:relative;text-shadow:0 0 18px currentColor}
.feat-num::after{content:'';position:absolute;left:0;right:-.65rem;bottom:0;height:1px;background:linear-gradient(90deg,currentColor,transparent);opacity:.42}
.feat-title{font-family:'Unbounded',sans-serif;font-size:clamp(1.9rem,4vw,2.7rem);font-weight:800;letter-spacing:-.03em;margin-bottom:.35rem;line-height:1.08;color:#fff}
.feat-tagline{font-size:1.05rem;font-weight:500;margin-bottom:1.1rem}
.feat-desc{color:rgba(255,255,255,.45);font-size:.95rem;line-height:1.75;margin-bottom:1.75rem}
.steps-lbl{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:#fff;font-weight:800;margin-bottom:.9rem}
.steps{display:flex;flex-direction:column;gap:.7rem}
.step{display:flex;gap:.9rem;align-items:flex-start}
.step-n{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;flex-shrink:0;margin-top:1px;border:1px solid}
.step-t{font-size:.875rem;color:rgba(255,255,255,.55);line-height:1.6}

/* FOOTER */
footer{padding:5rem 1.5rem 3rem;text-align:center;position:relative;margin-top:2rem}
footer::before{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(168,85,247,.06),transparent);pointer-events:none}
.footer-in{position:relative;z-index:1;max-width:1100px;margin:0 auto}
.footer-brand{display:inline-flex;align-items:center;gap:.75rem;margin-bottom:1rem}
.footer-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#a855f7,#ec4899);box-shadow:0 0 30px rgba(168,85,247,.4);display:flex;align-items:center;justify-content:center;font-family:'Unbounded',sans-serif;font-weight:800;font-size:1.1rem}
.footer-brand span{font-family:'Unbounded',sans-serif;font-weight:800;font-size:1.4rem;color:#fff}
.footer-tag{color:rgba(255,255,255,.28);font-size:.875rem;max-width:420px;margin:0 auto 2.5rem;line-height:1.7}
.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2.5rem}
.footer-link{font-size:.72rem;color:rgba(255,255,255,.3);padding:.375rem .75rem;border-radius:999px;transition:all .2s;letter-spacing:.03em;cursor:default}
.footer-hr{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);margin-bottom:1.5rem}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;font-size:.72rem;color:rgba(255,255,255,.2)}
.footer-bottom a{color:rgba(168,85,247,.5);text-decoration:none;font-weight:500}

@media(max-width:768px){
  .feature-inner,.feature-inner.rev{flex-direction:column}
  .fcard{width:210px;height:210px}
}


.nav-links{position:fixed;top:var(--nav-base-h,64px);left:0;right:0;z-index:99;display:flex;align-items:center;justify-content:center;gap:.62rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:0;padding:.28rem .85rem;background:rgba(8,8,16,.86);backdrop-filter:blur(18px);border-bottom:none}
.nav-links::-webkit-scrollbar{display:none}
.nav-link{font-size:.64rem;font-weight:600;color:rgba(255,255,255,.85);text-decoration:none;padding:.28rem .62rem;border-radius:7px;border:1px solid color-mix(in srgb,var(--c) 42%,transparent);transition:all .2s;white-space:nowrap;cursor:pointer;background:color-mix(in srgb,var(--c) 8%,transparent);font-family:inherit;letter-spacing:.01em;position:relative;box-shadow:0 0 8px color-mix(in srgb,var(--c) 15%,transparent),inset 0 0 8px color-mix(in srgb,var(--c) 7%,transparent);animation:shortcut-glow 2.2s ease-in-out infinite}
.nav-link::after{content:none}
@keyframes dot-pulse{0%,100%{opacity:.3;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.4)}}
@keyframes shortcut-glow{0%,100%{border-color:color-mix(in srgb,var(--c) 32%,transparent);box-shadow:0 0 6px color-mix(in srgb,var(--c) 12%,transparent),inset 0 0 7px color-mix(in srgb,var(--c) 6%,transparent)}50%{border-color:color-mix(in srgb,var(--c) 72%,transparent);box-shadow:0 0 16px color-mix(in srgb,var(--c) 38%,transparent),inset 0 0 12px color-mix(in srgb,var(--c) 14%,transparent)}}
.nav-link:hover{color:#fff;border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.06)}
.nav-link.is-active{
  color:#fff;
  border-color:color-mix(in srgb,var(--c) 92%,white 8%);
  background:color-mix(in srgb,var(--c) 18%,transparent);
  box-shadow:0 0 18px color-mix(in srgb,var(--c) 44%,transparent),inset 0 0 14px color-mix(in srgb,var(--c) 16%,transparent);
}


@media(min-width:1024px){
  .hero-side-logo{position:absolute;top:50%;transform:translateY(-50%);width:120px;height:120px;border-radius:28px;opacity:.08;pointer-events:none}
  .hero-side-logo.left{left:8%}
  .hero-side-logo.right{right:8%}
}
@media(max-width:1023px){.hero-side-logo{display:none}}


@media(min-width:1024px){
  .hero-orb-left{position:absolute;top:10%;left:-5%;width:400px;height:400px;background:radial-gradient(ellipse,rgba(236,72,153,.12) 0%,transparent 70%);pointer-events:none;border-radius:50%}
  .hero-orb-right{position:absolute;bottom:10%;right:-5%;width:400px;height:400px;background:radial-gradient(ellipse,rgba(168,85,247,.12) 0%,transparent 70%);pointer-events:none;border-radius:50%}
  .hero-beam{position:absolute;pointer-events:none;overflow:hidden}
  .hero-beam-tl{top:0;left:0;width:45%;height:55%;background:linear-gradient(135deg,rgba(236,72,153,.06) 0%,transparent 60%)}
  .hero-beam-br{bottom:0;right:0;width:45%;height:55%;background:linear-gradient(315deg,rgba(168,85,247,.06) 0%,transparent 60%)}
  .hero-beam-tr{top:0;right:0;width:35%;height:45%;background:linear-gradient(225deg,rgba(168,85,247,.05) 0%,transparent 60%)}
  .hero-beam-bl{bottom:0;left:0;width:35%;height:45%;background:linear-gradient(45deg,rgba(236,72,153,.05) 0%,transparent 60%)}
}
@media(max-width:1023px){
  .hero-orb-left,.hero-orb-right,.hero-beam{display:none}
}

@media(min-width:1024px){.hero-scattered-logo{display:block !important}}
/* PAGE SWITCHING */
#page-main { display: block; }
#page-pricing { display: none; }
#page-agency { display: none; }
  #page-vip { display: none; }

/* AGENCY PAGE CARDS */
.agency-plan-card{
  background:radial-gradient(circle at 86% 12%,rgba(236,72,153,.18),transparent 32%),linear-gradient(150deg,rgba(255,255,255,.08),rgba(255,255,255,.018) 58%,rgba(168,85,247,.055)) !important;
  border:1px solid rgba(216,180,254,.32) !important;
  border-radius:0 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 24px 70px rgba(0,0,0,.35),0 0 55px rgba(168,85,247,.12) !important;
  isolation:isolate;
}
.agency-plan-card::before{
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(120deg,rgba(255,255,255,.12),transparent 22%,transparent 76%,rgba(236,72,153,.1));
  pointer-events:none;
}
.agency-plan-card::after{
  content:'';
  position:absolute;
  left:1.5rem;
  right:1.5rem;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(244,114,182,.75),rgba(168,85,247,.65),transparent);
  pointer-events:none;
}
.agency-info-card{
  background:radial-gradient(circle at 86% 10%,rgba(var(--agency-rgb),.22),transparent 34%),linear-gradient(150deg,rgba(255,255,255,.07),rgba(255,255,255,.018) 62%,rgba(var(--agency-rgb),.055)) !important;
  border:1px solid rgba(var(--agency-rgb),.28) !important;
  border-radius:0 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 18px 45px rgba(0,0,0,.28),0 0 34px rgba(var(--agency-rgb),.08) !important;
  position:relative;
  overflow:hidden;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.agency-info-card::after{
  content:'';
  position:absolute;
  left:1.15rem;
  right:1.15rem;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(var(--agency-rgb),.75),transparent);
}
.agency-info-card:hover{
  transform:translateY(-3px);
  border-color:rgba(var(--agency-rgb),.45) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 22px 55px rgba(0,0,0,.32),0 0 44px rgba(var(--agency-rgb),.13) !important;
}
.agency-info-card > div:first-child{
  width:42px;
  height:42px;
  border-radius:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(var(--agency-rgb),.12);
  border:1px solid rgba(var(--agency-rgb),.28);
  color:rgb(var(--agency-rgb));
  box-shadow:0 0 22px rgba(var(--agency-rgb),.14);
}
.agency-cta{
  background:linear-gradient(135deg,#f472b6 0%,#d946ef 44%,#8b5cf6 100%) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.06) inset,0 14px 34px rgba(168,85,247,.3),0 0 38px rgba(236,72,153,.16) !important;
  position:relative;
  overflow:hidden;
  transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;
}
.agency-cta::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.22) 44%,transparent 58%);
  transform:translateX(-120%);
  transition:transform .6s ease;
}
.agency-cta:hover{
  transform:translateY(-2px);
  filter:saturate(1.08);
  box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 18px 42px rgba(168,85,247,.38),0 0 46px rgba(236,72,153,.22) !important;
}
.agency-cta:hover::before{transform:translateX(120%)}
.agency-account-map::before{content:none}
.agency-account-map::after{content:none}
.agency-map-main{z-index:2}
.agency-map-main::before{
  content:'';
  position:absolute;
  inset:-34px;
  background:radial-gradient(circle,rgba(236,72,153,.28),rgba(168,85,247,.16) 42%,transparent 72%);
  filter:blur(18px);
  opacity:.25;
  z-index:-1;
  pointer-events:none;
  animation:agency-main-glow-pulse 3.2s ease-in-out infinite;
}
@keyframes agency-main-glow-pulse{0%,100%{opacity:.18}50%{opacity:.72}}
.vip-plan-card{
  background:radial-gradient(circle at 86% 12%,rgba(var(--vip-rgb),.2),transparent 32%),linear-gradient(150deg,rgba(255,255,255,.08),rgba(255,255,255,.018) 58%,rgba(var(--vip-rgb),.055)) !important;
  border:1px solid rgba(var(--vip-rgb),.32) !important;
  border-radius:0 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 24px 70px rgba(0,0,0,.35),0 0 55px rgba(var(--vip-rgb),.12) !important;
  isolation:isolate;
}
.vip-plan-card::before{
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(120deg,rgba(255,255,255,.12),transparent 22%,transparent 76%,rgba(236,72,153,.1));
  pointer-events:none;
}
.vip-plan-card::after{
  content:'';
  position:absolute;
  left:1.5rem;
  right:1.5rem;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(244,114,182,.75),rgba(168,85,247,.65),transparent);
  pointer-events:none;
}

/* PRICING PAGE STYLES */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:#080810;color:#fff;font-family:'DM Sans',sans-serif;overflow-x:hidden}
::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-track{background:#080810}
::-webkit-scrollbar-thumb{background:rgba(168,85,247,.3);border-radius:2px}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:.65rem 1.5rem;display:flex;align-items:center;justify-content:space-between;background:rgba(8,8,16,.92);backdrop-filter:blur(20px);border-bottom:none}
.nav-brand{display:flex;align-items:center;gap:.6rem}
.nav-brand span{font-family:'Unbounded',sans-serif;font-weight:700;font-size:1rem;letter-spacing:-.02em}
.nav-cta{background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;padding:.5rem 1.25rem;border-radius:999px;font-size:.75rem;font-weight:600;text-decoration:none;box-shadow:0 0 20px rgba(168,85,247,.35);transition:transform .2s}
.nav-cta:hover{transform:scale(1.04)}
.nav-back{color:rgba(255,255,255,.5);font-size:.75rem;text-decoration:none;padding:.5rem 1rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);transition:all .2s}
.nav-back:hover{color:#fff;border-color:rgba(255,255,255,.3)}

/* HERO */
.hero{padding:0 1.5rem 2rem;text-align:center;position:relative;overflow:hidden}
.hero-bg{position:absolute;inset:0;pointer-events:none}
.hero-bg .g1{position:absolute;top:0;left:50%;transform:translateX(-50%);width:800px;height:400px;background:radial-gradient(ellipse,rgba(168,85,247,.1) 0%,transparent 70%)}
.hero-bg .grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:60px 60px}
.hero-inner{position:relative;z-index:1;max-width:760px;margin:0 auto}
.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.3);color:#c084fc;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;padding:.45rem 1rem;border-radius:999px;margin-bottom:1.5rem;font-weight:500}
.badge-dot{width:6px;height:6px;border-radius:50%;background:#a855f7;box-shadow:0 0 6px #a855f7}
.hero h1{font-family:'Unbounded',sans-serif;font-size:clamp(2.2rem,6vw,3.8rem);font-weight:800;line-height:1.08;letter-spacing:-.03em;margin-bottom:1rem;background:linear-gradient(90deg,#FFD46D 0%,#f472b6 38%,#c026d3 70%,#7c3aed 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero p{color:rgba(255,255,255,.45);font-size:1rem;line-height:1.7;max-width:500px;margin:0 auto}

/* PLANS */
.plans-section{padding:3rem 1.5rem 6rem;max-width:1200px;margin:0 auto}
.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;align-items:start}

/* PLAN CARD */
.plan-card{border-radius:24px;padding:2rem;position:relative;overflow:hidden;transition:transform .3s}
.plan-card:hover{transform:translateY(-4px)}

.plan-card.free{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.plan-card.plus{background:rgba(236,72,153,.06);border:1px solid rgba(236,72,153,.3);box-shadow:0 0 40px rgba(236,72,153,.1)}
.plan-card.pro{background:rgba(168,85,247,.06);border:1px solid rgba(168,85,247,.3);box-shadow:0 0 40px rgba(168,85,247,.1)}

.plan-card.plus::before{content:'MOST POPULAR';position:absolute;top:1rem;right:1rem;font-size:.6rem;letter-spacing:.15em;font-weight:700;color:#ec4899;background:rgba(236,72,153,.15);padding:.25rem .6rem;border-radius:999px;border:1px solid rgba(236,72,153,.3)}
.plan-card.pro::before{content:'BEST VALUE';position:absolute;top:1rem;right:1rem;font-size:.6rem;letter-spacing:.15em;font-weight:700;color:#a855f7;background:rgba(168,85,247,.15);padding:.25rem .6rem;border-radius:999px;border:1px solid rgba(168,85,247,.3)}

.plan-name{font-family:'Unbounded',sans-serif;font-size:1.4rem;font-weight:800;margin-bottom:.25rem;letter-spacing:-.02em}
.plan-card.free .plan-name{color:#fff}
.plan-card.plus .plan-name{color:#ec4899}
.plan-card.pro .plan-name{color:#a855f7}

.plan-price{margin-bottom:.25rem}
.plan-price .amount{font-family:'Unbounded',sans-serif;font-size:2.5rem;font-weight:800;letter-spacing:-.03em}
.plan-price .period{font-size:.85rem;color:rgba(255,255,255,.4);font-weight:400}
.plan-price .daily{font-size:.72rem;color:rgba(255,255,255,.3);margin-top:.1rem}
.plan-yearly{font-size:.72rem;margin-bottom:1.5rem;padding:.35rem .75rem;border-radius:999px;display:inline-block}
.plan-card.free .plan-yearly{color:rgba(255,255,255,.3);background:rgba(255,255,255,.05)}
.plan-card.plus .plan-yearly{color:rgba(236,72,153,.8);background:rgba(236,72,153,.1);border:1px solid rgba(236,72,153,.2)}
.plan-card.pro .plan-yearly{color:rgba(168,85,247,.8);background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.2)}

.plan-divider{height:1px;margin-bottom:1.5rem}
.plan-card.free .plan-divider{background:rgba(255,255,255,.08)}
.plan-card.plus .plan-divider{background:rgba(236,72,153,.2)}
.plan-card.pro .plan-divider{background:rgba(168,85,247,.2)}

.plan-features{list-style:none;display:flex;flex-direction:column;gap:.9rem;margin-bottom:2rem}
.plan-feature{display:flex;gap:.75rem;align-items:flex-start}
.plan-feature-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;flex-shrink:0;margin-top:1px}
.plan-card.free .plan-feature-icon{background:rgba(255,255,255,.1);color:rgba(255,255,255,.6)}
.plan-card.plus .plan-feature-icon{background:rgba(236,72,153,.2);color:#ec4899}
.plan-card.pro .plan-feature-icon{background:rgba(168,85,247,.2);color:#a855f7}
.plan-feature-text{}
.plan-feature-title{font-size:.85rem;font-weight:600;color:#fff;margin-bottom:.1rem}
.plan-feature-desc{font-size:.72rem;color:rgba(255,255,255,.4);line-height:1.4}

.plan-btn{display:block;width:100%;padding:.875rem;border-radius:999px;text-align:center;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;cursor:pointer;border:none}
.plan-card.free .plan-btn{background:rgba(255,255,255,.08);color:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.15)}
.plan-card.free .plan-btn:hover{background:rgba(255,255,255,.15);color:#fff}
.plan-card.plus .plan-btn{background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;box-shadow:0 0 20px rgba(236,72,153,.3)}
.plan-card.plus .plan-btn:hover{transform:scale(1.02);box-shadow:0 0 30px rgba(236,72,153,.5)}
.plan-card.pro .plan-btn{background:linear-gradient(135deg,#b45cf8 0%,#8b4cf6 58%,#7c3aed 100%);color:#fff;box-shadow:0 0 20px rgba(168,85,247,.3)}
.plan-card.pro .plan-btn:hover{transform:scale(1.02);box-shadow:0 0 30px rgba(168,85,247,.5)}

/* COMPARISON TABLE */
.comparison-section{padding:0 1.5rem 6rem;max-width:1200px;margin:0 auto}
.comparison-title{font-family:'Unbounded',sans-serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:800;text-align:center;margin-bottom:3rem;color:#fff}
.comparison-table{width:100%;border-collapse:collapse}
.comparison-table th{padding:1rem 1.5rem;text-align:center;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;border-bottom:1px solid rgba(255,255,255,.08)}
.comparison-table th:first-child{text-align:left;color:rgba(255,255,255,.4)}
.comparison-table th.free-col{color:rgba(255,255,255,.6)}
.comparison-table th.plus-col{color:#ec4899}
.comparison-table th.pro-col{color:#a855f7}
.comparison-table td{padding:.875rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05);font-size:.85rem;text-align:center;vertical-align:middle}
.comparison-table td:first-child{text-align:left;color:rgba(255,255,255,.7);font-weight:500}
.comparison-table tr:hover td{background:rgba(255,255,255,.02)}
.check-yes{font-size:1rem}
.check-free{color:rgba(255,255,255,.5)}
.check-plus{color:#ec4899}
.check-pro{color:#a855f7}
.check-no{color:rgba(255,255,255,.15);font-size:1rem}
.tag{font-size:.65rem;padding:.2rem .5rem;border-radius:999px;font-weight:600;letter-spacing:.05em}
.tag-plus{background:rgba(236,72,153,.15);color:#ec4899;border:1px solid rgba(236,72,153,.25)}
.tag-pro{background:rgba(168,85,247,.15);color:#a855f7;border:1px solid rgba(168,85,247,.25)}

/* FOOTER */
footer{padding:3rem 1.5rem;text-align:center;border-top:1px solid rgba(255,255,255,.06)}
.footer-brand{display:inline-flex;align-items:center;gap:.75rem;margin-bottom:.75rem}
.footer-brand span{font-family:'Unbounded',sans-serif;font-weight:800;font-size:1.2rem;color:#fff}
.footer-copy{font-size:.72rem;color:rgba(255,255,255,.2)}

@media(max-width:768px){
  .plans-grid{grid-template-columns:1fr}
  .plan-card.plus::before,.plan-card.pro::before{top:.75rem;right:.75rem}
  .comparison-table{display:none}
}

/* MAIN PAGE FIRST SCREEN */
#page-main{--nav-h:64px;--top-h:calc(100svh - var(--nav-h));--top-scale:1;--grid-cell:60px}
#page-main .main-top-grid{
  height:calc(var(--top-h) + var(--nav-h));
  margin-top:0;
  overflow:hidden;
}
#page-main .main-top-grid > .main-grid-bg{background-size:var(--grid-cell) var(--grid-cell) !important}
#page-main .top-viewport{
  height:var(--top-h);
  min-height:0;
  margin-top:var(--nav-h);
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  overflow:hidden;
  position:relative;
}
#page-main .top-viewport > *{position:relative;z-index:1;flex:0 0 auto}
#page-main .top-viewport > .hero-cursor-glow{position:absolute;z-index:0;flex:none}
#page-main .hero{
  min-height:0;
  align-items:center;
  padding:calc(.25rem * var(--top-scale)) 1.5rem calc(.1rem * var(--top-scale));
}
#page-main .hero-inner{width:min(860px,calc(100vw - 2rem));max-width:none;padding-top:0}
#page-main .hero-inner > div:first-child{padding:calc(3rem * var(--top-scale)) 0 0 !important}
#page-main .hero-inner > div:first-child img{width:calc(220px * var(--top-scale)) !important;max-width:none !important}
#page-main #lm-trust{margin:calc(.28rem * var(--top-scale)) 0 calc(1rem * var(--top-scale)) !important}
#page-main #lm-trust > div{display:inline-block !important;text-align:center !important;max-width:100%;padding:calc(1.15rem * var(--top-scale)) calc(2.2rem * var(--top-scale)) !important}
#page-main #lm-trust p{font-size:min(calc(.66rem * var(--top-scale)),2.1vw) !important;line-height:1.35 !important;white-space:nowrap !important;text-align:center !important;display:block;width:100%;margin-inline:auto}
#page-main #lm-trust p span{white-space:nowrap !important}
#page-main .hero h1{
  font-size:clamp(1.6rem,4.2vw,3rem);
  line-height:1.15;
  letter-spacing:-.04em;
  white-space:nowrap;
  margin-bottom:calc(.65rem * var(--top-scale));
}
#page-main .hero h1 + p,#page-main .hero-inner > p:nth-of-type(2){margin-top:calc(1.25rem * var(--top-scale)) !important}
#page-main .hero p{line-height:1.45}
#page-main .hero-inner > p:first-of-type{font-size:calc(.96rem * var(--top-scale)) !important;margin-bottom:calc(.8rem * var(--top-scale)) !important}
#page-main .hero-inner > p:nth-of-type(2){font-size:calc(0.94rem * var(--top-scale)) !important;max-width:650px !important;width:650px !important;margin-left:auto !important;margin-right:auto !important;margin-bottom:calc(.1rem * var(--top-scale)) !important}
#page-main .hero-inner > p:nth-of-type(3){font-size:calc(.96rem * var(--top-scale)) !important;margin-bottom:calc(.85rem * var(--top-scale)) !important}
#page-main .feature-pills{
  gap:calc(.45rem * var(--top-scale));
  margin-bottom:0;
  width:min(600px,100%);
  max-width:none;
  margin-left:auto;
  margin-right:auto;
}
#page-main .pill{font-size:calc(.7rem * var(--top-scale));padding:calc(.34rem * var(--top-scale)) calc(.7rem * var(--top-scale))}
#page-main .top-viewport section[style*="padding:0 1.5rem 2.5rem"]{
  padding:0 1.5rem calc(.9rem * var(--top-scale)) !important;
  margin-top:calc(.45rem * var(--top-scale)) !important;
}
#page-main .top-viewport section[style*="padding:0 1.5rem 2.5rem"] > div{width:740px !important;max-width:none !important;margin-left:auto !important;margin-right:auto !important}
#page-main .top-viewport section[style*="padding:0 1.5rem 2.5rem"] p{line-height:1.45 !important}
#page-main .top-viewport section[style*="padding:0 1.5rem 2.5rem"] p:first-child{font-size:calc(0.85rem * var(--top-scale)) !important;width:740px !important;max-width:740px !important;margin-left:auto !important;margin-right:auto !important;text-align:center !important}
#page-main .top-viewport section[style*="padding:0 1.5rem 2.5rem"] p:last-child{font-size:calc(1rem * var(--top-scale)) !important}

@media(max-width:640px){
  #page-main .hero{padding-left:1rem;padding-right:1rem}
  #page-main .hero h1{font-size:clamp(1.6rem,4.2vw,3rem)}
  #page-main .feature-pills{max-height:22vh;overflow:hidden}
  #page-main .hero-inner > p:nth-of-type(2){width:min(560px,100%) !important}
  #page-main .top-viewport section[style*="padding:0 1.5rem 2.5rem"] > div{width:min(660px,100%) !important}
  #page-main .top-viewport section[style*="padding:0 1.5rem 2.5rem"] p:first-child{width:min(660px,100%) !important}
}

@media(max-height:600px){
  #page-main .hero-inner > p:first-of-type,
  #page-main .hero-inner > p:nth-of-type(3){display:none}
}

#nav{justify-content:flex-start}
#nav > div:last-child{margin-left:auto}
#page-main #nav{background:#080810;backdrop-filter:blur(20px)}
#page-main .nav-links{top:calc(var(--nav-base-h,64px) - 1px);background:#080810;padding-top:calc(.28rem + 1px)}
#page-main .nav-link{font-size:.6rem;padding:.24rem .54rem}


/* =========================================================================
   Linkme profile showcase — auto-scrolling glowing cards (below hero)
   ========================================================================= */
.lm-showcase{position:relative;padding:0 0 calc(1.4rem * var(--top-scale));overflow:hidden}
.lm-rail{width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}
.lm-track{display:flex;width:max-content;will-change:scroll-position}
@keyframes lm-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.lm-track.lm-reverse{animation-direction:reverse}
.lm-rail + .lm-rail{margin-top:clamp(16px,1.8vw,26px)}
.lm-card{flex:0 0 auto;width:clamp(196px,17vw,272px);aspect-ratio:480/676;margin-right:clamp(16px,1.8vw,26px);
  border-radius:26px;padding:1.5px;
  background:#ffffff;
  box-shadow:0 0 14px rgba(255,255,255,.14),0 16px 42px -20px rgba(0,0,0,.75)}
.lm-card video{width:100%;height:100%;display:block;object-fit:contain;border-radius:24.5px;background:#000}
@media(max-width:640px){.lm-card{width:162px}}
@media (prefers-reduced-motion: reduce){.lm-track{animation:none}}

#page-main .hero-inner > h1:first-child{margin-top:calc(2rem * var(--top-scale)) !important;width:max-content;max-width:96vw;margin-left:auto;margin-right:auto;text-align:center}

/* remove square grid background overlay (keep floating logos) */
.main-grid-bg,.grid-bg,.hero-bg .grid{background-image:none !important;display:none !important}

/* remove hero glow orbs/beams/radials so bg matches rest of page (keep floating logos) */
.hero-orb-left,.hero-orb-right,.hero-beam,.hero-bg .g1,.hero-bg .g2,.hero-bg .g3{display:none !important}

/* keep hero content above floating logos */
#page-main .hero-inner{position:relative;z-index:4}
.hero-scattered-logo{z-index:0}

/* feature pills: a little more glow (each in its own color) */
#page-main .feature-pills .pill{box-shadow:0 0 11px -2px currentColor,0 0 3px -1px currentColor}

/* mouse-following glow on hero — brighter + larger */
#page-main .hero-cursor-glow{width:380px !important;height:380px !important;background:radial-gradient(circle,rgba(236,72,153,.11) 0%,rgba(168,85,247,.065) 38%,rgba(124,58,237,.03) 60%,transparent 74%) !important;filter:blur(22px) !important}

/* scattered hero logos: keep transparency, add a slight glow */
#page-main .hero-scattered-logo{opacity:.2 !important;filter:drop-shadow(0 0 8px rgba(236,72,153,1)) drop-shadow(0 0 18px rgba(168,85,247,.85)) !important}

/* ===== VIP capabilities — minimal editorial (no boxes), scoped to #page-vip ===== */
#page-vip{counter-reset:vipcap}
#page-vip div[style*="minmax(220px,1fr)"]{
  grid-template-columns:repeat(2,1fr) !important;
  gap:0 4rem !important;
  max-width:940px; margin-left:auto !important; margin-right:auto !important;
  margin-top:2rem !important;
}
@media(max-width:720px){#page-vip div[style*="minmax(220px,1fr)"]{grid-template-columns:1fr !important;gap:0 !important}}
#page-vip .agency-info-card{
  counter-increment:vipcap;
  background:none !important;
  border:0 !important; border-top:1px solid transparent !important;
  border-image:linear-gradient(90deg, rgba(var(--agency-rgb),.55), rgba(255,255,255,.05) 85%) 1 !important;
  border-radius:0 !important;
  padding:1.9rem .2rem 1.7rem !important;
  text-align:left;
  transition:opacity .9s cubic-bezier(.16,1,.3,1), translate .9s cubic-bezier(.16,1,.3,1), scale .9s cubic-bezier(.16,1,.3,1);
}
/* icon + leading-zero index on one refined row */
#page-vip .agency-info-card > div:first-child{
  display:flex !important; align-items:center; gap:.9rem;
  margin-bottom:.9rem !important; font-size:0 !important;
  color:rgb(var(--agency-rgb));
}
#page-vip .agency-info-card > div:first-child svg{width:24px; height:24px; opacity:.9}

#page-vip .agency-info-card h3{
  font-size:1.22rem !important; font-weight:700 !important; letter-spacing:-.02em !important;
  color:#fff !important; margin-bottom:.6rem !important; transition:color .35s ease;
}
#page-vip .agency-info-card p{
  font-size:.93rem !important; color:rgba(255,255,255,.5) !important; line-height:1.72 !important;
  max-width:40ch; margin:0 !important;
}
#page-vip .agency-info-card:hover h3{
  background:linear-gradient(90deg,#fff,rgb(var(--agency-rgb)));
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent !important;
}

/* VIP plan cards — sleek: dark card, white border, no colored glows */
#page-vip .vip-plan-card{
  border:1px solid transparent !important;
  background:
    linear-gradient(160deg, rgba(255,255,255,.05), rgba(255,255,255,.012)) padding-box,
    linear-gradient(#0c0a14, #0c0a14) padding-box,
    linear-gradient(rgba(255,255,255,.78), rgba(255,255,255,.78)) border-box !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 24px 60px -22px rgba(0,0,0,.6) !important;
}
#page-vip .vip-plan-card > div:first-child{display:none !important}
#page-vip .vip-plan-card::before{background:linear-gradient(120deg,rgba(255,255,255,.06),transparent 35%) !important}
#page-vip .vip-plan-card::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent) !important}

/* Group/Agency account stepper */
.grp-stepper{display:inline-flex;align-items:center;gap:.55rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.14);border-radius:13px;padding:.35rem .45rem;margin-bottom:.5rem}
.grp-btn{width:34px;height:34px;border-radius:9px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#fff;font-size:1.15rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .12s ease;font-family:'DM Sans',sans-serif}
.grp-btn:hover{background:rgba(255,255,255,.15)}
.grp-btn:active{transform:scale(.9)}
.grp-count{width:60px;text-align:center;background:transparent;border:none;color:#fff;font-family:'DM Sans',sans-serif;font-weight:800;font-size:1.2rem;letter-spacing:-.01em;outline:none;-moz-appearance:textfield;padding:0}
.grp-count::-webkit-outer-spin-button,.grp-count::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.grp-label{font-size:.82rem;color:rgba(255,255,255,.5)}

/* Group/Agency stepper — pink accent + smaller */
#page-vip .grp-stepper{gap:.4rem;padding:.28rem .34rem;border-radius:11px;border:1px solid rgba(255,64,170,.5);background:rgba(255,64,170,.12)}
#page-vip .grp-btn{width:30px;height:30px;border-radius:8px;border:1px solid rgba(255,64,170,.55);background:rgba(255,64,170,.18);color:#FF4FB0;font-size:1.05rem}
#page-vip .grp-btn:hover{background:rgba(255,64,170,.34)}
#page-vip .grp-count{width:52px;color:#FF4FB0;font-size:1.05rem}

/* VIP bottom CTA: match the in-card buttons' gradient */
#page-vip .agency-cta{background:linear-gradient(135deg,#FFD46D 0%,#FF9B67 16%,#F24D8D 42%,#EC008C 100%) !important;color:#1a0512 !important;box-shadow:0 0 0 1px rgba(255,255,255,.06) inset,0 14px 34px rgba(236,0,140,.3),0 0 38px rgba(255,155,103,.16) !important}
#page-vip .agency-cta:hover{box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 18px 42px rgba(236,0,140,.4),0 0 46px rgba(255,155,103,.22) !important}

/* ===== VIP capabilities — minimal editorial (no boxes), scoped to #page-agency ===== */
#page-agency{counter-reset:vipcap}
#page-agency div[style*="minmax(220px,1fr)"]{
  grid-template-columns:repeat(2,1fr) !important;
  gap:0 4rem !important;
  max-width:940px; margin-left:auto !important; margin-right:auto !important;
  margin-top:.25rem !important;
}
@media(max-width:720px){#page-agency div[style*="minmax(220px,1fr)"]{grid-template-columns:1fr !important;gap:0 !important}}
#page-agency .agency-info-card{
  counter-increment:vipcap;
  background:none !important;
  border:0 !important; border-top:1px solid transparent !important;
  border-image:linear-gradient(90deg, rgba(var(--agency-rgb),.55), rgba(255,255,255,.05) 85%) 1 !important;
  border-radius:0 !important;
  padding:1.9rem .2rem 1.7rem !important;
  text-align:left;
  transition:opacity .9s cubic-bezier(.16,1,.3,1), translate .9s cubic-bezier(.16,1,.3,1), scale .9s cubic-bezier(.16,1,.3,1);
}

/* Agency Plan card — sleek (match VIP) + pink stepper */
#page-agency .agency-plan-card{border:1px solid transparent !important;background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.012)) padding-box,linear-gradient(#0c0a14,#0c0a14) padding-box,linear-gradient(rgba(255,255,255,.78),rgba(255,255,255,.78)) border-box !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 24px 60px -22px rgba(0,0,0,.6) !important}
#page-agency .agency-plan-card > div:first-child{display:none !important}
#page-agency .agency-plan-card::before{background:linear-gradient(120deg,rgba(255,255,255,.06),transparent 35%) !important}
#page-agency .agency-plan-card::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent) !important}
#page-agency .grp-stepper{gap:.4rem;padding:.28rem .34rem;border-radius:11px;border:1px solid rgba(255,64,170,.5);background:rgba(255,64,170,.12)}
#page-agency .grp-btn{width:30px;height:30px;border-radius:8px;border:1px solid rgba(255,64,170,.55);background:rgba(255,64,170,.18);color:#FF4FB0;font-size:1.05rem}
#page-agency .grp-btn:hover{background:rgba(255,64,170,.34)}
#page-agency .grp-count{width:52px;color:#FF4FB0;font-size:1.05rem}

/* feature shortcut pills moved below the showcase */
.feature-shortcuts{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:.5rem;max-width:100%;margin:0 auto;padding:1.3rem 1.5rem 2.6rem;overflow-x:auto;scrollbar-width:none}
.feature-shortcuts::-webkit-scrollbar{display:none}

/* ===== Hero redesign: CTA + refined type/spacing (scaled with --top-scale) ===== */
#page-main .hero-cta-row{display:flex;gap:calc(.7rem * var(--top-scale));justify-content:center;flex-wrap:wrap;margin-top:calc(1.5rem * var(--top-scale))}
#page-main .hero-cta-primary{background:linear-gradient(135deg,#FFD46D 0%,#FF9B67 30%,#F24D8D 65%,#EC008C 100%);color:#1a0512;border:none;padding:calc(.85rem * var(--top-scale)) calc(1.95rem * var(--top-scale));border-radius:999px;font-family:'DM Sans',sans-serif;font-weight:800;font-size:calc(.95rem * var(--top-scale));cursor:pointer;box-shadow:0 12px 34px -12px rgba(236,0,140,.55);transition:transform .2s ease,box-shadow .25s ease;line-height:1}
#page-main .hero-cta-primary:hover{transform:translateY(-2px);box-shadow:0 18px 46px -12px rgba(236,0,140,.78)}
#page-main .hero-cta-ghost{display:inline-flex;align-items:center;background:rgba(255,255,255,.05);color:#fff;border:1px solid rgba(255,255,255,.22);padding:calc(.85rem * var(--top-scale)) calc(1.7rem * var(--top-scale));border-radius:999px;font-family:'DM Sans',sans-serif;font-weight:600;font-size:calc(.95rem * var(--top-scale));text-decoration:none;transition:transform .2s ease,background .2s ease,border-color .2s ease;line-height:1}
#page-main .hero-cta-ghost:hover{transform:translateY(-2px);background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.34)}
/* subtext: lighter, more readable */
#page-main .hero-inner > p:nth-of-type(2){font-family:'DM Sans',sans-serif !important;font-weight:500 !important;color:rgba(255,255,255,.6) !important;line-height:1.65 !important;margin-top:calc(1.1rem * var(--top-scale)) !important}
/* trust pill now sits at the bottom as social proof */
#page-main #lm-trust{margin:calc(.5rem * var(--top-scale)) 0 calc(1.1rem * var(--top-scale)) 0 !important}

/* trust pill: sleek white-border (match VIP cards) */
#page-main #lm-trust > div{
  border:1px solid transparent !important;
  background:
    linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.012)) padding-box,
    linear-gradient(#0c0a14,#0c0a14) padding-box,
    linear-gradient(rgba(255,255,255,.78),rgba(255,255,255,.78)) border-box !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 16px 40px -20px rgba(0,0,0,.6) !important;
}
/* page-main top-viewport showcase sizing (cards inside hero) */
#page-main .top-viewport .lm-card{width:calc(clamp(150px,16vw,230px) * var(--top-scale))}
#page-main .top-viewport .lm-showcase h2{font-size:calc(0.95rem * var(--top-scale)) !important;margin:0 1.5rem calc(1.3rem * var(--top-scale)) !important}

/* VIP title gradient (CSS so it hot-reloads); sized to text so gold leads */
#page-vip section h1{width:max-content !important;max-width:100% !important;margin-left:auto !important;margin-right:auto !important;background:linear-gradient(135deg,#FFD46D 0%,#FF9B67 16%,#F24D8D 42%,#EC008C 100%) !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;color:transparent !important;}

/* ===== Unified gold->pink brand gradient on ALL page titles (CSS so it hot-reloads) ===== */
#page-main .hero h1,
#page-pricing h1,
#page-agency h1,
#page-vip section h1{
  background:linear-gradient(135deg,#FFD46D 0%,#FF9B67 16%,#F24D8D 45%,#EC008C 100%) !important;
  -webkit-background-clip:text !important;background-clip:text !important;
  -webkit-text-fill-color:transparent !important;color:transparent !important;
}
#page-pricing h1,#page-agency h1{width:max-content !important;max-width:100% !important;margin-left:auto !important;margin-right:auto !important;}
#page-pricing h1 span{background:none !important;-webkit-text-fill-color:#fff !important;color:#fff !important;}

/* VIP showcase cards: match the smaller size of the first-page cards */
#page-vip .lm-card{width:calc(clamp(150px,16vw,230px) * 0.82) !important}

/* draggable showcase rows */
.lm-rail::-webkit-scrollbar{display:none}
.lm-rail.lm-grabbing{cursor:grabbing}
.lm-card, .lm-card video{pointer-events:none}

/* ===== Unique CTA gradients: Agency (ocean) + VIP (emerald lux) ===== */
#page-agency a[href*="/agencies"]{
  background:linear-gradient(135deg,#06b6d4 0%,#3b82f6 55%,#4f46e5 100%) !important;
  color:#000 !important;
  box-shadow:0 14px 34px -12px rgba(59,130,246,.55) !important;
}
#page-agency a[href*="/agencies"]:hover{
  box-shadow:0 18px 44px -12px rgba(59,130,246,.72) !important;
}
#page-vip a[onclick*="vip-modal"]{
  background:linear-gradient(135deg,#10b981 0%,#0891b2 55%,#1e3a8a 100%) !important;
  color:#000 !important;
  box-shadow:0 14px 34px -12px rgba(8,145,178,.55) !important;
}
#page-vip a[onclick*="vip-modal"]:hover{
  box-shadow:0 18px 44px -12px rgba(8,145,178,.72) !important;
}

/* ===== Description accents + steppers recolored to match the CTA gradients ===== */
/* Agency: ocean sweep (cyan -> blue -> indigo) */
#page-agency .agency-info-card:nth-child(1){--agency-rgb:6,182,212 !important}
#page-agency .agency-info-card:nth-child(2){--agency-rgb:20,169,221 !important}
#page-agency .agency-info-card:nth-child(3){--agency-rgb:34,155,230 !important}
#page-agency .agency-info-card:nth-child(4){--agency-rgb:47,142,239 !important}
#page-agency .agency-info-card:nth-child(5){--agency-rgb:60,127,245 !important}
#page-agency .agency-info-card:nth-child(6){--agency-rgb:66,108,240 !important}
#page-agency .agency-info-card:nth-child(7){--agency-rgb:73,89,234 !important}
#page-agency .agency-info-card:nth-child(8){--agency-rgb:79,70,229 !important}
/* VIP: emerald-lux sweep (emerald -> teal -> deep blue) */
#page-vip .agency-info-card:nth-child(1){--agency-rgb:16,185,129 !important}
#page-vip .agency-info-card:nth-child(2){--agency-rgb:14,175,142 !important}
#page-vip .agency-info-card:nth-child(3){--agency-rgb:12,164,155 !important}
#page-vip .agency-info-card:nth-child(4){--agency-rgb:10,154,167 !important}
#page-vip .agency-info-card:nth-child(5){--agency-rgb:9,141,176 !important}
#page-vip .agency-info-card:nth-child(6){--agency-rgb:16,113,163 !important}
#page-vip .agency-info-card:nth-child(7){--agency-rgb:23,86,151 !important}
#page-vip .agency-info-card:nth-child(8){--agency-rgb:30,58,138 !important}

/* Agency stepper -> blue */
#page-agency .grp-stepper{border:1px solid rgba(59,130,246,.5) !important;background:rgba(59,130,246,.12) !important}
#page-agency .grp-btn{border:1px solid rgba(59,130,246,.55) !important;background:rgba(59,130,246,.18) !important;color:#3b82f6 !important}
#page-agency .grp-btn:hover{background:rgba(59,130,246,.34) !important}
#page-agency .grp-count{color:#3b82f6 !important}
/* VIP stepper -> emerald */
#page-vip .grp-stepper{border:1px solid rgba(16,185,129,.5) !important;background:rgba(16,185,129,.12) !important}
#page-vip .grp-btn{border:1px solid rgba(16,185,129,.55) !important;background:rgba(16,185,129,.18) !important;color:#10b981 !important}
#page-vip .grp-btn:hover{background:rgba(16,185,129,.34) !important}
#page-vip .grp-count{color:#10b981 !important}

/* "accounts" label under each stepper -> match CTA colors */
#page-agency [style*="color:#FF4FB0"]{color:#3b82f6 !important}
#page-vip [style*="color:#FF4FB0"]{color:#10b981 !important}

/* "Let's Build Your Profile" CTA -> rose gold (light gradient, dark text) */
button[onclick*="build-modal"]{
  background:linear-gradient(135deg,#FFD46D 0%,#FF9B67 16%,#F24D8D 45%,#EC008C 100%) !important;
  color:#1a0512 !important;
  box-shadow:0 14px 34px -12px rgba(236,0,140,.5) !important;
}
button[onclick*="build-modal"]:hover{
  box-shadow:0 18px 44px -12px rgba(236,0,140,.68) !important;
}

/* Get Plus now links to the pro signup URL; keep it coral (override the planType green rule) */
#page-pricing .pricing-plus-card a, #page-pricing a.plus-gradient-cta{
  background:linear-gradient(135deg,#f54da0 0%,#ec008c 45%,#ff6f68 78%,#ffbd73 100%) !important;
  color:#050505 !important;
}

/* "Linkme" wordmark logo inside the hero title */
#page-main .hero h1 .lm-title-logo{
  height:1.35em; width:auto; display:inline-block;
  vertical-align:-0.19em; margin:0 0 0 .19em;
}

/* Moved hero title -> feature-section title */
.features-mega-title{
  font-family:'Unbounded',sans-serif; font-weight:800;
  font-size:clamp(2rem,5.4vw,3.5rem); line-height:1.05; letter-spacing:-.03em;
  text-align:center; width:max-content; max-width:96vw; margin:4.25rem auto 0;
  background:var(--lm-logo-gradient) !important;
  -webkit-background-clip:text !important; background-clip:text !important;
  -webkit-text-fill-color:transparent !important; color:transparent !important;
}
.features-mega-title .lm-title-logo{ height:1.35em; width:auto; display:inline-block; vertical-align:-0.19em; margin:0 .19em; }

/* Linkme wordmark in titles: gradient-filled via mask (matches title gradient) */
.lm-title-logo{
  display:inline-block;
  aspect-ratio:97 / 26;
  background:var(--lm-logo-gradient);
  -webkit-mask:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTciIGhlaWdodD0iMjYiIHZpZXdCb3g9IjQ0IDQgOTcgMjYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDYuNzcyOTRDMCAzLjAyODAzIDMuMDM1ODQgLTAuMDA3ODEyNSA2Ljc4MDc1IC0wLjAwNzgxMjVIMjcuNTc1QzMxLjMxOTkgLTAuMDA3ODEyNSAzNC4zNTU4IDMuMDI4MDMgMzQuMzU1OCA2Ljc3MjkzVjI3LjU2NzJDMzQuMzU1OCAzMS4zMTIxIDMxLjMxOTkgMzQuMzQ4IDI3LjU3NSAzNC4zNDhINi43ODA3NUMzLjAzNTg1IDM0LjM0OCAwIDMxLjMxMjEgMCAyNy41NjcyVjYuNzcyOTRaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMTcyOF81NDQpIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS42MzAzOSA1LjEwOTM4SDI0LjczNDlDMjcuMjE0OCA1LjEwOTM4IDI5LjI0MzcgNy4xMjcwNyAyOS4yNDM3IDkuNjE4MTlWMjQuNzIyN0MyOS4yNDM3IDI3LjIxMzggMjcuMjI2IDI5LjIzMTUgMjQuNzM0OSAyOS4yMzE1SDkuNjMwMzlDNy4xMzkyOCAyOS4yMzE1IDUuMTIxNTggMjcuMjEzOCA1LjEyMTU4IDI0LjcyMjdWMTYuOTQ1TDcuNTQ1MDcgMTQuNTMyOEM3Ljg2MDY5IDE0LjIxNzIgOC40MTMwMiAxNC40NDI2IDguNDEzMDIgMTQuODkzNVYyMS41MzI3SDEwLjI1MDRMMTAuMjk1NCAxNy40NDFDMTAuMjk1NCAxNy4wNTc3IDEwLjQ1MzMgMTYuNzA4MyAxMC43MDEyIDE2LjQ2MDNDMTAuOTQ5MiAxNi4yMTIzIDExLjI5ODcgMTYuMDU0NSAxMS42ODE5IDE2LjA1NDVDMTIuMjQ1NSAxNi4wNTQ1IDEyLjcwNzcgMTYuNTA1NCAxMi43MDc3IDE3LjA2OVYyMS41MjE1SDE0LjU0NVYxNy40NTIyQzE0LjU0NSAxNy4wNjkgMTQuNzAyOCAxNi43MTk2IDE0Ljk1MDggMTYuNDcxNkMxNS4xOTg4IDE2LjIyMzYgMTUuNTQ4MiAxNi4wNjU4IDE1LjkzMTUgMTYuMDY1OEMxNi40OTUxIDE2LjA2NTggMTYuOTU3MiAxNi41MTY3IDE2Ljk1NzIgMTcuMDgwM1YyMS41MzI3SDE4Ljc5NDZWMTYuNzQyMUMxOC43OTQ2IDE1LjUxMzUgMTcuNzkxMyAxNC41MjE1IDE2LjU2MjcgMTQuNTIxNUgxNi4zMDM0QzE1LjMzNCAxNC41MjE1IDE0LjYxMjYgMTUuMDk2NCAxNC4zMDgzIDE1Ljc1MDJDMTMuOTM2MyAxNS4wMTc1IDEzLjE4MTEgMTQuNTIxNSAxMi4zMTMxIDE0LjUyMTVIMTIuMDUzOUMxMS4wODQ1IDE0LjUyMTUgMTAuMjk1NCAxNS4yOTkzIDEwLjI4NDIgMTYuMjY4N1YxNC45NDk5QzEwLjI4NDIgMTMuNTI5NiA5LjEyMzE1IDEyLjU4MjcgNy45MDU3NyAxMi41ODI3QzcuMzMwOSAxMi41ODI3IDYuNzQ0NzUgMTIuNzk2OSA2LjI2MDA2IDEzLjI3MDNMNS4xMjE1OCAxNC4zOTc1VjkuNjE4MTlDNS4xMjE1OCA3LjEyNzA3IDcuMTM5MjggNS4xMDkzOCA5LjYzMDM5IDUuMTA5MzhaTTIxLjkwNDMgMTguNjgyMkgyNi43ODUxSDI2Ljc5NjNWMTguMDczNUMyNi43OTYzIDE3LjE0OTIgMjYuNDEzMSAxNi4zMDM4IDI1Ljc5MzEgMTUuNjk1MUMyNS4xNzMyIDE1LjA3NTEgMjQuMzE2NSAxNC43MDMyIDIzLjM4MDkgMTQuNzAzMkMyMS40OTg1IDE0LjcwMzIgMTkuOTc2NyAxNi4yMTM2IDE5Ljk3NjcgMTguMDczNVYxOC41NDY5QzE5Ljk3NjcgMjAuMzk1NSAyMS40OTg1IDIxLjkwNiAyMy4zODA5IDIxLjkwNkgyMy44NjU2QzI0LjUzMDYgMjEuOTA2IDI1LjI2MzMgMjEuNjM1NSAyNS44MjY5IDIxLjIwNzFDMjYuNDAxOCAyMC43Njc1IDI2Ljc5NjMgMjAuMTcwMSAyNi43OTYzIDE5LjUxNjNIMjUuMDM3OUMyNS4wMzc5IDIwLjA2ODcgMjQuNTc1NyAyMC41MTk1IDI0LjAyMzQgMjAuNTE5NUgyMy41MDQ5QzIyLjYyNTcgMjAuNTE5NSAyMS45MDQzIDE5LjgwOTQgMjEuOTA0MyAxOC45MzAyVjE4LjY4MjJaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMjMuMjU4NCAxNi4wMjM0SDIzLjE2NTFDMjIuMzk3OSAxNi4wMjM0IDIxLjc3NTkgMTYuNzg3OCAyMS43NzU5IDE3Ljc0NjRIMjQuNjQ3NkMyNC42NDc2IDE3LjI2NzEgMjQuNDkyMSAxNi44Mzk2IDI0LjI0MzIgMTYuNTI4N0MyMy45ODQxIDE2LjIxNzggMjMuNjQyIDE2LjAyMzQgMjMuMjU4NCAxNi4wMjM0WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTU3LjM4OTUgMjQuMTAzM1YyNy43NTQ5SDQ1Ljc5OTJDNDUuMzU3NyAyNy43NTQ5IDQ1IDI3LjM5MzEgNDUgMjYuOTQ2NVY2Ljc3NDczSDQ5LjE1OVYyNC4xMDMzSDU3LjM4OTVaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNNjMuOTM4OSAxMy41NzAySDU5Ljg2NjJWMjcuNzU0OUg2My45Mzg5VjEzLjU3MDJaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNODIuMDM2NSAxOC40MzMxVjI3Ljc1NDlINzguMDA1OFYyMC4yODdDNzguMDA1OCAxOC41NjI5IDc2LjYyMzEgMTcuMTY1NiA3NC45MTg2IDE3LjE2NTZDNzQuMDY2MyAxNy4xNjU2IDczLjI5NTQgMTcuNTE0OSA3Mi43MzY3IDE4LjA4MDFDNzIuMTc4IDE4LjY0NTIgNzEuODMyNiAxOS40MjUgNzEuODMyNiAyMC4yODdWMjcuNzU0OUg2Ny44ODU3VjEzLjU3MDJINzEuNzkwN0w3MS43ODA4IDE2LjU3NTVDNzEuNzgwOCAxNC44MjE1IDc0LjIzMDMgMTMuMjczMyA3NS45NjMzIDEzLjI3MzNINzYuOTM0Qzc5Ljc1MjMgMTMuMjczMyA4Mi4wMzY1IDE1LjU4MzcgODIuMDM2NSAxOC40MzMxWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTEyMi44MjUgMTcuNjczNFYyNy43NTQ5SDExOS4wMTRWMTguMzk4MkMxMTkuMDE0IDE3LjIxOCAxMTguMDY0IDE2LjI2MjQgMTE2Ljg5NiAxNi4yNjk5QzExNi4xMDEgMTYuMjc0OSAxMTUuMzgxIDE2LjYwNDIgMTE0Ljg2MiAxNy4xMzMyQzExNC4zNDIgMTcuNjYzNCAxMTQuMDIxIDE4LjM5MzIgMTE0LjAyMSAxOS4xOTc5VjI3Ljc1NDlIMTEwLjIxVjE4LjM5ODJDMTEwLjIxIDE3LjIxOCAxMDkuMjYgMTYuMjYyNCAxMDguMDkyIDE2LjI2OTlDMTA3LjI5NyAxNi4yNzQ5IDEwNi41NzQgMTYuNjA0MiAxMDYuMDUgMTcuMTMzMkMxMDUuNTI1IDE3LjY2MzQgMTA1LjIgMTguMzkzMiAxMDUuMiAxOS4xOTc5TDEwNS4xNzEgMjcuNzU0OUgxMDEuMzQ1VjEzLjc4OTdDMTAxLjM0NSAxMi44MzY2IDEwMC4yMDcgMTIuMzYgOTkuNTQwOSAxMy4wMzM3TDkyLjg1ODQgMTkuNzkxN0w5OS45NDQzIDI3Ljc1NDlIOTQuOTY4N0w4OS44Njc0IDIxLjcwM1YyNy43NTQ5SDg1Ljc3MjVWNkg4OS44Njc0VjE3LjQ3NzVMOTYuODc2OCAxMC4zODc3Qzk5Ljk1OTEgNy4yNjg3NiAxMDUuMjMxIDkuNDg4MTcgMTA1LjIxNyAxMy44OTgzTDEwNS4yMDggMTYuNjk5QzEwNS4yMDggMTQuNjU4IDEwNi44NTMgMTMuMDA3NSAxMDguODY5IDEzLjAwNzVIMTA5LjQwN0MxMTEuMjE1IDEzLjAwNzUgMTEyLjc4IDE0LjA2MDUgMTEzLjUzOCAxNS41OTI1QzExNC4xNzkgMTQuMjA2NCAxMTUuNjU3IDEzLjAwNzUgMTE3LjY3MyAxMy4wMDc1SDExOC4yMTFDMTIwLjc1OSAxMy4wMDc1IDEyMi44MjUgMTUuMDk3MiAxMjIuODI1IDE3LjY3MzRaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTM5LjQ3OCAyMS40Njk3VjIwLjE3NkMxMzkuNDc4IDE4LjE5NjEgMTM4LjY4NSAxNi40MDQ2IDEzNy40MDMgMTUuMTA3MkMxMzYuMTIxIDEzLjgwOTcgMTM0LjM0OSAxMy4wMDc1IDEzMi4zOTEgMTMuMDA3NUMxMjguNDc4IDEzLjAwNzUgMTI1LjMwNSAxNi4yMTYyIDEyNS4zMDUgMjAuMTc2VjIxLjE3NEMxMjUuMzA1IDI1LjEyNjMgMTI4LjQ3MyAyOC4zMzEzIDEzMi4zODEgMjguMzMxM0gxMzMuMzg4QzEzNC43NzQgMjguMzMxMyAxMzYuMjk2IDI3Ljc2MjQgMTM3LjQ3MyAyNi44NDQyQzEzOC42NSAyNS45MjYgMTM5LjQ3OCAyNC42NTYgMTM5LjQ3OCAyMy4yNTM3SDEzNS44MjNDMTM1LjgyMyAyNC40MjY0IDEzNC44ODMgMjUuMzc3IDEzMy43MjMgMjUuMzc3SDEzMi42NDhDMTMwLjgwNiAyNS4zNzcgMTI5LjMxNSAyMy44Njc1IDEyOS4zMTUgMjIuMDA2MlYyMS40Njk3SDEzOS40NzhaTTEzMi40ODUgMTUuNzk5NkgxMzIuNjk1QzEzMy41NjQgMTUuNzk5NiAxMzQuMzUxIDE2LjE1NjQgMTM0LjkyMSAxNi43MzI3QzEzNS40OTEgMTcuMzA5MSAxMzUuODQ0IDE4LjEwNjMgMTM1Ljg0NCAxOC45ODU4SDEyOS4zMzZDMTI5LjMzNiAxNy4yMjU1IDEzMC43NDYgMTUuNzk5NiAxMzIuNDg1IDE1Ljc5OTZaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNNjQuNDQzMyA4LjYxNzM3QzY0LjQ0MzMgOS45NTEwMSA2My4zMDYxIDExLjAzMjYgNjEuOTAyNSAxMS4wMzI2QzYwLjUwMDEgMTEuMDMyNiA1OS4zNjI5IDkuOTUxMDEgNTkuMzYyOSA4LjYxNzM3QzU5LjM2MjkgNy4yODM3NCA2MC41MDAxIDYuMjAyMSA2MS45MDI1IDYuMjAyMUM2My4zMDYxIDYuMjAyMSA2NC40NDMzIDcuMjgzNzQgNjQuNDQzMyA4LjYxNzM3WiIgZmlsbD0id2hpdGUiLz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8xNzI4XzU0NCIgeDE9IjM0LjcwMTciIHkxPSIyLjc4ODU5IiB4Mj0iMS4wOTYyNCIgeTI9IjM0LjAxMTYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0VDMDA4QyIvPgo8c3RvcCBvZmZzZXQ9IjAuNjk3OTE3IiBzdG9wLWNvbG9yPSIjRkM4QjY3Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGRDQ2RCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=") center / contain no-repeat;
  mask:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTciIGhlaWdodD0iMjYiIHZpZXdCb3g9IjQ0IDQgOTcgMjYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDYuNzcyOTRDMCAzLjAyODAzIDMuMDM1ODQgLTAuMDA3ODEyNSA2Ljc4MDc1IC0wLjAwNzgxMjVIMjcuNTc1QzMxLjMxOTkgLTAuMDA3ODEyNSAzNC4zNTU4IDMuMDI4MDMgMzQuMzU1OCA2Ljc3MjkzVjI3LjU2NzJDMzQuMzU1OCAzMS4zMTIxIDMxLjMxOTkgMzQuMzQ4IDI3LjU3NSAzNC4zNDhINi43ODA3NUMzLjAzNTg1IDM0LjM0OCAwIDMxLjMxMjEgMCAyNy41NjcyVjYuNzcyOTRaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMTcyOF81NDQpIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS42MzAzOSA1LjEwOTM4SDI0LjczNDlDMjcuMjE0OCA1LjEwOTM4IDI5LjI0MzcgNy4xMjcwNyAyOS4yNDM3IDkuNjE4MTlWMjQuNzIyN0MyOS4yNDM3IDI3LjIxMzggMjcuMjI2IDI5LjIzMTUgMjQuNzM0OSAyOS4yMzE1SDkuNjMwMzlDNy4xMzkyOCAyOS4yMzE1IDUuMTIxNTggMjcuMjEzOCA1LjEyMTU4IDI0LjcyMjdWMTYuOTQ1TDcuNTQ1MDcgMTQuNTMyOEM3Ljg2MDY5IDE0LjIxNzIgOC40MTMwMiAxNC40NDI2IDguNDEzMDIgMTQuODkzNVYyMS41MzI3SDEwLjI1MDRMMTAuMjk1NCAxNy40NDFDMTAuMjk1NCAxNy4wNTc3IDEwLjQ1MzMgMTYuNzA4MyAxMC43MDEyIDE2LjQ2MDNDMTAuOTQ5MiAxNi4yMTIzIDExLjI5ODcgMTYuMDU0NSAxMS42ODE5IDE2LjA1NDVDMTIuMjQ1NSAxNi4wNTQ1IDEyLjcwNzcgMTYuNTA1NCAxMi43MDc3IDE3LjA2OVYyMS41MjE1SDE0LjU0NVYxNy40NTIyQzE0LjU0NSAxNy4wNjkgMTQuNzAyOCAxNi43MTk2IDE0Ljk1MDggMTYuNDcxNkMxNS4xOTg4IDE2LjIyMzYgMTUuNTQ4MiAxNi4wNjU4IDE1LjkzMTUgMTYuMDY1OEMxNi40OTUxIDE2LjA2NTggMTYuOTU3MiAxNi41MTY3IDE2Ljk1NzIgMTcuMDgwM1YyMS41MzI3SDE4Ljc5NDZWMTYuNzQyMUMxOC43OTQ2IDE1LjUxMzUgMTcuNzkxMyAxNC41MjE1IDE2LjU2MjcgMTQuNTIxNUgxNi4zMDM0QzE1LjMzNCAxNC41MjE1IDE0LjYxMjYgMTUuMDk2NCAxNC4zMDgzIDE1Ljc1MDJDMTMuOTM2MyAxNS4wMTc1IDEzLjE4MTEgMTQuNTIxNSAxMi4zMTMxIDE0LjUyMTVIMTIuMDUzOUMxMS4wODQ1IDE0LjUyMTUgMTAuMjk1NCAxNS4yOTkzIDEwLjI4NDIgMTYuMjY4N1YxNC45NDk5QzEwLjI4NDIgMTMuNTI5NiA5LjEyMzE1IDEyLjU4MjcgNy45MDU3NyAxMi41ODI3QzcuMzMwOSAxMi41ODI3IDYuNzQ0NzUgMTIuNzk2OSA2LjI2MDA2IDEzLjI3MDNMNS4xMjE1OCAxNC4zOTc1VjkuNjE4MTlDNS4xMjE1OCA3LjEyNzA3IDcuMTM5MjggNS4xMDkzOCA5LjYzMDM5IDUuMTA5MzhaTTIxLjkwNDMgMTguNjgyMkgyNi43ODUxSDI2Ljc5NjNWMTguMDczNUMyNi43OTYzIDE3LjE0OTIgMjYuNDEzMSAxNi4zMDM4IDI1Ljc5MzEgMTUuNjk1MUMyNS4xNzMyIDE1LjA3NTEgMjQuMzE2NSAxNC43MDMyIDIzLjM4MDkgMTQuNzAzMkMyMS40OTg1IDE0LjcwMzIgMTkuOTc2NyAxNi4yMTM2IDE5Ljk3NjcgMTguMDczNVYxOC41NDY5QzE5Ljk3NjcgMjAuMzk1NSAyMS40OTg1IDIxLjkwNiAyMy4zODA5IDIxLjkwNkgyMy44NjU2QzI0LjUzMDYgMjEuOTA2IDI1LjI2MzMgMjEuNjM1NSAyNS44MjY5IDIxLjIwNzFDMjYuNDAxOCAyMC43Njc1IDI2Ljc5NjMgMjAuMTcwMSAyNi43OTYzIDE5LjUxNjNIMjUuMDM3OUMyNS4wMzc5IDIwLjA2ODcgMjQuNTc1NyAyMC41MTk1IDI0LjAyMzQgMjAuNTE5NUgyMy41MDQ5QzIyLjYyNTcgMjAuNTE5NSAyMS45MDQzIDE5LjgwOTQgMjEuOTA0MyAxOC45MzAyVjE4LjY4MjJaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMjMuMjU4NCAxNi4wMjM0SDIzLjE2NTFDMjIuMzk3OSAxNi4wMjM0IDIxLjc3NTkgMTYuNzg3OCAyMS43NzU5IDE3Ljc0NjRIMjQuNjQ3NkMyNC42NDc2IDE3LjI2NzEgMjQuNDkyMSAxNi44Mzk2IDI0LjI0MzIgMTYuNTI4N0MyMy45ODQxIDE2LjIxNzggMjMuNjQyIDE2LjAyMzQgMjMuMjU4NCAxNi4wMjM0WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTU3LjM4OTUgMjQuMTAzM1YyNy43NTQ5SDQ1Ljc5OTJDNDUuMzU3NyAyNy43NTQ5IDQ1IDI3LjM5MzEgNDUgMjYuOTQ2NVY2Ljc3NDczSDQ5LjE1OVYyNC4xMDMzSDU3LjM4OTVaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNNjMuOTM4OSAxMy41NzAySDU5Ljg2NjJWMjcuNzU0OUg2My45Mzg5VjEzLjU3MDJaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNODIuMDM2NSAxOC40MzMxVjI3Ljc1NDlINzguMDA1OFYyMC4yODdDNzguMDA1OCAxOC41NjI5IDc2LjYyMzEgMTcuMTY1NiA3NC45MTg2IDE3LjE2NTZDNzQuMDY2MyAxNy4xNjU2IDczLjI5NTQgMTcuNTE0OSA3Mi43MzY3IDE4LjA4MDFDNzIuMTc4IDE4LjY0NTIgNzEuODMyNiAxOS40MjUgNzEuODMyNiAyMC4yODdWMjcuNzU0OUg2Ny44ODU3VjEzLjU3MDJINzEuNzkwN0w3MS43ODA4IDE2LjU3NTVDNzEuNzgwOCAxNC44MjE1IDc0LjIzMDMgMTMuMjczMyA3NS45NjMzIDEzLjI3MzNINzYuOTM0Qzc5Ljc1MjMgMTMuMjczMyA4Mi4wMzY1IDE1LjU4MzcgODIuMDM2NSAxOC40MzMxWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTEyMi44MjUgMTcuNjczNFYyNy43NTQ5SDExOS4wMTRWMTguMzk4MkMxMTkuMDE0IDE3LjIxOCAxMTguMDY0IDE2LjI2MjQgMTE2Ljg5NiAxNi4yNjk5QzExNi4xMDEgMTYuMjc0OSAxMTUuMzgxIDE2LjYwNDIgMTE0Ljg2MiAxNy4xMzMyQzExNC4zNDIgMTcuNjYzNCAxMTQuMDIxIDE4LjM5MzIgMTE0LjAyMSAxOS4xOTc5VjI3Ljc1NDlIMTEwLjIxVjE4LjM5ODJDMTEwLjIxIDE3LjIxOCAxMDkuMjYgMTYuMjYyNCAxMDguMDkyIDE2LjI2OTlDMTA3LjI5NyAxNi4yNzQ5IDEwNi41NzQgMTYuNjA0MiAxMDYuMDUgMTcuMTMzMkMxMDUuNTI1IDE3LjY2MzQgMTA1LjIgMTguMzkzMiAxMDUuMiAxOS4xOTc5TDEwNS4xNzEgMjcuNzU0OUgxMDEuMzQ1VjEzLjc4OTdDMTAxLjM0NSAxMi44MzY2IDEwMC4yMDcgMTIuMzYgOTkuNTQwOSAxMy4wMzM3TDkyLjg1ODQgMTkuNzkxN0w5OS45NDQzIDI3Ljc1NDlIOTQuOTY4N0w4OS44Njc0IDIxLjcwM1YyNy43NTQ5SDg1Ljc3MjVWNkg4OS44Njc0VjE3LjQ3NzVMOTYuODc2OCAxMC4zODc3Qzk5Ljk1OTEgNy4yNjg3NiAxMDUuMjMxIDkuNDg4MTcgMTA1LjIxNyAxMy44OTgzTDEwNS4yMDggMTYuNjk5QzEwNS4yMDggMTQuNjU4IDEwNi44NTMgMTMuMDA3NSAxMDguODY5IDEzLjAwNzVIMTA5LjQwN0MxMTEuMjE1IDEzLjAwNzUgMTEyLjc4IDE0LjA2MDUgMTEzLjUzOCAxNS41OTI1QzExNC4xNzkgMTQuMjA2NCAxMTUuNjU3IDEzLjAwNzUgMTE3LjY3MyAxMy4wMDc1SDExOC4yMTFDMTIwLjc1OSAxMy4wMDc1IDEyMi44MjUgMTUuMDk3MiAxMjIuODI1IDE3LjY3MzRaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTM5LjQ3OCAyMS40Njk3VjIwLjE3NkMxMzkuNDc4IDE4LjE5NjEgMTM4LjY4NSAxNi40MDQ2IDEzNy40MDMgMTUuMTA3MkMxMzYuMTIxIDEzLjgwOTcgMTM0LjM0OSAxMy4wMDc1IDEzMi4zOTEgMTMuMDA3NUMxMjguNDc4IDEzLjAwNzUgMTI1LjMwNSAxNi4yMTYyIDEyNS4zMDUgMjAuMTc2VjIxLjE3NEMxMjUuMzA1IDI1LjEyNjMgMTI4LjQ3MyAyOC4zMzEzIDEzMi4zODEgMjguMzMxM0gxMzMuMzg4QzEzNC43NzQgMjguMzMxMyAxMzYuMjk2IDI3Ljc2MjQgMTM3LjQ3MyAyNi44NDQyQzEzOC42NSAyNS45MjYgMTM5LjQ3OCAyNC42NTYgMTM5LjQ3OCAyMy4yNTM3SDEzNS44MjNDMTM1LjgyMyAyNC40MjY0IDEzNC44ODMgMjUuMzc3IDEzMy43MjMgMjUuMzc3SDEzMi42NDhDMTMwLjgwNiAyNS4zNzcgMTI5LjMxNSAyMy44Njc1IDEyOS4zMTUgMjIuMDA2MlYyMS40Njk3SDEzOS40NzhaTTEzMi40ODUgMTUuNzk5NkgxMzIuNjk1QzEzMy41NjQgMTUuNzk5NiAxMzQuMzUxIDE2LjE1NjQgMTM0LjkyMSAxNi43MzI3QzEzNS40OTEgMTcuMzA5MSAxMzUuODQ0IDE4LjEwNjMgMTM1Ljg0NCAxOC45ODU4SDEyOS4zMzZDMTI5LjMzNiAxNy4yMjU1IDEzMC43NDYgMTUuNzk5NiAxMzIuNDg1IDE1Ljc5OTZaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNNjQuNDQzMyA4LjYxNzM3QzY0LjQ0MzMgOS45NTEwMSA2My4zMDYxIDExLjAzMjYgNjEuOTAyNSAxMS4wMzI2QzYwLjUwMDEgMTEuMDMyNiA1OS4zNjI5IDkuOTUxMDEgNTkuMzYyOSA4LjYxNzM3QzU5LjM2MjkgNy4yODM3NCA2MC41MDAxIDYuMjAyMSA2MS45MDI1IDYuMjAyMUM2My4zMDYxIDYuMjAyMSA2NC40NDMzIDcuMjgzNzQgNjQuNDQzMyA4LjYxNzM3WiIgZmlsbD0id2hpdGUiLz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8xNzI4XzU0NCIgeDE9IjM0LjcwMTciIHkxPSIyLjc4ODU5IiB4Mj0iMS4wOTYyNCIgeTI9IjM0LjAxMTYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0VDMDA4QyIvPgo8c3RvcCBvZmZzZXQ9IjAuNjk3OTE3IiBzdG9wLWNvbG9yPSIjRkM4QjY3Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGRDQ2RCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=") center / contain no-repeat;
}

/* Master [logo]: make the logo continue the title gradient (pink->magenta end) instead of restarting gold */
#page-main .hero h1 .lm-title-logo{
  background:var(--lm-logo-gradient) !important;
}

/* "Master Linkme" hero title as one continuous-gradient SVG */
#page-main .hero h1.master-title-h1{ background:none !important; -webkit-text-fill-color:#fff !important; color:#fff !important; }
#page-main .hero .master-title-svg{ height:1.4em; width:auto; display:block; margin:0 auto; }

/* Linkme Agency title -> ocean gradient (matches Start Agency Plan button) */
#page-agency section h1{
  background:linear-gradient(135deg,#06b6d4 0%,#3b82f6 55%,#4f46e5 100%) !important;
  -webkit-background-clip:text !important; background-clip:text !important;
  -webkit-text-fill-color:transparent !important; color:transparent !important;
}

/* VIP for VIPs title -> emerald gradient (matches Start VIP Success Plan button) */
#page-vip section h1{
  background:linear-gradient(135deg,#10b981 0%,#0891b2 55%,#1e3a8a 100%) !important;
  -webkit-background-clip:text !important; background-clip:text !important;
  -webkit-text-fill-color:transparent !important; color:transparent !important;
}

/* ===================== MOBILE FIXES — hero & nav (desktop unaffected) ===================== */
@media(max-width:768px){
  /* hero flows naturally instead of forcing one-screen fit (removes the big empty gap) */
  #page-main .main-top-grid{ height:auto !important; overflow:visible !important; }
  #page-main .top-viewport{ height:auto !important; min-height:0 !important; overflow:visible !important; justify-content:flex-start; padding-bottom:1.25rem; }

  /* nav: shrink brand, let the page links scroll horizontally instead of cutting off */
  .nav-brand .nav-wordmark{ width:90px !important; height:24px !important; }
  .page-nav-buttons{ margin-left:.7rem !important; gap:.7rem !important; flex:1 1 auto; min-width:0; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
  .page-nav-buttons::-webkit-scrollbar{ display:none; }
  .page-nav-button{ font-size:.64rem !important; }

  /* trust pill: wrap instead of running off the right edge */
  #page-main #lm-trust > div{ max-width:calc(100vw - 1.6rem) !important; padding:.85rem 1rem !important; }
  #page-main #lm-trust p{ white-space:normal !important; font-size:.64rem !important; line-height:1.4 !important; }
  #page-main #lm-trust p span{ white-space:normal !important; }

  /* safety: prevent horizontal shift/scroll */
  #page-main, #page-pricing, #page-agency, #page-vip{ overflow-x:hidden; }
}

/* ---- Mobile nav: hamburger dropdown; desktop keeps full links ---- */
.nav-hamburger{display:none}
.nav-mobile-menu{display:none}
.m-br{display:none}
@media(max-width:768px){
  .page-nav-buttons{display:none !important}
  .nav-hamburger{display:flex;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:8px 6px;margin-left:.5rem;flex:0 0 auto}
  .nav-hamburger span{display:block;width:23px;height:2px;background:#fff;border-radius:2px}
  nav a[href="https://link.me"]{white-space:nowrap !important;font-size:.72rem !important;padding:.46rem 1rem !important;line-height:1 !important}
  .nav-mobile-menu{display:flex;flex-direction:column;position:absolute;top:calc(100% + 8px);right:.6rem;background:#0c0a14;border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:.45rem;gap:.15rem;min-width:212px;box-shadow:0 24px 60px rgba(0,0,0,.55);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s,transform .2s,visibility .2s;z-index:400;pointer-events:none}
  .nav-mobile-menu.open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
  .nav-mobile-menu a{color:#fff;text-decoration:none;font-size:.95rem;font-weight:600;padding:.75rem .95rem;border-radius:10px}
  .nav-mobile-menu a:active{background:rgba(255,255,255,.1)}
  .m-br{display:inline}
}

/* Join button reliably right-aligned (was relying on :last-child, broken by menu) */
nav .nav-cta-wrap{margin-left:auto}
@media(max-width:768px){
  .nav-hamburger{order:1}
  nav .nav-cta-wrap{order:2}
}

/* hide the pill dot separators on mobile only (keep spacing) */
@media(max-width:768px){ .pill-dot{ visibility:hidden !important } }

/* mobile: fully drop the trailing dot before the wrapped '#1' line so line 1 stays centered */
@media(max-width:768px){ .pill-dot-end{ display:none !important } }

/* mobile: let the features guide subtitle wrap instead of getting cut off */
@media(max-width:768px){
  .features-guide-title{ white-space:normal !important; max-width:92vw !important; font-size:.84rem !important; line-height:1.35 !important; margin-bottom:.25rem !important; }
}

/* mobile: shrink "The Linkme Playbook" to fit one line (marker: features-mega-title-mobile) */
@media(max-width:768px){
  .features-mega-title{ font-size:1.55rem !important; white-space:nowrap !important; }
  .features-mega-title .lm-title-logo{ height:1.25em !important; }
}

/* mobile: wrap feature shortcuts to multiple centered rows (all visible, no scroll) */
@media(max-width:768px){
  .feature-shortcuts{ flex-wrap:wrap !important; overflow-x:visible !important; justify-content:center !important; gap:.4rem !important; padding:.4rem .6rem 1.9rem !important; }
  .feature-shortcuts .nav-link{ font-size:.62rem !important; padding:.34rem .6rem !important; }
}

/* mobile: make the hero showcase cards a bit bigger */
@media(max-width:768px){
  #page-main .top-viewport .lm-card{ width:180px !important; }
}

/* mobile: hide the big Linkme square logo in the Post to All icon row */
@media(max-width:768px){ .pta-linkme-logo{ display:none !important } }

/* mobile: more space between Post-to-All social icons and the "How to use it" title */
@media(max-width:768px){ .pta-icons{ margin-bottom:1.6rem !important } }

/* mobile: make the compare table fit (show all 4 columns) + match the CTA grid below */
@media(max-width:768px){
  .plan-compare-row, .pricing-cta-grid{ grid-template-columns:minmax(0,1.55fr) repeat(3,minmax(0,1fr)) !important; }
  .plan-compare-cell{ padding:.5rem .28rem !important; }
  .plan-compare-name{ font-size:.7rem !important; line-height:1.15 !important; }
  .plan-compare-desc{ font-size:.56rem !important; line-height:1.2 !important; }
  .plan-compare-headrow .plan-compare-cell{ padding:.55rem .28rem !important; font-size:.66rem !important; }
  .pricing-cta-grid .plan-compare-cell, .pricing-cta-grid > div{ padding:0 .2rem !important; }
}

/* mobile: drop the 720px min-width so the compare table fits the screen */
@media(max-width:768px){ .plan-compare-row{ min-width:0 !important } }

/* mobile: make the Post-to-All / Automations detail charts fit (no clipped last column) */
@media(max-width:768px){
  #page-pricing [style*="grid-template-columns:1.4fr 1fr 1fr 1fr"]{ grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr)) !important; }
  #page-pricing .pricing-detail-card > div > div{ padding:.7rem .3rem !important; font-size:.72rem !important; }
}

/* mobile: show the Agency Plan video above the plan card (it's the 2nd grid item) */
@media(max-width:768px){ #page-agency video[src*="agency-plan"]{ order:-1 } }

/* mobile: drop the line break so the two VIP sentences flow together */
@media(max-width:768px){ br.d-br{ display:none !important } }

/* mobile: make the build/VIP form modals fit (X reachable, scrollable, smaller) */
@media(max-width:768px){
  #vip-modal, #build-modal{ align-items:flex-start !important; justify-content:center !important; overflow-y:auto !important; padding:.7rem !important; }
  #vip-modal > div, #build-modal > div{ padding:1.35rem 1.15rem !important; max-width:none !important; width:100% !important; margin:.4rem auto !important; }
  #vip-modal > div > div:first-of-type, #build-modal > div > div:first-of-type{ margin-bottom:1rem !important; }
  #vip-modal h3, #build-modal h3{ font-size:1.2rem !important; }
  #build-form, #vip-form{ gap:.7rem !important; }
}

/* desktop only: keep "Start simple. Scale like a pro." on one line */
@media(min-width:769px){
  .plan-compare-title{ white-space:nowrap !important; }
  .plan-compare-head{ max-width:none !important; }
}

/* iOS: prevent shrink-to-fit (which makes all text/UI look smaller) + lock text size */
html, body { max-width: 100%; overflow-x: hidden; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }


/* iOS renders text smaller than Android; scale rem-based text up on iOS only */
/* iOS now renders at the same scale as Android (removed the 170% root scaling that oversized newer iPhones) */

/* mobile: lock the hero scale so text doesn't resize when the URL bar hides/shows on scroll */
@media(max-width:768px){ html.is-ios #page-main{ --top-scale:0.78 !important; } }

/* mobile: don't clip the Agency Plan card (let bigger iOS text fit) */
@media(max-width:768px){
  #page-agency .agency-plan-card{ overflow:visible !important; padding:1.3rem !important; }
}

/* mobile: Post-to-All social icons -> one even line + fix TikTok alignment */
@media(max-width:768px){
  .pta-icons{ flex-wrap:nowrap !important; gap:.2rem !important; justify-content:space-between !important; align-items:center !important; }
  .pta-icons > i{ font-size:1.35rem !important; flex:0 0 auto; }
  .pta-icons > span{ width:1.05rem !important; height:1.35rem !important; font-size:1.35rem !important; flex:0 0 auto; }
  .pta-icons > span i{ font-size:1.35rem !important; top:50% !important; transform:translateY(-50%) !important; }
}

/* mobile: keep "Start VIP Success Plan" on one line */
@media(max-width:768px){
  #page-vip a[onclick*="vip-modal"]{ white-space:nowrap !important; font-size:.72rem !important; padding:.6rem .85rem !important; }
}

/* iOS only: tighten section spacing (the 170% bump inflated the rem padding) */


/* iOS only: tighten specific hero spacing (the 170% bump inflated these gaps) */
@media(max-width:768px){
  html.is-ios #page-main .hero{ padding-top:0 !important; padding-bottom:.2rem !important; }
  html.is-ios #page-main .hero h1.master-title-h1{ margin-top:0 !important; }
  html.is-ios #page-main .hero-inner > p:first-of-type{ margin-bottom:.3rem !important; }
  html.is-ios #page-main .hero-inner > p:nth-of-type(2){ margin-top:.45rem !important; margin-bottom:.3rem !important; }
  html.is-ios #page-main .top-viewport section[style*="padding:0 1.5rem 2.5rem"]{ margin-top:.2rem !important; }
}

/* iOS only: collapse the empty spotlight section's padding (gap below hero paragraph) */
@media(max-width:768px){
  html.is-ios #page-main section[style*="margin-top:-1.5rem"]{ padding-bottom:0 !important; }
  html.is-ios #page-main .lm-showcase{ margin-top:-.2rem !important; }
}

/* iOS only: feature shortcut buttons a little bigger */
@media(max-width:768px){
}

/* ===== Landing-page first-page additions (intro hero + inspiration carousel) ===== */

/* ===== Intro hero: "What is [Linkme]?" ===== */
.lm-intro{ padding-top:1rem; padding-bottom:1rem; }
.lm-intro .feature-inner{ gap:4rem; align-items:flex-start; }
.lm-intro .feature-body{ min-width:300px; }

.lm-intro-kicker{ display:inline-flex; align-items:center; gap:.7rem; margin-bottom:1.15rem; }
.lm-intro-bar{ width:30px; height:2px; border-radius:2px; background:var(--lm-logo-gradient); flex:0 0 auto; }
.lm-intro-kicker-txt{ font-size:.72rem; letter-spacing:.2em; text-transform:uppercase; font-weight:800;
  background:var(--lm-logo-gradient); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; }

.lm-intro-title{ margin-bottom:.4rem; }
.lm-intro-title .lm-title-logo{ background:#fff !important; filter:drop-shadow(0 0 22px rgba(255,255,255,.28)); }
.lm-intro-words{ font-size:.9em; }

.lm-intro-tagline{ font-size:clamp(1.1rem,2vw,1.35rem); font-weight:600; margin-bottom:1.2rem;
  background:linear-gradient(90deg,#FFD46D 0%,#FC8B67 50%,#EC008C 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; display:inline-block; }
.lm-intro-desc{ font-size:1rem; line-height:1.8; margin-bottom:.4rem; max-width:640px; }

.lm-intro-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:.8rem; margin:1.7rem 0 1.9rem; max-width:640px; }
.lm-intro-card{ position:relative; border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.015)); border-radius:16px; padding:1.05rem 1.1rem;
  transition:border-color .25s ease, transform .25s ease, box-shadow .25s ease; }
.lm-intro-card:hover{ border-color:rgba(255,190,112,.4); transform:translateY(-3px); box-shadow:0 18px 44px rgba(0,0,0,.4); }
.lm-intro-card h4{ font-family:'Unbounded',sans-serif; font-size:.95rem; font-weight:700; letter-spacing:-.01em; color:#fff; margin:.65rem 0 .35rem; }
.lm-intro-card p{ font-size:.83rem; line-height:1.55; color:rgba(255,255,255,.52); margin:0; }
.lm-intro-dot{ display:block; width:10px; height:10px; border-radius:50%; background:var(--lm-logo-gradient); box-shadow:0 0 16px rgba(244,77,141,.65); }

.lm-intro-cta{ display:inline-flex; align-items:center; gap:.55rem; background:var(--lm-logo-gradient); color:#fff;
  font-family:'Unbounded',sans-serif; font-weight:700; font-size:.92rem; letter-spacing:-.01em; padding:.9rem 1.8rem; border-radius:999px;
  text-decoration:none; box-shadow:0 12px 34px rgba(236,0,140,.32); transition:transform .2s ease, box-shadow .2s ease; }
.lm-intro-cta:hover{ transform:translateY(-2px); box-shadow:0 18px 46px rgba(236,0,140,.48); }
.lm-intro-cta span{ transition:transform .2s ease; }
.lm-intro-cta:hover span{ transform:translateX(3px); }

.lm-intro-ring{ width:100%; position:relative; border-radius:24px; padding:2px; background:var(--lm-logo-gradient);
  box-shadow:0 0 90px rgba(236,0,140,.2), 0 30px 70px rgba(0,0,0,.45); }
.lm-intro-ring video{ display:block; width:100%; aspect-ratio:1/1; border-radius:22px; background:#000; }

@media(max-width:640px){
  .lm-intro-grid{ grid-template-columns:1fr; }
  .lm-intro .feature-inner{ gap:2.4rem; }
}

/* ===== Intro inspiration carousel ===== */
.lm-inspo-head{ font-family:'Unbounded',sans-serif; font-size:1rem; font-weight:700; letter-spacing:-.01em; color:#fff; margin:1.9rem 0 1.1rem; }
.lm-inspo-viewport{ overflow:hidden; cursor:grab; user-select:none; -webkit-user-select:none; touch-action:pan-y;
  -webkit-mask:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);
  mask:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%); }
.lm-inspo-viewport.grabbing{ cursor:grabbing; }
.lm-inspo-track{ display:flex; gap:14px; width:max-content; will-change:transform; align-items:flex-start; }
.lm-inspo-item{ flex:0 0 auto; width:clamp(160px,16vw,200px); display:flex; flex-direction:column; align-items:center; gap:.55rem; }
.lm-inspo-name{ max-width:100%; font-family:'Unbounded',sans-serif; font-size:.8rem; font-weight:600; letter-spacing:-.01em;
  color:rgba(255,255,255,.82); text-decoration:none; text-align:center; cursor:pointer; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  transition:color .2s ease; }
.lm-inspo-name:hover{ background:linear-gradient(90deg,#FFD46D 0%,#FC8B67 50%,#EC008C 100%);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; }
.lm-inspo-name.is-long{ font-size:.62rem; white-space:nowrap; overflow:visible; }
.lm-inspo-card{ width:100%; aspect-ratio:850 / 1198; border-radius:18px;
  background:#050506; border:1.5px solid #000; overflow:hidden; position:relative;
  box-shadow:0 0 0 1px rgba(0,0,0,.85), 0 0 22px rgba(150,150,180,.22), 0 10px 30px rgba(0,0,0,.55);
  transition:box-shadow .3s ease; }
.lm-inspo-card:hover{ box-shadow:0 0 0 1px rgba(0,0,0,.85), 0 0 30px rgba(170,170,210,.35), 0 14px 38px rgba(0,0,0,.6); }
.lm-inspo-card video{ width:100%; height:100%; object-fit:contain; display:block; pointer-events:none; background:#000;
  transform:scale(1.05); transform-origin:center; }
.lm-inspo-ph{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  color:rgba(255,255,255,.22); font-family:'Unbounded',sans-serif; font-weight:700; font-size:1.05rem; letter-spacing:.06em; }

/* Mobile: keep the intro video within the viewport (flex min-width:auto overflow fix) */
@media(max-width:768px){
  .lm-intro .feature-inner{ align-items:stretch; }
  .lm-intro .feature-visual{ width:100%; min-width:0; }
  .lm-intro-ring{ width:100%; max-width:100%; min-width:0; box-sizing:border-box; }
  .lm-intro-ring video{ width:100%; height:auto; }
}

/* Mobile: keep the intro text/body within the viewport (was overrunning the right edge) */
@media(max-width:768px){
  .lm-intro .feature-body{ min-width:0; width:100%; max-width:100%; }
  .lm-intro-desc, .lm-intro-tagline, .lm-inspo-head{ max-width:100%; overflow-wrap:break-word; }
  .lm-inspo-viewport{ width:100%; max-width:100%; }
}

/* iOS: html font-size:170% oversizes these titles (and breaks the nowrap mega-title -> overflow).
   Pin to px so iPhone matches the good Android sizing. */
@media(max-width:768px){
  html.is-ios .features-mega-title{ font-size:25px !important; }
  html.is-ios .features-guide-title{ font-size:13.5px !important; }
}