/* ============================================================
   GetmeLeads — WordPress homepage styles
   All classes prefixed .gml- to avoid theme collisions.
   ============================================================ */

:root{
  --gml-bg:#F2F3F7; --gml-bg2:#F8F9FB; --gml-surface:#FFFFFF;
  --gml-ink:#0C0D12; --gml-ink2:#43454F; --gml-muted:#6C6E7A; --gml-faint:#9395A2;
  --gml-line:rgba(12,13,18,.09); --gml-line2:rgba(12,13,18,.16);
  --gml-blue:#426CF6; --gml-blue-d:#2C55E6; --gml-indigo:#1B22A7; --gml-blue-soft:#E9F0FE;
  --gml-green:#22C55E; --gml-green-d:#15803D; --gml-green-soft:#E6F8EE;
  --gml-red:#E5484D; --gml-red-soft:#FDECEC;
  --gml-wa:#128C7E; --gml-wa-soft:#E4F8ED;
  --gml-ig:#DD2A7B; --gml-ig-soft:#FBEAF3;
  --gml-r:14px; --gml-r-lg:20px;
  --gml-sh:0 1px 2px rgba(16,22,64,.05),0 8px 20px -8px rgba(16,22,64,.12);
  --gml-sh-lg:0 2px 6px rgba(16,22,64,.06),0 28px 60px -22px rgba(27,34,167,.22);
  --gml-ease:cubic-bezier(.16,1,.3,1);
}

/* ---- base (scoped) ---- */
.gml-page{background:var(--gml-bg);color:var(--gml-ink);font-family:"Inter",system-ui,-apple-system,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.gml-page *,.gml-page *::before,.gml-page *::after{box-sizing:border-box;margin:0;padding:0}
.gml-page h1,.gml-page h2,.gml-page h3,.gml-page h4{font-family:"Poppins",system-ui,sans-serif;font-weight:600;letter-spacing:-.03em;line-height:1.1}
.gml-page a{color:inherit;text-decoration:none}
.gml-page img,.gml-page svg{max-width:100%;display:block}
.gml-container{max-width:1180px;margin:0 auto;padding:0 22px;width:100%}
@media(min-width:768px){.gml-container{padding:0 36px}}
.gml-section{padding:clamp(56px,7vw,104px) 0;position:relative}
.gml-alt{background:var(--gml-bg2);border-top:1px solid var(--gml-line);border-bottom:1px solid var(--gml-line)}

.gml-h1{font-size:clamp(2.3rem,1.3rem + 3.8vw,3.9rem);letter-spacing:-.038em}
.gml-h2{font-size:clamp(1.75rem,1.25rem + 1.9vw,2.6rem)}
.gml-kicker{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--gml-blue);background:var(--gml-blue-soft);padding:7px 13px;border-radius:999px}
.gml-lead{font-size:clamp(1rem,.96rem + .3vw,1.15rem);line-height:1.62;color:var(--gml-ink2);max-width:56ch}
.gml-muted{color:var(--gml-muted)}
.gml-blue-t{color:var(--gml-blue)}

/* buttons */
.gml-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:600;font-size:.95rem;font-family:"Inter",sans-serif;border-radius:999px;height:50px;padding:0 26px;border:1px solid transparent;cursor:pointer;transition:transform .3s var(--gml-ease),background .25s,border-color .25s;white-space:nowrap}
.gml-btn svg{width:16px;height:16px}
.gml-btn-primary{background:var(--gml-blue);color:#fff;box-shadow:0 1px 2px rgba(20,26,120,.25),0 10px 24px -8px rgba(66,108,246,.55)}
.gml-btn-primary:hover{background:var(--gml-blue-d);transform:translateY(-2px);color:#fff}
.gml-btn-ghost{background:var(--gml-surface);color:var(--gml-ink);border-color:var(--gml-line2);box-shadow:var(--gml-sh)}
.gml-btn-ghost:hover{transform:translateY(-2px);border-color:var(--gml-ink)}

/* reveals — visible by default; animate only when .gml-js present */
.gml-js .gml-reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--gml-ease),transform .7s var(--gml-ease)}
.gml-js .gml-reveal.gml-in{opacity:1;transform:none}

/* ---- nav ---- */
.gml-nav{position:sticky;top:0;z-index:90;background:rgba(242,243,247,.86);backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .3s}
.gml-nav.gml-scrolled{border-bottom-color:var(--gml-line)}
.gml-nav-in{height:66px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.gml-logo{display:inline-flex;align-items:center;gap:9px}
.gml-logo svg{width:25px;height:25px}
.gml-logo b{font-family:"Poppins",sans-serif;font-size:1.15rem;font-weight:600;letter-spacing:-.02em}
.gml-nav-links{display:none;gap:2px}
.gml-nav-links a{font-size:.9rem;color:var(--gml-ink2);padding:8px 12px;border-radius:8px}
.gml-nav-links a:hover{color:var(--gml-ink);background:rgba(12,13,18,.05)}
.gml-nav-cta{display:none;align-items:center;gap:14px}
.gml-nav-cta .gml-btn{height:40px;padding:0 18px;font-size:.88rem}
.gml-menu-btn{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border:1px solid var(--gml-line2);border-radius:10px;background:var(--gml-surface);cursor:pointer}
.gml-menu-btn svg{width:19px;height:19px}
@media(min-width:980px){.gml-nav-links,.gml-nav-cta{display:flex}.gml-menu-btn{display:none}}
.gml-mobile{display:none;border-top:1px solid var(--gml-line);background:var(--gml-bg2)}
.gml-mobile a{display:block;padding:13px 0;font-weight:600;font-family:"Poppins",sans-serif;border-bottom:1px solid var(--gml-line)}
.gml-mobile .gml-btn{margin:16px 0;width:100%}

/* ---- hero ---- */
.gml-hero{padding:clamp(48px,6vw,84px) 0 clamp(40px,5vw,64px);overflow:hidden;position:relative}
.gml-hero-glow{position:absolute;top:-180px;right:-140px;width:620px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(66,108,246,.16),transparent 65%);pointer-events:none}
.gml-hero-grid{display:grid;gap:40px;align-items:center;position:relative}
@media(min-width:980px){.gml-hero-grid{grid-template-columns:1fr 1.05fr;gap:44px}}
.gml-hero h1{margin-top:18px}
.gml-hero .gml-lead{margin-top:18px}
.gml-hero-cta{margin-top:26px;display:flex;flex-wrap:wrap;gap:12px}
.gml-hero-proof{margin-top:32px;display:flex;flex-wrap:wrap;gap:18px 34px;border-top:1px solid var(--gml-line);padding-top:20px}
.gml-hero-proof .gml-n{font-family:"Poppins",sans-serif;font-size:1.35rem;font-weight:600;font-variant-numeric:tabular-nums}
.gml-hero-proof .gml-l{font-size:.78rem;color:var(--gml-faint);margin-top:1px}

