/* ============================================================
   SPETTRO VISION — neon interactive site
   Palette from approved demo: violet-black / pink / cyan / acid
   ============================================================ */
:root{
  --bg:#0D0517;
  --bg2:#160A26;
  --bg3:#1D0F33;
  --pink:#FF2E88;
  --cyan:#2EF2FF;
  --acid:#F6FF47;
  --white:#F7F2FF;
  --dim:rgba(247,242,255,.6);
  --line:rgba(247,242,255,.14);
  --display:'Unbounded',sans-serif;
  --body:'Instrument Sans',sans-serif;
  --mono:'Spline Sans Mono',monospace;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;scroll-padding-top:96px;}
body{
  background:var(--bg);color:var(--white);
  font-family:var(--body);font-size:17px;line-height:1.6;
  overflow-x:hidden;
}
body::before{ /* grain */
  content:'';position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.5;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='0.05'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
img{max-width:100%;display:block;}
::selection{background:var(--acid);color:var(--bg);}
.wrap{max-width:1320px;margin:0 auto;padding:0 clamp(20px,4vw,48px);position:relative;z-index:2;}
section,header.page-hero,.hero{position:relative;z-index:2;}

h1,h2,h3{font-family:var(--display);line-height:1.06;}
h1{font-size:clamp(34px,5.2vw,76px);font-weight:900;text-transform:uppercase;letter-spacing:-.01em;}
h2{font-size:clamp(26px,3.8vw,52px);font-weight:900;text-transform:uppercase;}
h2 em,h1 em{font-style:normal;color:var(--pink);}
.acid{color:var(--acid);}
.cyan{color:var(--cyan);}
.kicker{font-family:var(--mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);margin-bottom:16px;}
.lead{color:var(--dim);max-width:58ch;font-size:clamp(16px,1.5vw,19px);}
.lead b{color:var(--white);}

/* ---------- CURSOR ---------- */
@media (pointer:fine){body{cursor:none;} a,button,input,select,textarea,.tilt,.lgo,.phone{cursor:none;}}
.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;z-index:9999;pointer-events:none;border-radius:50%;transform:translate(-50%,-50%);display:none;}
@media (pointer:fine){.cursor-dot,.cursor-ring{display:block;}}
.cursor-dot{width:8px;height:8px;background:var(--acid);}
.cursor-ring{width:36px;height:36px;border:1.5px solid var(--pink);transition:width .2s,height .2s,border-color .2s,background .2s;}
.cursor-ring.hot{width:62px;height:62px;border-color:var(--cyan);background:rgba(46,242,255,.08);}

/* ---------- NAV ---------- */
.site-header{
  position:fixed;top:0;left:0;right:0;z-index:300;
  background:linear-gradient(to bottom,rgba(13,5,23,.95),rgba(13,5,23,.7));
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
  transition:box-shadow .25s;
}
.site-header.scrolled{box-shadow:0 10px 36px rgba(0,0,0,.55);}
.nav{display:flex;align-items:center;justify-content:space-between;padding:12px clamp(18px,4vw,48px);max-width:1440px;margin:0 auto;}
.brand img{height:52px;width:auto;}
.nav-links{display:flex;align-items:center;gap:28px;list-style:none;}
.nav-links a{
  text-decoration:none;font-weight:600;font-size:15px;color:var(--dim);
  font-family:var(--mono);letter-spacing:.02em;
  padding:6px 0;border-bottom:2px solid transparent;transition:.15s;
}
.nav-links a:hover,.nav-links a.active{color:var(--acid);border-color:var(--acid);}
.nav .pill{
  font-family:var(--display);font-weight:700;font-size:12px;text-transform:uppercase;
  color:var(--bg);background:var(--acid);padding:12px 20px;border-radius:999px;text-decoration:none;
  letter-spacing:.04em;
}
.burger{display:none;background:none;border:none;padding:8px;}
.burger span{display:block;width:24px;height:2.5px;background:var(--white);margin:5px 0;border-radius:2px;}
@media (max-width:960px){
  .nav-links{position:fixed;inset:72px 0 auto 0;background:var(--bg);flex-direction:column;gap:0;padding:8px 0 22px;border-bottom:1px solid var(--line);display:none;}
  .nav-links.open{display:flex;}
  .nav-links li{width:100%;text-align:center;}
  .nav-links a{display:block;padding:14px;}
  .burger{display:block;}
  .nav .pill{display:none;}
}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--acid);outline-offset:3px;}

/* ---------- BUTTONS ---------- */
.btn{
  position:relative;display:inline-flex;align-items:center;gap:10px;
  font-family:var(--display);font-weight:700;font-size:13.5px;text-transform:uppercase;letter-spacing:.04em;
  padding:18px 32px;border-radius:999px;border:none;text-decoration:none;
  transition:box-shadow .2s;will-change:transform;
}
.btn-pink{background:var(--pink);color:#fff;}
.btn-pink:hover{box-shadow:0 0 44px rgba(255,46,136,.55);}
.btn-cyan{background:var(--cyan);color:var(--bg);}
.btn-cyan:hover{box-shadow:0 0 44px rgba(46,242,255,.5);}
.btn-acid{background:var(--acid);color:var(--bg);}
.btn-acid:hover{box-shadow:0 0 44px rgba(246,255,71,.5);}
.btn-line{background:transparent;color:var(--white);border:1.5px solid rgba(247,242,255,.35);}
.btn-line:hover{border-color:var(--cyan);color:var(--cyan);}

/* ---------- HERO ---------- */
.hero{
  min-height:100svh;display:grid;grid-template-columns:1.15fr .85fr;
  gap:clamp(20px,4vw,60px);align-items:center;
  padding:120px clamp(20px,4vw,48px) 60px;max-width:1440px;margin:0 auto;
}
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);margin-bottom:20px;}
h1 .l2{display:block;color:transparent;-webkit-text-stroke:2px var(--pink);}
h1 .l3{display:block;color:var(--acid);}
.glitch{position:relative;display:inline-block;}
.glitch::before,.glitch::after{content:attr(data-t);position:absolute;left:0;top:0;width:100%;}
.glitch::before{color:var(--cyan);animation:gl1 3.5s infinite steps(1);}
.glitch::after{color:var(--pink);animation:gl2 3.5s infinite steps(1);}
@keyframes gl1{0%,93%,100%{transform:none;opacity:0;}94%{transform:translate(-4px,2px);opacity:.8;clip-path:inset(10% 0 55% 0);}96%{transform:translate(3px,-1px);opacity:.8;clip-path:inset(60% 0 8% 0);}98%{opacity:0;}}
@keyframes gl2{0%,94%,100%{transform:none;opacity:0;}95%{transform:translate(4px,1px);opacity:.8;clip-path:inset(40% 0 30% 0);}97%{transform:translate(-3px,2px);opacity:.8;clip-path:inset(5% 0 75% 0);}99%{opacity:0;}}
.h-sub{margin-top:24px;}
.h-ctas{margin-top:34px;display:flex;gap:14px;flex-wrap:wrap;}
.trustline{margin-top:30px;display:flex;gap:24px;flex-wrap:wrap;font-family:var(--mono);font-size:12.5px;color:var(--dim);}
.trustline b{color:var(--acid);}

