/* =========================================================
InOneCRM — White, image-heavy, Mistral-inspired (original)
Brand: #45D1D5
========================================================= */

:root{
  --brand:#45D1D5;
  --bg:#ffffff;
  --text:#0b0f14;
  --muted:rgba(11,15,20,.70);
  --line:rgba(11,15,20,.14);
  --soft:#f6f8f9;
  --shadow: 0 18px 55px rgba(11,15,20,.10);
  --radius:22px;
  --container: 1240px;
}

*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:var(--text);background: radial-gradient(900px 420px at 18% -10%, rgba(69,209,213,.18), rgba(255,255,255,0) 60%), radial-gradient(860px 460px at 88% 0%, rgba(140,240,255,.14), rgba(255,255,255,0) 55%), radial-gradient(700px 380px at 55% 110%, rgba(69,209,213,.10), rgba(255,255,255,0) 60%), var(--bg);overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(var(--container),calc(100% - 40px));margin:0 auto}

.skip{position:absolute;left:-999px;top:-999px}
.skip:focus{left:16px;top:16px;padding:10px 12px;background:var(--bg);border:1px solid var(--line);border-radius:14px;z-index:999}

.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.header__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}
.brand__logo{height:32px;width:auto}
.nav{display:flex;gap:16px;align-items:center}
.nav__link{font-size:14px;color:rgba(11,15,20,.84);padding:8px 10px;border-radius:12px}
.nav__link:hover{background:rgba(11,15,20,.04)}
.header__cta{display:flex;align-items:center;gap:14px}
.menu{display:none;width:44px;height:44px;border-radius:14px;border:1px solid var(--line);background:#fff;cursor:pointer}
.menu span{display:block;width:18px;height:2px;background:var(--text);margin:6px auto;border-radius:99px}
.mobile{display:none;padding:12px 20px 18px;border-top:1px solid var(--line);background:#fff}
.mobile a{display:block;padding:12px 12px;border-radius:14px;border:1px solid var(--line);background:#fff;margin-top:10px}
.mobile a:hover{background:rgba(11,15,20,.02)}

.link{display:inline-flex;align-items:center;gap:10px;padding-bottom:2px;border-bottom:1px solid rgba(11,15,20,.55);font-weight:750;letter-spacing:.1px}
.link:hover{border-bottom-color:var(--brand)}
.link--arrow::after{content:"→";transform:translateX(-2px);transition:transform .15s ease}
.link--arrow:hover::after{transform:translateX(2px)}

.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:14px;border:1px solid rgba(11,15,20,.18);background:linear-gradient(180deg,rgba(69,209,213,1),rgba(69,209,213,.85));color:#031115;font-weight:900;box-shadow:0 12px 28px rgba(69,209,213,.25);transition:transform .12s ease}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:translateY(0)}
.btn--ghost{background:#fff;color:var(--text);box-shadow:none}
.btn--ghost:hover{background:rgba(11,15,20,.03)}

/* Footer CTA buttons (on brand card) */
.btn--ctaWhite{
  background:rgba(255,255,255,.94);
  color:#031115;
  border:1px solid rgba(255,255,255,.72);
  box-shadow: 0 18px 42px rgba(3,17,21,.22);
}
.btn--ctaWhite:hover{filter:brightness(1.02)}
.btn--ctaOutline{
  background:rgba(3,17,21,.10);
  color:#031115;
  border:1px solid rgba(3,17,21,.28);
  box-shadow:none;
}
.btn--ctaOutline:hover{background:rgba(3,17,21,.14)}
/* Alias for older markup */
.btn--brand{}

.hero{padding:54px 0 22px}
.hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:start}
.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border-radius:999px;border:1px solid var(--line);background:#fff;font-weight:800;font-size:13px}
.dot{width:9px;height:9px;border-radius:99px;background:var(--brand);box-shadow:0 12px 26px rgba(69,209,213,.25)}
.hero__title{font-size:clamp(34px,4.4vw,70px);line-height:.98;letter-spacing:-1.2px;margin:14px 0 14px}
.u{background:linear-gradient(180deg,rgba(69,209,213,.40),rgba(69,209,213,.10));padding:0 .20em;border-radius:.28em}
.hero__sub{margin:0 0 18px;font-size:clamp(16px,1.35vw,20px);color:var(--muted);line-height:1.55;max-width:58ch}
.hero__actions{display:flex;gap:14px;flex-wrap:wrap;margin:8px 0 16px}
.hero__meta{display:flex;gap:12px;flex-wrap:wrap}
.meta{padding:12px 12px;border-radius:16px;border:1px solid var(--line);background:#fff}
.meta__k{font-size:12px;color:rgba(11,15,20,.60);font-weight:800}
.meta__v{font-weight:950;margin-top:4px;letter-spacing:-.2px}
.hero__media{position:relative;margin-top:62px;display:flex;justify-content:flex-end}

/* Hero image — premium "exclusive" treatment */
.stack{
  position:relative;
  --stack-offset: 44px;
  width:min(620px,100%);
  padding:14px;
  border-radius:28px;
  border:1px solid transparent;
  background:
    linear-gradient(rgba(255,255,255,.78),rgba(255,255,255,.92)) padding-box,
    linear-gradient(135deg,rgba(69,209,213,.95),rgba(11,15,20,.06),rgba(69,209,213,.55)) border-box;
  box-shadow: 0 24px 80px rgba(11,15,20,.12);
  backdrop-filter: blur(10px);
  overflow:hidden;
  transform: translateY(var(--stack-offset));
  animation: floaty 6.5s ease-in-out infinite;
  transition: transform .18s ease, filter .18s ease;
}

.stack::before{
  content:"";
  position:absolute;
  inset:-2px;
  background:radial-gradient(800px 360px at 20% 18%,rgba(69,209,213,.28),transparent 55%),
             radial-gradient(720px 360px at 90% 70%,rgba(69,209,213,.16),transparent 60%);
  filter: blur(10px);
  opacity:.75;
  pointer-events:none;
}

.stack::after{
  content:"";
  position:absolute;
  inset:-40% -25% auto auto;
  width:70%;
  height:70%;
  transform: rotate(18deg);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.70), transparent);
  opacity:.35;
  pointer-events:none;
  transition: opacity .18s ease;
}

.stack__img{
  width:100%;
  border-radius:22px;
  border:1px solid rgba(11,15,20,.10);
  background:#fff;
  box-shadow: 0 18px 55px rgba(11,15,20,.10);
  position:relative;
  z-index:2;
  filter: drop-shadow(0 22px 40px rgba(11,15,20,.10));
}

.stack:hover{transform: translateY(calc(var(--stack-offset) - 10px)) scale(1.01); animation-play-state: paused}
.stack:hover::after{opacity:.55}

@keyframes floaty{
  0%,100%{transform: translateY(calc(var(--stack-offset) + 0px))}
  50%{transform: translateY(calc(var(--stack-offset) + 6px))}
}

@media (prefers-reduced-motion: reduce){
  .stack{animation:none}
}
.stack__img--top{position:relative;z-index:3}
.stack__img--mid{position:absolute;inset:28px 18px auto 18px;z-index:2;transform:rotate(-1.2deg);opacity:.98}
.stack__img--bot{position:absolute;inset:58px 34px auto 34px;z-index:1;transform:rotate(1deg);opacity:.96}
.halo{position:absolute;inset:-40px -40px -40px -40px;background:radial-gradient(500px 320px at 70% 20%,rgba(69,209,213,.30),transparent 60%),radial-gradient(620px 340px at 20% 75%,rgba(69,209,213,.18),transparent 62%);filter:blur(18px);z-index:-1}
.hero__mini{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}

/* Brand flow line + exclusive frames */
.heroMiniFlow{position:relative}
.heroMiniFlow .flowLine{position:absolute;left:0;right:0;top:-26px;height:170px;width:100%;z-index:0;pointer-events:none;opacity:.90}
.heroMiniFlow .miniCard{position:relative;z-index:1}

.flowPath{stroke-dasharray:14 18;stroke-dashoffset:0;animation:flowdash 7.2s linear infinite}
.flowPath2{stroke-dasharray:2 12;stroke-dashoffset:0;animation:flowdash 10.5s linear infinite reverse}
.flowNode{transform-origin:center;filter: drop-shadow(0 10px 22px rgba(69,209,213,.25));animation:pulse 2.8s ease-in-out infinite}

@keyframes flowdash{to{stroke-dashoffset:-320}}
@keyframes pulse{0%,100%{transform:scale(1);opacity:.72}50%{transform:scale(1.22);opacity:1}}

@media (max-width: 860px){
  .heroMiniFlow .flowLine{display:none}
}

.heroMetaFlow{position:relative}
.heroMetaFlow:before{
  content:"";
  position:absolute;
  left:10px;right:10px;top:50%;
  height:2px;
  background:linear-gradient(90deg,transparent,rgba(69,209,213,.40),transparent);
  filter: blur(.2px);
  z-index:0;
  opacity:.9;
}
.heroMetaFlow .meta{position:relative;z-index:1}

.miniCard{
  position:relative;
  border:1px solid transparent;
  border-radius:18px;
  padding:14px 14px;
  background:
    linear-gradient(#fff,#fff) padding-box,
    linear-gradient(135deg,rgba(69,209,213,.80),rgba(11,15,20,0),rgba(69,209,213,.45)) border-box;
  box-shadow:0 12px 34px rgba(11,15,20,.07);
  overflow:hidden;
}
.miniCard::after{
  content:"";
  position:absolute;
  inset:-60% -35% auto auto;
  width:62%;
  height:230%;
  transform: rotate(18deg);
  background:linear-gradient(90deg,transparent,rgba(69,209,213,.18),transparent);
  opacity:.45;
  animation:sweep 6.8s ease-in-out infinite;
  pointer-events:none;
}
@keyframes sweep{
  0%{transform: translateX(0) rotate(18deg); opacity:.12}
  28%{opacity:.45}
  65%{transform: translateX(-260px) rotate(18deg); opacity:.18}
  100%{transform: translateX(-260px) rotate(18deg); opacity:.12}
}
.miniCard__k{font-weight:950}
.miniCard__v{margin-top:6px;color:var(--muted);font-weight:700}


.section{padding:62px 0;position:relative}
.section--soft{background:var(--soft);border-top:1px solid rgba(11,15,20,.08);border-bottom:1px solid rgba(11,15,20,.08);position:relative;overflow:hidden}
.section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}
.section__center{display:flex;justify-content:center;margin-bottom:18px}

/* Section background polish */
.section::before{content:"";position:absolute;inset:-1px;pointer-events:none;background:radial-gradient(700px 240px at 20% 0%,rgba(69,209,213,.10),rgba(255,255,255,0) 60%),radial-gradient(680px 240px at 85% 10%,rgba(140,240,255,.10),rgba(255,255,255,0) 58%);opacity:.9}
.section--soft::before{content:"";position:absolute;inset:-1px;pointer-events:none;background:radial-gradient(760px 280px at 18% 0%,rgba(69,209,213,.16),rgba(255,255,255,0) 62%),radial-gradient(760px 280px at 88% 12%,rgba(140,240,255,.14),rgba(255,255,255,0) 62%),linear-gradient(90deg,rgba(11,15,20,.06) 1px,transparent 1px),linear-gradient(rgba(11,15,20,.06) 1px,transparent 1px);background-size:auto,auto,54px 54px,54px 54px;background-position:0 0,0 0,0 0,0 0;opacity:.55}
.section--soft::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,rgba(69,209,213,0),rgba(69,209,213,.65),rgba(69,209,213,0));opacity:.32;pointer-events:none}
.section > .container{position:relative;z-index:1}

