/* QwicLink homepage visual system: linked blocks + visible customer intelligence. */
#ptcl,#scanline,#ql-stars,.orb{display:none!important}
#hero::before{display:none!important}
#hero .h-grid{display:none}
/* The real QwicLink mark connects a phone enquiry to the CRM view. */
.ql-brand-hero{position:relative;min-height:520px;display:grid;place-items:center;isolation:isolate}
.ql-brand-stage{position:relative;width:min(520px,100%);aspect-ratio:695/732}
.ql-brand-silhouette{position:absolute;inset:0;background:linear-gradient(145deg,#79dce7 8%,#a99bd9 50%,#ed1689 92%);-webkit-mask:url('qwiclink-shape-mask.png?v=20260902a') center/contain no-repeat;mask:url('qwiclink-shape-mask.png?v=20260902a') center/contain no-repeat;filter:drop-shadow(0 0 34px rgba(95,215,228,.2)) drop-shadow(0 0 42px rgba(217,0,109,.13));opacity:.84;transform:scale(1.45);transform-origin:center}
.ql-brand-phone,.ql-brand-desktop{position:absolute;z-index:2;background:#090c11;border:1px solid #303744;box-shadow:0 18px 45px rgba(0,0,0,.42);direction:ltr;text-align:left}
.ql-brand-phone{right:-11.4%;top:-12.8%;width:41%;height:37.5%;padding:2.2%;border-radius:12%}
.ql-phone-top{display:flex;align-items:center;justify-content:space-between;padding:0 2% 4%;font-family:var(--fm);font-size:clamp(5px,.48vw,7px);letter-spacing:.08em;color:#747e8b}
.ql-phone-dot{width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px rgba(95,215,228,.75)}
.ql-phone-label{font-family:var(--fm);font-size:clamp(5px,.47vw,7px);letter-spacing:.09em;color:#7c8694;margin:3% 2%}
.ql-phone-message{padding:5.2%;background:#161b23;border-radius:11px 11px 3px 11px;font-size:clamp(7px,.72vw,10px);line-height:1.5;direction:rtl;text-align:right;color:#e8ebef}
.ql-phone-signals{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:3%}
.ql-phone-signals span{padding:5%;background:#11161d;font-family:var(--fm);font-size:clamp(4px,.38vw,6px);letter-spacing:.04em;color:#7f8996}
.ql-phone-signals b{display:block;color:var(--cyan);font-size:1.12em;margin-top:2px}
.ql-phone-action{margin-top:3%;padding:4% 5%;background:#141922;border-radius:7px;font-family:var(--fm);font-size:clamp(4px,.38vw,6px);color:#8993a0}
.ql-phone-action strong{color:var(--pink);font-size:1.1em}
.ql-brand-desktop{left:-9.9%;bottom:-2.1%;width:45%;height:29.5%;padding:2.2%;border-radius:14px}
.ql-desktop-top{display:flex;justify-content:space-between;padding-bottom:4%;border-bottom:1px solid #202630;font-family:var(--fm);font-size:clamp(4px,.4vw,6px);letter-spacing:.08em;color:#75808d}
.ql-desktop-contact{display:grid;grid-template-columns:26px 1fr auto;gap:7px;align-items:center;padding:5% 1%}
.ql-desktop-avatar{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#18202a;color:var(--cyan);font-family:var(--fm);font-size:7px}
.ql-desktop-contact b{display:block;font-size:clamp(6px,.62vw,9px);color:#e8ebef}
.ql-desktop-contact small{display:block;color:#6f7986;font-family:var(--fm);font-size:clamp(4px,.36vw,5px)}
.ql-desktop-stage{font-family:var(--fm);font-size:clamp(4px,.35vw,5px);color:var(--pink);background:#21131c;padding:4px 5px}
.ql-desktop-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.ql-desktop-flow span{padding:5% 2%;text-align:center;background:#121720;color:#727d8a;font-family:var(--fm);font-size:clamp(4px,.35vw,5px)}
.ql-desktop-flow .done{color:var(--cyan)}
.ql-desktop-foot{margin-top:4%;color:#707b88;font-family:var(--fm);font-size:clamp(4px,.34vw,5px)}
[dir="rtl"] .ql-brand-phone,[dir="rtl"] .ql-brand-desktop{direction:rtl;text-align:right}
[dir="rtl"] .ql-phone-top,[dir="rtl"] .ql-desktop-top{direction:rtl}

.ql-ai-demo{position:relative;min-height:510px;background:#0e1016;padding:28px;clip-path:polygon(0 0,78% 0,78% 14px,100% 14px,100% 100%,22% 100%,22% calc(100% - 14px),0 calc(100% - 14px));text-align:left;direction:ltr}
.ql-console-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}
.ql-console-title{font-family:var(--fm);font-size:10px;letter-spacing:.13em;color:rgba(238,238,245,.72)}
.ql-live{display:flex;align-items:center;gap:7px;font-family:var(--fm);font-size:9px;letter-spacing:.08em;color:var(--cyan)}
.ql-live::before{content:"";width:6px;height:6px;background:var(--cyan);animation:qlPulse 1.8s infinite}
@keyframes qlPulse{50%{opacity:.25}}
.ql-incoming{background:#181b23;padding:18px 20px;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));margin-bottom:11px}
.ql-incoming-top{display:flex;justify-content:space-between;gap:16px;margin-bottom:12px;font-family:var(--fm);font-size:9px;color:rgba(238,238,245,.48);text-transform:uppercase;letter-spacing:.06em}
.ql-message{font-size:17px;line-height:1.65;color:var(--text);text-align:right;direction:rtl}
.ql-signal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:11px}
.ql-signal{background:#14171e;padding:13px;min-height:68px}
.ql-signal small{display:block;margin-bottom:7px;font-family:var(--fm);font-size:8px;letter-spacing:.12em;color:rgba(238,238,245,.38)}
.ql-signal strong{font-size:12px;font-weight:600;color:rgba(238,238,245,.86)}
.ql-signal .ql-intelligence{color:var(--cyan)}
.ql-journey{display:grid;gap:7px}
.ql-event{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:12px;background:#11131a;padding:11px 13px;opacity:.42;transition:opacity .3s,background .3s,transform .3s}
.ql-event.is-active{opacity:1;background:#1a1d25;transform:translateX(3px)}
.ql-event.is-done{opacity:.72}
.ql-event-code{font-family:var(--fm);font-size:9px;color:rgba(238,238,245,.36)}
.ql-event-copy b{display:block;font-size:12px;font-weight:650;color:var(--text)}
.ql-event-copy span{display:block;margin-top:2px;font-size:10px;color:rgba(238,238,245,.48)}
.ql-state{font-family:var(--fm);font-size:8px;letter-spacing:.08em;color:rgba(238,238,245,.36)}
.ql-event.is-active .ql-state{color:var(--pink)}
.ql-event.is-done .ql-state{color:var(--cyan)}
.ql-control{display:flex;justify-content:space-between;gap:14px;margin-top:16px;font-family:var(--fm);font-size:8px;color:rgba(238,238,245,.46)}
.ql-control b{color:rgba(238,238,245,.75);font-weight:400}

/* Revenue-leak cards become a linked operational ledger. */
.pg{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin-top:44px!important}
.pc,.pc.pc-lead{grid-column:auto!important;grid-row:auto!important;min-height:0!important;padding:28px 38px 28px 92px!important;background:#0e1016!important;border:0!important;clip-path:polygon(0 0,84% 0,84% 13px,100% 13px,100% 100%,16% 100%,16% calc(100% - 13px),0 calc(100% - 13px));margin-right:5%;overflow:visible!important;transition:background .18s,transform .18s!important}
.pc:nth-child(even){clip-path:polygon(16% 0,100% 0,100% calc(100% - 13px),84% calc(100% - 13px),84% 100%,0 100%,0 13px,16% 13px);margin:0 0 0 5%}
.pc:hover,.pc.pc-lead:hover{background:#14171e!important;transform:translateX(2px)!important;border:0!important}
.pc .gn{display:none!important}
.pc::before{position:absolute;left:24px;top:30px;font-family:var(--fm);font-size:25px;color:rgba(238,238,245,.24)}
.pc:nth-child(1)::before{content:"01"}.pc:nth-child(2)::before{content:"02"}.pc:nth-child(3)::before{content:"03"}.pc:nth-child(4)::before{content:"04"}
.pc .pl{font-size:9px!important;letter-spacing:.13em!important;color:rgba(238,238,245,.43)!important}
.pc .pt,.pc.pc-lead .pt{font-size:clamp(20px,2.2vw,27px)!important;line-height:1.15!important;margin-top:8px!important}
.pc .pb,.pc.pc-lead .pb{font-size:14px!important;max-width:760px!important;margin-top:9px!important;color:rgba(238,238,245,.62)!important}
.pc .pf{display:inline-block!important;margin-top:15px!important;padding:8px 10px!important;background:#191c24!important;border:0!important;font-size:10px!important;color:var(--cyan)!important}

[dir="rtl"] .ql-ai-demo{direction:rtl;text-align:right}
[dir="rtl"] .ql-console-head,[dir="rtl"] .ql-incoming-top,[dir="rtl"] .ql-control{direction:rtl}
[dir="rtl"] .ql-event{grid-template-columns:auto 1fr 32px}
[dir="rtl"] .ql-event-code{grid-column:3;grid-row:1}[dir="rtl"] .ql-event-copy{grid-column:2;grid-row:1}[dir="rtl"] .ql-state{grid-column:1;grid-row:1}
[dir="rtl"] .ql-event.is-active{transform:translateX(-3px)}
[dir="rtl"] .pc,[dir="rtl"] .pc.pc-lead{padding:28px 92px 28px 38px!important;margin:0 0 0 5%}
[dir="rtl"] .pc:nth-child(even){margin:0 5% 0 0}
[dir="rtl"] .pc::before{left:auto;right:24px}

@media(min-width:901px){.ql-brand-stage{transform:translateX(clamp(34px,4vw,72px))}}
@media(max-width:900px){
  #hero .h-inner{display:flex;flex-direction:column}
  #hero .h-vis{order:-1;width:100%;min-height:0!important;margin:0 auto 36px}.ql-ai-demo{min-height:0}.ql-brand-hero{min-height:0}
  .ql-brand-silhouette{transform:scale(1.22)}
  .ql-brand-phone{right:-4.9%;top:-5.8%}
  .ql-brand-desktop{left:-4%;bottom:3.4%}
  .pc,.pc.pc-lead{margin-right:0;padding-left:78px!important}.pc:nth-child(even){margin-left:0}
  [dir="rtl"] .pc,[dir="rtl"] .pc.pc-lead{margin:0!important;padding:25px 78px 25px 28px!important}
}
@media(max-width:600px){
  .ql-brand-stage{width:min(360px,100%)}
  #hero .h-vis{margin-bottom:28px}
  .ql-brand-silhouette{transform:scale(1.1)}
  .ql-brand-phone{right:-1.6%;top:-2.1%}
  .ql-brand-desktop{left:-.9%;bottom:6.6%}
  .ql-brand-phone{padding:2%;border-radius:18px}.ql-brand-desktop{padding:2%;border-radius:10px}
  .ql-desktop-contact{grid-template-columns:18px 1fr auto;gap:4px}.ql-desktop-avatar{width:18px;height:18px;font-size:5px}
  .ql-ai-demo{padding:20px;clip-path:polygon(0 0,72% 0,72% 10px,100% 10px,100% 100%,28% 100%,28% calc(100% - 10px),0 calc(100% - 10px))}
  .ql-console-head,.ql-incoming-top,.ql-control{display:block}.ql-live,.ql-incoming-top span,.ql-control span{margin-top:7px}
  .ql-signal-grid{grid-template-columns:1fr}.ql-signal{min-height:0}
  .ql-event{grid-template-columns:26px 1fr}.ql-state{grid-column:2}
  [dir="rtl"] .ql-event{grid-template-columns:1fr 26px}[dir="rtl"] .ql-event-code{grid-column:2}[dir="rtl"] .ql-event-copy{grid-column:1}[dir="rtl"] .ql-state{grid-column:1;grid-row:2}
  .pc,.pc.pc-lead{clip-path:none!important;padding:24px 24px 24px 66px!important;margin:0!important}
  [dir="rtl"] .pc,[dir="rtl"] .pc.pc-lead{padding:24px 66px 24px 24px!important}
  .pc::before{top:25px;font-size:20px}
}
@media(prefers-reduced-motion:reduce){.ql-live::before{animation:none}.ql-event{transition:none}}