/* phone */
.h-phone{display:flex;justify-content:center;}
.phone{
  width:min(300px,76vw);height:600px;max-height:70vh;border-radius:44px;
  border:3px solid rgba(247,242,255,.18);background:#07020E;overflow:hidden;position:relative;
  box-shadow:0 0 90px rgba(255,46,136,.18),0 40px 80px rgba(0,0,0,.6);
  transform:rotate(4deg);
}
.phone .notch{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:104px;height:22px;border-radius:999px;background:#000;z-index:5;border:1px solid rgba(247,242,255,.12);}
.feedcol{display:flex;flex-direction:column;gap:12px;padding:50px 14px 14px;animation:doom 9s linear infinite;}
.phone:hover .feedcol{animation-play-state:paused;}
@keyframes doom{from{transform:translateY(0);}to{transform:translateY(-50%);}}
.fpost{background:#130A22;border:1px solid rgba(247,242,255,.1);border-radius:18px;padding:14px;flex-shrink:0;}
.fpost .fh{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10px;color:var(--dim);margin-bottom:10px;}
.fpost .fav{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--cyan));}
.fpost .fimg{height:100px;border-radius:10px;background:linear-gradient(135deg,#1D0F33,#241140);margin-bottom:10px;display:flex;align-items:center;justify-content:center;font-size:26px;opacity:.85;}
.fpost .fbar{height:8px;border-radius:4px;background:rgba(247,242,255,.12);margin:6px 0;}
.fpost .fbar.s{width:62%;}
.fpost.gold{background:linear-gradient(135deg,#2A1C00,#3A2A00);border-color:var(--acid);box-shadow:0 0 30px rgba(246,255,71,.25);}
.fpost.gold .fimg{background:linear-gradient(135deg,var(--acid),var(--pink));color:var(--bg);font-family:var(--display);font-weight:900;font-size:13px;text-align:center;}
.phone .hoverhint{
  position:absolute;bottom:14px;left:50%;transform:translateX(-50%);z-index:6;
  font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--acid);
  background:rgba(13,5,23,.85);padding:7px 14px;border-radius:999px;border:1px dashed rgba(246,255,71,.5);white-space:nowrap;
}
@media (max-width:920px){
  .hero{grid-template-columns:1fr;padding-top:104px;min-height:auto;}
  .h-phone{order:-1;}
  .phone{height:380px;}
}

/* ---------- TICKER ---------- */
.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;background:var(--bg2);position:relative;z-index:2;}
.ticker-track{display:flex;width:max-content;animation:tick 30s linear infinite;font-family:var(--mono);font-size:13px;color:var(--dim);}
.ticker-track span{padding:0 26px;white-space:nowrap;}
.ticker-track b{color:var(--cyan);font-weight:600;}
@keyframes tick{from{transform:translateX(0);}to{transform:translateX(-50%);}}

/* ---------- SECTIONS ---------- */
section{padding:clamp(76px,11vh,130px) 0;}
.sec-head{max-width:820px;margin-bottom:44px;}
.sec-head .lead{margin-top:14px;}
.bg2{background:var(--bg2);}

/* ---------- LOGO GRID (home) + WALL (clients) ---------- */
.lwall{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px;}
.lgo{
  background:var(--bg3);border:1px solid var(--line);border-radius:16px;
  min-height:128px;padding:18px 12px;text-align:center;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  transition:transform .2s,border-color .2s,box-shadow .2s,background .2s;
  position:relative;overflow:hidden;
}
.lgo::before{
  content:'';position:absolute;inset:0;opacity:0;transition:opacity .25s;
  background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(255,46,136,.2),transparent 65%);
}
.lgo:hover{transform:translateY(-5px) scale(1.03);border-color:var(--pink);box-shadow:0 16px 36px rgba(255,46,136,.22);}
.lgo:hover::before{opacity:1;}
.lgo .mono-av{
  width:46px;height:46px;border-radius:50%;
  background:linear-gradient(135deg,var(--pink),var(--cyan));
  color:#fff;font-family:var(--display);font-weight:900;font-size:17px;
  display:flex;align-items:center;justify-content:center;position:relative;z-index:1;
}
.lgo img.logo{height:46px;width:auto;max-width:130px;object-fit:contain;position:relative;z-index:1;}
.lgo .cn{font-weight:600;font-size:13px;line-height:1.25;position:relative;z-index:1;}
.lgo .ci{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:rgba(247,242,255,.4);position:relative;z-index:1;}
.lgo.featured{border-color:rgba(246,255,71,.45);background:linear-gradient(160deg,#241140,var(--bg3));}
.lgo.featured .mono-av{background:linear-gradient(135deg,var(--acid),var(--pink));color:var(--bg);}
.lgo.hidden{display:none;}
.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px;}
.chip{
  font-family:var(--mono);font-size:12.5px;font-weight:600;
  background:transparent;border:1.5px solid rgba(247,242,255,.3);color:var(--dim);
  border-radius:999px;padding:9px 18px;transition:.18s;
}
.chip:hover{border-color:var(--cyan);color:var(--cyan);}
.chip.on{background:var(--acid);border-color:var(--acid);color:var(--bg);}
.wall-count{font-family:var(--mono);font-size:12px;color:rgba(247,242,255,.45);margin:10px 0 22px;}

/* ---------- SERVICE CARDS (tilt) ---------- */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;perspective:1200px;}
.cards.fixed3{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));}
.tilt{
  background:var(--bg2);border:1px solid var(--line);border-radius:22px;padding:28px 24px;
  transform-style:preserve-3d;transition:border-color .2s;position:relative;overflow:hidden;
  display:flex;flex-direction:column;text-decoration:none;color:var(--white);
}
.tilt::before{
  content:'';position:absolute;inset:0;opacity:0;transition:opacity .25s;
  background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(255,46,136,.16),transparent 60%);
}
.tilt:hover::before{opacity:1;}
.tilt:hover{border-color:rgba(255,46,136,.5);}
.tilt .ic{font-size:28px;}
.tilt h3{font-size:17px;font-weight:700;margin:14px 0 8px;text-transform:uppercase;letter-spacing:.01em;}
.tilt p{color:var(--dim);font-size:14.5px;flex:1;}
.tilt .tag{
  display:inline-block;margin-top:16px;align-self:flex-start;
  font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--cyan);border:1px solid rgba(46,242,255,.4);border-radius:999px;padding:5px 12px;
}
.cat{margin-bottom:60px;}
.cat:last-child{margin-bottom:0;}
.cat-head{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:26px;}
.cat-head .cat-no{font-family:var(--mono);font-size:12px;color:var(--pink);letter-spacing:.12em;}
.cat-head h2{font-size:clamp(20px,2.6vw,32px);}

