/* ==========================================================================
   Cliqtrail design system — three selectable styles on one markup.
   body.cq-style-a  Light (Signal)   body.cq-style-b  Dark   body.cq-style-c  Console
   Fonts are self-hosted from ../fonts (SIL OFL).
   ========================================================================== */

/* ---- Fonts --------------------------------------------------------------- */
@font-face{font-family:'Bricolage Grotesque';font-weight:700;font-style:normal;font-display:swap;src:url(../fonts/Bricolage-Bold.woff) format('woff')}
@font-face{font-family:'Bricolage Grotesque';font-weight:800;font-style:normal;font-display:swap;src:url(../fonts/Bricolage-ExtraBold.woff) format('woff')}
@font-face{font-family:'Geist';font-weight:100 900;font-style:normal;font-display:swap;src:url(../fonts/Geist-Variable.woff2) format('woff2')}
@font-face{font-family:'Geist Mono';font-weight:100 900;font-style:normal;font-display:swap;src:url(../fonts/GeistMono-Variable.woff2) format('woff2')}
@font-face{font-family:'Sora';font-weight:400 500;font-style:normal;font-display:swap;src:url(../fonts/Sora-Regular.woff) format('woff')}
@font-face{font-family:'Sora';font-weight:600;font-style:normal;font-display:swap;src:url(../fonts/Sora-SemiBold.woff) format('woff')}
@font-face{font-family:'Sora';font-weight:700 800;font-style:normal;font-display:swap;src:url(../fonts/Sora-Bold.woff) format('woff')}
@font-face{font-family:'JetBrains Mono';font-weight:100 800;font-style:normal;font-display:swap;src:url(../fonts/JetBrainsMono-Variable.woff2) format('woff2')}
@font-face{font-family:'Noto Naskh Arabic';font-weight:400 700;font-style:normal;font-display:swap;src:url(../fonts/NotoNaskhArabic-Variable.woff) format('woff')}

/* ---- Tokens: A Light ------------------------------------------------------ */
body.cq-style-a,body{
  --bg:#FFFFFF; --ink:#14161B; --ink-strong:#14161B; --t2:#4F5563; --t3:#6B7180; --t4:#7A808C;
  --band:#F6F7F9; --card:#FFFFFF; --line:#E6E8EC; --line2:#E9EBEF; --line3:#E3E6EA; --line-band:#EEF0F3; --strong:#CDD1D9; --pill-line:#D5D9E0;
  --accent:#E5283A; --accent-h:#C81E30; --on-accent:#fff; --eyebrow:#1F5BD8; --blue:#1468F5; --step:#1468F5;
  --btn:#E5283A; --btn-h:#C81E30; --btn-on:#fff; --link:#1F5BD8;
  --head-bg:rgba(255,255,255,.9); --head-line:#E9EBEF; --shadow:0 20px 40px rgba(17,20,27,.1);
  --hover:#F1F3F6; --core:#EEF3FF; --ring1:rgba(31,91,216,.12); --ring2:rgba(31,91,216,.2); --bubble-bg:#fff;
  --cta-bg:#E5283A; --cta-ink:#14161B; --cta-btn-bg:#fff; --cta-btn-ink:#14161B; --toggle-off:#C9CED8; --plan-hover:#E5283A;
  --chat-bg:#fff; --chat-ink:#14161B; --chat-line:#E3E7EF; --chat-border:#E6E8EC; --chat-muted:#4A5878; --bot-bg:#fff; --bot-border:#E3E7EF;
  --voice-bg:#fff; --voice-ink:#14161B; --voice-muted:#6B7180; --voice-line:#E9EBEF; --voice-border:#E6E8EC; --call:#E5283A; --call-end:#14161B; --bar:#E5283A;
  --input-bg:#fff; --input-line:#D5DBE6; --input-ink:#0B1E4A; --focus:#1468F5; --err:#E11D33; --send:#0B1E4A; --sug-line:#C9D6F5; --sug-ink:#1468F5; --sug-hover:#EEF3FF;
  --card-shadow:0 12px 40px -20px rgba(17,20,27,.18);
  --f-head:'Bricolage Grotesque','Noto Naskh Arabic',system-ui,sans-serif; --f-body:'Geist','Noto Naskh Arabic',system-ui,sans-serif; --f-mono:'Geist Mono',ui-monospace,monospace;
  --pad-x:28px; --msg-radius:16px;
}
/* ---- Tokens: B Dark ------------------------------------------------------- */
body.cq-style-b{
  --bg:#07132E; --ink:#F2F5FB; --ink-strong:#fff; --t2:#B6C1D9; --t3:#A9B4CC; --t4:#7F8CA8;
  --band:#0B1A3D; --card:#0E1F45; --line:rgba(255,255,255,.1); --line2:rgba(255,255,255,.08); --line3:rgba(255,255,255,.12); --line-band:rgba(255,255,255,.06); --strong:rgba(255,255,255,.25); --pill-line:rgba(255,255,255,.18);
  --accent:#FF3347; --accent-h:#FF5466; --eyebrow:#8FB4FF; --blue:#8FB4FF; --step:#8FB4FF;
  --btn:#FF3347; --btn-h:#FF5466; --link:#8FB4FF;
  --head-bg:rgba(7,19,46,.88); --head-line:rgba(255,255,255,.08); --shadow:0 20px 40px rgba(0,0,0,.4);
  --hover:#10224B; --core:#F7F8FB; --ring1:rgba(143,180,255,.18); --ring2:rgba(143,180,255,.26); --bubble-bg:#0E1F45;
  --cta-bg:#FF3347; --cta-ink:#fff; --cta-btn-bg:#07132E; --cta-btn-ink:#fff; --toggle-off:#334468; --plan-hover:#FF3347;
  --chat-bg:#F7F8FB; --chat-ink:#0B1E4A; --chat-border:transparent;
  --voice-bg:#0E1F45; --voice-ink:#E6EBF5; --voice-muted:#A9B4CC; --voice-line:rgba(255,255,255,.08); --voice-border:rgba(255,255,255,.08); --call:#FF3347; --call-end:#334468; --bar:#FF3347;
  --card-shadow:none; --err:#FF7A88;
  --input-bg:#0B1A3D; --input-line:rgba(255,255,255,.18); --input-ink:#F2F5FB;
}
/* ---- Tokens: C Console ---------------------------------------------------- */
body.cq-style-c{
  --bg:#EEF1F6; --ink:#0B1E4A; --ink-strong:#0B1E4A; --t2:#3F4D6B; --t3:#5B6783; --t4:#8792AA;
  --band:#F6F8FB; --card:#FFFFFF; --line:#D9DEE8; --line2:#E3E7EF; --line3:#EEF1F6; --line-band:#E3E7EF; --strong:#D9DEE8; --pill-line:#D9DEE8;
  --accent:#F0283C; --accent-h:#D21A2E; --on-accent:#fff; --eyebrow:#F0283C; --blue:#1468F5; --step:#1468F5;
  --btn:#1468F5; --btn-h:#0F56CF; --link:#1468F5;
  --head-bg:rgba(255,255,255,.9); --head-line:#D9DEE8; --shadow:0 20px 40px -10px rgba(11,30,74,.25);
  --hover:#F1F4F9; --core:#F6F8FB; --ring1:transparent; --ring2:transparent; --bubble-bg:#fff;
  --cta-bg:#1468F5; --cta-ink:#fff; --cta-btn-bg:#fff; --cta-btn-ink:#0B1E4A; --toggle-off:#C5CCDA; --plan-hover:#1468F5;
  --chat-bg:#fff; --chat-ink:#0B1E4A; --chat-line:#E3E7EF; --chat-border:#D9DEE8; --chat-muted:#5B6783; --bot-bg:#F1F4F9; --bot-border:transparent;
  --voice-bg:#fff; --voice-ink:#0B1E4A; --voice-muted:#5B6783; --voice-line:#E3E7EF; --voice-border:#D9DEE8; --call:#F0283C; --call-end:#3B4E7A; --bar:#F0283C;
  --input-bg:#fff; --input-line:#D9DEE8; --input-ink:#0B1E4A; --err:#D21A2E; --send:#0B1E4A;
  --f-head:'Sora','Noto Naskh Arabic',system-ui,sans-serif; --f-body:'Sora','Noto Naskh Arabic',system-ui,sans-serif; --f-mono:'JetBrains Mono',ui-monospace,monospace;
  --pad-x:20px; --msg-radius:14px;
}