.h2{margin:0;font-size:clamp(26px,3vw,48px);letter-spacing:-1px}
.h3{margin:0 0 8px;font-size:clamp(20px,2.2vw,34px);letter-spacing:-.6px}
.muted{color:var(--muted);line-height:1.6}

.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.card{border:1px solid var(--line);border-radius:calc(var(--radius) + 2px);background:#fff;padding:18px;box-shadow:0 10px 30px rgba(11,15,20,.06);position:relative;overflow:hidden}
.card::after{content:"";position:absolute;inset:-70px -90px auto auto;width:240px;height:240px;background:radial-gradient(circle at 30% 30%,rgba(69,209,213,.22),transparent 62%);filter:blur(10px);opacity:.55;pointer-events:none}
.card::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.55),rgba(255,255,255,0));opacity:.22}
.card__icon{width:52px;height:52px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,rgba(69,209,213,.26),rgba(69,209,213,.10));border:1px solid rgba(69,209,213,.45);box-shadow:0 12px 34px rgba(11,15,20,.10), 0 0 0 1px rgba(255,255,255,.65) inset, 0 0 26px rgba(69,209,213,.24);position:relative;overflow:hidden;color:rgba(14,160,164,1);transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;}
.card__t{margin:12px 0 8px;font-weight:950;letter-spacing:-.3px}