/* ---------- STATS ---------- */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;}
.stat{background:var(--bg3);border:1px solid var(--line);border-radius:20px;padding:28px 24px;}
.stat .n{font-family:var(--display);font-weight:900;font-size:clamp(34px,4vw,52px);color:var(--acid);line-height:1;}
.stat .l{margin-top:8px;font-size:14px;color:var(--dim);}

/* ---------- VIRAL SIM ---------- */
.sim{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;align-items:start;}
.sim-ctl{background:var(--bg3);border:1px solid var(--line);border-radius:24px;padding:28px;}
.sim-ctl label{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);display:block;margin-bottom:10px;}
.sim-row{display:flex;gap:10px;flex-wrap:wrap;}
.sim-ctl input{flex:1;min-width:170px;background:#07020E;border:1.5px solid rgba(247,242,255,.2);border-radius:14px;color:var(--white);font-family:var(--body);font-size:17px;padding:15px 18px;}
.sim-ctl input::placeholder{color:rgba(247,242,255,.3);}
.sim-ctl input:focus{border-color:var(--pink);outline:none;}
#go-viral{background:var(--pink);color:#fff;border:none;border-radius:14px;font-family:var(--display);font-weight:700;font-size:13px;text-transform:uppercase;padding:15px 24px;letter-spacing:.04em;}
#go-viral:disabled{opacity:.5;}
.sim-note{margin-top:14px;font-family:var(--mono);font-size:12px;color:var(--dim);}
.sim-stats{margin-top:24px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;}
.ss{background:#07020E;border-radius:14px;padding:14px 10px;text-align:center;border:1px solid rgba(247,242,255,.1);}
.ss .n{font-family:var(--display);font-weight:700;font-size:clamp(17px,2vw,24px);color:var(--acid);}
.ss .l{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-top:4px;}
.reachwrap{margin-top:20px;}
.reachwrap .rl{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-bottom:8px;}
.reachbar{height:10px;border-radius:6px;background:#07020E;overflow:hidden;border:1px solid rgba(247,242,255,.1);}
.reachbar i{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--pink),var(--cyan),var(--acid));transition:width .3s;}
.vpost{
  position:relative;background:#fff;color:#11051F;border-radius:24px;padding:22px;
  box-shadow:0 30px 80px rgba(0,0,0,.5);transform:rotate(-1.5deg);overflow:hidden;min-height:420px;
}
.vpost .vh{display:flex;align-items:center;gap:12px;}
.vpost .vav{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--cyan));display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:900;color:#fff;font-size:18px;}
.vpost .vn{font-weight:600;font-size:15px;}
.vpost .vn .vf{font-family:var(--mono);font-size:11px;color:#888;font-weight:400;}
.vpost .vimg{margin-top:14px;height:160px;border-radius:16px;background:linear-gradient(135deg,#FF2E88,#7B2EFF,#2EF2FF);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:900;color:#fff;font-size:clamp(18px,2.4vw,26px);text-transform:uppercase;text-align:center;padding:10px;word-break:break-word;}
.vpost .vcap{margin-top:14px;font-size:14px;}
.vpost .vmetrics{display:flex;gap:18px;margin-top:12px;font-weight:600;font-size:15px;}
.vpost .vmetrics span i{font-style:normal;}
.vpost .comments{margin-top:12px;border-top:1px solid #eee;padding-top:10px;height:100px;overflow:hidden;display:flex;flex-direction:column;gap:7px;font-size:13px;}
.vpost .comments .c{display:flex;gap:8px;animation:cin .35s ease;}
@keyframes cin{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
.vpost .comments .c b{color:#7B2EFF;}
.vstamp{position:absolute;top:18px;right:-44px;background:var(--acid);color:var(--bg);font-family:var(--display);font-weight:900;font-size:12px;text-transform:uppercase;padding:8px 50px;transform:rotate(35deg);opacity:0;transition:.3s;letter-spacing:.06em;}
.vstamp.on{opacity:1;}
.vheart{position:absolute;bottom:-30px;font-size:22px;pointer-events:none;animation:vfly 1.6s ease-out forwards;}
@keyframes vfly{0%{transform:translateY(0) scale(.5);opacity:0;}15%{opacity:1;}100%{transform:translateY(-420px) translateX(var(--dx,0)) scale(1.1) rotate(20deg);opacity:0;}}
.shake{animation:shk .4s ease;}
@keyframes shk{0%,100%{transform:rotate(-1.5deg);}25%{transform:rotate(-2.5deg) translateX(-4px);}75%{transform:rotate(-.5deg) translateX(4px);}}

/* ---------- GAME (about page) ---------- */
.game{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:36px;align-items:center;}
.gframe{height:320px;border-radius:22px;background:#07020E;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}
.gcard{width:min(250px,82%);border-radius:16px;padding:18px;text-align:center;font-family:var(--display);font-weight:700;font-size:14px;text-transform:uppercase;border:1px solid var(--line);background:#150B27;color:var(--dim);letter-spacing:.02em;line-height:1.4;}
.gcard.gold{background:linear-gradient(135deg,var(--acid),#FFC42E);color:var(--bg);box-shadow:0 0 60px rgba(246,255,71,.5);border-color:transparent;}
.gframe .gscan{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);top:50%;opacity:.4;}
.gctl .big{font-family:var(--display);font-weight:900;font-size:clamp(38px,5vw,66px);color:var(--acid);line-height:1;}
.gctl .verdict{margin-top:10px;font-family:var(--mono);font-size:13.5px;color:var(--dim);min-height:44px;}
.gctl .verdict b{color:var(--pink);}
#gbtn{margin-top:20px;background:var(--cyan);color:var(--bg);font-family:var(--display);font-weight:900;font-size:15px;text-transform:uppercase;border:none;border-radius:999px;padding:18px 38px;letter-spacing:.04em;}
#gbtn.stop{background:var(--pink);color:#fff;}
.gbest{margin-top:12px;font-family:var(--mono);font-size:12px;color:var(--dim);}
.gbest b{color:var(--cyan);}

/* ---------- ABOUT blocks ---------- */
.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;}
.abox{background:var(--bg3);border:1px solid var(--line);border-radius:20px;padding:28px 24px;}
.abox .no{font-family:var(--mono);font-size:12px;color:var(--pink);letter-spacing:.12em;}
.abox h3{font-size:16px;text-transform:uppercase;margin:12px 0 8px;}
.abox p{color:var(--dim);font-size:14.5px;}

/* ---------- CONTACT ---------- */
.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(28px,4vw,56px);align-items:start;}
@media (max-width:880px){.contact-grid{grid-template-columns:1fr;}}
.cinfo .row{display:flex;gap:16px;align-items:flex-start;margin-bottom:22px;}
.cinfo .row .ic{width:44px;height:44px;border-radius:12px;flex-shrink:0;background:rgba(255,46,136,.12);border:1px solid rgba(255,46,136,.4);display:flex;align-items:center;justify-content:center;font-size:19px;}
.cinfo .row b{display:block;font-family:var(--display);font-size:14px;text-transform:uppercase;}
.cinfo .row span,.cinfo .row a{color:var(--dim);font-size:15px;text-decoration:none;}
.cinfo .row a:hover{color:var(--cyan);}
.whatsapp-cta{display:inline-flex;align-items:center;gap:10px;margin-top:6px;background:#1FAF54;color:#fff;text-decoration:none;font-weight:600;padding:14px 24px;border-radius:12px;}
.form-card{background:#fff;color:#11051F;border-radius:24px;padding:clamp(24px,3vw,38px);box-shadow:0 30px 80px rgba(0,0,0,.5);}
.form-card h3{font-size:20px;text-transform:uppercase;margin-bottom:6px;}
.form-card .fsub{color:#6E675A;font-size:14px;margin-bottom:22px;}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;}
@media (max-width:560px){.frow{grid-template-columns:1fr;}}
.fgroup{display:flex;flex-direction:column;gap:7px;margin-bottom:14px;}
.frow .fgroup{margin-bottom:0;}
.fgroup label{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#6E675A;}
.fgroup input,.fgroup select,.fgroup textarea{font-family:var(--body);font-size:16px;color:#11051F;border:1.5px solid rgba(17,5,31,.16);border-radius:12px;padding:14px 16px;background:#FBFAFF;width:100%;}
.fgroup input:focus,.fgroup select:focus,.fgroup textarea:focus{border-color:var(--pink);outline:none;}
.fgroup textarea{min-height:120px;resize:vertical;}
.fgroup .err{font-size:12.5px;color:#C0392B;display:none;}
.fgroup.invalid input,.fgroup.invalid textarea{border-color:#C0392B;}
.fgroup.invalid .err{display:block;}
#form-status{margin-top:16px;font-size:15px;font-weight:500;display:none;border-radius:12px;padding:14px 16px;}
#form-status.ok{display:block;background:#EAF7EC;color:#1E7B34;border:1px solid #BCE3C5;}
#form-status.bad{display:block;background:#FBEDEB;color:#B03A2E;border:1px solid #F0C5BF;}

/* ---------- PAGE HERO ---------- */
.page-hero{padding:150px 0 60px;}
.crumbs{font-family:var(--mono);font-size:12px;color:rgba(247,242,255,.45);margin-bottom:18px;}
.crumbs a{color:rgba(247,242,255,.45);text-decoration:none;}
.crumbs a:hover{color:var(--cyan);}

/* ---------- FINAL CTA ---------- */
.final{text-align:center;}
.final h2{margin:0 auto;max-width:18ch;}
.final .btn{margin-top:36px;font-size:clamp(14px,1.8vw,18px);padding:22px 46px;}
.final .sub{margin-top:16px;font-family:var(--mono);font-size:12.5px;color:var(--dim);}

/* ---------- FOOTER ---------- */
footer{position:relative;z-index:2;background:#08030F;border-top:1px solid var(--line);padding:54px 0 26px;}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px;}
@media (max-width:880px){.foot-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:540px){.foot-grid{grid-template-columns:1fr;}}
.foot-grid h4{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--acid);margin-bottom:16px;}
.foot-grid ul{list-style:none;}
.foot-grid li{margin-bottom:9px;}
.foot-grid a{color:var(--dim);text-decoration:none;font-size:14px;}
.foot-grid a:hover{color:var(--cyan);}
.foot-brand img{height:60px;width:auto;}
.foot-brand p{color:var(--dim);font-size:13.5px;max-width:34ch;margin-top:14px;}
.foot-bottom{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-family:var(--mono);font-size:11.5px;color:rgba(247,242,255,.4);}

/* ---------- misc ---------- */
#confetti{position:fixed;inset:0;z-index:9998;pointer-events:none;}
.rv{opacity:0;transform:translateY(30px);transition:opacity .65s ease,transform .65s ease;}
.rv.in{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){
  *{animation:none !important;transition:none !important;}
  .rv{opacity:1;transform:none;}
  body{cursor:auto;}
  .cursor-dot,.cursor-ring{display:none !important;}
  html{scroll-behavior:auto;}
}

/* ============================================================
   V3 OVERRIDES — client feedback round
   ============================================================ */

/* original logo (black bg) shown as a rounded chip */
.brand img{height:54px;width:auto;border-radius:12px;}
.foot-brand img{height:64px;width:auto;border-radius:12px;}

/* ---------- HERO ATTENTION SLIDER (replaces phone) ---------- */
.h-slider{position:relative;width:min(460px,100%);}
.slide{
  display:none;background:var(--bg3);border:1px solid var(--line);border-radius:26px;
  padding:34px 30px;min-height:300px;
  box-shadow:0 0 90px rgba(255,46,136,.15),0 30px 70px rgba(0,0,0,.55);
}
.slide.on{display:block;animation:slidein .45s ease;}
@keyframes slidein{from{opacity:0;transform:translateY(16px) scale(.98);}to{opacity:1;transform:none;}}
.slide .s-label{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);display:flex;align-items:center;gap:8px;margin-bottom:18px;}
.slide .s-label .live{width:8px;height:8px;border-radius:50%;background:var(--pink);animation:pulse 1.4s infinite;}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.4;transform:scale(.75);}}
.slide .s-big{font-family:var(--display);font-weight:900;font-size:clamp(44px,5vw,72px);color:var(--acid);line-height:1;}
.slide .s-text{margin-top:16px;color:var(--dim);font-size:16px;line-height:1.6;}
.slide .s-text b{color:var(--white);}
.slide .s-text .hl{color:var(--pink);font-weight:600;}
.sdots{display:flex;gap:8px;justify-content:center;margin-top:18px;}
.sdots button{width:26px;height:5px;border-radius:3px;border:none;background:rgba(247,242,255,.2);transition:.2s;}
.sdots button.on{background:var(--acid);width:40px;}

/* ---------- TICKER v2: loud + uppercase ---------- */
.ticker-track{
  font-family:var(--display);font-weight:700;font-size:16px;text-transform:uppercase;
  color:var(--white);letter-spacing:.02em;
}
.ticker-track span{padding:0 22px;display:flex;align-items:center;gap:22px;}
.ticker-track span::after{content:'✦';color:var(--pink);font-size:12px;}
.ticker-track b{color:var(--acid);font-weight:700;}

/* ---------- BRAND TILES v2: wordmark style ---------- */
.lgo{min-height:120px;gap:8px;}
.lgo .wm{
  font-family:var(--display);font-weight:900;font-size:clamp(15px,1.4vw,19px);
  line-height:1.15;text-transform:uppercase;letter-spacing:.01em;
  position:relative;z-index:1;
  background:linear-gradient(120deg,var(--white) 60%,rgba(247,242,255,.7));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.lgo:nth-child(5n+1) .wm{background:linear-gradient(120deg,#fff,var(--cyan));-webkit-background-clip:text;background-clip:text;}
.lgo:nth-child(5n+3) .wm{background:linear-gradient(120deg,#fff,var(--pink));-webkit-background-clip:text;background-clip:text;}
.lgo:nth-child(5n+4) .wm{background:linear-gradient(120deg,#fff,var(--acid));-webkit-background-clip:text;background-clip:text;}
.lgo img.logo{height:52px;}
.lgo .ci{margin-top:2px;}

/* ---------- HOME SERVICES: strict 4 × 2 ---------- */
.cards.grid8{grid-template-columns:repeat(4,1fr);}
@media (max-width:1100px){.cards.grid8{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){.cards.grid8{grid-template-columns:1fr;}}

/* ---------- SERVICES PAGE: 4 per row ---------- */
.cards.fixed3{grid-template-columns:repeat(4,1fr);}
@media (max-width:1100px){.cards.fixed3{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){.cards.fixed3{grid-template-columns:1fr;}}

/* ---------- VIRAL SIM: stamp fix + lead capture ---------- */
.vstamp{
  top:14px;right:14px;left:auto;transform:rotate(6deg) scale(.6);
  padding:9px 16px;border-radius:10px;font-size:11px;
  box-shadow:0 8px 22px rgba(0,0,0,.25);
}
.vstamp.on{opacity:1;transform:rotate(-4deg) scale(1);}
.leadgen{
  margin-top:22px;background:linear-gradient(135deg,rgba(255,46,136,.12),rgba(46,242,255,.08));
  border:1.5px dashed rgba(246,255,71,.5);border-radius:18px;padding:22px;
  display:none;
}
.leadgen.on{display:block;animation:slidein .4s ease;}
.leadgen h4{font-family:var(--display);font-size:15px;text-transform:uppercase;color:var(--acid);margin-bottom:6px;}
.leadgen p{font-size:13.5px;color:var(--dim);margin-bottom:14px;}
.leadgen .lrow{display:flex;gap:10px;flex-wrap:wrap;}
.leadgen input{
  flex:1;min-width:150px;background:#07020E;border:1.5px solid rgba(247,242,255,.25);
  border-radius:12px;color:var(--white);font-family:var(--body);font-size:15px;padding:13px 15px;
}
.leadgen input:focus{border-color:var(--acid);outline:none;}
.leadgen button{
  background:var(--acid);color:var(--bg);border:none;border-radius:12px;
  font-family:var(--display);font-weight:700;font-size:12px;text-transform:uppercase;
  padding:13px 20px;letter-spacing:.04em;
}
.leadgen .lmsg{margin-top:10px;font-family:var(--mono);font-size:12px;color:var(--cyan);display:none;}
.leadgen .lmsg.on{display:block;}

/* ---------- SELECT: match input style ---------- */
.fgroup select{
  -webkit-appearance:none;appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23FF2E88' stroke-width='2.2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 16px center;
  padding-right:42px;cursor:pointer;
}

/* ---------- FLOATING WHATSAPP ---------- */
.wa-float{
  position:fixed;right:20px;bottom:20px;z-index:500;
  width:60px;height:60px;border-radius:50%;
  background:#25D366;display:flex;align-items:center;justify-content:center;
  box-shadow:0 12px 34px rgba(37,211,102,.45);
  text-decoration:none;transition:transform .2s;
}
.wa-float:hover{transform:scale(1.1) rotate(6deg);}
.wa-float svg{width:32px;height:32px;fill:#fff;}
.wa-float .wa-ping{
  position:absolute;inset:0;border-radius:50%;border:2px solid #25D366;
  animation:waping 2s ease-out infinite;
}
@keyframes waping{0%{transform:scale(1);opacity:.8;}100%{transform:scale(1.6);opacity:0;}}

/* ---------- SEO text block (services page) ---------- */
.seo-block{max-width:880px;color:var(--dim);font-size:15px;}
.seo-block h2{font-size:clamp(20px,2.4vw,30px);margin-bottom:14px;}
.seo-block p{margin-bottom:14px;}
.seo-block a{color:var(--cyan);}

/* ============================================================
   V4 OVERRIDES
   ============================================================ */
/* logo: transparent now, drop the chip look */
.brand img{border-radius:0;height:50px;}
.foot-bottom img{height:44px;width:auto;}

/* hero: single big session card */
.h-slider{width:min(520px,100%);}
.slide{min-height:380px;padding:44px 38px;border-radius:30px;}
.slide .s-big{font-size:clamp(56px,6vw,96px);}
.slide .s-text{font-size:17.5px;margin-top:20px;}
.slide .s-row{
  margin-top:26px;display:flex;gap:12px;align-items:center;
  font-family:var(--mono);font-size:13px;color:var(--dim);
}
.slide .s-row .crawlbar{flex:1;height:8px;border-radius:5px;background:#07020E;border:1px solid rgba(247,242,255,.12);overflow:hidden;}
.slide .s-row .crawlbar i{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--cyan),var(--acid));transition:width .4s ease;}
.slide .s-row b{color:var(--cyan);}

/* ticker: even louder for big stats */
.ticker{padding:20px 0;}
.ticker-track{font-size:19px;}
.ticker-track b{color:var(--pink);}
.ticker-track span::after{color:var(--acid);}

/* viral sim: equal heights + instagram-real card */
.sim{align-items:stretch;}
.sim > *{display:flex;flex-direction:column;}
.sim-ctl{flex:1;}
.vpost{flex:1;min-height:0;display:flex;flex-direction:column;border-radius:18px;padding:0;overflow:hidden;}
.vpost .vh{padding:14px 16px;gap:10px;}
.vpost .vav{width:38px;height:38px;font-size:15px;border:2px solid transparent;background:
  linear-gradient(#fff,#fff) padding-box,
  linear-gradient(45deg,#FFD600,#FF7A00,#FF0069,#D300C5,#7638FA) border-box;
  color:transparent;position:relative;}
.vpost .vav::after{content:attr(data-i);position:absolute;inset:2px;border-radius:50%;
  background:linear-gradient(135deg,var(--pink),#7B2EFF);color:#fff;display:flex;align-items:center;justify-content:center;}
.vpost .vn{font-size:14px;}
.vpost .vh .dots{margin-left:auto;font-weight:700;letter-spacing:2px;color:#262626;}
.vpost .vimg{margin:0;border-radius:0;flex:1;min-height:240px;font-size:clamp(22px,2.6vw,34px);}
.vpost .vactions{display:flex;gap:16px;padding:12px 16px 4px;font-size:24px;align-items:center;}
.vpost .vactions .save{margin-left:auto;}
.vpost .vlikes{padding:0 16px;font-weight:600;font-size:14px;}
.vpost .vcap{margin:4px 0 0;padding:0 16px;font-size:14px;}
.vpost .vcap b{margin-right:6px;}
.vpost .vmetrics{display:none;}
.vpost .comments{margin:6px 0 0;padding:0 16px;border-top:none;height:auto;flex:0 0 auto;min-height:86px;}
.vpost .vtime{padding:8px 16px 14px;font-family:var(--mono);font-size:10.5px;color:#8e8e8e;text-transform:uppercase;letter-spacing:.06em;}
.vstamp{top:12px;right:12px;z-index:5;}

/* footer v2: services-first, no brand block */
.foot-grid{grid-template-columns:1.2fr 1.2fr 1fr 1fr;}
@media (max-width:880px){.foot-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:540px){.foot-grid{grid-template-columns:1fr;}}
.foot-bottom{align-items:center;}

/* "and many more" tile */
.lgo.more{border-style:dashed;border-color:rgba(246,255,71,.45);background:transparent;}
.lgo.more .wm{background:linear-gradient(120deg,var(--acid),var(--pink));-webkit-background-clip:text;background-clip:text;}

/* ---------- CONTACT FORM v2: interactive ---------- */
.svc-chips{display:flex;gap:8px;flex-wrap:wrap;}
.svc-chips .schip{
  font-family:var(--body);font-weight:600;font-size:13.5px;
  background:#FBFAFF;border:1.5px solid rgba(17,5,31,.16);color:#11051F;
  border-radius:999px;padding:10px 16px;transition:.15s;
}
.svc-chips .schip:hover{border-color:var(--pink);}
.svc-chips .schip.on{background:var(--pink);border-color:var(--pink);color:#fff;}
.budget-pills{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
@media (max-width:560px){.budget-pills{grid-template-columns:1fr;}}
.budget-pills .bpill{
  border:1.5px solid rgba(17,5,31,.16);border-radius:14px;background:#FBFAFF;
  padding:16px 10px;text-align:center;transition:.15s;
}
.budget-pills .bpill b{display:block;font-family:var(--display);font-size:15px;color:#11051F;}
.budget-pills .bpill span{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#6E675A;}
.budget-pills .bpill:hover{border-color:var(--pink);transform:translateY(-2px);}
.budget-pills .bpill.on{background:#11051F;border-color:#11051F;}
.budget-pills .bpill.on b{color:var(--acid);}
.budget-pills .bpill.on span{color:rgba(247,242,255,.6);}
.madlib{
  background:#11051F;color:var(--white);border-radius:14px;padding:16px 18px;
  font-size:14.5px;line-height:1.7;margin-bottom:18px;
}
.madlib b{color:var(--acid);}
.madlib .blank{color:var(--pink);border-bottom:1.5px dashed var(--pink);}

/* ============================================================
   V5 — CONTACT WIZARD (replaces chips/madlib form)
   ============================================================ */
.wiz-top{display:flex;align-items:center;gap:14px;margin-bottom:26px;}
.wiz-progress{flex:1;height:8px;border-radius:5px;background:rgba(17,5,31,.08);overflow:hidden;}
.wiz-progress i{display:block;height:100%;width:25%;background:linear-gradient(90deg,var(--pink),#7B2EFF);transition:width .35s ease;}
.wiz-count{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:#6E675A;white-space:nowrap;}

.wstep{display:none;}
.wstep.on{display:block;animation:wstep-in .35s ease;}
@keyframes wstep-in{from{opacity:0;transform:translateX(26px);}to{opacity:1;transform:none;}}
.wq{font-size:21px;text-transform:none;margin-bottom:20px;}

.wopts{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
@media (max-width:560px){.wopts{grid-template-columns:1fr;}}
.wopts button{
  text-align:left;font-family:var(--body);font-weight:600;font-size:15px;color:#11051F;
  background:#FBFAFF;border:1.5px solid rgba(17,5,31,.14);border-radius:14px;
  padding:16px 18px;transition:.15s;
}
.wopts button:hover{border-color:var(--pink);transform:translateY(-2px);box-shadow:0 8px 22px rgba(255,46,136,.15);}
.wopts button.picked{background:#11051F;border-color:#11051F;color:var(--acid);}
.wopts.big3{grid-template-columns:repeat(3,1fr);}
@media (max-width:560px){.wopts.big3{grid-template-columns:1fr;}}
.wopts.big3 button{text-align:center;padding:20px 12px;}
.wopts.big3 b{display:block;font-family:var(--display);font-size:16px;}
.wopts.big3 span{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#6E675A;}
.wopts.big3 button.picked span{color:rgba(247,242,255,.6);}

.wback{
  margin-top:18px;background:none;border:none;font-family:var(--mono);
  font-size:12.5px;color:#6E675A;letter-spacing:.06em;padding:6px 2px;
}
.wback:hover{color:var(--pink);}
.wrecap{
  background:#FBFAFF;border:1.5px dashed rgba(17,5,31,.2);border-radius:12px;
  padding:12px 16px;font-size:13.5px;color:#6E675A;margin-bottom:16px;
}
.wrecap b{color:#11051F;}
.wnext{margin-top:6px;}

/* ============================================================
   V6 OVERRIDES
   ============================================================ */
/* logo images: never distort (auto both dims, only max caps) */
.lgo img.logo{height:auto;width:auto;max-height:54px;max-width:150px;object-fit:contain;}
.brand img{height:auto;width:auto;max-height:50px;}
.foot-bottom img{height:auto;width:auto;max-height:44px;}

/* "and many more" — centered strip, not a tile */
.lgo.more{display:none;}
.more-strip{
  margin-top:28px;text-align:center;
}
.more-strip .wm{
  font-family:var(--display);font-weight:900;font-size:clamp(18px,2.4vw,26px);
  text-transform:uppercase;
  background:linear-gradient(120deg,var(--acid),var(--pink),var(--cyan));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.more-strip .ci{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-top:6px;}

/* ---------- EAGLE CURSOR ---------- */
.cursor-dot,.cursor-ring{display:none !important;}
.cursor-eagle{
  position:fixed;top:0;left:0;z-index:9999;pointer-events:none;
  width:44px;height:auto;display:none;
  filter:drop-shadow(0 0 12px rgba(246,255,71,.55));
  transform-origin:50% 50%;
  transition:filter .2s;
}
.cursor-eagle.hot{filter:drop-shadow(0 0 22px rgba(255,46,136,.9));}
@media (pointer:fine){.cursor-eagle{display:block;}}
@media (prefers-reduced-motion:reduce){.cursor-eagle{display:none !important;}}

/* wizard: now 3 steps; recap above submit */
.wrecap{margin-top:4px;}

/* ============================================================
   V7 — cursor & hearts fixes
   ============================================================ */
/* system cursor RESTORED — eagle is a trailing companion, not the pointer */
@media (pointer:fine){
  body{cursor:auto;}
  a,button,.tilt,.lgo{cursor:pointer;}
  input,textarea{cursor:text;}
  select{cursor:pointer;}
}
.cursor-eagle{
  width:38px;
  opacity:.92;
}

/* colorful click hearts */
.click-heart{
  position:fixed;z-index:9997;pointer-events:none;
  font-size:24px;transform:translate(-50%,-50%);
  animation:heartUp 1.1s ease-out forwards;
}
@keyframes heartUp{
  0%{transform:translate(-50%,-50%) scale(.4);opacity:0;}
  18%{opacity:1;transform:translate(-50%,-70%) scale(1.2) rotate(-6deg);}
  100%{transform:translate(calc(-50% + var(--hx,0px)),-260%) scale(1) rotate(12deg);opacity:0;}
}
@media (prefers-reduced-motion:reduce){.click-heart{display:none;}}

/* ============================================================
   V8 — EAGLE IS THE CURSOR (browser-native, single cursor)
   Hotspot at the beak tip (2,18). Falls back to normal cursors
   on touch devices and reduced-motion.
   ============================================================ */
.cursor-eagle{display:none !important;}
@media (pointer:fine) and (prefers-reduced-motion: no-preference){
  body, a, button, .tilt, .lgo, label, span, div, p, h1, h2, h3, img{
    cursor:url('../assets/cursor-eagle.png') 2 18, auto;
  }
  a, button, .tilt, .lgo, .pill, .btn, .chip, .wopts button, .wa-float{
    cursor:url('../assets/cursor-eagle.png') 2 18, pointer;
  }
  input, textarea{cursor:text;}
  select{cursor:url('../assets/cursor-eagle.png') 2 18, pointer;}
}

/* ============================================================
   V9 — physics eagle IS the cursor (system cursor hidden),
   beak anchored exactly on the click point. Hearts removed.
   ============================================================ */
@media (pointer:fine) and (prefers-reduced-motion: no-preference){
  body, a, button, .tilt, .lgo, .pill, .btn, .chip, .wopts button, .wa-float,
  label, span, div, p, h1, h2, h3, img, select{
    cursor:none !important;
  }
  input[type=text], input[type=tel], input[type=email], textarea{cursor:text !important;}
}
.eagle-ptr{
  position:fixed;top:0;left:0;z-index:9999;pointer-events:none;
  width:40px;height:40px;display:none;
  transform-origin:2px 18px;            /* beak tip = pivot & hotspot */
  filter:drop-shadow(0 1px 4px rgba(0,0,0,.45));
  transition:filter .15s;
}
.eagle-ptr.hot{filter:drop-shadow(0 0 14px rgba(246,255,71,.9));}
@media (pointer:fine) and (prefers-reduced-motion: no-preference){.eagle-ptr{display:block;}}
.click-heart{display:none !important;}

/* ============================================================
   V10 — original eagle cursor restored (full-res source = crisp),
   right-facing with flight physics, beak tip = click point.
   ============================================================ */
.eagle-ptr{
  width:46px;height:auto;
  transform-origin:44px 15px;   /* beak tip (right-middle) = pivot + hotspot */
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.5));
}
.eagle-ptr.hot{filter:drop-shadow(0 0 16px rgba(246,255,71,.95));}

/* ============================================================
   V13 — service card action row, featured-only home wall
   ============================================================ */
.tilt .actions{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap;}
.tilt .actions .tag{margin-top:0;text-decoration:none;transition:.15s;}
.tilt .actions .tag:hover{background:rgba(46,242,255,.12);}
.tilt .actions .tag2{color:var(--acid);border-color:rgba(246,255,71,.45);}
.tilt .actions .tag2:hover{background:rgba(246,255,71,.12);}
.wall-cta{text-align:center;margin-top:30px;}

/* ============================================================
   V14 — click-through fix: spotlight overlays must not eat clicks
   ============================================================ */
.tilt::before,.lgo::before{pointer-events:none;}

/* ============================================================
   V16 - growth calculator, hero mobile order, landing
   responsiveness, founders, careers
   ============================================================ */
/* mobile: content first, session card second */
@media (max-width:920px){.h-phone{order:2;}}

/* growth calculator */
.calc{display:grid;grid-template-columns:1.05fr .95fr;gap:32px;align-items:stretch;}
@media (max-width:880px){.calc{grid-template-columns:1fr;}}
.calc-ctl,.calc-out{background:var(--bg3);border:1px solid var(--line);border-radius:24px;padding:30px;}
.calc-ctl label{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);display:block;margin-bottom:12px;}
.cchips{display:flex;flex-wrap:wrap;gap:8px;}
.cchip{
  font-family:var(--body);font-weight:600;font-size:13.5px;color:var(--white);
  background:#07020E;border:1.5px solid rgba(247,242,255,.18);border-radius:999px;
  padding:9px 15px;transition:.15s;
}
.cchip:hover{border-color:var(--cyan);transform:translateY(-1px);}
.cchip.on{background:var(--pink);border-color:var(--pink);color:#fff;}
.bud-read{font-family:var(--display);font-weight:900;font-size:clamp(30px,4vw,44px);color:var(--acid);margin:4px 0 10px;}
#calc-budget{width:100%;accent-color:var(--pink);height:6px;}
.bud-ends{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;color:var(--dim);margin-top:6px;}
.calc-out{display:flex;flex-direction:column;gap:18px;}
.co{background:#07020E;border:1px solid rgba(247,242,255,.1);border-radius:16px;padding:18px 22px;}
.co .cl{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);}
.co .cn{font-family:var(--display);font-weight:900;font-size:clamp(28px,3.4vw,40px);color:var(--acid);margin-top:4px;}
.co .cn.pink{color:var(--pink);}
.co .cn.cyan{color:var(--cyan);}
.calc-out .btn{justify-content:center;}
.cnote{font-family:var(--mono);font-size:11px;color:var(--dim);line-height:1.6;}

/* service landing pages: responsive layout */
.svc-land{display:grid;grid-template-columns:1.3fr .9fr;gap:clamp(28px,4vw,56px);align-items:start;}
.svc-land aside{position:sticky;top:96px;}
.svc-land .about-grid{grid-template-columns:1fr 1fr;}
@media (max-width:920px){
  .svc-land{grid-template-columns:1fr;}
  .svc-land aside{position:static;width:100%;}
  .svc-land .about-grid{grid-template-columns:1fr;}
}

/* founders */
.founders{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:760px;}
@media (max-width:640px){.founders{grid-template-columns:1fr;}}
.fcard{background:var(--bg3);border:1px solid var(--line);border-radius:22px;padding:30px;display:flex;gap:18px;align-items:center;}
.fava{
  width:74px;height:74px;border-radius:50%;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--display);font-weight:900;font-size:22px;color:var(--bg);
  background:linear-gradient(135deg,var(--acid),var(--pink));
}
.fcard.alt .fava{background:linear-gradient(135deg,var(--cyan),var(--pink));}
.fcard h3{font-size:18px;text-transform:none;margin-bottom:4px;}
.fcard .frole{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);}

/* careers */
.jobs{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px;}
.job{background:var(--bg3);border:1px solid var(--line);border-radius:22px;padding:28px;display:flex;flex-direction:column;}
.job:hover{border-color:rgba(255,46,136,.5);transform:translateY(-4px);transition:.2s;}
.job h3{font-size:17px;text-transform:none;}
.job .jmeta{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 14px;}
.job .jmeta span{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);border:1px solid rgba(247,242,255,.16);border-radius:999px;padding:5px 10px;}
.job p{color:var(--dim);font-size:14.5px;flex:1;}
.job .actions{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap;}

/* ============================================================
   V17 - action buttons work anywhere (careers fix)
   ============================================================ */
.actions{display:flex;gap:8px;flex-wrap:wrap;}
.actions .tag{
  display:inline-block;margin-top:0;text-decoration:none;
  font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--cyan);border:1px solid rgba(46,242,255,.35);border-radius:999px;
  padding:8px 14px;transition:.15s;
}
.actions .tag:hover{background:rgba(46,242,255,.12);transform:translateY(-1px);}
.actions .tag2{color:var(--acid);border-color:rgba(246,255,71,.45);}
.actions .tag2:hover{background:rgba(246,255,71,.12);}

/* ============================================================
   V18 - creator network page
   ============================================================ */
.path-toggle{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px;}
.path-toggle .pt{
  font-family:var(--display);font-weight:700;font-size:14px;color:var(--white);
  background:var(--bg3);border:1.5px solid var(--line);border-radius:999px;
  padding:14px 24px;transition:.18s;
}
.path-toggle .pt:hover{border-color:var(--cyan);transform:translateY(-2px);}
.path-toggle .pt.on{background:var(--pink);border-color:var(--pink);color:#fff;box-shadow:0 8px 26px rgba(255,46,136,.35);}

.creator-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(26px,4vw,52px);align-items:start;}
@media (max-width:920px){
  .creator-grid{grid-template-columns:1fr;}
  .kit-wrap{order:-1;}
}
.creator-grid .cchips button{
  font-family:var(--body);font-weight:600;font-size:13px;color:#11051F;
  background:#FBFAFF;border:1.5px solid rgba(17,5,31,.16);border-radius:999px;
  padding:8px 14px;transition:.15s;
}
.creator-grid .cchips button:hover{border-color:var(--pink);}
.creator-grid .cchips button.on{background:#11051F;border-color:#11051F;color:var(--acid);}

.kit-wrap{position:sticky;top:96px;}
@media (max-width:920px){.kit-wrap{position:static;}}
.kit-hint{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);margin-bottom:12px;}
.ckit{
  background:linear-gradient(150deg,#160A26,#1D0F33 55%,#241140);
  border:1px solid rgba(247,242,255,.16);border-radius:26px;padding:30px;
  box-shadow:0 30px 70px rgba(0,0,0,.45),0 0 60px rgba(255,46,136,.12);
}
.ck-top{display:flex;gap:16px;align-items:center;}
.ck-av{
  width:72px;height:72px;border-radius:50%;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--display);font-weight:900;font-size:26px;color:var(--bg);
  background:linear-gradient(135deg,var(--acid),var(--pink),var(--cyan));
  border:3px solid rgba(247,242,255,.25);
}
.ck-handle{font-family:var(--display);font-weight:900;font-size:clamp(19px,2.4vw,24px);color:var(--white);word-break:break-all;}
.ck-name{font-family:var(--mono);font-size:12.5px;color:var(--dim);margin-top:3px;}
.ck-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px;}
.ck-badge{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:6px 12px;}
.ck-badge.tier{background:rgba(246,255,71,.12);color:var(--acid);border:1px solid rgba(246,255,71,.4);}
.ck-badge.niche{background:rgba(255,46,136,.12);color:var(--pink);border:1px solid rgba(255,46,136,.4);}
.ck-badge.city{background:rgba(46,242,255,.1);color:var(--cyan);border:1px solid rgba(46,242,255,.35);}
.ck-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;}
.ck-stat{background:rgba(7,2,14,.6);border:1px solid rgba(247,242,255,.1);border-radius:14px;padding:14px 16px;}
.ck-stat .kl{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);}
.ck-stat .kv{font-family:var(--display);font-weight:700;font-size:15px;color:var(--white);margin-top:4px;}
.ck-foot{
  display:flex;align-items:center;gap:10px;margin-top:24px;padding-top:18px;
  border-top:1px dashed rgba(247,242,255,.15);
  font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;color:var(--dim);
}
.ck-foot img{height:26px;width:auto;}
.kit-pull{margin-top:18px;font-size:14px;color:var(--dim);line-height:1.7;}
.kit-pull b{color:var(--white);}
#cr-status{margin-top:12px;font-size:14px;font-weight:500;}
#cr-status.ok{color:#1E7B34;}
#cr-status.bad{color:#B03A2E;}

/* ============================================================
   V19 - AI SEO prominent banner + M/B reach format
   ============================================================ */
.svc-hero{
  display:flex;align-items:center;gap:clamp(18px,3vw,40px);
  background:linear-gradient(120deg,#1D0F33,#2A1145 60%,#241140);
  border:1.5px solid rgba(246,255,71,.45);border-radius:24px;
  padding:clamp(22px,3vw,34px);margin-bottom:46px;text-decoration:none;
  box-shadow:0 0 50px rgba(246,255,71,.1);transition:.2s;position:relative;overflow:hidden;
}
.svc-hero:hover{transform:translateY(-3px);box-shadow:0 14px 60px rgba(246,255,71,.22);}
.svc-hero .sh-tag{
  position:absolute;top:0;right:0;
  font-family:var(--mono);font-size:10px;letter-spacing:.12em;
  background:var(--acid);color:var(--bg);padding:7px 14px;border-radius:0 22px 0 14px;font-weight:600;
}
.svc-hero h3{font-family:var(--display);font-weight:900;font-size:clamp(22px,3vw,32px);color:var(--white);text-transform:none;}
.svc-hero h3 span{color:var(--acid);}
.svc-hero p{color:var(--dim);font-size:15px;margin-top:8px;max-width:680px;}
.svc-hero .sh-cta{
  margin-left:auto;flex-shrink:0;font-family:var(--mono);font-size:13px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--acid);border:1.5px solid rgba(246,255,71,.5);
  border-radius:999px;padding:12px 22px;white-space:nowrap;
}
@media (max-width:720px){.svc-hero{flex-direction:column;align-items:flex-start;}.svc-hero .sh-cta{margin-left:0;}}