/* ═══════════════════════════════════════════════════════════════
   LANDING PAGE — Page-specific styles
   ═══════════════════════════════════════════════════════════════ */

.hero{padding-top:60px;min-height:100vh;background:transparent;display:flex;align-items:center;justify-content:center;position:relative;text-align:center}
.hero-left{padding:50px 40px 110px;position:relative;z-index:2;max-width:820px;width:100%;display:flex;flex-direction:column;align-items:center}
.hero-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border2);border-radius:6px;padding:7px 16px;margin-bottom:52px;background:rgba(255,255,255,0.92);font-size:13px;color:var(--text2);box-shadow:0 1px 4px rgba(0,0,0,0.06)}
.badge-new{font-size:10px;font-weight:700;color:var(--navy);background:var(--teal);padding:2px 7px;border-radius:3px;letter-spacing:.04em}
.hero-h1{font-size:clamp(44px,5.5vw,74px);font-weight:700;color:var(--navy);letter-spacing:-0.04em;line-height:1.05;margin-bottom:28px}
.hero-h1 span{color:var(--teal)}
.hero-sub{font-size:18px;font-weight:300;color:var(--text2);max-width:580px;line-height:1.7;margin-bottom:52px}
.hero-btns{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}
.btn-primary{background:var(--teal);color:var(--navy);font-size:15px;font-weight:500;padding:13px 28px;border-radius:8px;display:flex;align-items:center;gap:8px;transition:background .15s,transform .15s}
.btn-primary:hover{background:#04a3e0;transform:translateY(-1px)}
.btn-ghost{font-size:15px;color:var(--navy);padding:13px 20px;border:1px solid var(--border2);border-radius:8px;transition:color .15s,border-color .15s}
.btn-ghost:hover{color:var(--navy);border-color:var(--navy)}

.logos-bar{padding:24px 96px 18px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;background:var(--white);border-bottom:1px solid rgba(232,230,226,.72)}
.logo-item{font-size:13px;font-weight:700;color:rgba(26,35,50,.38);letter-spacing:-.01em;transition:color .2s,opacity .2s}
.logo-item:hover{color:rgba(26,35,50,.72)}
.logo-item.bdr{border:1.5px solid rgba(26,35,50,.18);border-radius:6px;padding:4px 10px;background:#fff}

.trusted-section{padding:64px 96px 70px;display:grid;grid-template-columns:minmax(420px,0.92fr) minmax(420px,1.08fr);gap:64px;align-items:center;background:var(--white)}
.trusted-h2{font-size:clamp(28px,3.4vw,48px);font-weight:700;color:var(--navy);letter-spacing:-0.045em;line-height:1.12;margin-bottom:22px;max-width:820px}
.trusted-h2 span{color:var(--teal)}
.trusted-p{font-size:16px;color:var(--text2);line-height:1.7;max-width:560px;margin-bottom:30px}
.chart-area{height:330px;color:var(--teal);display:flex;align-items:center;justify-content:center;border-radius:24px;background:radial-gradient(circle at 75% 28%,rgba(5,185,250,.16),transparent 34%),linear-gradient(135deg,rgba(5,185,250,.05),rgba(255,255,255,0));overflow:hidden}
.chart-area svg{width:92%;height:88%;transform:translateY(8px)}

.stats-section{display:grid;grid-template-columns:repeat(4,1fr);background:var(--white);padding:30px 96px}
.stat-item{padding:14px 32px;border:0;box-shadow:none;position:relative}
.stat-item::before,.stat-item::after{content:none}
.stat-num{font-size:36px;font-weight:700;color:var(--teal);letter-spacing:-0.04em;line-height:1;margin-bottom:8px}
.stat-lbl{font-size:13px;color:var(--text2);line-height:1.5}

.cases-section{padding:64px 0}
.cases-inner{max-width:1300px;margin:0 auto;padding:0 96px}
.client-tabs{display:flex;margin-bottom:0}
.client-tab{padding:11px 22px;font-size:13.5px;font-weight:500;color:var(--text3);cursor:pointer;transition:color .15s,background .15s;display:flex;align-items:center;gap:8px;border-radius:8px 8px 0 0;border:1px solid transparent}
.client-tab.active{color:var(--navy);background:var(--teal);border-color:transparent}
.client-tab:not(.active):hover{color:var(--navy);background:rgba(0,0,0,.03)}
.case-panel{display:none}
.case-panel.active{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--border);border-radius:0 10px 10px 10px;overflow:hidden}
.case-left{padding:56px 52px;display:flex;flex-direction:column;justify-content:space-between;min-height:480px}
.case-headline{font-size:clamp(19px,2.1vw,27px);font-weight:700;color:var(--navy);letter-spacing:-0.03em;line-height:1.25;margin-bottom:24px}
.case-tags{display:flex;flex-wrap:wrap;gap:10px}
.case-tag{display:flex;align-items:center;gap:6px;border:1px solid var(--border2);border-radius:20px;padding:6px 14px;font-size:12.5px;color:var(--text2)}
.case-quote{margin-top:auto;padding-top:32px}
.case-qi{font-size:28px;color:var(--border2);margin-bottom:6px}
.case-qt{font-size:15.5px;color:var(--navy);line-height:1.55;margin-bottom:10px}
.case-qa{font-size:12.5px;color:var(--teal)}
.case-right{background:linear-gradient(135deg,#fff7ed 0%,#fff 52%,#eefaff 100%);border-left:1px solid rgba(217,212,204,.7);padding:32px 28px 28px;display:flex;flex-direction:column;gap:22px;justify-content:center;position:relative;overflow:hidden}
.case-right::before{content:'';position:absolute;right:-100px;top:-100px;width:240px;height:240px;border-radius:50%;background:rgba(5,185,250,.14);pointer-events:none}
.case-right-label{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text4);position:relative;z-index:1}
.cx-card-stack{position:relative;z-index:1;margin-bottom:2px}
.cx-card-shadow{position:absolute;top:10px;left:10px;right:10px;bottom:-10px;background:rgba(255,255,255,.72);border:1px solid rgba(217,212,204,.8);border-radius:24px;pointer-events:none}
.cx-card{background:rgba(255,255,255,.96);border:1px solid rgba(217,212,204,.78);border-radius:22px;padding:26px 36px;box-shadow:0 12px 28px rgba(26,35,50,.06),0 1px 3px rgba(26,35,50,.05);position:relative;z-index:1}
.cx-top{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:10px}
.cx-name{font-size:17px;font-weight:600;color:var(--navy);letter-spacing:-0.02em;line-height:1.3}
.cx-val{font-size:17px;font-weight:700;letter-spacing:-0.02em;white-space:nowrap}
.cx-val.green{color:var(--green)}.cx-val.orange{color:var(--orange)}.cx-val.teal{color:var(--teal)}
.cx-sub{font-size:14px;color:#7183a1;line-height:1.5}
.cx-card-orange{background:linear-gradient(135deg,#ff6a00 0%,#ff9f43 100%);border-radius:24px;padding:34px 40px;position:relative;overflow:hidden;box-shadow:0 18px 36px rgba(255,106,0,.2);min-height:190px;display:flex;flex-direction:column;justify-content:center}
.cx-card-orange::after{content:'';position:absolute;right:-12px;bottom:-24px;width:170px;height:170px;border:4px solid rgba(255,255,255,.18);border-radius:50%}
.cx-ob{font-size:15px;font-weight:500;color:rgba(255,255,255,.82);margin-bottom:22px;letter-spacing:-0.01em}
.cx-oa{font-size:48px;font-weight:700;color:#fff;letter-spacing:-0.05em;line-height:1}
.cx-oc{font-size:24px;font-weight:600;color:rgba(255,255,255,.95)}
.cx-chart{margin-top:28px;height:52px;position:relative;z-index:1}
.cx-chart svg{width:100%;height:100%}
.dev-section{padding:110px 96px 40px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.reply-card{background:var(--white);border:1px solid var(--border);border-radius:10px;padding:22px 24px;box-shadow:0 2px 12px rgba(0,0,0,.06);max-width:400px}
.rc-amount{font-size:26px;font-weight:700;color:var(--navy);letter-spacing:-0.03em;margin-bottom:8px}
.rc-meta{display:flex;align-items:center;gap:12px;color:var(--text3);font-size:13px;margin-bottom:18px}
.rc-dot{width:6px;height:6px;border-radius:50%;background:var(--green)}
.rc-bar{height:3px;background:var(--teal);border-radius:2px;margin-bottom:18px;width:65%}
.rc-footer{display:flex;justify-content:space-between;padding-top:14px;border-top:1px solid var(--border)}
.rc-party-name{font-size:13px;font-weight:600;color:var(--navy);margin-bottom:2px}
.rc-party-role{font-size:12px;color:var(--text3)}
.code-box{margin-top:20px;background:var(--white);border:1px solid var(--border);border-radius:10px;overflow:hidden}
.cb-lbl{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text3);padding:10px 16px;border-bottom:1px solid var(--border);background:#f8f9fb}
.cb-code{padding:16px;font-family:var(--mono);font-size:11.5px;line-height:1.75;color:var(--text2);max-height:200px;overflow-y:auto}
.cb-code::-webkit-scrollbar{width:3px}.cb-code::-webkit-scrollbar-thumb{background:var(--border2)}
.ln{color:var(--text4);user-select:none;margin-right:10px}
.rk{color:#7c3aed}.rs{color:#059669}.rn{color:#dc2626}.rb{color:#0ea5e9}
.dev-right h2{font-size:clamp(24px,3vw,36px);font-weight:700;color:var(--navy);letter-spacing:-0.035em;line-height:1.2;margin-bottom:16px}
.dev-right p{font-size:15px;color:var(--text2);line-height:1.65;margin-bottom:24px}
.btn-docs{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border2);border-radius:7px;padding:10px 20px;font-size:14px;color:var(--navy);transition:border-color .15s;margin-bottom:44px}
.btn-docs:hover{border-color:var(--navy)}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.two-col h4{font-size:15px;font-weight:600;color:var(--navy);margin-bottom:8px}
.two-col p{font-size:13.5px;color:var(--text2);line-height:1.65}

.infra-section{padding:40px 96px 110px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.infra-h2{font-size:clamp(24px,3vw,40px);font-weight:700;color:var(--navy);letter-spacing:-0.035em;line-height:1.15;margin-bottom:20px}
.infra-h2 span{color:var(--teal)}
.infra-p{font-size:15px;color:var(--text2);line-height:1.65}
.infra-diagram{width:100%;max-width:440px;margin:0 auto;display:flex;flex-direction:column}
.infra-layer{display:flex;align-items:center;gap:16px;padding:16px 22px;border-radius:12px;border:1px solid var(--border);background:var(--white);box-shadow:0 2px 10px rgba(0,0,0,.04)}
.infra-layer.highlight{border-color:rgba(5,185,250,.3);background:#f0f9ff}
.infra-layer-icon{width:28px;height:28px;border-radius:8px;background:#f8f9fb;border:1px solid var(--border);position:relative;flex-shrink:0}
.infra-layer-icon::after{content:'';position:absolute;inset:9px;border-radius:50%;background:var(--border2)}
.infra-layer.highlight .infra-layer-icon{background:rgba(5,185,250,.12);border-color:rgba(5,185,250,.3)}
.infra-layer.highlight .infra-layer-icon::after{background:var(--teal)}
.infra-layer-text{flex:1;min-width:0}
.infra-layer-title{font-size:13.5px;font-weight:600;color:var(--navy);margin-bottom:2px}
.infra-layer-sub{font-size:12px;color:var(--text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.infra-connector{width:2px;height:16px;background:var(--border2);margin:0 0 0 12px;border-radius:1px}

.products-wrapper{padding:0}
.products-layout{display:grid;grid-template-columns:400px 1fr;align-items:start;max-width:100%}
.products-nav-col{position:sticky;top:60px;height:calc(100vh - 60px);display:flex;flex-direction:column;justify-content:center;padding:60px 48px 60px 96px;background:var(--white)}
.products-nav-col h2{font-size:clamp(20px,2vw,28px);font-weight:700;color:var(--navy);letter-spacing:-0.03em;line-height:1.2;margin-bottom:10px}
.products-nav-col p{font-size:14px;color:var(--text2);line-height:1.65;margin-bottom:32px}
.prod-nav{display:flex;flex-direction:column;gap:4px}
.prod-nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;cursor:pointer;font-size:14px;color:var(--text2);transition:background .2s,color .2s;border:1px solid transparent}
.prod-nav-item:hover{color:var(--navy);background:rgba(0,0,0,.03)}
.prod-nav-item.active{color:var(--navy);background:rgba(5,185,250,.12);border-color:rgba(5,185,250,.28)}
.prod-nav-icon{display:none}
.prod-nav-item.active .prod-nav-icon{display:none}
.prod-nav-label{font-weight:500}
.products-panel-col{position:sticky;top:60px;height:calc(100vh - 60px);overflow:hidden;background:var(--white);display:flex;align-items:center}
.prod-panels-stack{position:relative;width:100%;height:100%}
.prod-panel{position:absolute;inset:0;display:flex;align-items:center;padding:60px 80px 60px 60px;opacity:0;pointer-events:none;transition:opacity .45s ease,transform .45s ease;transform:translateY(20px)}
.prod-panel.active{opacity:1;pointer-events:auto;transform:translateY(0)}
.prod-panel-inner{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;width:100%}
.pp-right{display:flex;justify-content:center}
.pp-right > *{width:min(100%,440px)}
.pp-left h3{font-size:22px;font-weight:700;color:var(--navy);margin-bottom:12px;letter-spacing:-0.02em}
.pp-left p{font-size:14px;color:var(--text2);line-height:1.65;margin-bottom:22px}
.code-snippet{background:#f8f9fb;border:1px solid var(--border);border-radius:8px;padding:16px 18px;font-family:var(--mono);font-size:12px;color:var(--text2);line-height:1.8;white-space:pre;overflow-x:auto;margin-bottom:18px}
.pp-tags{display:flex;gap:8px;flex-wrap:wrap}
.pp-tag{font-size:12px;color:#087aa3;background:rgba(5,185,250,.08);border:1px solid rgba(5,185,250,.22);border-radius:5px;padding:5px 12px;transition:all .15s}
.pp-tag:hover{color:var(--navy);border-color:var(--teal)}
.pp-card{background:#f8f9fb;border:1px solid var(--border);border-radius:12px;padding:22px}
.pp-card-title{font-size:24px;font-weight:700;color:var(--navy);letter-spacing:-0.03em;margin-bottom:8px}
.pp-card-meta{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--text3);margin-bottom:18px;flex-wrap:wrap}
.pp-check{color:var(--green)}
.pp-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pp-field{background:var(--white);border:1px solid var(--border);border-radius:8px;padding:11px 13px}
.pp-field-lbl{font-size:10px;color:var(--text3);margin-bottom:4px}
.pp-field-val{font-size:13px;font-weight:500;color:var(--navy)}
.crm-card{background:#f8f9fb;border:1px solid var(--border);border-radius:12px;padding:20px 22px}
.crm-title{font-size:13px;color:var(--text3);margin-bottom:6px}
.crm-count{font-size:24px;font-weight:700;color:var(--navy);letter-spacing:-0.03em;margin-bottom:8px}
.crm-badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--text3)}
.crm-rows{margin-top:12px;display:flex;flex-direction:column;gap:4px}
.crm-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid var(--border);font-size:12.5px}
.crm-row:last-child{border-bottom:none}
.crm-row-lbl{color:var(--text3)}.crm-row-val{color:var(--navy);font-weight:500}
.email-card{background:#f8f9fb;border:1px solid var(--border);border-radius:12px;padding:18px 20px}
.email-row{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}
.email-avatar{width:30px;height:30px;border-radius:50%;background:var(--navy);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;flex-shrink:0}
.email-bubble{background:var(--white);border:1px solid var(--border);border-radius:0 10px 10px 10px;padding:9px 13px;font-size:12px;color:var(--text2);line-height:1.55;flex:1}
.email-row.right{flex-direction:row-reverse}
.email-row.right .email-bubble{background:var(--white);border-color:var(--border);border-radius:10px 0 10px 10px;color:var(--text)}
.email-row.right .email-avatar{background:var(--teal);color:var(--navy)}
.email-typing{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text3);margin-top:4px}
.typing-dots{display:flex;gap:3px}
.typing-dots span{width:5px;height:5px;border-radius:50%;background:var(--border2);animation:bounce 1.2s infinite}
.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}
@keyframes bounce{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-6px)}}
.proposal-card{background:#f8f9fb;border:1px solid var(--border);border-radius:12px;overflow:hidden}
.proposal-header{background:var(--white);padding:13px 18px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}
.proposal-title{font-size:12.5px;font-weight:600;color:var(--navy)}
.proposal-badge{font-size:10px;padding:3px 8px;border-radius:10px;background:#e6fffb;color:#2a7a6f;border:1px solid rgba(42,122,111,.18)}
.proposal-body{padding:16px}
.proposal-line{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid var(--border);font-size:12px}
.proposal-line:last-child{border-bottom:none;padding-top:10px;font-weight:600}
.proposal-lbl{color:var(--text3)}.proposal-val{color:var(--navy)}
.proposal-total{font-size:14px;color:var(--navy)}
.call-card{background:#f8f9fb;border:1px solid var(--border);border-radius:12px;padding:20px 22px}
.call-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.call-icon{display:none}
.call-info h4{font-size:13.5px;font-weight:600;color:var(--navy)}
.call-info p{font-size:11.5px;color:var(--text3)}
.call-slots{display:flex;flex-direction:column;gap:7px}
.call-slot{display:flex;justify-content:space-between;align-items:center;background:var(--white);border:1px solid var(--border);border-radius:8px;padding:9px 13px;font-size:12px;cursor:pointer;transition:background .15s}
.call-slot:hover{background:#f8f9fb}
.call-slot-time{color:var(--navy);font-weight:500}.call-slot-type{color:var(--text3)}
.call-slot-btn{font-size:11px;padding:3px 10px;border-radius:5px;background:var(--teal);color:var(--navy);font-weight:600}
.products-scroll-driver{height:600vh;position:relative}
/* Enhanced panel transitions */
.prod-panel{transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1)}
.prod-panel:not(.active){transform:translateY(24px) scale(0.99)}
.prod-panel.active{transform:translateY(0) scale(1)}
/* Nav items - cleaner active state */
.prod-nav-item{padding:12px 16px;border-radius:10px;border:none;border-left:3px solid transparent;transition:all .2s}
.prod-nav-item.active{background:rgba(5,185,250,.12);border-left-color:var(--teal);color:var(--navy)}
.prod-nav-item:hover:not(.active){background:rgba(0,0,0,.03);border-left-color:var(--border2)}

.column-for-section{padding:72px 96px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;position:relative;overflow:hidden}
.cf-dot{display:none;position:absolute}
.cf-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border2);border-radius:5px;padding:5px 12px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text2);margin-bottom:28px}
.cf-badge-dot{width:8px;height:8px;border-radius:50%;background:var(--teal)}
.cf-menu{display:flex;flex-direction:column;gap:2px}
.cf-item{font-size:clamp(26px,3.2vw,44px);font-weight:700;letter-spacing:-0.03em;line-height:1.15;padding:6px 16px;border-radius:8px;cursor:pointer;transition:color .15s,background .15s;display:flex;align-items:center;gap:12px}
.cf-item.active{background:var(--white);color:var(--navy);box-shadow:0 1px 6px rgba(0,0,0,.06)}
.cf-item:not(.active){color:var(--text4)}
.cf-item:not(.active):hover{color:var(--text2)}
.cf-ico{display:none}
.cf-content{margin-top:28px}
.cf-content p{font-size:15px;color:var(--text2);line-height:1.7;max-width:480px}
.cf-content p+p{margin-top:14px}

.testimonials-section{padding:64px 0 72px;overflow:hidden}
.t-header{text-align:center;margin-bottom:52px;padding:0 96px}
.t-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border2);border-radius:5px;padding:5px 12px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text2);margin-bottom:14px}
.t-h2{font-size:clamp(24px,3.5vw,42px);font-weight:700;color:var(--navy);letter-spacing:-0.04em;line-height:1.1;margin-bottom:8px}
.t-sub{font-size:15px;color:var(--text2)}
.t-carousel-outer{position:relative;overflow:hidden}
.t-carousel-outer::before,.t-carousel-outer::after{content:'';position:absolute;top:0;bottom:0;width:160px;z-index:2;pointer-events:none}
.t-carousel-outer::before{left:0;background:linear-gradient(to right,var(--white),transparent)}
.t-carousel-outer::after{right:0;background:linear-gradient(to left,var(--white),transparent)}
.t-carousel-track{display:flex;gap:16px;width:max-content;padding:6px 0 16px;will-change:transform}
.t-card{flex-shrink:0;width:300px;background:var(--white);border:1px solid var(--border);border-radius:12px;padding:22px 22px 18px;transition:box-shadow .2s,border-color .2s}
.t-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.07);border-color:var(--border2)}
.t-text{font-size:13px;color:var(--text2);line-height:1.65;margin-bottom:16px}
.t-author{display:flex;align-items:center;gap:10px}
.t-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}
.t-name{font-size:13px;font-weight:600;color:var(--navy)}
.t-role{font-size:11px;color:var(--text3)}

/* ═══ FOOTER ═══ */
footer{
  background:#f8f9fb;
  border-top:none;
  padding:72px 96px 0;
  position:relative;overflow:hidden;
}
footer::before{
  content:'';position:absolute;inset:0;
  background-image:radial-gradient(circle,rgba(26,35,50,.08) 1px,transparent 1px);
  background-size:20px 20px;pointer-events:none;
}
footer > *{position:relative;z-index:1}
.footer-nav{
  display:grid;
  grid-template-columns:1.6fr 1.4fr 1.4fr 1.4fr 1.4fr 0.8fr;
  gap:40px;padding-bottom:56px;
  border-bottom:1px solid var(--border);
  align-items:start;
}
.footer-brand-mark{display:flex;align-items:center;gap:9px;margin-bottom:12px}
.footer-brand-name{font-size:17px;font-weight:700;letter-spacing:-0.03em;font-style:italic;color:var(--navy)}
.footer-tagline{font-size:13px;color:var(--text3);line-height:1.65;max-width:200px;margin-bottom:20px}
.footer-socials{display:flex;align-items:center;gap:8px}
.social-btn{width:32px;height:32px;border-radius:7px;border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s;text-decoration:none}
.social-btn:hover{border-color:var(--navy);background:#f5f4f2}
.social-btn svg{width:14px;height:14px;stroke:var(--text3);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.social-btn:hover svg{stroke:var(--navy)}
.footer-col-heading{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text4);margin-bottom:18px}
.footer-links{display:flex;flex-direction:column;gap:12px}
.footer-link{font-size:14px;color:var(--text2);text-decoration:none;transition:color .15s}
.footer-link:hover{color:var(--navy)}
.pricing-note{font-size:14px;color:var(--text2)}
.footer-bottom{
  display:flex;align-items:center;justify-content:space-between;
  padding:22px 0 28px;flex-wrap:wrap;gap:14px;
}
.footer-copy{font-size:13px;color:var(--text4)}
.footer-legal{display:flex;gap:24px;flex-wrap:wrap}
.footer-legal a{font-size:13px;color:var(--text4);text-decoration:none;transition:color .15s}
.footer-legal a:hover{color:var(--navy)}







/* ── LANDING PAGE RESPONSIVE OVERRIDES ─────────────────────────── */
@media(max-width:1400px){
  .products-layout{grid-template-columns:360px 1fr}
  .products-nav-col{padding:60px 32px 60px 64px}
  .prod-panel{padding:48px 48px 48px 40px}
  .prod-panel-inner{gap:36px}
}
@media(max-width:1200px){
  .products-layout{grid-template-columns:300px 1fr}
  .products-nav-col{padding:48px 24px 48px 40px}
  .prod-panel{padding:40px 32px 40px 32px}
  .prod-panel-inner{gap:28px}
  .code-snippet{font-size:11px;padding:14px 16px}
}
@media(max-width:1100px){.products-layout{grid-template-columns:280px 1fr}.products-nav-col{padding:40px 20px 40px 32px}.prod-panel{padding:36px 28px 36px 28px}.prod-panel-inner{gap:20px}}
@media(max-width:1024px){
  nav{padding:0 20px}
  .nav-center,.nav-right{display:none}
  .nav-hamburger{display:flex;flex-direction:column}
  .hero-left{padding:32px 24px 48px}
  .logos-bar{padding:20px 24px;gap:16px;justify-content:center}
  .trusted-section,.dev-section,.infra-section,.column-for-section{grid-template-columns:1fr;padding:44px 24px;gap:32px}
  .chart-area{height:240px;border-radius:18px}
  .stats-section{grid-template-columns:1fr 1fr}
  .stat-item{padding:18px 24px}
  .cases-section{padding:44px 0}.cases-inner{padding:0 24px}
  .client-tabs{overflow-x:auto;flex-wrap:nowrap}.client-tab{white-space:nowrap;padding:9px 16px;font-size:13px}
  .case-panel.active{grid-template-columns:1fr}.case-right{display:none}.case-left{padding:28px 24px;min-height:auto}
  .two-col{grid-template-columns:1fr;gap:24px}
  .products-scroll-driver{display:none}
  .products-wrapper{overflow:hidden;width:100%}
  .products-layout{display:flex;flex-direction:column;width:100%;overflow:hidden}
  .products-nav-col{position:static;height:auto;padding:40px 24px 24px;border-bottom:1px solid var(--border);width:100%;box-sizing:border-box;overflow:hidden}
  .products-nav-col h2{font-size:22px}.products-nav-col p{font-size:13.5px;margin-bottom:16px}
  .prod-nav{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding-bottom:2px;scrollbar-width:none}
  .prod-nav::-webkit-scrollbar{display:none}
  .prod-nav-item{flex-shrink:0;white-space:nowrap;padding:8px 14px;font-size:13px;border:1px solid var(--border)}.prod-nav-icon{display:none}
  .products-panel-col{position:static;height:auto;overflow:hidden;width:100%;box-sizing:border-box}
  .prod-panels-stack{position:static;height:auto;width:100%}
  .prod-panel{position:static;opacity:0;pointer-events:none;transform:none;display:none;padding:32px 24px;transition:none;width:100%;box-sizing:border-box;overflow:hidden}
  .prod-panel.active{display:block;opacity:1;pointer-events:auto;width:100%}
  .prod-panel-inner{display:flex;flex-direction:column;gap:20px;width:100%;box-sizing:border-box}.pp-right{display:none}
  .cf-item{font-size:clamp(22px,6vw,32px)}.cf-agent-img{display:none}
  .t-header{padding:0 24px}.testimonials-section{padding:44px 0}
  .t-carousel-outer::before,.t-carousel-outer::after{width:40px}.t-card{width:260px}
  footer{padding:56px 24px 0}
  .footer-nav{grid-template-columns:1fr 1fr;gap:32px;padding-bottom:44px}
}
@media(max-width:600px){
  .stats-section{grid-template-columns:1fr 1fr}
  .footer-nav{grid-template-columns:1fr 1fr}
  .hero-h1{font-size:clamp(36px,10vw,52px)}.hero-sub{font-size:16px}
}
@media(max-width:480px){
  nav{padding:0 16px}
  .nav-brand-name{font-size:17px}
  .nav-drawer{padding:12px 16px 20px}
  .d-item{font-size:13.5px}
  .d-login,.d-signup{padding:11px;font-size:14px}
  .stats-section{grid-template-columns:1fr}
  .footer-nav{grid-template-columns:1fr}
}

/* Sales agent image in Qonsistic For section */
.cf-agent-img{
  position:relative;z-index:2;
  width:100%;height:580px;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 24px 64px rgba(0,0,0,.12);
  background:#f0f0ee;
}
.cf-agent-img img{
  width:100%;height:100%;
  object-fit:cover;
  object-position:top center;
  display:block;
}
.cf-agent-img::after{
  content:'';
  position:absolute;inset:0;
  background:linear-gradient(to bottom, transparent 60%, rgba(248,249,251,.4) 100%);
  pointer-events:none;
}


/* ════════════════════════════════════════════════════════════════
   LANDING PAGE — COMPREHENSIVE RESPONSIVE FIXES
   Covers every section so nothing shifts left on small screens.
   ════════════════════════════════════════════════════════════════ */

/* Ensure the page never overflows horizontally */
html, body { max-width: 100%; overflow-x: hidden; }

/* Hero */
@media(max-width:768px){
  .hero{ min-height:auto; padding-top:60px; }
  .hero-left{ padding:28px 20px 32px; }
  .hero-h1{ font-size:clamp(34px,9vw,50px); }
  .hero-sub{ font-size:16px; max-width:100%; }
  .hero-btns{ flex-direction:column; align-items:center; gap:12px; }
  .hero-btns .btn-primary,
  .hero-btns .btn-ghost{ width:100%; max-width:320px; justify-content:center; }
  .hero-badge{ font-size:12px; padding:6px 12px; margin-bottom:24px; }
}
@media(max-width:480px){
  .hero-left{ padding:20px 16px 28px; }
  .hero-badge{ margin-bottom:18px; }
}

/* Logos bar */
@media(max-width:768px){
  .logos-bar{ padding:16px 20px; gap:12px; justify-content:center; }
  .logo-item{ font-size:12px; }
}

/* Stats */
@media(max-width:600px){
  .stats-section{ grid-template-columns:1fr 1fr; }
  .stat-item{ padding:18px 20px; }
  .stat-num{ font-size:28px; }
}
@media(max-width:380px){
  .stats-section{ grid-template-columns:1fr; }
}

/* Cases */
@media(max-width:600px){
  .cases-inner{ padding:0 16px; }
  .client-tabs{ gap:4px; }
  .client-tab{ padding:8px 12px; font-size:12px; }
  .case-left{ padding:24px 20px; min-height:auto; }
}

/* Trusted section */
@media(max-width:768px){
  .trusted-section{ padding:36px 20px; gap:24px; }
  .trusted-h2{ font-size:clamp(22px,6vw,32px); }
  .trusted-p{ font-size:15px; }
  .chart-area{ height:210px; }
}

/* Dev section */
@media(max-width:768px){
  .dev-section{ padding:56px 20px; gap:32px; }
}

/* Infra section */
@media(max-width:768px){
  .infra-section{ padding:56px 20px; gap:32px; }
  .infra-diagram{ max-width:100%; }
}

/* Products / Agent capabilities */
@media(max-width:768px){
  .products-nav-col{ padding:32px 20px 20px; }
  .prod-panel{ padding:24px 20px; }
  .code-snippet{ font-size:11px; padding:12px 14px; overflow-x:auto; }
  .prod-panel-inner{ grid-template-columns:1fr; gap:20px; width:100%; box-sizing:border-box; }
  .pp-right{ display:none; }
  .prod-panel{ max-width:100%; overflow:hidden; box-sizing:border-box; }
  .products-layout{ max-width:100%; overflow:hidden; }
}
@media(max-width:480px){
  .prod-nav-item{ padding:7px 10px; font-size:12px; }
  .code-snippet{ display:none; } /* hide on very small screens to save space */
  .products-nav-col{ padding:24px 16px 16px; }
  .prod-panel{ padding:20px 16px; }
  .pp-left h3{ font-size:18px; }
  .pp-left p{ font-size:13px; }
  .pp-tags{ flex-wrap:wrap; gap:6px; }
}

/* Qonsistic For section */
@media(max-width:768px){
  .column-for-section{ padding:36px 20px; gap:24px; }
  .cf-item{ font-size:clamp(20px,5.5vw,28px); }
  .cf-menu{ gap:8px; }
}

/* Testimonials */
@media(max-width:600px){
  .t-header{ padding:0 20px; }
  .t-card{ width:240px; padding:20px; }
}
@media(max-width:380px){
  .t-card{ width:220px; }
}

/* Footer landing extras */
@media(max-width:480px){
  .footer-nav{ grid-template-columns:1fr; }
  .footer-socials{ gap:6px; }
}