/* ---- Base ------------------------------------------------------------------ */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-body);-webkit-font-smoothing:antialiased;overflow-x:clip;line-height:1.5}
body a{text-decoration:none}
img{max-width:100%;height:auto}
input,select,textarea,button{font:inherit}
::placeholder{color:var(--t4)}
[hidden]{display:none!important}
.screen-reader-text,.cq-skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cq-skip:focus{position:fixed;top:8px;left:8px;z-index:100;background:#fff;color:#000;padding:10px 14px;border-radius:8px}
.cq-site-header{position:sticky;top:0;z-index:20}
.cq-main{display:block}
.cq-sec{position:relative;scroll-margin-top:72px}
body.cq-style-c .cq-sec{scroll-margin-top:96px}
.cq-wrap{max-width:1240px;margin:0 auto;padding:110px var(--pad-x)}
.cq-band{background:var(--band);border-top:1px solid var(--line-band)}
.cq-demo-sec.cq-band,.cq-principles.cq-band{border-bottom:1px solid var(--line-band)}
body.cq-style-c .cq-band{background:transparent;border-color:transparent}

/* Elementor: remove default gaps so the design's own spacing applies */
.cq-elementor-page .elementor-widget:not(:last-child){margin-block-end:0}
.cq-elementor-page .elementor-widget-container{margin:0}
.cq-elementor-page .e-con{--gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--margin-top:0px;--margin-bottom:0px}
.cq-elementor-page .e-con>.e-con-inner{padding:0;max-width:none}
.elementor-widget[class*="elementor-widget-cq_"]{width:100%}

/* ---- Type ------------------------------------------------------------------ */
.cq-eyebrow{font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;color:var(--eyebrow);text-transform:uppercase}
body.cq-style-c .cq-eyebrow{letter-spacing:.1em}
.cq-h{margin:0;font-family:var(--f-head);color:var(--ink-strong);text-wrap:balance}
.cq-h1,.cq-h2{margin:0}
.cq-h1{font-weight:800;font-size:clamp(44px,6vw,84px);line-height:.95;letter-spacing:-.04em}
.cq-h2{font-weight:700;font-size:clamp(36px,4.6vw,60px);line-height:1;letter-spacing:-.03em}
body.cq-style-c .cq-h1{font-weight:700;line-height:1;letter-spacing:-.045em}
body.cq-style-c .cq-h2{font-size:clamp(32px,4vw,52px);line-height:1.05;letter-spacing:-.04em}
.cq-red{color:var(--accent)} .cq-blue{color:var(--blue)}
body.cq-style-c .cq-red{color:#F0283C}
.cq-head{display:flex;flex-direction:column;gap:14px}
body.cq-style-c .cq-head{gap:12px}
.cq-sub{margin:0;color:var(--t2);font-size:17px;line-height:1.55}
.cq-lead{margin:0;font-size:19px;line-height:1.55;color:var(--t2);max-width:640px;text-wrap:pretty}
body.cq-style-c .cq-lead{font-size:18px;line-height:1.6;color:var(--t2)}
.cq-num{font-family:var(--f-mono);font-size:13px;color:var(--accent)}
.cq-prose p{margin:0 0 1em}
.cq-notice{border:1px dashed var(--strong);padding:16px;border-radius:12px;color:var(--t2)}

/* ---- Buttons --------------------------------------------------------------- */
.cq-btns{display:flex;gap:12px;flex-wrap:wrap}
body.cq-style-c .cq-btns{gap:10px}
.cq-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:1px solid transparent;border-radius:999px;padding:16px 28px;font-weight:600;font-size:16px;line-height:1.2;transition:background .15s,border-color .15s,color .15s}
body.cq-style-c .cq-btn{border-radius:12px;padding:15px 26px;font-size:15px}
.cq-btn--primary{background:var(--btn);color:var(--btn-on,#fff)} .cq-btn--primary:hover{background:var(--btn-h);color:#fff}
.cq-btn--ghost{background:transparent;color:var(--ink);border-color:var(--strong);font-weight:500} .cq-btn--ghost:hover{border-color:var(--ink);color:var(--ink)}
body.cq-style-c .cq-btn--ghost{background:#fff;color:#0B1E4A}
.cq-btn--light{background:var(--cta-btn-bg);color:var(--cta-btn-ink);padding:17px 30px} .cq-btn--light:hover{color:var(--cta-btn-ink);opacity:.92}
body.cq-style-c .cq-btn--light{padding:15px 26px} body.cq-style-c .cq-btn--light:hover{background:#EAF1FF}
.cq-btn--danger{background:transparent;color:#C81E30;border-color:#C81E30;font-weight:400;font-size:14px;padding:12px 20px}
body.cq-style-b .cq-btn--danger{color:#FF7A88;border-color:#FF7A88}
.cq-btn--block{width:100%}
.cq-btn--sm{padding:9px 16px;font-size:13px}
body.cq-style-c .cq-btn--sm{padding:9px 14px;border-radius:10px}
.cq-mini{background:none;border:1px solid var(--input-line);border-radius:999px;padding:6px 12px;font-size:12px;color:var(--chat-muted);cursor:pointer}
body.cq-style-c .cq-mini{border-radius:10px}

/* ---- Header ---------------------------------------------------------------- */
.cq-header{background:var(--head-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--head-line);color:var(--ink)}
.cq-header__bar{max-width:1240px;margin:0 auto;padding:14px 28px;display:flex;align-items:center;gap:24px}
.cq-logo{display:flex;align-items:center;gap:8px;color:var(--ink);font-family:var(--f-head);font-weight:800;font-size:26px;letter-spacing:-.03em}
.cq-logo__icon{display:none;width:30px;height:30px}
.cq-logo__word{display:flex}
.cq-logo__a{color:var(--ink-strong)} .cq-logo__b{color:var(--accent)}
.cq-logo--footer{font-size:28px}
.cq-nav{flex:1}
.cq-nav__list{list-style:none;margin:0;padding:0;display:flex;gap:22px;justify-content:center;align-items:center}
.cq-nav__link{display:flex;gap:6px;align-items:center;font-size:14px;padding:6px 0;color:var(--ink);background:none;border:0;border-bottom:2px solid transparent;opacity:.62;cursor:pointer;font-family:inherit}
.cq-nav__link:hover,.cq-nav__item.is-active>.cq-nav__link,.cq-nav__dd.is-open>.cq-nav__link{opacity:1;color:var(--ink)}
.cq-nav__item.is-active>.cq-nav__link{border-bottom-color:var(--accent)}
.cq-caret{font-size:10px}
.cq-nav__dd{position:relative}
.cq-dd{display:none;position:absolute;top:calc(100% + 14px);left:-16px;width:240px;background:var(--card);border:1px solid var(--line3);border-radius:16px;padding:8px;flex-direction:column;box-shadow:var(--shadow)}
.cq-nav__dd.is-open .cq-dd{display:flex}
.cq-dd a{padding:10px 12px;border-radius:10px;font-size:14px;color:var(--ink)} .cq-dd a:hover{background:var(--hover)}
.cq-dd .cq-dd__all{font-size:13px;color:var(--link);border-top:1px solid var(--line2);margin-top:4px;border-radius:0}
.cq-header__cta{font-size:14px;padding:11px 20px;white-space:nowrap}
body.cq-style-c .cq-header__cta{font-size:13px;padding:11px 18px;border-radius:10px}
.cq-menu-toggle{display:none;background:transparent;color:var(--ink);border:1px solid var(--strong);border-radius:999px;padding:10px 16px;font-size:14px;cursor:pointer;font-family:inherit}
.cq-mobile-nav{display:flex;flex-direction:column;padding:4px 28px 20px;border-top:1px solid var(--line2)}
.cq-mobile-nav a{font-size:18px;padding:14px 0;color:var(--ink);border-bottom:1px solid var(--line2)}
.cq-mobile-nav .cq-mobile-nav__sub{font-size:16px;padding:10px 0;color:var(--t2);border:0}
.cq-mobile-nav__label{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;color:var(--eyebrow);padding:18px 0 6px}
@media (max-width:979px){
  .cq-nav{display:none}.cq-menu-toggle{display:inline-block}.cq-header__bar>.cq-logo{margin-right:auto}
}
@media (min-width:980px){.cq-mobile-nav{display:none!important}}
/* C: floating bar */
body.cq-style-c .cq-header{background:transparent;border:0;backdrop-filter:none;padding:12px 20px 0}
body.cq-style-c .cq-header__bar{max-width:1200px;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:16px;padding:10px 12px 10px 20px;gap:20px}
body.cq-style-c .cq-logo{font-size:20px;font-weight:700}
body.cq-style-c .cq-logo__icon{display:block}
body.cq-style-c .cq-logo__a{color:#0B1E4A}
body.cq-style-c .cq-nav__list{gap:18px}
body.cq-style-c .cq-nav__link{font-size:13px;padding:5px 0;opacity:.7}
body.cq-style-c .cq-nav__item.is-active>.cq-nav__link{border-bottom-color:#1468F5}
body.cq-style-c .cq-dd{width:250px;left:-14px;top:calc(100% + 16px);border-radius:14px;padding:6px}
body.cq-style-c .cq-dd a{border-radius:9px}
body.cq-style-c .cq-dd .cq-dd__all{font-weight:600;border-top-color:var(--line3)}
body.cq-style-c .cq-menu-toggle{background:#fff;border-radius:10px;border-color:var(--line);font-size:13px;padding:10px 14px}
body.cq-style-c .cq-mobile-nav{max-width:1200px;margin:8px auto 0;background:#fff;border:1px solid var(--line);border-radius:16px;padding:6px 20px 14px}
body.cq-style-c .cq-mobile-nav a{font-size:16px;padding:13px 0;border-bottom-color:var(--line3)}
body.cq-style-c .cq-mobile-nav .cq-mobile-nav__sub{font-size:15px;padding:9px 0}
body.cq-style-c .cq-mobile-nav__label{font-size:12px;letter-spacing:.1em;color:var(--t3);padding:16px 0 4px}

/* ---- Footer ---------------------------------------------------------------- */
.cq-footer{background:var(--band);color:var(--ink);border-top:1px solid var(--head-line)}
body.cq-style-b .cq-footer{background:#07132E}
.cq-footer__wrap{max-width:1240px;margin:0 auto;padding:80px 28px 36px;display:flex;flex-direction:column;gap:56px}
.cq-footer__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:36px}
.cq-footer__brand{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.cq-footer__brand p{margin:0;font-size:14px;line-height:1.55;color:var(--t3);max-width:240px}
.cq-footer__mail{font-size:14px;color:var(--accent)}
.cq-footer__col{display:flex;flex-direction:column;gap:12px}
.cq-footer__title{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;color:var(--eyebrow);text-transform:uppercase}
.cq-footer__col a{font-size:15px;color:var(--t2)} .cq-footer__col a:hover{color:var(--ink)}
.cq-footer__bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:24px;border-top:1px solid var(--line);font-size:13px;color:var(--t3)}
body.cq-style-c .cq-footer{background:#fff;border-top-color:var(--line)}
body.cq-style-c .cq-footer__wrap{padding:64px 20px 32px;gap:48px}
body.cq-style-c .cq-footer__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:32px}
body.cq-style-c .cq-logo--footer{font-size:20px}
body.cq-style-c .cq-footer__brand p{font-size:13px;line-height:1.6;color:var(--t2)}
body.cq-style-c .cq-footer__mail{font-size:13px;font-weight:600;color:#1468F5}
body.cq-style-c .cq-footer__col{gap:11px}
body.cq-style-c .cq-footer__title{letter-spacing:.1em;color:var(--t3)}
body.cq-style-c .cq-footer__col a{font-size:14px;color:var(--ink)} body.cq-style-c .cq-footer__col a:hover{color:#1468F5}
body.cq-style-c .cq-footer__bottom{padding-top:20px;border-top-color:var(--line3);font-size:12px;color:var(--t3)}

/* ---- Cookie banner + style switcher ---------------------------------------- */
.cq-cookie{position:fixed;right:16px;bottom:16px;z-index:40;width:min(calc(100% - 32px),380px);background:var(--card);border:1px solid var(--line3);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow);color:var(--ink)}
.cq-cookie strong{font-size:15px} .cq-cookie p{margin:0;font-size:14px;line-height:1.55;color:var(--t2)}
.cq-cookie__btns{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.cq-cookie__btns a{color:var(--link);font-size:13px;padding:9px 4px}
body.cq-style-c .cq-cookie{border-radius:16px;gap:12px} body.cq-style-c .cq-cookie strong{font-size:14px} body.cq-style-c .cq-cookie p{font-size:13px;line-height:1.6}
.cq-switcher{position:fixed;left:16px;bottom:16px;z-index:30;display:flex;gap:4px;padding:4px;background:#fff;border-radius:999px;box-shadow:0 4px 20px rgba(17,20,27,.12);font-family:var(--f-mono);font-size:12px}
.cq-switcher a{padding:6px 12px;border-radius:999px;color:#0B1E4A} .cq-switcher a.is-on{background:#0B1E4A;color:#fff}

/* ---- Hero ------------------------------------------------------------------- */
.cq-hero{overflow-x:clip}
.cq-hero--split>.cq-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:56px;align-items:center;padding:96px 28px 80px}
.cq-hero__copy{display:flex;flex-direction:column;gap:28px;align-items:flex-start}
.cq-hero .cq-h1{font-size:clamp(48px,7vw,96px);max-width:none}
.cq-hero__copy .cq-lead{max-width:520px}
.cq-orbit{position:relative;aspect-ratio:1;max-width:520px;width:100%;justify-self:center;display:grid;place-items:center}
.cq-orbit__ring,.cq-orbit__core{position:absolute;border-radius:50%}
.cq-orbit__ring--1{inset:0;border:1px solid var(--ring1)} .cq-orbit__ring--2{inset:12%;border:1px solid var(--ring2)} .cq-orbit__core{inset:25%;background:var(--core)}
.cq-orbit__img{position:relative;width:46%;mix-blend-mode:multiply}
.cq-bubble{position:absolute;background:var(--bubble-bg);border:1px solid var(--line);border-radius:14px;padding:10px 14px;font-size:14px;color:var(--ink)}
.cq-bubble--1{top:8%;left:-2%} .cq-bubble--2{top:22%;right:-4%;font-size:15px} .cq-bubble--3{bottom:18%;left:-6%} .cq-bubble--4{bottom:4%;right:6%;font-size:15px}
body.cq-style-c .cq-hero--center>.cq-wrap{padding:88px 20px 48px}
.cq-hero__center{display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px}
body.cq-style-c .cq-hero .cq-h1{font-size:clamp(44px,6.4vw,88px);max-width:980px}
body.cq-style-c .cq-hero__center .cq-lead{max-width:640px}
.cq-hero__center .cq-btns{justify-content:center}
.cq-badge{display:flex;gap:8px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 14px 6px 8px;font-size:13px}
.cq-badge__tag{background:#F0283C;color:#fff;border-radius:999px;padding:3px 9px;font-family:var(--f-mono);font-size:11px}

/* ---- Nuri demo: shared ------------------------------------------------------ */
.cq-demo-sec>.cq-wrap{padding:96px 28px;display:flex;flex-direction:column;gap:36px}
.cq-demo{display:flex;flex-direction:column;gap:36px}
.cq-demo__top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.cq-demo__top .cq-head{max-width:620px}
.cq-demo__pills{display:flex;flex-direction:column;gap:10px}
.cq-pills{display:flex;gap:6px;flex-wrap:wrap}
.cq-pill{cursor:pointer;border-radius:999px;padding:7px 14px;font-size:14px;background:transparent;color:var(--t2);border:1px solid var(--pill-line)}
.cq-pill--lg{padding:9px 16px}
.cq-pill.is-on{background:var(--accent);color:#fff;border-color:var(--accent)}
.cq-demo__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:20px}
.cq-card{border-radius:24px;display:flex;flex-direction:column;height:520px;overflow:hidden;box-shadow:var(--card-shadow)}
.cq-card.cq-chat{background:var(--chat-bg);color:var(--chat-ink);border:1px solid var(--chat-border)}
.cq-card.cq-voice{background:var(--voice-bg);color:var(--voice-ink);border:1px solid var(--voice-border)}
.cq-card__bar{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--chat-line)}
.cq-voice .cq-card__bar{justify-content:space-between;border-bottom-color:var(--voice-line)}
.cq-card__bar img{width:40px;height:40px;border-radius:12px;background:#fff;border:1px solid var(--chat-line)}
.cq-card__titles{flex:1;display:flex;flex-direction:column}
.cq-card__titles strong{font-size:15px} .cq-card__titles span{font-size:12px;color:var(--chat-muted)}
.cq-voice .cq-card__titles span{color:var(--voice-muted)}
.cq-chat__msgs{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:10px;min-height:0}
.cq-m{max-width:80%;padding:11px 14px;border-radius:var(--msg-radius);font-size:15px;line-height:1.5}
.cq-m--bot{align-self:flex-start;background:var(--bot-bg);border:1px solid var(--bot-border);color:var(--chat-ink)}
.cq-m--user{align-self:flex-end;background:#1468F5;color:#fff}
.cq-typing{align-self:flex-start;font-size:13px;color:var(--chat-muted);font-family:var(--f-mono)}
.cq-chat__sugg{display:flex;gap:8px;flex-wrap:wrap;padding:0 20px 12px}
.cq-sug{cursor:pointer;background:#fff;border:1px solid var(--sug-line);color:var(--sug-ink);border-radius:999px;padding:7px 12px;font-size:13px} .cq-sug:hover{background:var(--sug-hover)}
.cq-chat__input{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--chat-line)}
.cq-chat__input input{flex:1;min-width:0;border:1px solid var(--input-line);border-radius:999px;padding:11px 16px;font-size:15px;outline:none;background:#fff;color:#0B1E4A}
.cq-chat__input input:focus{border-color:#1468F5}
.cq-chat__input button{background:var(--send);color:#fff;border:0;border-radius:999px;padding:0 18px;font-size:14px;cursor:pointer}
.cq-timer{font-family:var(--f-mono);font-size:14px;color:var(--eyebrow)}
.cq-bars{height:150px;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 28px}
.cq-bar{display:block;width:6px;border-radius:3px;background:var(--bar);height:8%;min-height:6px;transition:height .1s}
.cq-voice__tr{flex:1;overflow-y:auto;padding:4px 20px 12px;display:flex;flex-direction:column;gap:12px;min-height:0}
.cq-voice__idle{margin:auto;text-align:center;color:var(--voice-muted);font-size:15px;max-width:300px;line-height:1.5}
.cq-tr{display:flex;flex-direction:column;gap:3px}
.cq-tr__who{font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;color:var(--eyebrow);text-transform:uppercase}
.cq-tr__text{font-size:15px;line-height:1.5;color:var(--voice-ink)}
.cq-voice__foot{padding:16px 20px;border-top:1px solid var(--voice-line)}
.cq-callbtn{width:100%;border:0;border-radius:999px;padding:15px;font-weight:600;font-size:15px;color:#fff;cursor:pointer;background:var(--call)}
.cq-callbtn.is-calling{background:var(--call-end)}
/* Console layout (C) */
body.cq-style-c .cq-demo-sec>.cq-wrap{padding:24px 20px 100px;gap:0}
.cq-console{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 30px 60px -30px rgba(11,30,74,.25);display:grid;grid-template-columns:minmax(240px,1fr) 2fr;overflow:hidden}
.cq-console__side{background:#F6F8FB;border-right:1px solid var(--line2);padding:22px;display:flex;flex-direction:column;gap:22px}
.cq-console__brand{display:flex;align-items:center;gap:12px} .cq-console__brand img{width:44px;height:44px;background:#fff;border-radius:12px;border:1px solid var(--line2)}
.cq-console__brand div{display:flex;flex-direction:column} .cq-console__brand strong{font-size:15px} .cq-console__brand span{font-size:12px;color:var(--t2)}
.cq-console__group{display:flex;flex-direction:column;gap:6px}
.cq-console__label{font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;color:var(--t3)}
.cq-console__opt,.cq-console__lang{cursor:pointer;border:1px solid var(--line);background:#fff;color:#0B1E4A;border-radius:10px;padding:10px 12px;font-size:14px;display:flex;justify-content:space-between;text-align:left}
.cq-console__lang{padding:9px 8px;justify-content:center}
.cq-console__opt.is-on,.cq-console__lang.is-on{background:#1468F5;color:#fff;border-color:#1468F5;box-shadow:0 0 0 3px #CFE0FF}
.cq-console__n{font-family:var(--f-mono);font-size:11px;opacity:.6}
.cq-console__langs{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.cq-console__main{min-width:0;display:flex;flex-direction:column;height:560px}
.cq-console__tabs{display:flex;align-items:center;gap:6px;padding:12px 16px;border-bottom:1px solid var(--line2)}
.cq-console__tabs button{cursor:pointer;border:0;border-radius:10px;padding:9px 16px;font-size:14px;font-weight:500;background:transparent;color:var(--t2)}
.cq-console__tabs button.is-on{background:#0B1E4A;color:#fff}
.cq-console__meta{margin-left:auto;font-family:var(--f-mono);font-size:12px;color:var(--t3)}
.cq-console__pane{flex:1;min-height:0}
.cq-console__pane--chat{display:flex;flex-direction:column;background:#fff;color:#0B1E4A}
.cq-console__pane--chat .cq-chat__msgs{padding:24px} .cq-console__pane--chat .cq-m{max-width:75%}
.cq-console__pane--chat .cq-chat__sugg{padding:0 24px 12px}
.cq-console__pane--chat .cq-chat__input input{border-radius:12px;padding:12px 14px;border-color:var(--line)}
.cq-console__pane--chat .cq-chat__input button{border-radius:12px;padding:0 20px}
.cq-console__pane--voice{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.cq-voice__stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:24px;background:#0B1E4A;color:#fff}
.cq-voice__stage .cq-timer{font-size:28px;color:#fff}
.cq-voice__stage .cq-bars{height:110px;width:100%;padding:0;gap:4px} .cq-voice__stage .cq-bar{width:5px;min-height:5px}
.cq-voice__status{font-size:13px;color:#B9C4DC}
.cq-voice__stage .cq-callbtn{width:auto;padding:14px 30px}
.cq-console__pane--voice .cq-voice__tr{padding:22px;color:#0B1E4A}
.cq-console__pane--voice .cq-voice__idle{margin:0;text-align:left;max-width:none;color:var(--t2)}
body.cq-style-c .cq-tr{padding:10px 12px;border-radius:12px;background:#F6F8FB}
body.cq-style-c .cq-tr__who{color:#1468F5} body.cq-style-c .cq-tr__text{font-size:14px;color:#0B1E4A}

/* ---- Industry cards ---------------------------------------------------------- */
.cq-industries>.cq-wrap{display:flex;flex-direction:column;gap:40px}
.cq-industries .cq-h2{max-width:760px}
.cq-ind-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px}
.cq-ind-card{position:relative;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:22px;padding:26px;display:flex;flex-direction:column;gap:18px;min-height:280px}
.cq-ind-card:hover{border-color:var(--accent)}
.cq-ind-card__title{display:flex;flex-direction:column;gap:6px}
.cq-ind-card h3{margin:0;font-family:var(--f-head);font-size:28px;font-weight:700;letter-spacing:-.02em}
.cq-ind-card__title span{font-size:14px;color:var(--t3)}
.cq-ind-card>p{margin:0;font-size:15px;line-height:1.55;color:var(--t2);flex:1}
.cq-chips{display:none;list-style:none;margin:0;padding:0;flex-wrap:wrap;gap:6px}
.cq-chips li{background:#F1F4F9;border-radius:8px;padding:5px 9px;font-size:12px;color:#0B1E4A}
.cq-ind-card__link{font-size:14px;color:var(--link)}
.cq-ind-card__link::after{content:'';position:absolute;inset:0;border-radius:inherit}
body.cq-style-c .cq-industries>.cq-wrap{padding:60px 20px 100px;gap:36px}
body.cq-style-c .cq-ind-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr))}
body.cq-style-c .cq-ind-card{border-radius:20px;padding:24px;gap:16px;min-height:0}
body.cq-style-c .cq-ind-card:hover{border-color:var(--line)}
body.cq-style-c .cq-ind-card h3{font-size:22px} body.cq-style-c .cq-ind-card__title span{font-size:13px;color:var(--t2)}
body.cq-style-c .cq-ind-card>p{font-size:14px;line-height:1.6;color:var(--t2)}
body.cq-style-c .cq-ind-card .cq-num{font-size:12px;color:var(--t3)}
body.cq-style-c .cq-chips{display:flex}
body.cq-style-c .cq-ind-card__link{color:#1468F5;font-weight:600}

/* ---- Features --------------------------------------------------------------- */
.cq-features>.cq-wrap{display:flex;flex-direction:column;gap:48px}
.cq-feat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:24px;overflow:hidden}
.cq-feat{background:var(--band);padding:32px;display:flex;flex-direction:column;gap:14px}
.cq-feat:hover{background:var(--hover)}
.cq-feat h3{margin:0;font-family:var(--f-head);font-size:24px;font-weight:700;letter-spacing:-.02em}
.cq-feat p{margin:0;color:var(--t2);font-size:15px;line-height:1.6}
body.cq-style-c .cq-features>.cq-wrap{padding:0 20px 100px;gap:36px}
body.cq-style-c .cq-feat-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:14px;background:none;border:0;border-radius:0;overflow:visible}
body.cq-style-c .cq-feat{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px;gap:12px}
body.cq-style-c .cq-feat:hover{border-color:#1468F5}
body.cq-style-c .cq-feat h3{font-size:19px} body.cq-style-c .cq-feat p{font-size:14px;line-height:1.65}
body.cq-style-c .cq-feat .cq-num,body.cq-style-c .cq-ind-detail .cq-num{width:36px;height:36px;border-radius:10px;background:#EAF1FF;color:#1468F5;display:grid;place-items:center;font-size:12px;font-weight:500}

/* ---- Steps ------------------------------------------------------------------ */
.cq-steps>.cq-wrap{display:flex;flex-direction:column;gap:48px}
.cq-step-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px}
.cq-step{display:flex;flex-direction:column;gap:16px;padding-top:24px;border-top:2px solid var(--step)}
.cq-step__n{font-family:var(--f-head);font-weight:800;font-size:72px;line-height:1;color:var(--step)}
.cq-step h3{margin:0;font-size:22px;font-weight:600} .cq-step p{margin:0;color:var(--t2);font-size:16px;line-height:1.55}
body.cq-style-c .cq-steps{background:#0B1E4A;color:#fff}
body.cq-style-c .cq-steps>.cq-wrap{padding:96px 20px;gap:44px}
body.cq-style-c .cq-steps .cq-h,body.cq-style-c .cq-steps h3{color:#fff} body.cq-style-c .cq-steps .cq-eyebrow{color:#FF6B7A}
body.cq-style-c .cq-step-grid{gap:14px}
body.cq-style-c .cq-step{border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:26px;gap:14px}
body.cq-style-c .cq-step__n{width:40px;height:40px;border-radius:50%;background:#F0283C;color:#fff;display:grid;place-items:center;font-size:16px;font-weight:700;font-family:var(--f-body)}
body.cq-style-c .cq-step h3{font-size:20px;font-weight:700} body.cq-style-c .cq-step p{font-size:15px;line-height:1.6;color:#B9C4DC}

/* ---- Pricing ---------------------------------------------------------------- */
.cq-pricing [data-cq-pricing]{display:flex;flex-direction:column;gap:40px}
.cq-pricing__head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.cq-toggle{display:flex;gap:4px;padding:4px;border:1px solid var(--line3);border-radius:999px}
body.cq-style-a .cq-toggle{border-color:#DADDE3}
.cq-toggle button{cursor:pointer;border:0;border-radius:999px;padding:9px 18px;font-size:14px;background:transparent;color:var(--t2)}
.cq-toggle button.is-on{background:var(--accent);color:#fff}
.cq-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}
.cq-plan{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:30px;display:flex;flex-direction:column;gap:22px}
.cq-plan__top{display:flex;justify-content:space-between;align-items:center} .cq-plan__top strong{font-size:18px}
.cq-tag{background:var(--accent);color:#fff;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}
.cq-plan__price{display:flex;flex-direction:column;gap:4px}
.cq-price{font-family:var(--f-head);font-size:52px;font-weight:800;letter-spacing:-.03em;line-height:1}
.cq-period{font-size:13px;color:var(--t3)}
.cq-plan__desc{margin:0;color:var(--t2);font-size:15px;line-height:1.5}
.cq-plan__feats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;flex:1}
.cq-plan__feats li{display:flex;gap:10px;font-size:15px} .cq-plan__feats li::before{content:'—';color:var(--accent)}
.cq-btn--plan{border:1px solid var(--strong);background:transparent;color:var(--ink);font-size:15px;font-weight:500;padding:13px;border-radius:999px}
.cq-btn--plan:hover{background:var(--plan-hover);border-color:var(--plan-hover);color:#fff}
.cq-note{margin:0;font-family:var(--f-mono);font-size:12px;color:var(--t4)}
body.cq-style-c .cq-pricing>.cq-wrap{padding:100px 20px}
body.cq-style-c .cq-pricing [data-cq-pricing]{align-items:center;gap:36px}
body.cq-style-c .cq-pricing__head{flex-direction:column;align-items:center;text-align:center;gap:36px}
body.cq-style-c .cq-pricing .cq-head{align-items:center}
body.cq-style-c .cq-toggle{background:#fff;border-radius:12px;border-color:var(--line)}
body.cq-style-c .cq-toggle button{border-radius:9px} body.cq-style-c .cq-toggle button.is-on{background:#1468F5}
body.cq-style-c .cq-plans{width:100%;gap:14px}
body.cq-style-c .cq-plan{border-radius:20px;padding:28px;gap:20px} body.cq-style-c .cq-plan__top strong{font-size:17px}
body.cq-style-c .cq-tag{background:#EAF1FF;color:#1468F5}
body.cq-style-c .cq-plan__price{flex-direction:row;align-items:baseline;gap:8px;flex-wrap:wrap}
body.cq-style-c .cq-price{font-size:44px;font-weight:700;letter-spacing:-.04em} body.cq-style-c .cq-period{color:var(--t3)}
body.cq-style-c .cq-plan__desc{font-size:14px;line-height:1.55} body.cq-style-c .cq-plan__feats li{font-size:14px}
body.cq-style-c .cq-plan__feats li::before{content:'✓';color:#1468F5}
body.cq-style-c .cq-btn--plan{background:#0B1E4A;color:#fff;border:0;border-radius:12px;font-size:14px;font-weight:600}
body.cq-style-c .cq-btn--plan:hover{background:#1468F5}
body.cq-style-c .cq-note{color:var(--t3)}

/* ---- CTA --------------------------------------------------------------------- */
.cq-cta>.cq-wrap{padding:40px 28px 110px}
.cq-cta__box{background:var(--cta-bg);border-radius:32px;padding:clamp(32px,6vw,72px);display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;color:#fff}
.cq-cta .cq-h2{font-weight:800;font-size:clamp(36px,5vw,68px);line-height:.95;letter-spacing:-.04em;max-width:640px;color:var(--cta-ink)}
.cq-cta__copy p{display:none}
body.cq-style-c .cq-cta>.cq-wrap{padding:0 20px 90px}
body.cq-style-c .cq-cta__box{border-radius:28px;padding:clamp(28px,5vw,60px);align-items:center;gap:28px}
body.cq-style-c .cq-cta__copy{display:flex;flex-direction:column;gap:12px;max-width:620px}
body.cq-style-c .cq-cta .cq-h2{font-weight:700;font-size:clamp(30px,4vw,48px);line-height:1.05;letter-spacing:-.045em}
body.cq-style-c .cq-cta__copy p{display:block;margin:0;font-size:16px;line-height:1.6}

/* ---- FAQ --------------------------------------------------------------------- */
.cq-faq>.cq-wrap.cq-faq__wrap{padding:88px 28px 110px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:48px}
.cq-faq__intro{display:flex;flex-direction:column;gap:14px;align-self:start}
.cq-faq .cq-h1{font-weight:700;font-size:clamp(36px,4.6vw,60px);line-height:1;letter-spacing:-.03em}
.cq-faq__intro .cq-sub{font-size:16px} .cq-faq__intro .cq-sub a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.cq-faq__list{display:flex;flex-direction:column;border-top:1px solid var(--line3)}
.cq-faq__item{border-bottom:1px solid var(--line3)}
.cq-faq__item>button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;background:none;border:0;color:var(--ink);text-align:left;cursor:pointer;font-size:18px;font-weight:500}
.cq-faq__sign{flex:none;width:32px;height:32px;border-radius:50%;border:1px solid var(--pill-line);display:grid;place-items:center;color:var(--accent);font-size:18px}
.cq-faq__a p{margin:0 0 24px;color:var(--t2);font-size:16px;line-height:1.65;max-width:620px}
body.cq-style-c .cq-faq>.cq-wrap.cq-faq__wrap{max-width:860px;display:flex;flex-direction:column;align-items:center;gap:32px;padding:80px 20px 100px}
body.cq-style-c .cq-faq__intro{display:contents}
body.cq-style-c .cq-faq .cq-eyebrow,body.cq-style-c .cq-faq .cq-h1{text-align:center}
body.cq-style-c .cq-faq .cq-h1{font-size:clamp(32px,4vw,52px);line-height:1.05;letter-spacing:-.04em;margin-top:-20px}
body.cq-style-c .cq-faq__list{order:3;width:100%;gap:8px;border:0}
body.cq-style-c .cq-faq__intro .cq-sub{order:4;text-align:center;font-size:14px;color:var(--t2)}
body.cq-style-c .cq-faq__intro .cq-sub a{color:#1468F5;font-weight:600;text-decoration:none}
body.cq-style-c .cq-faq__item{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
body.cq-style-c .cq-faq__item>button{padding:18px 22px;font-size:16px;font-weight:600;gap:16px}
body.cq-style-c .cq-faq__sign{width:28px;height:28px;border:0;border-radius:8px;background:#EAF1FF;color:#1468F5;font-size:16px}
body.cq-style-c .cq-faq__a p{margin:0;padding:0 22px 20px;font-size:15px;max-width:none}

/* ---- About -------------------------------------------------------------------- */
.cq-about-hero>.cq-wrap{padding:88px 28px 80px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:56px;align-items:center}
.cq-about-hero__l{display:flex;flex-direction:column;gap:24px}
.cq-about-hero .cq-prose{display:flex;flex-direction:column;gap:18px;font-size:18px;line-height:1.6;color:var(--t2)} .cq-about-hero .cq-prose p{margin:0}
body.cq-style-c .cq-about-hero>.cq-wrap{padding:80px 20px 56px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px}
body.cq-style-c .cq-about-hero__l{align-items:center;gap:22px} body.cq-style-c .cq-about-hero .cq-h1{font-size:clamp(40px,5.6vw,76px);max-width:900px}
body.cq-style-c .cq-about-hero .cq-prose{line-height:1.65;max-width:680px}
.cq-principles>.cq-wrap{padding:100px 28px;display:flex;flex-direction:column;gap:44px}
.cq-principles__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px}
.cq-principle{display:flex;flex-direction:column;gap:14px;padding-top:24px;border-top:2px solid var(--accent)}
.cq-principle h3{margin:0;font-size:22px;font-weight:600} .cq-principle p{margin:0;color:var(--t2);font-size:16px;line-height:1.55}
body.cq-style-c .cq-principles>.cq-wrap{padding:0 20px 80px;gap:24px}
body.cq-style-c .cq-principles__h{display:none} body.cq-style-c .cq-principles__grid{gap:14px}
body.cq-style-c .cq-principle{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px;gap:10px}
body.cq-style-c .cq-principle h3{font-size:19px;font-weight:700;letter-spacing:-.02em} body.cq-style-c .cq-principle p{font-size:14px;line-height:1.65}
.cq-meet>.cq-wrap{padding:110px 28px 40px}
.cq-meet__card{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:48px;align-items:center}
.cq-meet__art{aspect-ratio:1;max-width:420px;width:100%;border-radius:50%;background:var(--core);display:grid;place-items:center;justify-self:center}
.cq-meet__art img{width:56%;mix-blend-mode:multiply}
.cq-meet__copy{display:flex;flex-direction:column;gap:20px;align-items:flex-start} .cq-meet__copy p{margin:0;font-size:18px;line-height:1.6;color:var(--t2)}
body.cq-style-c .cq-meet>.cq-wrap{padding:0 20px 80px}
body.cq-style-c .cq-meet__card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:clamp(28px,5vw,56px);gap:40px}
body.cq-style-c .cq-meet__art{max-width:320px;border-radius:28px;background:#F6F8FB} body.cq-style-c .cq-meet__art img{width:60%;mix-blend-mode:normal}
body.cq-style-c .cq-meet__copy{gap:16px} body.cq-style-c .cq-meet__copy p{font-size:16px;line-height:1.7}
body.cq-style-c .cq-meet .cq-btn--ghost{background:#0B1E4A;color:#fff;border:0;font-weight:600;font-size:14px;padding:13px 22px}
body.cq-style-c .cq-meet .cq-btn--ghost:hover{background:#1468F5;color:#fff}

/* ---- Contact ------------------------------------------------------------------ */
.cq-contact>.cq-wrap.cq-contact__grid{padding:110px 28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:56px}
.cq-contact__copy{display:flex;flex-direction:column;gap:18px}
.cq-contact .cq-eyebrow{color:#1468F5}
.cq-contact .cq-h1{font-size:clamp(40px,5vw,72px)}
.cq-contact .cq-lead{font-size:17px;max-width:440px;color:#4A5878}
body.cq-style-b .cq-contact .cq-lead{color:var(--t2)}
.cq-contact__mail{margin:0;font-size:15px;color:var(--t2)} .cq-contact__mail a{color:var(--accent)}
.cq-contact__card{background:var(--card);border:1px solid var(--chat-line);border-radius:24px;padding:32px;color:var(--ink)}
body.cq-style-b .cq-contact__card{border-color:var(--line)}
.cq-form{display:flex;flex-direction:column;gap:16px}
.cq-form__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.cq-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500}
.cq-form input,.cq-form select,.cq-form textarea{border:1px solid var(--input-line);border-radius:12px;padding:12px 14px;font-size:15px;outline:none;background:var(--input-bg);color:var(--input-ink);font-weight:400}
.cq-form textarea{resize:vertical}
.cq-form input:focus,.cq-form select:focus,.cq-form textarea:focus{border-color:#1468F5}
.cq-err{color:var(--err);font-size:12px;font-weight:400;min-height:0}
.cq-form__error{background:rgba(225,29,51,.08);color:var(--err);border-radius:10px;padding:10px 12px;font-size:14px}
.cq-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.cq-form .cq-btn--block{padding:16px}
.cq-form__done{display:flex;flex-direction:column;gap:14px;align-items:flex-start;padding:20px 0}
.cq-form__done img{width:72px} .cq-form__done h3{margin:0;font-family:var(--f-head);font-size:32px;letter-spacing:-.02em} .cq-form__done p{margin:0;font-size:16px;line-height:1.55;color:var(--chat-muted)}
.cq-contact-info{background:var(--band);border-top:1px solid var(--chat-line)}
.cq-contact-info__grid{max-width:1240px;margin:0 auto;padding:56px 28px 90px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:28px}
.cq-info{display:flex;flex-direction:column;gap:6px} .cq-info .cq-eyebrow{font-size:11px;color:#1468F5} body.cq-style-b .cq-info .cq-eyebrow{color:var(--eyebrow)}
.cq-info a{font-size:17px;color:var(--input-ink)} body.cq-style-b .cq-info a{color:var(--ink)}
body.cq-style-c .cq-contact{background:transparent}
body.cq-style-c .cq-contact>.cq-wrap.cq-contact__grid{width:calc(100% - 40px);max-width:1200px;margin:56px auto 40px;padding:clamp(28px,5vw,60px);background:#1468F5;color:#fff;border-radius:28px;gap:44px;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr))}
body.cq-style-c .cq-contact .cq-eyebrow{color:#fff} body.cq-style-c .cq-contact .cq-h1{font-size:clamp(36px,4.6vw,60px);color:#fff;line-height:1}
body.cq-style-c .cq-contact .cq-lead{font-size:17px;line-height:1.6;color:#fff} body.cq-style-c .cq-contact__mail{color:#fff} body.cq-style-c .cq-contact__mail a{color:#fff;text-decoration:underline}
body.cq-style-c .cq-contact__card{border:0;border-radius:20px;padding:28px}
body.cq-style-c .cq-form{gap:14px} body.cq-style-c .cq-form__grid{gap:14px}
body.cq-style-c .cq-form input,body.cq-style-c .cq-form select,body.cq-style-c .cq-form textarea{border-radius:10px;padding:11px 13px}
body.cq-style-c .cq-form .cq-btn--block{background:#F0283C;border-radius:12px;padding:15px;font-size:15px} body.cq-style-c .cq-form .cq-btn--block:hover{background:#D21A2E}
body.cq-style-c .cq-form__done h3{font-size:28px;letter-spacing:-.03em} body.cq-style-c .cq-form__done p{font-size:15px;color:var(--t2)}
body.cq-style-c .cq-contact-info{background:transparent;border:0}
body.cq-style-c .cq-contact-info__grid{max-width:1240px;padding:0 20px 90px;gap:14px}
body.cq-style-c .cq-info{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}
body.cq-style-c .cq-info .cq-eyebrow{color:var(--t3);letter-spacing:.1em} body.cq-style-c .cq-info a{font-size:15px;font-weight:600}

/* ---- Legal + data controls -------------------------------------------------- */
.cq-legal>.cq-wrap.cq-legal__grid{padding:72px 28px 110px;display:grid;grid-template-columns:260px minmax(0,1fr);gap:48px;align-items:start}
.cq-legal__nav{display:flex;flex-direction:column;gap:4px;position:sticky;top:96px}
.cq-legal__nav .cq-eyebrow{padding:0 16px 12px}
.cq-legal__nav a{padding:12px 16px;border-radius:12px;color:var(--t3);font-size:15px} .cq-legal__nav a:hover{color:var(--ink)}
.cq-legal__nav a.is-active{background:var(--card);color:var(--ink);border-left:2px solid var(--accent)}
.cq-legal__main{min-width:0;max-width:760px;display:flex;flex-direction:column;gap:30px}
.cq-legal__head{display:flex;flex-direction:column;gap:14px;padding-bottom:28px;border-bottom:1px solid var(--line)}
.cq-legal .cq-h1{font-size:clamp(40px,5vw,68px);line-height:1}
.cq-legal__updated{font-family:var(--f-mono);font-size:13px;color:var(--t4)}
.cq-legal__sec{display:flex;flex-direction:column;gap:10px}
.cq-legal__sec h2{margin:0;font-family:var(--f-head);font-size:26px;font-weight:700;letter-spacing:-.02em}
.cq-legal__sec p{margin:0;font-size:17px;line-height:1.7;color:var(--t2)}
.cq-legal__foot{margin:0;font-size:15px;color:var(--t3)} .cq-legal__foot a{color:var(--accent)}
.cq-legal__intro{margin:0;font-size:17px;line-height:1.6;color:var(--t2)}
.cq-panel{background:var(--band);border:1px solid var(--line);border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:14px}
.cq-prefs{padding:8px 28px 28px;gap:0}
.cq-pref{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--line2)}
.cq-pref div{display:flex;flex-direction:column;gap:4px} .cq-pref strong{font-size:16px;font-weight:500} .cq-pref span{font-size:14px;color:var(--t3);line-height:1.5}
.cq-switch{flex:none;width:50px;height:28px;border-radius:999px;border:0;padding:3px;cursor:pointer;display:flex;background:var(--toggle-off);justify-content:flex-start}
.cq-switch>span{display:block;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.cq-switch.is-on{background:var(--accent);justify-content:flex-end} .cq-switch.is-locked{opacity:.5;cursor:default}
.cq-save{align-self:flex-start;margin-top:22px;padding:13px 24px;font-size:15px}
.cq-datacard h2{margin:0;font-family:var(--f-head);font-size:26px;font-weight:700;letter-spacing:-.02em} .cq-datacard p{margin:0;font-size:15px;line-height:1.6;color:var(--t2)}
.cq-datacard .cq-btns{gap:10px} .cq-datacard .cq-btn{font-size:14px;padding:12px 20px;font-weight:400}
.cq-msg{background:var(--hover);border:1px solid rgba(20,91,216,.2);border-radius:14px;padding:14px 16px;font-size:15px;color:var(--ink)}
body.cq-style-c .cq-legal>.cq-wrap.cq-legal__grid{padding:56px 20px 90px;gap:28px;grid-template-columns:230px minmax(0,1fr)}
body.cq-style-c .cq-legal__nav{background:#F6F8FB;border:1px solid var(--line);border-radius:16px;padding:10px;top:110px}
body.cq-style-c .cq-legal__nav .cq-eyebrow{display:none}
body.cq-style-c .cq-legal__nav a{padding:11px 14px;border-radius:10px;font-size:14px;color:var(--t2)} body.cq-style-c .cq-legal__nav a:hover{background:#fff;color:#0B1E4A}
body.cq-style-c .cq-legal__nav a.is-active{background:#0B1E4A;color:#fff;border:0}
body.cq-style-c .cq-legal__main{max-width:none;background:#fff;border:1px solid var(--line);border-radius:24px;padding:clamp(24px,4vw,48px);gap:26px}
body.cq-style-c .cq-legal__head{gap:10px;padding-bottom:22px;border-bottom-color:var(--line3)}
body.cq-style-c .cq-legal .cq-h1{font-size:clamp(32px,4vw,52px);line-height:1.05}
body.cq-style-c .cq-legal__updated{font-size:12px;color:var(--t3)}
body.cq-style-c .cq-legal__sec{gap:8px;max-width:720px} body.cq-style-c .cq-legal__sec h2{font-size:19px}
body.cq-style-c .cq-legal__sec p{font-size:15px;line-height:1.75} body.cq-style-c .cq-legal__foot{font-size:14px;color:var(--t3)}
body.cq-style-c .cq-legal__foot a{color:#1468F5} body.cq-style-c .cq-legal__intro{font-size:15px;line-height:1.65}
body.cq-style-c .cq-panel{background:transparent;border:1px solid var(--line2);border-radius:16px;padding:20px;gap:10px}
body.cq-style-c .cq-prefs{padding:6px 20px 20px}
body.cq-style-c .cq-pref{padding:16px 0;border-bottom-color:var(--line3)} body.cq-style-c .cq-pref strong{font-size:15px;font-weight:600} body.cq-style-c .cq-pref span{font-size:13px;color:var(--t3)}
body.cq-style-c .cq-switch{width:44px;height:24px} body.cq-style-c .cq-switch>span{width:18px;height:18px} body.cq-style-c .cq-switch.is-on{background:#1468F5}
body.cq-style-c .cq-save{margin-top:16px;padding:12px 20px;font-size:14px;border-radius:10px}
body.cq-style-c .cq-datacard h2{font-size:19px} body.cq-style-c .cq-datacard p{font-size:14px}
body.cq-style-c .cq-datacard .cq-btns{gap:8px} body.cq-style-c .cq-datacard .cq-btn{border-radius:10px;padding:11px 16px}
body.cq-style-c .cq-datacard .cq-btn--danger{background:#FFF1F2;color:#C0162A;border-color:#F7C6CC}
body.cq-style-c .cq-msg{background:#EAF1FF;border:0;border-radius:12px;padding:12px 14px;font-size:14px}
@media (max-width:820px){.cq-legal>.cq-wrap.cq-legal__grid,body.cq-style-c .cq-legal>.cq-wrap.cq-legal__grid{grid-template-columns:1fr}.cq-legal__nav{position:static}}

/* ---- Industry page ------------------------------------------------------------ */
.cq-ind-hero>.cq-wrap{padding:72px 28px 80px;display:flex;flex-direction:column;gap:28px;align-items:flex-start}
.cq-ind-hero .cq-h1{font-size:clamp(44px,6.6vw,92px);max-width:1000px}
.cq-crumbs{display:flex;gap:10px;font-size:14px;color:var(--t3)} .cq-crumbs a{color:var(--t3)} .cq-crumbs__cur{color:var(--ink)}
.cq-ind-details>.cq-wrap{padding:0 28px 110px}
.cq-ind-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:24px;overflow:hidden}
.cq-ind-detail{background:var(--card);padding:30px;display:flex;flex-direction:column;gap:14px}
.cq-ind-detail h3{margin:0;font-family:var(--f-head);font-size:24px;font-weight:700;letter-spacing:-.02em} .cq-ind-detail p{margin:0;color:var(--t2);font-size:15px;line-height:1.6}
.cq-ind-other>.cq-wrap{padding:110px 28px 40px;display:flex;flex-direction:column;gap:28px}
.cq-ind-other__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px}
.cq-ind-other__grid a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px;border:1px solid var(--line3);border-radius:20px;color:var(--ink)}
.cq-ind-other__grid a:hover{border-color:var(--accent)}
.cq-ind-other__grid a>span:first-child{display:flex;flex-direction:column;gap:4px}
.cq-ind-other__grid strong{font-family:var(--f-head);font-size:22px} .cq-ind-other__grid a span span{font-size:13px;color:var(--t3)}
.cq-ind-other__arrow{color:var(--accent);font-size:20px}
body.cq-style-c .cq-ind-hero>.cq-wrap{padding:72px 20px 56px;gap:22px}
body.cq-style-c .cq-crumbs{font-size:13px} body.cq-style-c .cq-ind-hero .cq-h1{font-size:clamp(40px,5.8vw,80px);max-width:960px}
body.cq-style-c .cq-ind-details>.cq-wrap{padding:0 20px 40px}
body.cq-style-c .cq-ind-detail-grid{gap:14px;background:none;border:0;border-radius:0;overflow:visible}
body.cq-style-c .cq-ind-detail{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;gap:12px}
body.cq-style-c .cq-ind-detail h3{font-size:18px} body.cq-style-c .cq-ind-detail p{font-size:14px;line-height:1.65}
body.cq-style-c .cq-ind-other>.cq-wrap{padding:0 20px 90px;gap:20px}
body.cq-style-c .cq-ind-other__grid a{background:#fff;border-color:var(--line);border-radius:16px;padding:20px 22px}
body.cq-style-c .cq-ind-other__grid a:hover{border-color:#1468F5}
body.cq-style-c .cq-ind-other__grid strong{font-size:17px;font-family:var(--f-body)} body.cq-style-c .cq-ind-other__grid a span span{font-size:12px} body.cq-style-c .cq-ind-other__arrow{color:#1468F5;font-size:inherit}

/* ---- Blog / generic ------------------------------------------------------------ */
.cq-blog,.cq-article,.cq-404{padding-top:88px;padding-bottom:110px}
.cq-article{max-width:820px} .cq-article__img{margin:32px 0} .cq-article__img img{border-radius:20px;width:100%}
.cq-entry{font-size:18px;line-height:1.7;color:var(--t2);margin-top:32px} .cq-entry h2,.cq-entry h3{font-family:var(--f-head);color:var(--ink-strong)} .cq-entry a{color:var(--accent);text-decoration:underline}
.cq-post-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px;margin:40px 0}
.cq-post-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:26px;display:flex;flex-direction:column;gap:14px}
.cq-post-card:hover{border-color:var(--accent)} .cq-post-card h2{margin:0;font-family:var(--f-head);font-size:24px;letter-spacing:-.02em} .cq-post-card h2 a{color:var(--ink)} .cq-post-card p{margin:0;color:var(--t2);font-size:15px}
.cq-post-card__img img{border-radius:14px;width:100%}
.nav-links{display:flex;gap:12px;flex-wrap:wrap} .nav-links a,.nav-links span{padding:8px 14px;border:1px solid var(--line);border-radius:999px;color:var(--ink)} .nav-links .current{background:var(--accent);color:#fff;border-color:var(--accent)}
.cq-search{display:flex;gap:10px;max-width:520px;margin-top:20px} .cq-search input{flex:1;border:1px solid var(--input-line);border-radius:999px;padding:12px 18px;background:var(--input-bg);color:var(--input-ink)}
.cq-comments{margin-top:56px}

/* ---- Small screens ----------------------------------------------------------------- */
@media (max-width:640px){
  .cq-wrap{padding-top:72px;padding-bottom:72px}
  .cq-hero--split>.cq-wrap{padding-top:56px;padding-bottom:56px;gap:40px}
  .cq-console{grid-template-columns:1fr} .cq-console__side{border-right:0;border-bottom:1px solid var(--line2)}
  .cq-card{height:480px} .cq-bubble--1{left:0}.cq-bubble--3{left:0}.cq-bubble--2{right:0}
  .cq-pricing__head{align-items:flex-start}
  .cq-header__bar{padding:12px 20px;gap:12px} .cq-header__cta{padding:10px 14px}
  .cq-mobile-nav{padding-left:20px;padding-right:20px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cq-bar{transition:none}}