/* ---- workflow canvas mockup (matches the real app) ---- */
.gml-canvas{position:relative;background:#fff;border:1px solid var(--gml-line);border-radius:var(--gml-r-lg);box-shadow:var(--gml-sh-lg);padding:22px;background-image:radial-gradient(circle,#DFE2EA 1px,transparent 1px);background-size:20px 20px}
.gml-canvas-inner{display:flex;flex-direction:column;align-items:center}
.gml-wstep{width:min(100%,290px);background:#fff;border:1px solid var(--gml-line);border-radius:12px;box-shadow:var(--gml-sh);overflow:hidden}
.gml-wstep .gml-wait{display:flex;align-items:center;justify-content:space-between;font-size:.7rem;color:var(--gml-muted);padding:7px 12px;border-bottom:1px solid var(--gml-line);background:var(--gml-bg2)}
.gml-wstep .gml-wait u{text-decoration:underline dotted;text-underline-offset:2px}
.gml-wstep .gml-wait i{font-style:normal;letter-spacing:2px;color:var(--gml-faint)}
.gml-wstep .gml-act{display:flex;align-items:center;gap:10px;padding:11px 12px;font-weight:600;font-size:.9rem}
.gml-wstep .gml-act .gml-ic{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;background:var(--gml-blue-soft);color:var(--gml-blue)}
.gml-wstep .gml-act .gml-ic svg{width:15px;height:15px}
.gml-wstep .gml-act .gml-ic.gml-green{background:var(--gml-green-soft);color:var(--gml-green-d)}
.gml-wstep .gml-act .gml-ic.gml-purple{background:#F1EAFB;color:#7C3AED}
.gml-wstep .gml-act .gml-ic.gml-wa{background:var(--gml-wa-soft);color:var(--gml-wa)}
.gml-wstep .gml-act .gml-ic.gml-ig{background:var(--gml-ig-soft);color:var(--gml-ig)}
.gml-plus{width:26px;height:26px;border-radius:50%;background:#fff;border:1px solid var(--gml-line2);color:var(--gml-muted);display:grid;place-items:center;font-size:.95rem;line-height:1;margin:4px 0}
.gml-vline{width:2px;height:14px;background:var(--gml-line2)}
.gml-branch{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%;margin-top:6px}
.gml-branch-col{display:flex;flex-direction:column;align-items:center}
.gml-pill{font-size:.68rem;font-weight:700;padding:3px 11px;border-radius:999px;border:1px solid;margin-bottom:8px;background:#fff}
.gml-pill.gml-yes{color:var(--gml-green-d);border-color:rgba(34,197,94,.45)}
.gml-pill.gml-no{color:var(--gml-red);border-color:rgba(229,72,77,.4)}
.gml-live-tag{position:absolute;top:14px;right:14px;display:inline-flex;align-items:center;gap:7px;font-size:.7rem;font-weight:700;color:var(--gml-green-d);background:var(--gml-green-soft);padding:5px 11px;border-radius:999px}
.gml-live-dot{width:7px;height:7px;border-radius:50%;background:var(--gml-green);animation:gml-pulse 1.8s ease-out infinite}
@keyframes gml-pulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.45)}100%{box-shadow:0 0 0 9px rgba(34,197,94,0)}}

/* channel chips row under hero canvas */
.gml-channels{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.gml-chip{display:inline-flex;align-items:center;gap:7px;font-size:.78rem;font-weight:600;padding:7px 13px;border-radius:999px;background:#fff;border:1px solid var(--gml-line);color:var(--gml-ink2);box-shadow:0 1px 2px rgba(16,22,64,.04)}
.gml-chip svg{width:13px;height:13px}
.gml-chip.gml-c-in svg{color:#0A66C2}
.gml-chip.gml-c-em svg{color:#7C3AED}
.gml-chip.gml-c-wa svg{color:var(--gml-wa)}
.gml-chip.gml-c-ig svg{color:var(--gml-ig)}
.gml-chip.gml-c-sms svg{color:var(--gml-blue)}
.gml-js .gml-chip.gml-anim{animation:gml-chip-pop 2.6s ease-in-out infinite}
.gml-js .gml-chip.gml-anim.gml-d1{animation-delay:.4s}
.gml-js .gml-chip.gml-anim.gml-d2{animation-delay:.8s}
.gml-js .gml-chip.gml-anim.gml-d3{animation-delay:1.2s}
.gml-js .gml-chip.gml-anim.gml-d4{animation-delay:1.6s}
@keyframes gml-chip-pop{0%,100%{border-color:var(--gml-line);box-shadow:0 1px 2px rgba(16,22,64,.04)}50%{border-color:rgba(66,108,246,.5);box-shadow:0 0 0 4px rgba(66,108,246,.12)}}

/* ---- generic split feature ---- */
.gml-split{display:grid;gap:36px;align-items:center}
@media(min-width:960px){.gml-split{grid-template-columns:1fr 1.08fr;gap:56px}.gml-split.gml-rev>.gml-split-copy{order:2}}
.gml-split h2{margin-top:14px}
.gml-split .gml-lead{margin-top:14px}
.gml-list{margin-top:18px;display:flex;flex-direction:column;gap:10px;list-style:none}
.gml-list li{display:flex;gap:10px;font-size:.95rem;color:var(--gml-ink2);line-height:1.5}
.gml-ck{width:20px;height:20px;border-radius:50%;background:var(--gml-blue-soft);color:var(--gml-blue);display:grid;place-items:center;flex-shrink:0;margin-top:2px}
.gml-ck svg{width:10px;height:10px}

/* ---- lead sources grid ---- */
.gml-sources{margin-top:36px;display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:640px){.gml-sources{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.gml-sources{grid-template-columns:repeat(4,1fr)}}
.gml-source{background:#fff;border:1px solid var(--gml-line);border-radius:var(--gml-r);padding:20px;box-shadow:var(--gml-sh);transition:transform .3s var(--gml-ease),box-shadow .3s}
.gml-source:hover{transform:translateY(-4px);box-shadow:var(--gml-sh-lg)}
.gml-source .gml-ic{width:38px;height:38px;border-radius:10px;background:var(--gml-blue-soft);color:var(--gml-blue);display:grid;place-items:center}
.gml-source .gml-ic svg{width:18px;height:18px}
.gml-source h3{font-size:.98rem;margin-top:13px;letter-spacing:-.02em}
.gml-source p{font-size:.82rem;color:var(--gml-muted);margin-top:5px;line-height:1.5}

/* ---- prospect search mockup ---- */
.gml-ui{background:#fff;border:1px solid var(--gml-line);border-radius:var(--gml-r-lg);box-shadow:var(--gml-sh-lg);overflow:hidden}
.gml-ui-top{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--gml-line);background:var(--gml-bg2)}
.gml-dots{display:flex;gap:5px}
.gml-dots i{width:9px;height:9px;border-radius:50%;background:var(--gml-line2)}
.gml-ui-top .gml-t{font-size:.75rem;font-weight:600;color:var(--gml-ink2)}
.gml-ui-top .gml-r{margin-left:auto;font-size:.66rem;font-weight:700;color:var(--gml-green-d);background:var(--gml-green-soft);padding:4px 9px;border-radius:999px}
.gml-search-grid{display:grid;grid-template-columns:1fr;gap:0}
@media(min-width:560px){.gml-search-grid{grid-template-columns:.85fr 1.15fr}}
.gml-filters{padding:14px;border-bottom:1px solid var(--gml-line);display:flex;flex-direction:column;gap:9px}
@media(min-width:560px){.gml-filters{border-bottom:none;border-right:1px solid var(--gml-line)}}
.gml-filter{border:1px solid var(--gml-line);border-radius:11px;padding:9px 12px;background:#fff}
.gml-filter .gml-fl{display:flex;align-items:center;gap:7px;font-size:.62rem;font-weight:700;letter-spacing:.09em;color:var(--gml-faint)}
.gml-filter .gml-fl i{width:7px;height:7px;border-radius:50%}
.gml-filter .gml-fv{font-size:.86rem;font-weight:600;margin-top:3px}
.gml-matches{padding:14px;display:flex;flex-direction:column;gap:8px}
.gml-match{display:flex;align-items:center;gap:10px;border:1px solid var(--gml-line);border-radius:11px;padding:9px 11px;background:#fff}
.gml-av{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;color:#fff;font-size:.68rem;font-weight:700;background:linear-gradient(150deg,var(--gml-blue),var(--gml-indigo))}
.gml-match .gml-mn{font-size:.85rem;font-weight:600;line-height:1.2}
.gml-match .gml-ms{font-size:.73rem;color:var(--gml-muted)}
.gml-badge{margin-left:auto;font-size:.64rem;font-weight:700;padding:4px 9px;border-radius:999px;background:var(--gml-blue-soft);color:var(--gml-blue);white-space:nowrap}
.gml-badge.gml-g{background:var(--gml-green-soft);color:var(--gml-green-d)}
.gml-badge.gml-n{background:var(--gml-bg2);color:var(--gml-muted)}

/* ---- unibox mockup ---- */
.gml-tabs{display:flex;gap:6px;padding:12px 14px 0;flex-wrap:wrap}
.gml-tab{font-size:.78rem;font-weight:600;padding:8px 14px;border-radius:999px;border:1px solid var(--gml-line);background:var(--gml-bg2);color:var(--gml-ink2);cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:all .25s}
.gml-tab svg{width:13px;height:13px}
.gml-tab.gml-on{background:var(--gml-blue);border-color:var(--gml-blue);color:#fff}
.gml-tab.gml-on svg{color:#fff}
.gml-threads{padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;min-height:212px}
.gml-thread{display:flex;align-items:center;gap:10px;border:1px solid var(--gml-line);border-radius:11px;padding:10px 12px;background:#fff}
.gml-tagchip{font-size:.62rem;font-weight:700;padding:3px 9px;border-radius:999px}
.gml-tag-hot{background:#FDEBEC;color:#C0353A}
.gml-tag-follow{background:#FFF4E0;color:#9A6A00}
.gml-tag-booked{background:var(--gml-green-soft);color:var(--gml-green-d)}

/* ---- dashboard mockup ---- */
.gml-kpis{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:14px}
@media(min-width:640px){.gml-kpis{grid-template-columns:repeat(4,1fr)}}
.gml-kpi{border:1px solid var(--gml-line);border-radius:12px;padding:12px;background:#fff}
.gml-kpi .gml-kl{font-size:.68rem;color:var(--gml-muted);display:flex;align-items:center;gap:6px}
.gml-kpi .gml-kl svg{width:13px;height:13px;color:var(--gml-blue)}
.gml-kpi .gml-kv{font-family:"Poppins",sans-serif;font-size:1.35rem;font-weight:600;margin-top:5px;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.gml-kpi .gml-kd{font-size:.66rem;color:var(--gml-green-d);margin-top:2px}
.gml-chanrows{padding:0 14px 14px;display:flex;flex-direction:column;gap:8px}
.gml-chanrow{display:flex;align-items:center;gap:10px;border:1px solid var(--gml-line);border-radius:11px;padding:9px 12px;background:#fff;font-size:.82rem}
.gml-chanrow .gml-ci{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;flex-shrink:0}
.gml-chanrow .gml-ci svg{width:14px;height:14px}
.gml-bar{flex:1;height:7px;border-radius:999px;background:var(--gml-bg2);border:1px solid var(--gml-line);overflow:hidden;min-width:60px}
.gml-bar i{display:block;height:100%;width:var(--w,50%);background:linear-gradient(90deg,var(--gml-blue),var(--gml-indigo));border-radius:999px;transform:scaleX(0);transform-origin:left;transition:transform 1.1s var(--gml-ease)}
.gml-in-view .gml-bar i{transform:scaleX(1)}
.gml-pct{font-weight:700;font-variant-numeric:tabular-nums;font-size:.8rem;min-width:44px;text-align:right}

/* ---- campaigns table mockup ---- */
.gml-table{padding:8px 14px 14px;overflow-x:auto}
.gml-table table{width:100%;border-collapse:separate;border-spacing:0 8px;min-width:520px}
.gml-table th{font-size:.64rem;font-weight:700;letter-spacing:.08em;color:var(--gml-faint);text-align:left;padding:4px 10px}
.gml-table td{background:#fff;border-top:1px solid var(--gml-line);border-bottom:1px solid var(--gml-line);padding:10px;font-size:.82rem;vertical-align:middle}
.gml-table td:first-child{border-left:1px solid var(--gml-line);border-radius:11px 0 0 11px;font-weight:600}
.gml-table td:last-child{border-right:1px solid var(--gml-line);border-radius:0 11px 11px 0}
.gml-assignee{display:inline-flex;align-items:center;gap:7px}
.gml-assignee .gml-av{width:24px;height:24px;font-size:.58rem}
.gml-prog{display:inline-block;width:86px;height:7px;border-radius:999px;background:var(--gml-bg2);border:1px solid var(--gml-line);overflow:hidden;vertical-align:middle}
.gml-prog i{display:block;height:100%;background:linear-gradient(90deg,var(--gml-blue),var(--gml-indigo))}

/* ---- feature trio cards ---- */
.gml-trio{display:grid;gap:16px;margin-top:34px}
@media(min-width:820px){.gml-trio{grid-template-columns:repeat(3,1fr)}}
.gml-card{background:#fff;border:1px solid var(--gml-line);border-radius:var(--gml-r-lg);padding:24px;box-shadow:var(--gml-sh)}
.gml-card .gml-ic{width:42px;height:42px;border-radius:12px;background:var(--gml-blue-soft);color:var(--gml-blue);display:grid;place-items:center}
.gml-card .gml-ic svg{width:20px;height:20px}
.gml-card h3{font-size:1.08rem;margin-top:14px}
.gml-card p{font-size:.9rem;color:var(--gml-muted);margin-top:7px;line-height:1.55}

/* ---- integrations ---- */
.gml-intg{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:34px}
@media(min-width:640px){.gml-intg{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1000px){.gml-intg{grid-template-columns:repeat(6,1fr)}}
.gml-int{position:relative;background:#fff;border:1px solid var(--gml-line);border-radius:var(--gml-r);padding:18px 12px;text-align:center;box-shadow:0 1px 2px rgba(16,22,64,.04);transition:transform .3s var(--gml-ease),box-shadow .3s}
.gml-int:hover{transform:translateY(-3px);box-shadow:var(--gml-sh)}
.gml-int .gml-sq{width:38px;height:38px;margin:0 auto 9px;border-radius:11px;background:var(--gml-blue-soft);color:var(--gml-blue);display:grid;place-items:center;font-family:"Poppins",sans-serif;font-weight:700;font-size:.82rem}
.gml-int .gml-nm{font-size:.8rem;font-weight:600}
.gml-int .gml-soon{position:absolute;top:8px;right:8px;font-size:.56rem;font-weight:700;letter-spacing:.05em;color:var(--gml-faint);background:var(--gml-bg2);border:1px solid var(--gml-line);padding:2px 7px;border-radius:999px}

/* ---- FAQ ---- */
.gml-faq{max-width:800px;margin:34px auto 0;border-top:1px solid var(--gml-line)}
.gml-faq-item{border-bottom:1px solid var(--gml-line)}
.gml-faq-q{width:100%;background:none;border:none;font-family:"Poppins",sans-serif;font-weight:600;font-size:1rem;letter-spacing:-.02em;color:var(--gml-ink);text-align:left;padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer}
.gml-faq-q .gml-pm{width:25px;height:25px;border-radius:50%;background:var(--gml-blue-soft);color:var(--gml-blue);display:grid;place-items:center;flex-shrink:0;transition:transform .3s var(--gml-ease)}
.gml-faq-q .gml-pm svg{width:12px;height:12px}
.gml-faq-item.gml-open .gml-pm{transform:rotate(45deg)}
.gml-faq-a{display:none;padding:0 0 20px;color:var(--gml-muted);line-height:1.65;max-width:70ch}
.gml-faq-item:first-child .gml-faq-a{display:block}

/* ---- CTA ---- */
.gml-cta{background:linear-gradient(150deg,#0E1330,var(--gml-indigo) 130%);border-radius:26px;color:#fff;text-align:center;padding:clamp(44px,6vw,84px) 22px;position:relative;overflow:hidden}
.gml-cta::before{content:"";position:absolute;top:-40%;left:50%;transform:translateX(-50%);width:640px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(93,130,255,.4),transparent 62%);filter:blur(46px)}
.gml-cta h2{font-size:clamp(1.9rem,1.3rem + 2.6vw,3.2rem);position:relative;color:#fff}
.gml-cta p{margin:16px auto 0;max-width:42ch;color:#C7CBE6;position:relative;line-height:1.6}
.gml-cta .gml-btns{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;position:relative}
.gml-btn-glass{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.28);color:#fff}
.gml-btn-glass:hover{background:rgba(255,255,255,.2);transform:translateY(-2px);color:#fff}

/* ---- footer ---- */
.gml-footer{background:#0B0C18;color:#fff;padding:clamp(44px,6vw,72px) 0 36px;margin-top:clamp(48px,6vw,88px)}
.gml-foot-grid{display:grid;gap:36px}
@media(min-width:820px){.gml-foot-grid{grid-template-columns:1.5fr 1fr 1fr 1fr}}
.gml-foot-brand p{margin-top:14px;color:#9A9CB0;max-width:32ch;line-height:1.6;font-size:.93rem}
.gml-foot-brand .gml-mail{margin-top:16px;display:inline-block;border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:2px;font-size:.93rem}
.gml-foot-col h4{font-size:.68rem;text-transform:uppercase;letter-spacing:.13em;color:#6E708A;font-weight:700}
.gml-foot-col ul{list-style:none;margin-top:14px;display:flex;flex-direction:column;gap:10px}
.gml-foot-col a{color:#9A9CB0;font-size:.9rem}
.gml-foot-col a:hover{color:#fff}
.gml-foot-bot{margin-top:clamp(36px,5vw,60px);padding-top:22px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center}
.gml-foot-bot p{color:#6E708A;font-size:.82rem}
.gml-foot-bot .gml-soc{display:flex;gap:16px}
.gml-foot-bot .gml-soc a{color:#9A9CB0;font-size:.82rem}
.gml-foot-bot .gml-soc a:hover{color:#fff}

@media(prefers-reduced-motion:reduce){
  .gml-page *{animation:none!important;transition-duration:.01ms!important}
  .gml-js .gml-reveal{opacity:1!important;transform:none!important}
  .gml-in-view .gml-bar i{transform:scaleX(1)!important}
}


/* ============================================================
   v2 — gorgeous pass: patterns, ornaments, gradients, motion
   ============================================================ */

/* ambient page tints */
.gml-page{background:
  radial-gradient(900px 520px at 88% -120px, rgba(66,108,246,.10), transparent 62%),
  radial-gradient(760px 480px at -12% 28%, rgba(27,34,167,.06), transparent 62%),
  var(--gml-bg)}

/* dotted pattern layer (masked so it fades out) */
.gml-pat{position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(12,13,18,.06) 1px,transparent 1px);
  background-size:22px 22px;
  -webkit-mask-image:radial-gradient(75% 80% at 50% 20%,#000 25%,transparent 78%);
  mask-image:radial-gradient(75% 80% at 50% 20%,#000 25%,transparent 78%)}

/* brand petal ornaments */
.gml-petal{position:absolute;pointer-events:none;z-index:0}
@media(max-width:760px){.gml-petal{display:none}}

/* gradient hairlines instead of hard borders on alt sections */
.gml-alt{border-top:none;border-bottom:none}
.gml-alt::before,.gml-alt::after{content:"";position:absolute;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent 4%,rgba(66,108,246,.32),transparent 96%)}
.gml-alt::before{top:0}.gml-alt::after{bottom:0}

/* kicker: leading dot + ring */
.gml-kicker{box-shadow:inset 0 0 0 1px rgba(66,108,246,.22);background:linear-gradient(180deg,#EFF4FF,var(--gml-blue-soft))}
.gml-kicker::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gml-blue);box-shadow:0 0 0 3px rgba(66,108,246,.18)}

/* hero underline swash */
.gml-swash{position:relative;display:inline-block}
.gml-swash svg{position:absolute;left:-1%;right:-1%;bottom:-.1em;width:102%;height:.3em;color:var(--gml-blue);opacity:.9}
.gml-js .gml-swash svg path{stroke-dasharray:320;stroke-dashoffset:320;animation:gml-draw 1s var(--gml-ease) .5s forwards}
@keyframes gml-draw{to{stroke-dashoffset:0}}

/* primary button: gradient + shine sweep */
.gml-btn-primary{background:linear-gradient(135deg,var(--gml-blue) 20%,var(--gml-indigo) 130%);position:relative;overflow:hidden}
.gml-btn-primary::after{content:"";position:absolute;top:-10%;left:-70%;width:45%;height:120%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);
  transform:skewX(-22deg);transition:left .55s var(--gml-ease)}
.gml-btn-primary:hover::after{left:130%}

/* cards: soft gradient surface + gradient border on hover + colored glow */
.gml-source,.gml-card{background:linear-gradient(180deg,#fff 60%,#FBFCFF)}
.gml-source::before,.gml-card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;
  background:linear-gradient(150deg,rgba(66,108,246,.55),rgba(27,34,167,.18) 45%,transparent 70%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .35s}
.gml-source{position:relative}.gml-card{position:relative}
.gml-source:hover::before,.gml-card:hover::before{opacity:1}
.gml-source:hover,.gml-card:hover{box-shadow:0 2px 6px rgba(16,22,64,.06),0 28px 54px -20px rgba(66,108,246,.4)}
.gml-source .gml-ic,.gml-card .gml-ic{background:linear-gradient(145deg,#EDF2FF,#F7FAFF);
  box-shadow:inset 0 1px 0 #fff,0 8px 16px -8px rgba(66,108,246,.45)}

/* integrations tiles */
.gml-int{background:linear-gradient(180deg,#fff 60%,#FBFCFF)}
.gml-int:hover{box-shadow:0 2px 6px rgba(16,22,64,.06),0 20px 40px -16px rgba(66,108,246,.35);border-color:rgba(66,108,246,.3)}
.gml-int .gml-sq{background:linear-gradient(145deg,#EDF2FF,#F7FAFF);box-shadow:inset 0 1px 0 #fff,0 6px 12px -6px rgba(66,108,246,.4)}

/* mockups: colored depth + top highlight + gentle float */
.gml-canvas{border-color:rgba(66,108,246,.18);
  box-shadow:0 2px 6px rgba(16,22,64,.06),0 38px 76px -26px rgba(66,108,246,.42)}
.gml-ui{box-shadow:0 2px 6px rgba(16,22,64,.06),0 34px 68px -26px rgba(27,34,167,.32)}
.gml-ui::after,.gml-canvas::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.gml-canvas{position:relative}
.gml-js .gml-float{animation:gml-float 7s ease-in-out infinite}
.gml-js .gml-float-slow{animation:gml-float 9s ease-in-out 1s infinite}
@keyframes gml-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}

/* wait-card polish */
.gml-wstep{box-shadow:0 1px 2px rgba(16,22,64,.05),0 10px 22px -12px rgba(16,22,64,.18)}
.gml-pill{box-shadow:0 3px 8px -3px rgba(16,22,64,.2)}
.gml-live-tag{box-shadow:0 6px 16px -6px rgba(34,197,94,.5)}

/* unibox active tab gradient */
.gml-tab.gml-on{background:linear-gradient(135deg,var(--gml-blue),var(--gml-indigo));border-color:transparent;box-shadow:0 8px 18px -8px rgba(66,108,246,.6)}

/* giant outlined section numerals */
.gml-secnum{position:absolute;top:clamp(18px,3vw,34px);right:clamp(6px,2vw,28px);z-index:0;
  font-family:"Poppins",sans-serif;font-weight:700;font-size:clamp(4.5rem,9vw,8.5rem);line-height:1;
  color:transparent;-webkit-text-stroke:1.5px rgba(66,108,246,.14);pointer-events:none;user-select:none}
@media(max-width:900px){.gml-secnum{display:none}}
.gml-section>.gml-container{position:relative;z-index:1}

/* reveal stagger inside grids */
.gml-js .gml-sources .gml-reveal:nth-child(2){transition-delay:.05s}
.gml-js .gml-sources .gml-reveal:nth-child(3){transition-delay:.1s}
.gml-js .gml-sources .gml-reveal:nth-child(4){transition-delay:.15s}
.gml-js .gml-sources .gml-reveal:nth-child(5){transition-delay:.2s}
.gml-js .gml-sources .gml-reveal:nth-child(6){transition-delay:.25s}
.gml-js .gml-sources .gml-reveal:nth-child(7){transition-delay:.3s}
.gml-js .gml-sources .gml-reveal:nth-child(8){transition-delay:.35s}
.gml-js .gml-trio .gml-reveal:nth-child(2){transition-delay:.08s}
.gml-js .gml-trio .gml-reveal:nth-child(3){transition-delay:.16s}

/* CTA: pattern + ring + watermark */
.gml-cta{background:linear-gradient(150deg,#0D1230,#1B22A7 125%)}
.gml-cta .gml-cta-pat{position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:radial-gradient(circle,rgba(255,255,255,.13) 1px,transparent 1px);background-size:22px 22px;
  -webkit-mask-image:radial-gradient(80% 90% at 50% 0%,#000 20%,transparent 80%);
  mask-image:radial-gradient(80% 90% at 50% 0%,#000 20%,transparent 80%)}
.gml-cta .gml-petal{opacity:.1}

/* footer hairline + watermark */
.gml-footer{position:relative;overflow:hidden}
.gml-footer::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(93,130,255,.55),transparent)}
.gml-footer .gml-petal{opacity:.05}

/* hero glow: second aurora blob */
.gml-hero::before{content:"";position:absolute;bottom:-220px;left:-160px;width:560px;height:460px;border-radius:50%;
  background:radial-gradient(circle,rgba(27,34,167,.12),transparent 64%);pointer-events:none}


/* ===== v3: premium 3D renders ===== */
.gml-accent{position:absolute;pointer-events:none;z-index:0;
  -webkit-mask-image:radial-gradient(circle at 50% 50%,#000 52%,transparent 74%);
  mask-image:radial-gradient(circle at 50% 50%,#000 52%,transparent 74%);
  filter:drop-shadow(0 22px 38px rgba(27,34,167,.16))}
@media(max-width:900px){.gml-accent{display:none}}
.gml-band{display:grid;gap:36px;align-items:center}
@media(min-width:900px){.gml-band{grid-template-columns:.92fr 1.08fr;gap:60px}}
.gml-band-img{width:min(100%,420px);margin:0 auto;
  -webkit-mask-image:radial-gradient(circle at 50% 50%,#000 58%,transparent 80%);
  mask-image:radial-gradient(circle at 50% 50%,#000 58%,transparent 80%);
  filter:drop-shadow(0 36px 58px rgba(27,34,167,.24))}
.gml-band h2{margin-top:14px}
.gml-band .gml-lead{margin-top:14px}
.gml-band .gml-btn{margin-top:24px}

.gml-bubbles{width:min(66%,290px);margin-top:26px;
  -webkit-mask-image:radial-gradient(circle at 50% 46%,#000 46%,transparent 68%);
  mask-image:radial-gradient(circle at 50% 46%,#000 46%,transparent 68%);
  filter:drop-shadow(0 28px 44px rgba(27,34,167,.2))}


/* ===== integrations v2 ===== */
.gml-int-live{display:grid;gap:14px;margin-top:34px}
@media(min-width:820px){.gml-int-live{grid-template-columns:repeat(3,1fr)}}
.gml-intcard{position:relative;display:flex;align-items:center;gap:14px;background:linear-gradient(180deg,#fff 60%,#FBFCFF);border:1px solid var(--gml-line);border-radius:var(--gml-r-lg);padding:20px;box-shadow:var(--gml-sh);transition:transform .3s var(--gml-ease),box-shadow .3s}
.gml-intcard:hover{transform:translateY(-4px);box-shadow:0 2px 6px rgba(16,22,64,.06),0 24px 46px -18px rgba(66,108,246,.35)}
.gml-intlogo{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;flex-shrink:0;background:#fff;border:1px solid var(--gml-line);box-shadow:inset 0 1px 0 #fff,0 8px 16px -8px rgba(16,22,64,.2)}
.gml-intlogo img{width:26px;height:26px;display:block}
.gml-intlogo svg{width:22px;height:22px}
.gml-intlogo.gml-mono{border:none;color:#fff;font-family:"Poppins",sans-serif;font-weight:700;font-size:.82rem;letter-spacing:.02em}

/* two-card variant of the live-integrations grid */
.gml-int-live.gml-cols-2{grid-template-columns:1fr;max-width:600px;margin-left:auto;margin-right:auto}
@media(min-width:640px){.gml-int-live.gml-cols-2{grid-template-columns:repeat(2,1fr)}}
.gml-intcard h3{font-size:1rem;letter-spacing:-.02em}
.gml-intcard p{font-size:.82rem;color:var(--gml-muted);margin-top:3px;line-height:1.45}
.gml-livebadge{position:absolute;top:12px;right:12px;font-size:.58rem;font-weight:800;letter-spacing:.06em;color:var(--gml-green-d);background:var(--gml-green-soft);padding:3px 9px;border-radius:999px}
.gml-roadmap{margin-top:28px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.gml-rlabel{font-size:.68rem;font-weight:800;letter-spacing:.12em;color:var(--gml-faint);text-transform:uppercase;margin-right:6px}
.gml-rpill{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:600;color:var(--gml-ink2);background:#fff;border:1px solid var(--gml-line);border-radius:999px;padding:8px 14px;box-shadow:0 1px 2px rgba(16,22,64,.04);transition:transform .25s var(--gml-ease),border-color .25s}
.gml-rpill:hover{transform:translateY(-2px);border-color:rgba(66,108,246,.4)}
.gml-rpill img{width:15px;height:15px;display:block}
.gml-mini{width:17px;height:17px;border-radius:5px;display:grid;place-items:center;color:#fff;font-size:.5rem;font-weight:800;font-family:"Poppins",sans-serif;flex-shrink:0}
.gml-mini svg{width:11px;height:11px}

/* current nav item */
.gml-nav-links a.gml-on{color:var(--gml-blue);background:var(--gml-blue-soft);font-weight:600}

/* ============================================================
   Sub-page shared: simple page hero
   ============================================================ */
.gml-phero{padding:clamp(48px,7vw,88px) 0 clamp(30px,4vw,48px);text-align:center;position:relative;overflow:hidden}
.gml-phero .gml-kicker{margin-bottom:2px}
.gml-phero h1{margin-top:16px;font-size:clamp(2.1rem,1.5rem + 2.6vw,3.3rem);letter-spacing:-.036em}
.gml-phero .gml-lead{margin:16px auto 0;text-align:center}

/* ============================================================
   Pricing
   ============================================================ */
.gml-toggle-row{display:inline-flex;align-items:center;gap:12px;margin-top:26px;background:#fff;border:1px solid var(--gml-line);border-radius:999px;padding:5px;box-shadow:var(--gml-sh)}
.gml-toggle-row span{font-size:.85rem;font-weight:600;color:var(--gml-muted);padding:8px 16px;border-radius:999px;cursor:pointer;transition:color .25s}
.gml-toggle-row span.gml-on{color:#fff;background:linear-gradient(135deg,var(--gml-blue),var(--gml-indigo));box-shadow:0 6px 16px -6px rgba(66,108,246,.5)}
.gml-toggle-row .gml-save{font-size:.68rem;font-weight:700;color:var(--gml-green-d);background:var(--gml-green-soft);padding:2px 8px;border-radius:999px;margin-left:2px}

.gml-pricing{margin-top:44px;display:grid;gap:18px}
@media(min-width:900px){.gml-pricing{grid-template-columns:repeat(3,1fr);align-items:start}}
.gml-ptier{position:relative;background:linear-gradient(180deg,#fff 60%,#FBFCFF);border:1px solid var(--gml-line);border-radius:var(--gml-r-lg);padding:28px 24px;box-shadow:var(--gml-sh);text-align:left;transition:transform .3s var(--gml-ease),box-shadow .3s}
.gml-ptier:hover{transform:translateY(-4px);box-shadow:0 2px 6px rgba(16,22,64,.06),0 28px 54px -20px rgba(66,108,246,.4)}
.gml-ptier.gml-popular{border-color:rgba(66,108,246,.5);box-shadow:0 2px 6px rgba(16,22,64,.06),0 30px 60px -20px rgba(66,108,246,.45)}
@media(min-width:900px){.gml-ptier.gml-popular{transform:translateY(-14px)}.gml-ptier.gml-popular:hover{transform:translateY(-18px)}}
.gml-badge-pop{position:absolute;top:-13px;left:50%;transform:translateX(-50%);font-size:.68rem;font-weight:800;letter-spacing:.05em;color:#fff;background:linear-gradient(135deg,var(--gml-blue),var(--gml-indigo));padding:6px 16px;border-radius:999px;box-shadow:0 8px 18px -6px rgba(66,108,246,.6);white-space:nowrap}
.gml-pname{font-family:"Poppins",sans-serif;font-weight:600;font-size:1.15rem;letter-spacing:-.02em}
.gml-pdesc{font-size:.85rem;color:var(--gml-muted);margin-top:6px;line-height:1.5;min-height:2.7em}
.gml-pprice-row{display:flex;align-items:baseline;gap:6px;margin-top:20px}
.gml-pprice{font-family:"Poppins",sans-serif;font-size:2.5rem;font-weight:600;letter-spacing:-.03em}
.gml-pperiod{font-size:.85rem;color:var(--gml-faint)}
.gml-pnote{font-size:.76rem;color:var(--gml-faint);margin-top:4px}
.gml-ptier .gml-btn{width:100%;margin-top:22px}
.gml-ptier .gml-list{margin-top:22px;padding-top:22px;border-top:1px solid var(--gml-line)}
.gml-annual .gml-monthly-only{display:none}
.gml-monthly .gml-annual-only{display:none}

.gml-inclall{margin-top:56px;background:#fff;border:1px solid var(--gml-line);border-radius:var(--gml-r-lg);padding:clamp(24px,4vw,36px);box-shadow:var(--gml-sh)}
.gml-inclall h3{font-size:1.05rem}
.gml-inclgrid{margin-top:20px;display:grid;gap:12px 20px;grid-template-columns:1fr}
@media(min-width:700px){.gml-inclgrid{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.gml-inclgrid{grid-template-columns:1fr 1fr 1fr}}
.gml-inclgrid li{display:flex;gap:9px;font-size:.88rem;color:var(--gml-ink2);list-style:none;align-items:flex-start}

/* ============================================================
   Integration categories + code block
   ============================================================ */
.gml-catgrid{margin-top:34px;display:grid;gap:16px}
@media(min-width:820px){.gml-catgrid{grid-template-columns:repeat(3,1fr)}}
.gml-catcard{background:linear-gradient(180deg,#fff 60%,#FBFCFF);border:1px solid var(--gml-line);border-radius:var(--gml-r-lg);padding:24px;box-shadow:var(--gml-sh)}
.gml-catcard .gml-ic{width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#EDF2FF,#F7FAFF);color:var(--gml-blue);display:grid;place-items:center;box-shadow:inset 0 1px 0 #fff,0 8px 16px -8px rgba(66,108,246,.45)}
.gml-catcard .gml-ic svg{width:20px;height:20px}
.gml-catcard h3{font-size:1.02rem;margin-top:14px}
.gml-catcard p{font-size:.86rem;color:var(--gml-muted);margin-top:7px;line-height:1.55}

.gml-code{margin-top:20px;background:#0B0C18;color:#D7DAF0;border-radius:var(--gml-r-lg);padding:22px 24px;overflow-x:auto;font-family:"SFMono-Regular",Consolas,Menlo,monospace;font-size:.82rem;line-height:1.65;box-shadow:var(--gml-sh-lg)}
.gml-code .gml-k{color:#7FB4FF}
.gml-code .gml-s{color:#8FE3A6}
.gml-code .gml-c{color:#6E708A}

/* ============================================================
   About page
   ============================================================ */
.gml-story{max-width:760px;margin:0 auto}
.gml-story p+p{margin-top:16px}
.gml-values{display:grid;gap:16px;margin-top:34px}
@media(min-width:820px){.gml-values{grid-template-columns:repeat(3,1fr)}}

/* ============================================================
   Contact page
   ============================================================ */
.gml-contact-grid{display:grid;gap:36px}
@media(min-width:960px){.gml-contact-grid{grid-template-columns:1.1fr .9fr;gap:56px}}
.gml-form{background:#fff;border:1px solid var(--gml-line);border-radius:var(--gml-r-lg);padding:clamp(22px,3vw,34px);box-shadow:var(--gml-sh-lg)}
.gml-field{margin-bottom:16px}
.gml-field label{display:block;font-size:.8rem;font-weight:600;color:var(--gml-ink2);margin-bottom:7px}
.gml-field input,.gml-field textarea{width:100%;font-family:"Inter",sans-serif;font-size:.92rem;color:var(--gml-ink);background:var(--gml-bg2);border:1px solid var(--gml-line2);border-radius:11px;padding:12px 14px;transition:border-color .25s,box-shadow .25s}
.gml-field input:focus,.gml-field textarea:focus{outline:none;border-color:var(--gml-blue);box-shadow:0 0 0 4px rgba(66,108,246,.14);background:#fff}
.gml-field textarea{resize:vertical;min-height:110px}
.gml-form .gml-btn{width:100%;margin-top:6px}
.gml-form-note{font-size:.76rem;color:var(--gml-faint);margin-top:12px;text-align:center}
.gml-form-success{display:none;text-align:center;padding:30px 10px}
.gml-form-success .gml-ck{width:48px;height:48px;margin:0 auto;background:var(--gml-green-soft);color:var(--gml-green-d)}
.gml-form-success .gml-ck svg{width:22px;height:22px}
.gml-form-success h3{margin-top:16px;font-size:1.15rem}
.gml-form-success p{margin-top:8px;color:var(--gml-muted);font-size:.9rem}
.gml-form.gml-sent .gml-fields,.gml-form.gml-sent .gml-btn,.gml-form.gml-sent .gml-form-note{display:none}
.gml-form.gml-sent .gml-form-success{display:block}

.gml-contact-side{display:flex;flex-direction:column;gap:14px}
.gml-cinfo{background:#fff;border:1px solid var(--gml-line);border-radius:var(--gml-r-lg);padding:22px;box-shadow:var(--gml-sh);display:flex;gap:14px;align-items:flex-start}
.gml-cinfo .gml-ic{width:38px;height:38px;border-radius:11px;background:var(--gml-blue-soft);color:var(--gml-blue);display:grid;place-items:center;flex-shrink:0}
.gml-cinfo .gml-ic svg{width:18px;height:18px}
.gml-cinfo h4{font-size:.95rem}
.gml-cinfo p{font-size:.85rem;color:var(--gml-muted);margin-top:4px;line-height:1.55}
.gml-cinfo > div > a{font-size:.85rem;color:var(--gml-muted);margin-top:4px;display:block}
.gml-cinfo p a{color:var(--gml-blue);text-decoration:underline;text-underline-offset:2px}
.gml-cinfo > div > a:hover,.gml-cinfo p a:hover{color:var(--gml-blue-d)}