/* GlobalCRM.ai — landing page styles (Bootstrap 5.3 + custom) */
:root{
  --bg:#FFFFFF; --bg-alt:#F2F7FD; --surface:#FFFFFF; --surface-2:#F8FBFF;
  --ink:#0A1B3D; --ink-2:#485C7C; --ink-3:#647692; --line:#DBE6F6; --line-2:#C4D6F0;
  --logo-l:block; --logo-d:none;
  --blue:#1257E5; --blue-ink:#0B47C4; --blue-soft:#EAF1FE;
  --cyan:#0C9CC9; --cyan-bright:#22C9F2; --violet:#6152D9; --violet-soft:#F0EDFE; --teal:#0E9E93;
  --nav-bg:rgba(255,255,255,.78); --shadow:0 1px 2px rgba(10,27,61,.05),0 14px 34px -16px rgba(10,27,61,.18);
  --shadow-lg:0 2px 4px rgba(10,27,61,.05),0 30px 60px -24px rgba(10,27,61,.26);
  --grid-line:rgba(18,87,229,.07);
  --g4:repeat(4,minmax(0,1fr)); --g3:repeat(3,minmax(0,1fr)); --g2:repeat(2,minmax(0,1fr));
  --hero-cols:.86fr 1.14fr; --desk:flex; --mob:none; --padx:clamp(18px,4.5vw,56px);
  --layer-cols:repeat(5,minmax(0,1fr)); --apps-cols:repeat(8,minmax(0,1fr)); --voice-span:span 2;
  --foot-cols:1.4fr 1fr 1fr 1fr 1fr; --life-cols:repeat(7,minmax(0,1fr)); --rec-cols:1.55fr .95fr; --cap-cols:.82fr 1.18fr; --rail:flex; --tour-cols:64px minmax(0,1fr); --kan-cols:repeat(4,minmax(0,1fr)); --tbl-cols:1.6fr .8fr 1fr .7fr; --inbox-cols:.85fr 1.15fr; --chart-cols:1.5fr 1fr; --found-cols:1fr 1fr; --faq-cols:.72fr 1.28fr; --panel-cols:.85fr 1.15fr; --sol-fwd:row; --sol-rev:row-reverse; --sol-align:flex-start; --ch-cols:repeat(10,minmax(0,1fr)); --app-cols:126px minmax(0,1fr); --kpi-cols:repeat(4,minmax(0,1fr)); --ptile-cols:repeat(7,minmax(0,1fr)); --pchip-cols:repeat(6,minmax(0,1fr)); --side:flex; --cap-grid:repeat(2,minmax(0,1fr));
  --h-sales:#1257E5; --h-marketing:#0B8A66; --h-service:#C21745; --h-conv:#9A5A00; --h-voice:#5B34D6; --h-revenue:#0A8878; --h-analytics:#1745C7; --h-studio:#B81280;
  --c-sales:#2E7BFF; --c-marketing:#10B981; --c-service:#F0355E; --c-conv:#E08A00; --c-voice:#7C5CFA; --c-revenue:#0FB39C; --c-analytics:#3B6EF5; --c-studio:#E0399B;
  --i-sales:#1257E5; --i-marketing:#0B8A66; --i-service:#C21745; --i-conv:#8A5000; --i-voice:#5B34D6; --i-revenue:#0A8878; --i-analytics:#1745C7; --i-studio:#B81280;
}
:root[data-theme="dark"]{
  --bg:#060E20; --bg-alt:#091530; --surface:#0D1B36; --surface-2:#10203E;
  --ink:#FFFFFF; --ink-2:#AEC1DC; --ink-3:#8EA4C4; --line:rgba(125,165,220,.18); --line-2:rgba(125,165,220,.30);
  --blue:#3D8BFF; --blue-ink:#7FB2FF; --blue-soft:rgba(61,139,255,.13);
  --cyan:#35D6EF; --cyan-bright:#35D6EF; --violet:#9C8BFF; --violet-soft:rgba(156,139,255,.13); --teal:#2BD4C4;
  --nav-bg:rgba(8,18,38,.72); --shadow:0 1px 2px rgba(0,0,0,.3),0 18px 40px -20px rgba(0,0,0,.7);
  --shadow-lg:0 2px 6px rgba(0,0,0,.35),0 34px 70px -28px rgba(0,0,0,.8);
  --grid-line:rgba(120,170,255,.07); --logo-l:none; --logo-d:block;
  --i-sales:#6FA9FF; --i-marketing:#34D8A4; --i-service:#FF7A97; --i-conv:#FFC061; --i-voice:#A98BFF; --i-revenue:#2FD8BF; --i-analytics:#7CA5FF; --i-studio:#FF7BC6;
}
@media (max-width:1080px){ :root{ --g4:var(--g2); --g3:var(--g2); --hero-cols:1fr; --desk:none; --mob:flex; --layer-cols:repeat(3,minmax(0,1fr)); --apps-cols:repeat(4,minmax(0,1fr)); --life-cols:repeat(3,minmax(0,1fr)); --rec-cols:1fr; --cap-cols:1fr; --kan-cols:repeat(2,minmax(0,1fr)); --inbox-cols:1fr; --chart-cols:1fr; --found-cols:1fr; --faq-cols:1fr; --panel-cols:1fr; --sol-fwd:column; --sol-rev:column; --sol-align:stretch; --ch-cols:repeat(5,minmax(0,1fr)); --kpi-cols:repeat(auto-fit,minmax(138px,1fr)); --ptile-cols:repeat(auto-fit,minmax(82px,1fr)); --pchip-cols:repeat(auto-fit,minmax(118px,1fr)); --cap-grid:repeat(2,minmax(0,1fr)); --foot-cols:1fr 1fr 1fr; } }
@media (max-width:720px){ :root{ --g4:1fr; --g3:1fr; --g2:1fr; --layer-cols:1fr; --apps-cols:repeat(2,minmax(0,1fr)); --life-cols:1fr; --voice-span:span 1; --foot-cols:1fr 1fr; --rail:none; --tour-cols:minmax(0,1fr); --app-cols:minmax(0,1fr); --side:none; --ch-cols:repeat(4,minmax(0,1fr)); --pchip-cols:repeat(2,minmax(0,1fr)); --kpi-cols:repeat(2,minmax(0,1fr)); --ptile-cols:repeat(3,minmax(0,1fr)); --kan-cols:1fr; --tbl-cols:1.4fr .9fr; --cap-grid:1fr; } }
*{box-sizing:border-box}
html{scroll-behavior:smooth; scroll-padding-top:88px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Plus Jakarta Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased;transition:background-color .25s ease,color .25s ease}
h1,h2,h3,h4,p,ul,ol,figure{margin:0}
ul,ol{padding:0;list-style:none}
a{color:var(--blue-ink);text-decoration:none}
a:hover{color:var(--cyan)}
button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:4px}
::selection{background:rgba(18,87,229,.18)}
@keyframes gcrm-flow{0%{transform:translateY(-14px);opacity:0}18%{opacity:1}82%{opacity:1}100%{transform:translateY(44px);opacity:0}}
@keyframes gcrm-flowx{0%{transform:translateX(-10px);opacity:0}20%{opacity:1}80%{opacity:1}100%{transform:translateX(40px);opacity:0}}
@keyframes gcrm-pulse{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}
@keyframes gcrm-orbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes gcrm-sheen{0%{opacity:.25}50%{opacity:.7}100%{opacity:.25}}
@keyframes gcrm-ring{0%{transform:scale(.55);opacity:0}18%{opacity:.55}100%{transform:scale(1.5);opacity:0}}
@keyframes gcrm-spoke{0%{transform:translateX(97%);opacity:0}14%{opacity:1}86%{opacity:1}100%{transform:translateX(2%);opacity:0}}
@keyframes gcrm-sweep{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes gcrm-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes gcrm-floatc{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 6px))}}
@keyframes gcrm-pulsec{0%,100%{opacity:.35;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}}
@keyframes gcrm-down{0%{transform:translateY(-10px);opacity:0}20%{opacity:1}80%{opacity:1}100%{transform:translateY(16px);opacity:0}}
@keyframes gcrm-tile{0%,100%{box-shadow:var(--shadow)}50%{box-shadow:0 10px 26px -12px rgba(18,87,229,.55)}}
@keyframes gcrm-bar{0%{height:20%}100%{height:var(--bh,70%)}}
@keyframes gcrm-shine{0%{transform:translateX(-120%)}100%{transform:translateX(320%)}}
@keyframes gcrm-globe{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes gcrm-core{0%,100%{box-shadow:0 18px 44px -18px rgba(18,87,229,.75),0 0 0 0 rgba(53,214,239,.32)}50%{box-shadow:0 18px 50px -16px rgba(18,87,229,.9),0 0 0 14px rgba(53,214,239,0)}}
@keyframes gcrm-step{0%,90%,100%{box-shadow:0 0 0 0 rgba(53,214,239,0)}4%,13%{box-shadow:0 0 0 3px rgba(53,214,239,.30)}}
@media (prefers-reduced-motion: no-preference){
  [data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s cubic-bezier(.16,.8,.24,1)}
  [data-reveal].in{opacity:1;transform:none}
}
@media (prefers-reduced-motion: reduce){ *{animation:none !important;transition:none !important} }

/* ---- export-only behaviour styles ---- */
.gx-mega{display:none}
.gx-mega.gx-on{display:block}
@media (max-width:1080px){.gx-mega.gx-on{display:none}}
.gx-drawer{display:none}
.gx-drawer.gx-on{display:flex}
.gx-panel{display:none}
.gx-panel.gx-on{display:block}
.gx-faq{display:none}
.gx-faq.gx-on{display:block}
[data-theme="light"] .gx-ic-dark,[data-theme="dark"] .gx-ic-light{display:none}
li[data-extra]{display:none!important}
article:hover li[data-extra]{display:flex!important}
.gx-feature-grid{display:grid;grid-template-columns:var(--g2);gap:12px}
.gx-fcard{display:flex;gap:14px;padding:20px;border-radius:14px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}
.gx-fico{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--blue-soft);color:var(--blue-ink)}
.gx-fbody{flex:1 1 auto;min-width:0}
.gx-fname{font-size:15px;font-weight:800;color:var(--ink);letter-spacing:-.01em}
.gx-fdesc{margin-top:5px;font-size:13.5px;line-height:1.55;color:var(--ink-2)}
/* bootstrap reboot guards — keep the original design intact */
body{font-family:'Plus Jakarta Sans',system-ui,sans-serif!important;font-size:16px;line-height:normal}
h1,h2,h3,h4,h5,h6,p,ul,ol,figure,dl{margin:0}
ul,ol{padding-left:0;list-style:none}
button,input{font-family:inherit}
button:focus{outline:none}
a{text-decoration:none}
i.bi::before{vertical-align:middle}