.card__icon::after{
  content:"";
  position:absolute;
  inset:-40% -60%;
  background:linear-gradient(115deg,transparent,rgba(255,255,255,.72),transparent);
  transform:translateX(-40%) rotate(10deg);
  opacity:.35;
  animation: shine 4.8s ease-in-out infinite;
}
.card__icon .i{width:24px;height:24px}
.card__icon .i path{stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 6px 14px rgba(69,209,213,.25))}

.cards3 .card{
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.cards3 .card:hover{
  transform: translateY(-4px);
  border-color: rgba(69,209,213,.38);
  box-shadow:0 16px 46px rgba(11,15,20,.10), 0 0 30px rgba(69,209,213,.10);
}
.cards3 .card:hover .card__icon{
  box-shadow:0 16px 44px rgba(11,15,20,.12), 0 0 0 1px rgba(255,255,255,.7) inset, 0 0 34px rgba(69,209,213,.30);
  transform: translateY(-1px);
}

@keyframes shine{
  0%,100%{transform:translateX(-40%) rotate(10deg);opacity:.18}
  50%{transform:translateX(40%) rotate(10deg);opacity:.45}
}


.gallery{display:flex;flex-direction:column;gap:18px}
.gItem{
  position:relative;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  padding:20px;
  border:1px solid transparent;
  border-radius:calc(var(--radius) + 4px);
  background:
    linear-gradient(#fff,#fff) padding-box,
    linear-gradient(135deg,rgba(69,209,213,.55),rgba(11,15,20,0),rgba(69,209,213,.30)) border-box;
  box-shadow:0 18px 52px rgba(11,15,20,.08);
  overflow:hidden;
}
.gItem::before{
  content:"";
  position:absolute;
  inset:-55% -35% auto auto;
  width:60%;
  height:240%;
  transform: rotate(10deg);
  background:linear-gradient(90deg,transparent,rgba(69,209,213,.14),transparent);
  opacity:.55;
  animation: shine 7.4s ease-in-out infinite;
  pointer-events:none;
}

.gItem::after{content:"";position:absolute;inset:-40px -40px auto auto;width:240px;height:240px;background:radial-gradient(circle at 30% 30%,rgba(69,209,213,.42),transparent 60%);filter:blur(10px);opacity:.55;pointer-events:none}
.gItem--flip .gCopy{order:2}
.gItem--flip .gMedia{order:1}
.gMedia picture{display:block}
.gMedia img{width:100%;border-radius:18px;border:1px solid rgba(11,15,20,.12);box-shadow:var(--shadow);background:#fff;filter:saturate(1.08) contrast(1.02)}
.bullets{display:flex;flex-direction:column;gap:10px;margin:10px 0 14px}
.b{display:flex;align-items:center;gap:10px;padding:10px 10px;border-radius:14px;background:rgba(11,15,20,.02);border:1px solid rgba(11,15,20,.10)}
.bDot{width:10px;height:10px;border-radius:99px;background:var(--brand);box-shadow:0 10px 20px rgba(69,209,213,.22)}

.split{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;align-items:start}
.split--reverse{grid-template-columns:.95fr 1.05fr}
.split--reverse .split__copy{order:2}
.split--reverse .split__media{order:1}
.split__media img{width:100%;border-radius:18px;border:1px solid rgba(11,15,20,.12);box-shadow:var(--shadow);background:#fff;filter:saturate(1.08) contrast(1.02)}

.strip{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px;border-radius:calc(var(--radius) + 2px);border:1px solid rgba(69,209,213,.35);background:linear-gradient(90deg,rgba(69,209,213,.18),rgba(255,255,255,1))}
.strip strong{display:block;font-weight:950}
.strip span{display:block;color:rgba(11,15,20,.66);margin-top:3px;font-weight:700}

.flowCard{border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);background:#fff;box-shadow:var(--shadow);padding:14px}
.flowCard img{width:100%;height:auto;border-radius:18px;border:1px solid rgba(11,15,20,.10)}

.prices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.price{border-radius:var(--radius);border:1px solid var(--line);background:#fff;padding:18px;box-shadow:0 10px 30px rgba(11,15,20,.06);position:relative}
.price h3{margin:0;font-weight:950}
.amt{font-weight:950;font-size:34px;letter-spacing:-.8px;margin:10px 0 10px}
.amt span{font-size:14px;font-weight:800;color:rgba(11,15,20,.60)}
.price ul{margin:10px 0 16px;padding-left:18px;color:rgba(11,15,20,.72);font-weight:650}
.price li{margin:8px 0}
.price--featured{border-color:rgba(69,209,213,.45);box-shadow:0 18px 50px rgba(69,209,213,.18)}
.badge{position:absolute;right:14px;top:14px;padding:7px 10px;border-radius:999px;font-weight:950;font-size:12px;border:1px solid rgba(69,209,213,.45);background:rgba(69,209,213,.18)}

.payRow{
  display:flex;
  align-items:center;
  gap:8px;
  margin:6px 0 12px;
  padding:10px 12px;
  border-radius:16px;
  border:1px solid rgba(69,209,213,.22);
  background: linear-gradient(180deg, rgba(255,255,255,.85), rgba(255,255,255,1));
  box-shadow: 0 14px 32px rgba(11,15,20,.06);
}
.payIcon{
  width:30px;height:30px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background: rgba(69,209,213,.14);
  border:1px solid rgba(69,209,213,.20);
  color: rgba(9,120,125,.95);
  flex:0 0 30px;
}
.payIcon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.payNote{
  margin-left:auto;
  font-size:12px;
  font-weight:900;
  color: rgba(11,15,20,.62);
  white-space:nowrap;
}


.cta{padding:74px 0;border-top:1px solid rgba(11,15,20,.10);border-bottom:1px solid rgba(11,15,20,.10);background:radial-gradient(900px 520px at 20% 10%,rgba(69,209,213,.22),transparent 60%),radial-gradient(900px 520px at 90% 20%,rgba(69,209,213,.18),transparent 60%),#fff}
.cta__inner{text-align:center}
.cta__title{margin:0;font-size:clamp(28px,3.4vw,52px);letter-spacing:-1px;font-weight:950}
.cta__sub{margin:12px auto 18px;max-width:62ch;color:var(--muted);line-height:1.6;font-weight:700}
.cta__actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

.contact{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.contact__cards{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}
.mini{display:block;border:1px solid var(--line);border-radius:18px;padding:14px 14px;min-width:220px;background:#fff}
.mini:hover{background:rgba(11,15,20,.02)}
.mini__k{font-weight:950;color:rgba(11,15,20,.72)}
.mini__v{margin-top:6px;font-weight:900}

.form{border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);background:#fff;box-shadow:var(--shadow);padding:18px}
.form--big{padding:20px}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:rgba(11,15,20,.84);font-weight:800}
input,textarea{border:1px solid rgba(11,15,20,.16);border-radius:14px;padding:12px 12px;font:inherit;background:#fff}
input:focus,textarea:focus{outline:none;border-color:rgba(69,209,213,.72);box-shadow:0 0 0 4px rgba(69,209,213,.18)}
.factions{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}
.fine{margin:12px 0 0;font-size:12px;color:rgba(11,15,20,.62);line-height:1.6;font-weight:650}

.signup{padding:44px 0 50px}
.signup__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.signup__proof{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.pill{display:flex;align-items:center;gap:10px;padding:12px 12px;border-radius:18px;border:1px solid rgba(11,15,20,.12);background:#fff;font-weight:800}
.pill__dot{width:10px;height:10px;border-radius:99px;background:var(--brand);box-shadow:0 10px 20px rgba(69,209,213,.22)}
.signup__image{margin-top:14px}
.signup__image img{border-radius:18px;border:1px solid rgba(11,15,20,.10);box-shadow:var(--shadow)}

.footer{padding:26px 0 36px;background:#fff}
.footer__inner{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid rgba(11,15,20,.12);padding-top:20px}
.footBrand__logo{height:30px}
.footLinks{display:flex;gap:14px;flex-wrap:wrap}
.footLinks a{padding-bottom:2px;border-bottom:1px solid rgba(11,15,20,.45);font-weight:750}
.footLinks a:hover{border-bottom-color:var(--brand)}

[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
[data-reveal].is-in{opacity:1;transform:translateY(0)}

@media (max-width:980px){
  .nav{display:none}
  .menu{display:inline-grid;place-items:center}
  .mobile{display:block}
  .hero__grid{grid-template-columns:1fr;gap:16px}
  .hero__media{margin-top:56px;justify-content:center}
  .stack{transform: translateY(18px);animation:none}
  .hero__mini{grid-template-columns:1fr}
  .cards3{grid-template-columns:1fr}
  .gItem{grid-template-columns:1fr}
  .gItem--flip .gCopy{order:1}
  .gItem--flip .gMedia{order:2}
  .split{grid-template-columns:1fr}
  .split--reverse .split__copy{order:1}
  .split--reverse .split__media{order:2}
  .prices{grid-template-columns:1fr}
  .contact{grid-template-columns:1fr}
  .frow{grid-template-columns:1fr}
  .signup__grid{grid-template-columns:1fr}
  .stack__img--mid{position:relative;inset:auto;transform:none;margin-top:12px}
  .stack__img--bot{position:relative;inset:auto;transform:none;margin-top:12px}
}


/* ─────────────────────────────────────────────
   Footer (Premium)
───────────────────────────────────────────── */
.footer{
  padding:72px 0 34px;
  background: linear-gradient(180deg, rgba(69,209,213,.08) 0%, #ffffff 58%);
}
.footerCta{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:24px 22px;
  border-radius: calc(var(--radius) + 12px);
  border:1px solid rgba(255,255,255,.34);
  background: linear-gradient(135deg, rgba(69,209,213,1) 0%, rgba(69,209,213,.80) 55%, rgba(255,255,255,.26) 100%);
  box-shadow:
    0 22px 70px rgba(11,15,20,.16),
    0 0 0 1px rgba(69,209,213,.22),
    0 0 56px rgba(69,209,213,.52);
  overflow:hidden;
}
.footerCta::before{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius: inherit;
  padding:2px;
  background: linear-gradient(120deg, rgba(255,255,255,.75), rgba(255,255,255,0), rgba(255,255,255,.55));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity:.55;
  pointer-events:none;
}
.footerCta .footerPill{background:rgba(0,0,0,.18); border:1px solid rgba(255,255,255,.35); color:#ffffff}
.footerCta__h{color:#ffffff; text-shadow:0 10px 30px rgba(0,0,0,.25)}
.footerCta .muted{color:#ffffff; text-shadow:0 10px 30px rgba(0,0,0,.18)}
.footerCta::after{
  content:"";
  position:absolute;
  inset:-2px;
  background:
    radial-gradient(640px 220px at 18% 18%, rgba(69,209,213,.24), transparent 60%),
    radial-gradient(520px 210px at 85% 70%, rgba(69,209,213,.18), transparent 55%);
  opacity:.55;
  pointer-events:none;
}
.footerCta > *{position:relative; z-index:1}
.footerPill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-weight:900;
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(11,15,20,.76);
}
.footerPill:before{
  content:"";
  width:10px;
  height:10px;
  border-radius:999px;
  background: var(--brand);
  box-shadow: 0 0 0 6px rgba(69,209,213,.18), 0 16px 38px rgba(69,209,213,.22);
}
.footerCta__h{
  margin:8px 0 8px;
  font-size: clamp(20px, 2.1vw, 32px);
  letter-spacing:-.7px;
}
.footerCta__actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}
.footerCta__shine{
  position:absolute;
  inset:-40% -60%;
  background:linear-gradient(115deg,transparent,rgba(255,255,255,.88),transparent);
  transform:translateX(-40%) rotate(12deg);
  opacity:.22;
  animation: shine 5.2s ease-in-out infinite;
  pointer-events:none;
  z-index:2;
}

.footerGrid{
  display:grid;
  grid-template-columns: 1.35fr .9fr .9fr .9fr;
  gap:18px;
  margin-top:26px;
}
.footerGrid--compact{grid-template-columns:1.25fr .85fr .85fr}
.footerCol{
  padding:10px 6px;
}
.footerCol a{
  display:inline-flex;
  width:fit-content;
  padding:7px 0;
  color: rgba(11,15,20,.76);
  font-weight:700;
  border-bottom: 1px solid transparent;
}
.footerCol a:hover{
  color: var(--text);
  border-bottom-color: rgba(69,209,213,.55);
}
.footerH{
  margin:0 0 8px;
  font-size:14px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color: rgba(11,15,20,.62);
}
.footerCol--brand{padding-right:14px}
.footerLogo{height:30px;margin-bottom:10px}

.footerQuick{
  display:grid;
  gap:10px;
  margin-top:12px;
}
.fQuick{
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 12px;
  border-radius: 16px;
  border:1px solid rgba(11,15,20,.12);
  background:#fff;
  box-shadow: 0 10px 26px rgba(11,15,20,.08);
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.fQuick:hover{
  transform: translateY(-2px);
  border-color: rgba(69,209,213,.55);
  box-shadow: 0 18px 44px rgba(11,15,20,.10);
}
.fQuick__ic{
  width:40px;height:40px;border-radius:14px;
  display:inline-grid;place-items:center;
  background: rgba(69,209,213,.14);
  color: var(--brand);
  box-shadow: inset 0 0 0 1px rgba(69,209,213,.28);
}
.fQuick__txt{display:grid;gap:2px}
.fQuick__k{font-weight:900; font-size:12px; letter-spacing:.12em; text-transform:uppercase; color: rgba(11,15,20,.62)}
.fQuick__v{font-weight:800; color: rgba(11,15,20,.86)}

.footerSocial{
  display:flex;
  gap:10px;
  margin-top:12px;
}
.sIcon{
  width:42px;height:42px;border-radius:16px;
  display:inline-grid;place-items:center;
  border:1px solid rgba(11,15,20,.12);
  background:#fff;
  color: rgba(11,15,20,.74);
  box-shadow: 0 10px 24px rgba(11,15,20,.08);
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, color .16s ease;
}
.sIcon:hover{
  transform: translateY(-2px);
  color: var(--brand);
  border-color: rgba(69,209,213,.60);
  box-shadow: 0 18px 44px rgba(11,15,20,.10);
}
.footer .i{width:20px;height:20px}
.footer .i path{
  stroke: currentColor;
  stroke-width: 2;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 6px 14px rgba(69,209,213,.16));
}

.footerBottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  border-top: 1px solid rgba(11,15,20,.12);
  margin-top:22px;
  padding-top:16px;
}
.footerBottom__links{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}
.footerBottom__links a{
  font-weight:800;
  color: rgba(11,15,20,.72);
  border-bottom:1px solid transparent;
  padding-bottom:2px;
}
.footerBottom__links a:hover{
  color: var(--text);
  border-bottom-color: rgba(69,209,213,.55);
}

/* Legal pages */
.legal{
  max-width: 920px;
}
.legal b{font-weight:900}
.legal__list{
  margin:10px 0 14px;
  padding-left: 18px;
  color: rgba(11,15,20,.78);
  line-height:1.7;
}
.legal__note{
  margin-top:18px;
  padding-top:14px;
  border-top:1px solid rgba(11,15,20,.12);
}

/* Responsive footer */
@media (max-width:980px){
  .footer{padding:62px 0 30px}
  .footerCta{flex-direction:column; align-items:flex-start}
  .footerCta__actions{justify-content:flex-start; width:100%}
  .footerCta__actions .btn{width:100%; justify-content:center}
  .footerGrid{grid-template-columns:1fr; margin-top:18px}
  .footerGrid--compact{grid-template-columns:1fr}
  .footerCol--brand{padding-right:0}
  .footerBottom{flex-direction:column; align-items:flex-start}
}


/* =========================
   AI & Automation Store (PRO)
   Drop-in section styles
   ========================= */
:root{
    --as-brand:#45D1D5;
    --as-ink:#0B1320;
    --as-muted:#5B6572;
    --as-line:rgba(10,25,35,.10);
    --as-shadow: 0 18px 45px rgba(8, 20, 30, .10);
    --as-shadow2: 0 10px 25px rgba(8, 20, 30, .08);
    --as-radius:26px;
  }

  .as-section{
    background:#fff;
    padding:56px 0 44px;
    font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
    color:var(--as-ink);
  }

  .as-wrap{
    width:min(1180px, calc(100% - 48px));
    margin:0 auto;
  }

  .as-top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:24px;
    margin-bottom:18px;
  }

  .as-kicker{
    font-size:clamp(34px, 4.5vw, 56px);
    line-height:1.05;
    letter-spacing:-.03em;
    margin:0;
    font-weight:800;
  }

  .as-toplink{
    font-weight:800;
    color:var(--as-ink);
    text-decoration:none;
    border-bottom:2px solid rgba(11,19,32,.20);
    padding-bottom:2px;
    white-space:nowrap;
    margin-top:12px;
  }
  .as-toplink:hover{ border-bottom-color: rgba(11,19,32,.55); }

  /* Store top bar (removed black box) */
  .as-top{
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
  }
  .as-toplink{
    color: var(--as-ink);
    border-bottom-color: rgba(11,19,32,.20);
  }
  .as-toplink:hover{ border-bottom-color: rgba(11,19,32,.55); }

  .as-kicker{
    background: linear-gradient(90deg, #45D1D5 0%, #BFF7FF 45%, #45D1D5 100%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    text-shadow: 0 0 24px rgba(69,209,213,.25);
  }


  .as-grid{
    display:grid;
    grid-template-columns: 1.02fr .98fr;
    gap:44px;
    align-items:start;
  }

  .as-title{
    font-size:clamp(28px, 3.2vw, 44px);
    line-height:1.12;
    margin:10px 0 10px;
    font-weight:800;
    letter-spacing:-.02em;
  }

  .as-sub{
    margin:0 0 22px;
    color:var(--as-muted);
    font-size:16.5px;
    line-height:1.7;
    max-width:56ch;
  }

  .as-card{
    background:rgba(250,252,253,.95);
    border:1px solid var(--as-line);
    border-radius:var(--as-radius);
    box-shadow: var(--as-shadow2);
    padding:22px 22px 18px;
  }

  .as-card-title{
    font-weight:900;
    font-size:24px;
    letter-spacing:-.02em;
    margin:0 0 6px;
  }

  .as-card-sub{
    color:var(--as-muted);
    font-size:15.5px;
    line-height:1.6;
    margin-bottom:14px;
  }

  .as-list{
    list-style:none;
    padding:0;
    margin:0;
    display:grid;
    gap:14px;
  }

  .as-item{
    display:flex;
    align-items:center;
    gap:12px;
    padding:14px 16px;
    border-radius:18px;
    border:1px solid rgba(10,25,35,.12);
    background:rgba(255,255,255,.92);
    box-shadow: 0 6px 14px rgba(8, 20, 30, .06);
    font-size:18px;
    letter-spacing:-.01em;
  }

  .as-check{
    width:26px; height:26px;
    border-radius:999px;
    background:rgba(69,209,213,.22);
    color:rgba(9,120,125,.95);
    display:grid;
    place-items:center;
    flex:0 0 26px;
    box-shadow: 0 6px 14px rgba(69,209,213,.25);
  }
  .as-check svg{ width:16px; height:16px; }

  /* RIGHT VISUAL */
  .as-visual{
    position:relative;
    min-height:420px;
    padding-top:16px;
  }

  .as-blob{
    z-index:0;
    position:absolute;
    inset:18px -14px 40px 10px;
    background:
      radial-gradient(closest-side, rgba(69,209,213,.22), rgba(69,209,213,0) 70%),
      radial-gradient(closest-side, rgba(140,240,255,.22), rgba(140,240,255,0) 72%);
    filter: blur(2px);
    border-radius: 42px;
    transform: rotate(-2deg);
  }

  .as-ui{
    z-index:2;
    position:relative;
    border-radius: 28px;
    background: rgba(255,255,255,.86);
    border: 1px solid rgba(10,25,35,.10);
    box-shadow: var(--as-shadow);
    padding:14px;
    backdrop-filter: blur(8px);
  }

  .as-ui-img{
    width:100%;
    height:auto;
    display:block;
    border-radius: 22px;
    box-shadow: 0 10px 25px rgba(8, 20, 30, .08);
  }

  /* Rocket (better) */
  .as-rocket{
    z-index:9;
    position:absolute;
    left:8px;
    top:-34px;
    width:152px;
    pointer-events:none;
    opacity:.99;
    filter: drop-shadow(0 18px 26px rgba(8,20,30,.14)) drop-shadow(0 0 28px rgba(69,209,213,.22));
    animation: asRocketFloat 5.8s ease-in-out infinite;
  }
  .as-rocket::before{
    content:"";
    position:absolute;
    inset:-26px -34px;
    background: radial-gradient(circle at 62% 56%, rgba(69,209,213,.34), rgba(69,209,213,0) 62%);
    filter: blur(2px);
    opacity:.9;
  }
  .as-rocket::after{
    content:"";
    position:absolute;
    left:-108px;
    top:86px;
    width:150px;
    height:16px;
    border-radius:999px;
    background: linear-gradient(90deg, rgba(255,59,59,0), rgba(255,59,59,.18), rgba(255,122,24,.18), rgba(69,209,213,.12), rgba(69,209,213,0));
    filter: blur(3px);
    transform: rotate(-12deg);
    opacity:.55;
    animation: asStreak 1.55s ease-in-out infinite;
  }
  @keyframes asStreak{
    0%,100%{ transform: translateX(0) rotate(-12deg); opacity:.45; }
    50%{ transform: translateX(-14px) rotate(-12deg); opacity:.78; }
  }
  .as-rocket-svg{ width:100%; height:auto; display:block; }

  @keyframes asRocketFloat{
    0%,100%{ transform: translateY(0) rotate(-10deg); }
    50%{ transform: translateY(-12px) rotate(-12deg); }
  }

  /* flame flicker + red glow */
  .as-rocket .as-flame{
    transform-origin: 110px 118px;
    animation: asFlame 1.1s ease-in-out infinite;
    filter:
      drop-shadow(0 10px 14px rgba(255,59,59,.22))
      drop-shadow(0 14px 18px rgba(255,122,24,.18));
  }
  @keyframes asFlame{
    0%,100%{ transform: scale(1); opacity:.95; }
    50%{ transform: scale(1.08); opacity:.75; }
  }

  /* trail pulse */
  .as-rocket .as-trail{ animation: asTrail 1.6s ease-in-out infinite; }
  @keyframes asTrail{ 0%,100%{ opacity:.55; } 50%{ opacity:.25; } }

  /* Floating icons */
  .as-float{
    z-index:4;
    position:absolute;
    width:56px;
    height:56px;
    border-radius:16px;
    display:grid;
    place-items:center;
    color:rgba(9,120,125,.95);
    filter: drop-shadow(0 16px 22px rgba(8,20,30,.10));
    animation: asFloat 5.5s ease-in-out infinite;
  }
  .as-float svg{ width:26px; height:26px; position:relative; z-index:2; }

  .as-fbg{
    position:absolute;
    inset:0;
    border-radius:16px;
    background: rgba(255,255,255,.80);
    border:1px solid rgba(10,25,35,.10);
    backdrop-filter: blur(8px);
    box-shadow: 0 10px 25px rgba(8, 20, 30, .08);
  }

  .as-f1{ right:-10px; top:168px; animation-delay:.2s; }
  .as-f2{ right:6px; top:252px; animation-delay:1s; }
  .as-f3{ right:20px; top:326px; animation-delay:1.6s; }

  @keyframes asFloat{
    0%,100%{ transform: translateY(0); }
    50%{ transform: translateY(-10px); }
  }

  /* CTA PILL */
  .as-cta{
    margin-top:26px;
    display:grid;
    grid-template-columns: 1fr auto auto;
    gap:18px;
    align-items:center;
    padding:18px 18px;
    border-radius: 26px;
    background: rgba(69,209,213,.14);
    border:1px solid rgba(69,209,213,.25);
    box-shadow: 0 18px 40px rgba(8, 20, 30, .08);
  }

  .as-cta-title{
    font-weight:900;
    font-size:20px;
    letter-spacing:-.02em;
    margin:0 0 2px;
  }

  .as-cta-sub{
    color:rgba(25,40,55,.72);
    font-size:16px;
    line-height:1.5;
  }

  .as-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:14px 26px;
    border-radius: 999px;
    font-weight:900;
    letter-spacing:-.01em;
    color:#062B30;
    text-decoration:none;
    background: linear-gradient(180deg, rgba(69,209,213,.55), rgba(69,209,213,.38));
    border:1px solid rgba(9,120,125,.20);
    box-shadow: 0 18px 30px rgba(69,209,213,.18);
    min-width: 150px;
    transition: transform .15s ease, filter .15s ease;
  }
  .as-btn:hover{
    transform: translateY(-1px);
    filter: brightness(1.02);
  }

  .as-cta-link{
    font-weight:900;
    color:var(--as-ink);
    text-decoration:none;
    white-space:nowrap;
  }
  .as-cta-link:hover{ opacity:.75; }

  /* Responsive */
  @media (max-width: 980px){
    .as-grid{ grid-template-columns: 1fr; gap:26px; }
    .as-visual{ min-height:auto; }
    .as-rocket{ left:6px; top:-28px; width:132px; }
    .as-f1{ right:4px; top:140px; }
    .as-f2{ right:10px; top:220px; }
    .as-f3{ right:18px; top:300px; }
  }

  @media (max-width: 640px){
    .as-top{ flex-direction:column; align-items:flex-start; }
    .as-toplink{ margin-top:0; }
    .as-item{ font-size:16.5px; }
    .as-cta{ grid-template-columns: 1fr; text-align:left; }
    .as-btn{ width: 100%; }
    .as-cta-link{ justify-self:start; }
  }

/* =========================================================
AI Logo Marquee (above "See how the AI-powered CRM works")
========================================================= */
.aiMarquee{margin: 6px auto 18px;}
.aiMarquee__shell{
  position:relative;
  max-width: 980px;
  margin: 0 auto;
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 12px;
  border-radius:999px;
  border:1px solid rgba(69,209,213,.26);
  background: linear-gradient(180deg, rgba(255,255,255,.70), rgba(255,255,255,.92));
  box-shadow: 0 18px 45px rgba(11,15,20,.10);
  overflow:hidden;
}
.aiMarquee__shell::before{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:999px;
  background: conic-gradient(from 180deg, rgba(69,209,213,.55), rgba(11,15,20,.06), rgba(69,209,213,.25), rgba(69,209,213,.55));
  opacity:.55;
  filter: blur(10px);
  z-index:0;
}
.aiMarquee__shell::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:999px;
  background: radial-gradient(1200px 120px at 20% 0%, rgba(69,209,213,.22), transparent 60%),
              radial-gradient(1200px 120px at 80% 100%, rgba(69,209,213,.16), transparent 60%);
  opacity:.9;
  z-index:0;
  pointer-events:none;
}
.aiMarquee__tag{
  position:relative;
  z-index:1;
  font-size:12px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#062B30;
  padding:7px 10px;
  border-radius:999px;
  border:1px solid rgba(69,209,213,.32);
  background: rgba(69,209,213,.14);
  white-space:nowrap;
}
.aiMarquee__viewport{
  position:relative;
  z-index:1;
  flex:1;
  overflow:hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
}
.aiMarquee__track{
  display:flex;
  width:max-content;
  will-change: transform;
  animation: aiScroll 34s linear infinite;
}
.aiMarquee__row{
  display:flex;
  align-items:center;
  gap:16px;
  padding-right:16px; /* tiny breathing room between loops */
}
.aiChip{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px 14px;
  border-radius:999px;
  background: rgba(255,255,255,.82);
  border:1px solid rgba(11,15,20,.08);
  box-shadow: 0 12px 28px rgba(11,15,20,.08);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.aiChip:hover{
  transform: translateY(-2px);
  border-color: rgba(69,209,213,.35);
  box-shadow: 0 18px 40px rgba(69,209,213,.18), 0 14px 30px rgba(11,15,20,.10);
}
.aiChip img{
  height:24px;
  width:auto;
  display:block;
  opacity:.92;
  mix-blend-mode:multiply;
  filter: saturate(1.05) contrast(1.05);
}

@keyframes aiScroll{
  from{ transform: translateX(0); }
  to{ transform: translateX(-50%); }
}

@media (max-width: 720px){
  .aiMarquee__tag{display:none;}
  .aiChip{padding:7px 12px;}
  .aiChip img{height:22px;}
}

@media (prefers-reduced-motion: reduce){
  .aiMarquee__track{animation:none;}
}


/* Rocket sparks */
.as-rocket .as-sparks circle{transform-box:fill-box;transform-origin:center;animation: asSpark 1.15s ease-in-out infinite;}
.as-rocket .as-sparks circle:nth-child(2){animation-delay:.12s;}
.as-rocket .as-sparks circle:nth-child(3){animation-delay:.26s;}
.as-rocket .as-sparks circle:nth-child(4){animation-delay:.38s;}
@keyframes asSpark{
  0%{transform:translate(0,0) scale(.85);opacity:0;}
  25%{opacity:.85;}
  100%{transform:translate(-16px,14px) scale(1.35);opacity:0;}
}


.footerQuick--emails{gap:10px}
.footerQuick--emails .fQuick{min-height:60px}
.footerQuick--emails .fQuick__v{font-weight:900}


.split__media{position:relative}
.split__media::after{content:"";position:absolute;inset:-10px;pointer-events:none;border-radius:26px;background:radial-gradient(closest-side,rgba(69,209,213,.18),rgba(69,209,213,0) 70%);filter:blur(10px);opacity:.35}


/* v14 auth + footer refinements */

/* Footer email list: remove the boxed cards (keep clean label + email) */
.footerQuick--emails .fQuick{
  padding: 2px 0;
  border: none;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
  gap: 10px;
  min-height: auto;
  align-items: flex-start;
}
.footerQuick--emails .fQuick:hover{
  transform: none;
  border-color: transparent;
  box-shadow: none;
}
.footerQuick--emails .fQuick__ic{
  width: 32px;
  height: 32px;
  border-radius: 12px;
  box-shadow: none;
}
.footerQuick--emails .fQuick__v{
  font-weight: 800;
}

/* Auth pages: single centered column */
body.page-auth .signup__grid{
  grid-template-columns: 1fr;
  max-width: 560px;
  margin: 0 auto;
}
body.page-auth .signup__copy{
  display: none;
}
body.page-auth .form--big{
  margin: 0 auto;
  width: 100%;
}
body.page-auth .authHead{
  text-align: center;
  margin: 0 0 14px;
}
body.page-auth .authHead .h2{
  margin: 0 0 6px;
}
body.page-auth .authHead .muted{
  margin: 0 auto;
  max-width: 46ch;
}


/* ---- Screens section "scroll magic" (no-grid) ---- */
.storyHint{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin:-6px 0 12px;
  color:var(--muted);
  font-weight:800;
}
.storyHint__label{font-size:13px;letter-spacing:.2px}
.storyHint__mouse{
  width:22px;height:34px;
  border-radius:14px;
  border:1px solid rgba(11,15,20,.22);
  position:relative;
  background:rgba(255,255,255,.65);
  box-shadow:0 10px 24px rgba(11,15,20,.08);
}
.storyHint__mouse::after{
  content:"";
  position:absolute;
  left:50%;top:7px;
  width:4px;height:7px;
  border-radius:4px;
  background:rgba(69,209,213,.95);
  transform:translateX(-50%);
  animation:mouseDot 1.35s ease-in-out infinite;
}
@keyframes mouseDot{
  0%{opacity:0;transform:translate(-50%,-2px)}
  30%{opacity:1}
  70%{opacity:1}
  100%{opacity:0;transform:translate(-50%,10px)}
}

.gallery{
  position:relative;
  padding-left:28px;
  --prog:0;
}
.gallery::before{
  content:"";
  position:absolute;
  left:12px;top:10px;bottom:10px;
  width:2px;border-radius:2px;
  background:linear-gradient(180deg,rgba(11,15,20,.10),rgba(11,15,20,.04));
}
.gallery::after{
  content:"";
  position:absolute;
  left:12px;top:10px;bottom:10px;
  width:2px;border-radius:2px;
  background:linear-gradient(180deg,rgba(69,209,213,0),rgba(69,209,213,.88),rgba(69,209,213,0));
  transform:scaleY(var(--prog));
  transform-origin:top;
  filter:drop-shadow(0 0 14px rgba(69,209,213,.32));
}

.gItem{
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.gItem.is-active{
  transform:translateY(-1px);
  box-shadow:0 26px 78px rgba(11,15,20,.12), 0 0 0 1px rgba(69,209,213,.22) inset;
}
.gItem.is-active .gMedia img{
  transform:scale(1.02);
  filter:saturate(1.10) contrast(1.03);
}
.gMedia img{transition:transform .22s ease, filter .22s ease}

@media (max-width: 920px){
  .gallery{padding-left:0}
  .gallery::before,.gallery::after{display:none}
}


/* Payment brand strip under pricing buttons */
.payBrands{
  margin-top:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(11,15,20,.10);
  background:rgba(255,255,255,.78);
  box-shadow:0 10px 30px rgba(11,15,20,.08);
}
.payBrands img{
  width:min(320px, 100%);
  height:auto;
  display:block;
  border-radius:12px;
}
@media (max-width:520px){
  .payBrands{padding:8px 10px; border-radius:12px}
  .payBrands img{width:100%}
}


/* Pricing: all buttons brand + smaller payment image */
#pricing .price > a.btn{
  width:100%;
  justify-content:center;
  text-align:center;
  background:linear-gradient(180deg,rgba(69,209,213,1),rgba(69,209,213,.88));
  color:#ffffff;
  border:0;
  box-shadow:0 14px 34px rgba(69,209,213,.28);
}
#pricing .price > a.btn.btn--ghost{
  background:linear-gradient(180deg,rgba(69,209,213,1),rgba(69,209,213,.88));
  color:#ffffff;
  border:0;
  box-shadow:0 14px 34px rgba(69,209,213,.28);
}
#pricing .price > a.btn:hover{transform:translateY(-1px)}
#pricing .price > a.btn:active{transform:translateY(0)}

#pricing .payBrands{
  margin-top:10px;
  display:flex;
  justify-content:center;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}
#pricing .payBrands img{
  width:min(160px, 100%);
  height:auto;
  display:block;
  border-radius:10px;
}
@media (max-width:520px){
  #pricing .payBrands img{width:min(140px, 100%)}
}


/* Signup: centered single-column layout */
.signup__grid--solo{grid-template-columns:1fr; justify-items:center}
.signup__grid--solo .form{width:100%; max-width:620px}

/* AI Employees: richer, less boring */
.empKicker{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 10px}
.empPill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid rgba(69,209,213,.28);background:rgba(69,209,213,.14);font-weight:900;font-size:12px}
.empPill--ghost{border-color:rgba(11,15,20,.14);background:rgba(255,255,255,.75);font-weight:850;color:rgba(11,15,20,.72)}

/* Employees section simplified list */
.as-top--tight{margin-bottom:14px}
@media (max-width:720px){
  .as-top--tight{flex-direction:column;align-items:flex-start}
}
.empLead{font-size:15px;line-height:1.55;max-width:52ch}
.empSimple{display:grid;gap:10px;margin:16px 0 14px}
.empItem{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:16px;border:1px solid rgba(69,209,213,.18);background:rgba(255,255,255,.86);box-shadow:0 10px 28px rgba(11,15,20,.06)}
.empItem__icon{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:rgba(69,209,213,.14);border:1px solid rgba(69,209,213,.20);color:rgba(9,120,125,.95);flex:0 0 40px}
.empItem__icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.empItem__t{font-weight:950;letter-spacing:-.01em}
.empItem__d{color:rgba(11,15,20,.68);font-size:13px;margin-top:2px}
.empActions--simple{margin-top:14px}
@media (max-width:520px){
  .empActions--simple{flex-direction:column;align-items:stretch}
  .empActions--simple .btn{width:100%}
}
.empRoles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0 12px}
.empRole{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:18px;border:1px solid rgba(69,209,213,.22);background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,1));box-shadow:0 14px 40px rgba(11,15,20,.07);transition:transform .14s ease, box-shadow .14s ease}
.empRole:hover{transform:translateY(-2px);box-shadow:0 22px 60px rgba(11,15,20,.10),0 0 0 1px rgba(69,209,213,.22) inset}
.empRole__icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(69,209,213,.14);border:1px solid rgba(69,209,213,.20);color:rgba(9,120,125,.95);flex:0 0 42px}
.empRole__icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.empRole__t{font-weight:950;letter-spacing:-.2px}
.empRole__d{margin-top:4px;color:rgba(11,15,20,.68);font-weight:700;line-height:1.35}
.empStrip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px;padding:12px;border-radius:18px;border:1px solid rgba(11,15,20,.10);background:radial-gradient(900px 420px at 20% 20%, rgba(69,209,213,.16), transparent 60%), #fff}
.empStrip__item{display:flex;flex-direction:column;gap:2px;padding:10px 10px;border-radius:14px;background:rgba(11,15,20,.02);border:1px solid rgba(11,15,20,.10)}
.empStrip__item strong{font-weight:950}
.empStrip__item span{color:rgba(11,15,20,.66);font-weight:750}
.empDot{width:10px;height:10px;border-radius:99px;background:var(--brand);box-shadow:0 10px 20px rgba(69,209,213,.22);margin-bottom:6px}
.empActions{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}
.empActions .btn{min-width:180px}

@media (max-width:980px){
  .empRoles{grid-template-columns:1fr}
  .empStrip{grid-template-columns:1fr}
  .empActions .btn{width:100%}
}