/* ---- hover states ---- */
[data-h="0"]:hover{background:var(--blue-soft) !important}
[data-h="1"]:hover{background:var(--blue-soft) !important}
[data-h="2"]:hover{background:var(--blue-soft) !important}
[data-h="3"]:hover{background:var(--blue-soft) !important;color:var(--ink) !important}
[data-h="4"]:hover{background:var(--blue-soft) !important;color:var(--ink) !important}
[data-h="5"]:hover{background:var(--blue-soft) !important;color:var(--ink) !important}
[data-h="6"]:hover{background:var(--blue-soft) !important;color:var(--ink) !important}
[data-h="7"]:hover{border-color:var(--line-2) !important;color:var(--ink) !important}
[data-h="8"]:hover{border-color:var(--blue) !important;color:var(--blue) !important}
[data-h="9"]:hover{color:var(--blue) !important}
[data-h="10"]:hover{transform:translateY(-1px) !important;box-shadow:0 14px 28px -10px rgba(18,87,229,.85) !important;color:#fff !important}
[data-h="11"]:hover{background:var(--blue-soft) !important}
[data-h="12"]:hover{background:var(--blue-soft) !important}
[data-h="13"]:hover{background:var(--blue-soft) !important}
[data-h="14"]:hover{background:var(--blue-soft) !important}
[data-h="15"]:hover{background:var(--violet-soft) !important}
[data-h="16"]:hover{background:var(--blue-soft) !important}
[data-h="17"]:hover{background:var(--blue-soft) !important}
[data-h="18"]:hover{background:var(--blue-soft) !important}
[data-h="19"]:hover{background:var(--blue-soft) !important}
[data-h="20"]:hover{background:var(--blue-soft) !important}
[data-h="21"]:hover{background:var(--blue-soft) !important}
[data-h="22"]:hover{background:var(--violet-soft) !important}
[data-h="23"]:hover{background:var(--blue-soft) !important}
[data-h="24"]:hover{background:var(--blue-soft) !important}
[data-h="25"]:hover{background:var(--blue-soft) !important}
[data-h="26"]:hover{background:var(--blue-soft) !important}
[data-h="27"]:hover{background:var(--blue-soft) !important}
[data-h="28"]:hover{background:var(--blue-soft) !important}
[data-h="29"]:hover{background:var(--blue-soft) !important}
[data-h="30"]:hover{transform:translateY(-2px) !important;box-shadow:0 18px 36px -12px rgba(18,87,229,.9) !important;color:#fff !important}
[data-h="31"]:hover{border-color:var(--blue) !important;transform:translateY(-2px) !important;color:var(--ink) !important}
[data-h="32"]:hover{transform:translateY(-5px) !important;box-shadow:var(--shadow-lg) !important}
[data-h="33"]:hover{transform:translateY(-5px) !important;box-shadow:var(--shadow-lg) !important}
[data-h="34"]:hover{transform:translateY(-5px) !important;box-shadow:var(--shadow-lg) !important}
[data-h="35"]:hover{transform:translateY(-5px) !important;box-shadow:var(--shadow-lg) !important}
[data-h="36"]:hover{transform:translateY(-5px) !important;box-shadow:var(--shadow-lg) !important}
[data-h="37"]:hover{transform:translateY(-5px) !important;box-shadow:var(--shadow-lg) !important}
[data-h="38"]:hover{transform:translateY(-5px) !important;box-shadow:var(--shadow-lg) !important}
[data-h="39"]:hover{transform:translateY(-5px) !important;box-shadow:var(--shadow-lg) !important}
[data-h="40"]:hover{transform:translateY(-4px) !important}
[data-h="41"]:hover{transform:translateY(-4px) !important}
[data-h="42"]:hover{transform:translateY(-4px) !important}
[data-h="43"]:hover{transform:translateY(-2px) !important;box-shadow:0 18px 34px -14px rgba(97,82,217,.95) !important;color:#fff !important}
[data-h="44"]:hover{transform:translateY(-4px) !important;border-color:color-mix(in srgb,var(--c-sales) 45%,transparent) !important}
[data-h="45"]:hover{transform:translateY(-4px) !important;border-color:color-mix(in srgb,var(--c-marketing) 45%,transparent) !important}
[data-h="46"]:hover{transform:translateY(-4px) !important;border-color:color-mix(in srgb,var(--c-voice) 45%,transparent) !important}
[data-h="47"]:hover{transform:translateY(-4px) !important;border-color:color-mix(in srgb,var(--c-analytics) 45%,transparent) !important}
[data-h="48"]:hover{transform:translateY(-4px) !important;border-color:color-mix(in srgb,var(--c-revenue) 45%,transparent) !important}
[data-h="49"]:hover{border-color:var(--c-sales) !important;transform:translateY(-2px) !important;color:var(--ink) !important}
[data-h="50"]:hover{border-color:var(--c-conv) !important;transform:translateY(-2px) !important;color:var(--ink) !important}
[data-h="51"]:hover{border-color:var(--c-service) !important;transform:translateY(-2px) !important;color:var(--ink) !important}
[data-h="52"]:hover{border-color:var(--c-revenue) !important;transform:translateY(-2px) !important;color:var(--ink) !important}
[data-h="53"]:hover{border-color:var(--c-studio) !important;transform:translateY(-2px) !important;color:var(--ink) !important}
[data-h="54"]:hover{transform:translateY(-2px) !important;color:#fff !important}
[data-h="55"]:hover{border-color:var(--blue) !important;transform:translateY(-2px) !important;color:var(--ink) !important}
[data-h="56"]:hover{border-color:var(--blue) !important;transform:translateY(-2px) !important;color:var(--ink) !important}
[data-h="57"]:hover{transform:translateY(-2px) !important;color:#fff !important}
[data-h="58"]:hover{border-color:var(--blue) !important;transform:translateY(-2px) !important;color:var(--ink) !important}
[data-h="59"]:hover{border-color:var(--blue) !important;transform:translateY(-2px) !important;color:var(--ink) !important}
[data-h="60"]:hover{transform:translateY(-2px) !important;color:#fff !important}
[data-h="61"]:hover{border-color:#35D6EF !important;transform:translateY(-2px) !important;color:#fff !important}
[data-h="62"]:hover{color:#fff !important}
[data-h="63"]:hover{border-color:var(--blue) !important;color:var(--blue) !important}
[data-h="64"]:hover{border-color:var(--blue) !important;color:var(--blue) !important}
[data-h="65"]:hover{color:var(--blue) !important}
[data-h="66"]:hover{color:var(--blue) !important}
[data-h="67"]:hover{color:var(--blue) !important}
[data-h="68"]:hover{color:var(--blue) !important}
[data-h="69"]:hover{color:var(--blue) !important}
[data-h="70"]:hover{color:var(--blue) !important}
[data-h="71"]:hover{color:var(--blue) !important}
[data-h="72"]:hover{color:var(--blue) !important}
[data-h="73"]:hover{color:var(--blue) !important}
[data-h="74"]:hover{color:var(--blue) !important}
[data-h="75"]:hover{color:var(--blue) !important}
[data-h="76"]:hover{color:var(--blue) !important}
[data-h="77"]:hover{color:var(--blue) !important}
[data-h="78"]:hover{color:var(--blue) !important}
[data-h="79"]:hover{color:var(--blue) !important}
[data-h="80"]:hover{color:var(--blue) !important}
[data-h="81"]:hover{color:var(--blue) !important}
[data-h="82"]:hover{color:var(--blue) !important}
[data-h="83"]:hover{color:var(--blue) !important}
[data-h="84"]:hover{color:var(--blue) !important}
[data-h="85"]:hover{color:var(--blue) !important}
[data-h="86"]:hover{color:var(--blue) !important}
[data-h="87"]:hover{color:var(--blue) !important}
[data-h="88"]:hover{color:var(--blue) !important}

/* ---------- contact modal ---------- */
.modern-modal .modal-content{background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-lg)}
.modern-modal .modal-header{border-bottom:0;padding:28px 28px 4px;align-items:flex-start}
.modern-modal .popup-label{display:block;font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:600;letter-spacing:.13em;color:var(--blue)}
.modern-modal .popup-title{margin-top:8px;font-size:clamp(22px,2.6vw,28px);font-weight:800;color:var(--ink);letter-spacing:-.02em}
.modern-modal .popup-description{margin-top:8px;font-size:14px;line-height:1.5;color:var(--ink-2)}
.modern-modal .modern-close{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font-size:20px;line-height:1;transition:all .18s ease}
.modern-modal .modern-close:hover{border-color:var(--blue);color:var(--blue)}
.modern-modal .modal-body{padding:20px 28px 28px}
.modern-modal .form-group{margin-bottom:18px}
.modern-modal .row{display:flex;flex-wrap:wrap;margin:0 -8px}
.modern-modal .row>.col-md-6{padding:0 8px;flex:1 1 240px;min-width:0}
.modern-modal .form-label{display:block;margin-bottom:7px;font-size:13.5px;font-weight:700;color:var(--ink)}
.modern-modal .required{color:#E5484D}
.modern-modal .form-control{width:100%;padding:12px 14px;border-radius:11px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);font:inherit;font-size:14.5px;transition:border-color .18s ease,background .18s ease}
.modern-modal textarea.form-control{resize:vertical;min-height:90px}
.modern-modal .form-control::placeholder{color:var(--ink-3)}
.modern-modal .form-control:focus{outline:none;border-color:var(--blue);background:var(--surface)}
.modern-modal .form-control.is-invalid{border-color:#E5484D}
.modern-modal .field-error{margin-top:6px;font-size:12.5px;color:#E5484D;min-height:1px}
.modern-modal .form-alert{margin-bottom:18px;padding:11px 14px;border-radius:11px;font-size:13.5px;font-weight:600}
.modern-modal .form-alert-error{background:rgba(229,72,77,.1);color:#E5484D;border:1px solid rgba(229,72,77,.25)}
.modern-modal .captcha-field-wrap{display:flex;align-items:center;gap:10px}
.modern-modal .captcha-field-wrap img.captcha{height:46px;border-radius:9px;border:1px solid var(--line);background:#fff}
.modern-modal .captcha-field-wrap .form-control{flex:1 1 auto}
.modern-modal .captcha-refresh-btn{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:11px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink-2);font-size:17px;transition:all .18s ease}
.modern-modal .captcha-refresh-btn:hover{border-color:var(--blue);color:var(--blue)}
.modern-modal .submit-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:15px 20px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--cyan-bright));color:#fff;font-size:15.5px;font-weight:700;box-shadow:0 10px 26px -10px rgba(18,87,229,.75);transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}
.modern-modal .submit-btn:hover{transform:translateY(-1px)}
.modern-modal .submit-btn:disabled{opacity:.7;cursor:default;transform:none}
.modern-modal .submit-btn .btn-loading{display:none;align-items:center;gap:8px}
.modern-modal .submit-btn.is-loading .btn-label{display:none}
.modern-modal .submit-btn.is-loading .btn-loading{display:flex}
.modern-modal .btn-spinner{width:15px;height:15px;border-radius:50%;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;animation:btn-spinner-spin .7s linear infinite}
@keyframes btn-spinner-spin{to{transform:rotate(360deg)}}
@media (max-width:640px){ .modern-modal .row{flex-direction:column} .modern-modal .row>.col-md-6{flex-basis:auto} }
[data-h="89"]:hover{color:var(--blue) !important}