/*
Theme Name: Ciberic.Lab
Theme URI: https://cibericlab.com.br
Author: Ciberic.Lab
Author URI: https://cibericlab.com.br
Description: Tema institucional da Ciberic.Lab — Criação e Automação de Sistemas e Processos Digitais
Version: 1.0.0
License: Proprietary
Text Domain: cibericlab
Tags: business, custom-colors, custom-logo, full-width-template, one-column
*/

/* Ciberic.Lab — CSS Principal */


/* ══════════════════════════════════════════
   CIBERIC.LAB — DESIGN SYSTEM
══════════════════════════════════════════ */
:root {
  --bg-void:    #02060f;
  --bg-deep:    #030b1a;
  --bg-panel:   #050f22;
  --bg-card:    rgba(5,15,34,0.82);
  --blue-royal:  #1a5fd4;
  --blue-bright: #2b84ff;
  --blue-neon:   #00aaff;
  --blue-ice:    #60c8ff;
  --silver-bright: #d8e8f5;
  --silver-mid:    #a0bcd0;
  --silver-dim:    #5a7a92;
  --metallic: linear-gradient(135deg,#8ab0cc 0%,#d0e6f5 45%,#8ab0cc 100%);
  --gold:       #e8a830;
  --gold-light: #ffd060;
  --gold-glow:  rgba(232,168,48,0.3);
  --text-bright: #eaf4ff;
  --text-mid:    #8ab0cc;
  --text-dim:    #4a6a80;
  --border-blue:   rgba(43,132,255,0.2);
  --border-silver: rgba(160,188,208,0.15);
  --r-xl: 24px; --r-lg: 18px; --r-md: 12px; --r-sm: 8px; --r-pill: 100px;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Nunito',sans-serif;background:var(--bg-void);color:var(--text-bright);overflow-x:hidden;line-height:1.65;}

/* ─── CANVAS ─── */
#bg-canvas{position:fixed;inset:0;z-index:0;pointer-events:none;}
.atm-orb{position:fixed;border-radius:50%;pointer-events:none;z-index:0;animation:orb-drift 12s ease-in-out infinite;}
.atm-orb-1{width:900px;height:900px;top:-400px;right:-300px;background:radial-gradient(circle,rgba(26,95,212,.18) 0%,transparent 65%);filter:blur(80px);animation-duration:15s;}
.atm-orb-2{width:700px;height:700px;bottom:-200px;left:-200px;background:radial-gradient(circle,rgba(43,132,255,.12) 0%,transparent 65%);filter:blur(80px);animation-duration:18s;animation-delay:-6s;}
.atm-orb-3{width:400px;height:400px;top:40%;left:30%;background:radial-gradient(circle,rgba(232,168,48,.06) 0%,transparent 70%);filter:blur(60px);animation-duration:22s;animation-delay:-10s;}
.noise{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}

/* ─── NAVBAR ─── */
.navbar{position:fixed;top:0;left:0;right:0;z-index:500;padding:0 56px;height:72px;display:flex;align-items:center;justify-content:space-between;background:rgba(2,6,15,.82);backdrop-filter:blur(32px) saturate(1.4);border-bottom:1px solid var(--border-blue);transition:all .3s;}
.navbar.scrolled{height:62px;background:rgba(2,6,15,.96);box-shadow:0 4px 40px rgba(0,0,0,.5);}
.nav-brand{display:flex;align-items:center;gap:12px;text-decoration:none;}
.nav-brand img{height:58px;width:auto;filter:drop-shadow(0 0 12px rgba(43,132,255,.6)) drop-shadow(0 0 28px rgba(26,95,212,.3));transition:filter .3s;}
.nav-brand img:hover{filter:drop-shadow(0 0 18px rgba(96,200,255,.8)) drop-shadow(0 0 40px rgba(43,132,255,.5));}
.nav-brand-text{display:flex;flex-direction:column;line-height:1.1;}
.nav-brand-name{font-family:'Exo 2',sans-serif;font-size:20px;font-weight:800;background:var(--metallic);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.5px;}
.nav-brand-sub{font-size:9px;font-weight:700;letter-spacing:2.5px;color:var(--silver-dim);text-transform:uppercase;}
.nav-menu{display:flex;align-items:center;gap:4px;list-style:none;}
.nav-menu a{display:block;padding:8px 18px;border-radius:var(--r-pill);color:var(--text-mid);text-decoration:none;font-size:14px;font-weight:600;letter-spacing:.3px;transition:all .25s;}
.nav-menu a:hover{color:var(--text-bright);background:rgba(43,132,255,.1);}
.nav-cta-btn{background:linear-gradient(135deg,var(--blue-royal),var(--blue-bright))!important;color:#fff!important;border-radius:var(--r-pill)!important;box-shadow:0 4px 20px rgba(26,95,212,.4)!important;padding:10px 24px!important;}
.nav-cta-btn:hover{transform:translateY(-1px);box-shadow:0 8px 30px rgba(43,132,255,.55)!important;}

/* Hamburger */
.nav-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px;z-index:600;}
.nav-hamburger span{display:block;width:24px;height:2px;border-radius:2px;background:var(--silver-bright);transition:all .3s;}
.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0);}
.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* Mobile Drawer */
.nav-drawer{display:none;position:fixed;inset:0;z-index:400;background:rgba(2,6,15,.97);backdrop-filter:blur(24px);flex-direction:column;align-items:center;justify-content:center;gap:32px;opacity:0;pointer-events:none;transition:opacity .35s;}
.nav-drawer.open{opacity:1;pointer-events:all;}
.nav-drawer a{font-family:'Exo 2',sans-serif;font-size:26px;font-weight:800;color:var(--text-bright);text-decoration:none;letter-spacing:1px;transition:color .2s;}
.nav-drawer a:hover{color:var(--blue-neon);}
.nav-drawer .drawer-cta{background:linear-gradient(135deg,var(--blue-royal),var(--blue-bright));color:#fff!important;padding:14px 40px;border-radius:var(--r-pill);box-shadow:0 6px 28px rgba(43,132,255,.45);}

/* ─── HERO ─── */
.hero{position:relative;z-index:1;min-height:92vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:80px 56px 60px;gap:40px;max-width:1280px;margin:0 auto;}
.hero-content{display:flex;flex-direction:column;}
.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 18px;border-radius:var(--r-pill);background:rgba(26,95,212,.12);border:1px solid rgba(43,132,255,.25);font-size:11px;font-weight:700;letter-spacing:3px;color:var(--blue-ice);text-transform:uppercase;margin-bottom:28px;width:fit-content;opacity:0;animation:rise .7s .2s ease forwards;}
.hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--blue-neon);box-shadow:0 0 8px var(--blue-neon);animation:pulse-dot 2s infinite;}
.hero-title{font-family:'Exo 2',sans-serif;font-size:clamp(34px,4.5vw,68px);font-weight:900;line-height:1.05;color:var(--text-bright);opacity:0;animation:rise .7s .4s ease forwards;}
.hero-title .highlight{display:block;background:linear-gradient(90deg,var(--blue-bright),var(--blue-ice),var(--gold-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 30px rgba(43,132,255,.4));}
.hero-sub{margin-top:14px;font-size:17px;font-weight:400;color:var(--text-mid);line-height:1.8;max-width:500px;opacity:0;animation:rise .7s .6s ease forwards;}
.hero-sub strong{color:var(--silver-bright);font-weight:700;}
.hero-actions{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap;opacity:0;animation:rise .7s .8s ease forwards;}
.btn-primary{display:inline-flex;align-items:center;gap:10px;padding:15px 36px;border-radius:var(--r-pill);background:linear-gradient(135deg,var(--blue-royal) 0%,var(--blue-bright) 100%);color:#fff;font-family:'Nunito',sans-serif;font-size:15px;font-weight:800;text-decoration:none;border:none;cursor:pointer;box-shadow:0 6px 28px rgba(26,95,212,.45),inset 0 1px 0 rgba(255,255,255,.15);transition:all .3s;}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 14px 40px rgba(43,132,255,.55);}
.btn-secondary{display:inline-flex;align-items:center;gap:10px;padding:15px 36px;border-radius:var(--r-pill);background:rgba(8,20,48,.7);border:1.5px solid var(--border-silver);color:var(--silver-bright);font-size:15px;font-weight:700;text-decoration:none;cursor:pointer;backdrop-filter:blur(12px);transition:all .3s;}
.btn-secondary:hover{border-color:var(--blue-neon);color:var(--blue-ice);background:rgba(43,132,255,.08);transform:translateY(-2px);}
.hero-trust{display:flex;align-items:center;gap:24px;margin-top:28px;opacity:0;animation:rise .7s 1s ease forwards;}
.hero-trust-divider{width:1px;height:36px;background:var(--border-silver);}
.hero-trust-item{text-align:center;}
.hero-trust-num{font-family:'Exo 2',sans-serif;font-size:24px;font-weight:900;color:var(--blue-ice);text-shadow:0 0 16px rgba(96,200,255,.5);}
.hero-trust-lbl{font-size:11px;color:var(--text-mid);font-weight:600;letter-spacing:.5px;}

/* Hero visual */
.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;opacity:0;animation:pop 1s .3s cubic-bezier(.22,1,.36,1) forwards;}
.hero-visual-wrap{position:relative;width:520px;height:520px;display:flex;align-items:center;justify-content:center;}
.hv-glow-outer{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50%,rgba(43,132,255,.18) 0%,rgba(26,95,212,.1) 35%,transparent 68%);animation:glow-pulse 4s ease-in-out infinite;}
.hv-glow-gold{position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle at 50% 60%,rgba(232,168,48,.08) 0%,transparent 70%);animation:glow-pulse 4s ease-in-out 2s infinite;}
.hv-ring{position:absolute;top:50%;left:50%;border-radius:50%;transform:translate(-50%,-50%);animation:ring-spin var(--spd) linear infinite var(--dir,normal);}
.hv-ring-1{width:420px;height:420px;border:1px solid rgba(43,132,255,.18);--spd:28s;}
.hv-ring-1::before{content:'';position:absolute;top:-5px;left:50%;transform:translateX(-50%);width:10px;height:10px;border-radius:50%;background:var(--blue-neon);box-shadow:0 0 14px var(--blue-neon),0 0 28px rgba(0,170,255,.4);}
.hv-ring-2{width:480px;height:480px;border:1px dashed rgba(43,132,255,.1);--spd:40s;--dir:reverse;}
.hv-ring-3{width:340px;height:340px;border:1.5px solid rgba(232,168,48,.15);--spd:20s;}
.hv-ring-3::after{content:'';position:absolute;bottom:-5px;right:20%;width:9px;height:9px;border-radius:50%;background:var(--gold-light);box-shadow:0 0 14px var(--gold),0 0 28px var(--gold-glow);}
.hv-circuit{position:absolute;inset:0;opacity:.35;}
.hv-logo{position:relative;z-index:10;width:520px;height:auto;filter:drop-shadow(0 0 30px rgba(43,132,255,.7)) drop-shadow(0 0 60px rgba(26,95,212,.4)) drop-shadow(0 8px 30px rgba(0,0,0,.6));animation:logo-float 5s ease-in-out infinite;}
.hv-chip{position:absolute;z-index:15;background:rgba(5,15,34,.9);border:1.5px solid var(--border-blue);padding:12px 18px;border-radius:var(--r-md);backdrop-filter:blur(16px);box-shadow:0 8px 32px rgba(0,0,0,.4);animation:chip-float var(--cf-spd,6s) ease-in-out var(--cf-delay,0s) infinite;}
.hv-chip-val{font-family:'Exo 2',sans-serif;font-size:22px;font-weight:900;background:linear-gradient(135deg,var(--blue-ice),var(--gold-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.hv-chip-lbl{font-size:10px;font-weight:700;color:var(--text-mid);letter-spacing:1px;text-transform:uppercase;margin-top:2px;}
.chip-a{top:60px;left:0;--cf-spd:6s;} .chip-b{top:60px;right:0;--cf-spd:7s;--cf-delay:1s;} .chip-c{bottom:80px;left:10px;--cf-spd:8s;--cf-delay:.5s;} .chip-d{bottom:80px;right:10px;--cf-spd:6.5s;--cf-delay:1.5s;}
.hero-scroll{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:2;opacity:0;animation:fade-in 1s 2s ease forwards;}
.hero-scroll-line{width:2px;height:52px;border-radius:2px;background:linear-gradient(to bottom,transparent,var(--blue-neon));animation:scroll-line 2s ease-in-out infinite;}
.hero-scroll-lbl{font-size:10px;font-weight:700;color:var(--text-dim);letter-spacing:3px;text-transform:uppercase;}

/* ─── STATS ─── */
.stats-bar{position:relative;z-index:1;background:rgba(3,8,18,.9);border-top:1px solid var(--border-blue);border-bottom:1px solid var(--border-blue);backdrop-filter:blur(20px);}
.stats-inner{max-width:1280px;margin:0 auto;padding:0 56px;display:grid;grid-template-columns:repeat(4,1fr);}
.stat-item{padding:24px 24px;text-align:center;border-right:1px solid var(--border-blue);transition:background .3s;}
.stat-item:last-child{border-right:none;}
.stat-item:hover{background:rgba(43,132,255,.04);}
.stat-val{font-family:'Exo 2',sans-serif;font-size:42px;font-weight:900;line-height:1;background:linear-gradient(135deg,var(--blue-bright),var(--blue-ice));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 16px rgba(43,132,255,.35));}
.stat-lbl{font-size:12px;font-weight:700;color:var(--text-mid);letter-spacing:1.5px;text-transform:uppercase;margin-top:8px;}

/* ─── SECTIONS ─── */
section{position:relative;z-index:1;}
.section-inner{max-width:1280px;margin:0 auto;padding:72px 56px;}
.sec-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:6px 18px;border-radius:var(--r-pill);background:rgba(26,95,212,.1);border:1px solid rgba(43,132,255,.22);font-size:11px;font-weight:800;letter-spacing:3px;color:var(--blue-ice);text-transform:uppercase;margin-bottom:18px;}
.sec-title{font-family:'Exo 2',sans-serif;font-size:clamp(26px,3vw,46px);font-weight:800;line-height:1.15;color:var(--text-bright);margin-bottom:18px;}
.sec-title .accent{background:linear-gradient(90deg,var(--blue-bright),var(--blue-ice));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.sec-desc{font-size:17px;color:var(--text-mid);line-height:1.8;font-weight:400;max-width:520px;}

/* ─── SERVICES ─── */
.services-layout{display:grid;grid-template-columns:260px 1fr;gap:32px;align-items:start;}
.services-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.service-card{background:var(--bg-card);border:1.5px solid var(--border-blue);border-radius:var(--r-lg);padding:16px 16px;cursor:default;transition:all .35s;position:relative;overflow:hidden;}
.service-card:hover{border-color:rgba(43,132,255,.45);transform:translateY(-6px);box-shadow:0 24px 60px rgba(0,0,0,.35);}
.service-card.featured{grid-column:span 2;background:linear-gradient(135deg,rgba(26,95,212,.12),rgba(5,15,34,.9));border-color:rgba(43,132,255,.3);}
.scard-icon{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,rgba(26,95,212,.2),rgba(43,132,255,.1));border:1px solid rgba(43,132,255,.2);display:flex;align-items:center;justify-content:center;margin-bottom:12px;color:var(--blue-ice);transition:all .3s;}
.service-card:hover .scard-icon{background:linear-gradient(135deg,rgba(26,95,212,.35),rgba(43,132,255,.2));box-shadow:0 0 24px rgba(43,132,255,.2);}
.scard-num{position:absolute;top:12px;right:14px;font-family:'Exo 2',sans-serif;font-size:10px;font-weight:700;color:rgba(43,132,255,.3);letter-spacing:1px;}
.scard-title{font-family:'Exo 2',sans-serif;font-size:14px;font-weight:700;color:var(--text-bright);line-height:1.3;margin-bottom:6px;}
.scard-desc{font-size:12px;color:var(--text-mid);line-height:1.65;}
.scard-tag{display:inline-block;margin-top:8px;padding:3px 9px;border-radius:var(--r-pill);background:rgba(43,132,255,.08);border:1px solid rgba(43,132,255,.15);font-size:10px;font-weight:700;color:var(--blue-neon);letter-spacing:.5px;}

/* ─── ABOUT ─── */
.about-sec{background:linear-gradient(180deg,transparent 0%,rgba(5,15,34,.5) 50%,transparent 100%);border-top:1px solid var(--border-blue);border-bottom:1px solid var(--border-blue);}
.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
.about-vis{position:relative;height:440px;display:flex;align-items:center;justify-content:center;}
.about-vis-glow{position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(26,95,212,.2),transparent 70%);filter:blur(40px);}
.about-vis-hex{position:absolute;width:380px;height:380px;top:50%;left:50%;transform:translate(-50%,-50%);animation:ring-spin 50s linear infinite;}
.about-logo{position:relative;z-index:5;width:320px;height:auto;filter:drop-shadow(0 0 24px rgba(43,132,255,.65)) drop-shadow(0 0 56px rgba(26,95,212,.35));animation:logo-float 5s ease-in-out infinite;}
.about-chip{position:absolute;z-index:10;background:rgba(3,8,18,.92);border:1.5px solid var(--border-blue);border-radius:var(--r-md);padding:14px 20px;backdrop-filter:blur(20px);box-shadow:0 8px 32px rgba(0,0,0,.4);}
.ac-val{font-family:'Exo 2',sans-serif;font-size:26px;font-weight:900;color:var(--blue-ice);text-shadow:0 0 20px rgba(96,200,255,.5);}
.ac-lbl{font-size:11px;font-weight:700;color:var(--text-mid);letter-spacing:1px;text-transform:uppercase;margin-top:3px;}
.ac-1{top:55px;left:8px;animation:chip-float 6s ease-in-out infinite;} .ac-2{top:55px;right:8px;animation:chip-float 7s ease-in-out 1s infinite;} .ac-3{bottom:70px;left:8px;animation:chip-float 8s ease-in-out .5s infinite;} .ac-4{bottom:70px;right:8px;animation:chip-float 6.5s ease-in-out 1.5s infinite;}
.about-content p{font-size:16px;color:var(--text-mid);line-height:1.9;margin-bottom:18px;}
.about-content strong{color:var(--silver-bright);font-weight:700;}
.mission-quote{margin-top:20px;padding:28px 32px;border-left:3px solid var(--blue-bright);background:rgba(43,132,255,.05);border-radius:0 var(--r-md) var(--r-md) 0;}
.mission-quote p{font-size:16px;color:var(--silver-bright);line-height:1.85;font-style:italic;}
.about-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;}
.pillar{padding:18px 16px;border-radius:var(--r-md);background:rgba(43,132,255,.06);border:1px solid var(--border-blue);text-align:center;transition:all .3s;}
.pillar:hover{background:rgba(43,132,255,.12);border-color:rgba(43,132,255,.3);transform:translateY(-2px);}
.pillar-icon{font-size:22px;margin-bottom:8px;}
.pillar-title{font-size:13px;font-weight:800;color:var(--text-bright);}

/* ─── PROCESS ─── */
.process-layout{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:40px;}
.process-step{position:relative;padding:28px 22px;border-radius:var(--r-xl);background:var(--bg-card);border:1.5px solid var(--border-blue);transition:all .35s;overflow:hidden;}
.process-step::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--r-xl) var(--r-xl) 0 0;background:linear-gradient(90deg,var(--blue-royal),var(--blue-bright),var(--blue-ice));opacity:0;transition:opacity .35s;}
.process-step:hover::before{opacity:1;}
.process-step:hover{border-color:rgba(43,132,255,.35);transform:translateY(-5px);box-shadow:0 20px 50px rgba(0,0,0,.3);}
.ps-num{font-family:'Exo 2',sans-serif;font-size:56px;font-weight:900;color:rgba(43,132,255,.08);line-height:1;margin-bottom:20px;user-select:none;}
.ps-icon{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,rgba(26,95,212,.2),rgba(43,132,255,.1));border:1px solid rgba(43,132,255,.2);display:flex;align-items:center;justify-content:center;color:var(--blue-ice);margin-bottom:18px;font-size:20px;}
.ps-title{font-family:'Exo 2',sans-serif;font-size:17px;font-weight:700;color:var(--text-bright);margin-bottom:10px;}
.ps-desc{font-size:14px;color:var(--text-mid);line-height:1.75;}

/* ─── CTA ─── */
.cta-section{padding:40px 56px;max-width:1280px;margin:0 auto;}
.cta-box{position:relative;border-radius:24px;background:linear-gradient(135deg,rgba(26,95,212,.15) 0%,rgba(5,15,34,.9) 40%,rgba(5,15,34,.9) 60%,rgba(43,132,255,.1) 100%);border:1.5px solid rgba(43,132,255,.25);padding:28px 32px;text-align:center;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.05);}
.cta-box::before{content:'';position:absolute;top:-1px;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,var(--blue-bright),var(--gold),var(--blue-bright),transparent);}
.cta-logo{width:120px;height:auto;margin:0 auto 14px;display:block;filter:drop-shadow(0 0 24px rgba(43,132,255,.7));}
.cta-box .sec-title{font-size:clamp(18px,2vw,28px);margin:0 auto 10px;max-width:680px;}
.cta-box .sec-desc{margin:0 auto;text-align:center;}
.cta-actions{display:flex;gap:10px;justify-content:center;margin-top:16px;flex-wrap:wrap;}
.btn-gold{display:inline-flex;align-items:center;gap:10px;padding:15px 36px;border-radius:var(--r-pill);background:linear-gradient(135deg,#c88020,var(--gold),var(--gold-light));color:#1a0e00;font-size:15px;font-weight:800;text-decoration:none;border:none;cursor:pointer;box-shadow:0 6px 28px rgba(232,168,48,.4),inset 0 1px 0 rgba(255,255,255,.2);transition:all .3s;}
.btn-gold:hover{transform:translateY(-3px);box-shadow:0 14px 40px rgba(232,168,48,.55);}

/* ─── CONTACT ─── */













.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-dim);}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--blue-bright);box-shadow:0 0 0 4px rgba(43,132,255,.1);}
.form-group select option{background:var(--bg-panel);}



/* ─── FOOTER ─── */
.footer{position:relative;z-index:1;background:rgba(1,4,10,.98);border-top:1px solid var(--border-blue);padding:48px 56px 28px;}
.footer-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:2.5fr 1fr 1fr 1fr;gap:60px;}
.footer-logo-wrap{display:flex;align-items:center;gap:14px;text-decoration:none;margin-bottom:20px;}
.footer-logo-wrap img{height:64px;filter:drop-shadow(0 0 12px rgba(43,132,255,.65));}
.footer-logo-name{font-family:'Exo 2',sans-serif;font-size:20px;font-weight:800;background:var(--metallic);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.footer-logo-sub{font-size:9px;font-weight:700;color:var(--text-dim);letter-spacing:2px;text-transform:uppercase;}
.footer-brand p{font-size:14px;color:var(--text-dim);line-height:1.8;max-width:300px;margin-bottom:24px;}
.footer-social{display:flex;gap:10px;}
.fsoc{width:40px;height:40px;border-radius:50%;background:rgba(43,132,255,.07);border:1.5px solid rgba(43,132,255,.18);display:flex;align-items:center;justify-content:center;color:var(--text-mid);text-decoration:none;font-size:13px;font-weight:800;transition:all .3s;font-family:'Exo 2',sans-serif;}
.fsoc:hover{background:rgba(43,132,255,.2);border-color:var(--blue-neon);color:var(--blue-ice);transform:translateY(-2px);}
.footer-col h5{font-family:'Exo 2',sans-serif;font-size:13px;font-weight:700;color:var(--silver-bright);letter-spacing:.5px;margin-bottom:22px;}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:12px;}
.footer-col ul a{font-size:14px;color:var(--text-dim);text-decoration:none;font-weight:500;transition:all .25s;display:flex;align-items:center;gap:6px;}
.footer-col ul a:hover{color:var(--blue-ice);transform:translateX(3px);}
.footer-col ul a::before{content:'›';color:var(--blue-neon);font-size:16px;}
.footer-bottom{max-width:1280px;margin:32px auto 0;padding-top:20px;border-top:1px solid rgba(43,132,255,.1);display:flex;align-items:center;justify-content:space-between;}
.footer-bottom p{font-size:13px;color:var(--text-dim);font-weight:500;}
.footer-bottom-badge{font-size:12px;font-weight:700;color:var(--blue-neon);opacity:.6;letter-spacing:1px;display:flex;align-items:center;gap:8px;}
.footer-bottom-badge span{width:6px;height:6px;border-radius:50%;background:var(--blue-neon);box-shadow:0 0 6px var(--blue-neon);}

/* ─── REVEAL ─── */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease;}
.reveal.visible{opacity:1;transform:translateY(0);}

/* ─── KEYFRAMES ─── */
@keyframes rise{from{opacity:0;transform:translateY(32px);}to{opacity:1;transform:translateY(0);}}
@keyframes pop{from{opacity:0;transform:scale(.82);}to{opacity:1;transform:scale(1);}}
@keyframes fade-in{from{opacity:0;}to{opacity:1;}}
@keyframes orb-drift{0%,100%{transform:translate(0,0);}33%{transform:translate(30px,-20px);}66%{transform:translate(-20px,30px);}}
@keyframes glow-pulse{0%,100%{opacity:.7;transform:scale(1);}50%{opacity:1;transform:scale(1.08);}}
@keyframes ring-spin{from{transform:translate(-50%,-50%) rotate(0deg);}to{transform:translate(-50%,-50%) rotate(360deg);}}
@keyframes logo-float{0%,100%{transform:translateY(0);}50%{transform:translateY(-14px);}}
@keyframes chip-float{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}
@keyframes pulse-dot{0%,100%{opacity:1;box-shadow:0 0 8px var(--blue-neon);}50%{opacity:.5;box-shadow:0 0 16px var(--blue-neon);}}
@keyframes scroll-line{0%,100%{opacity:.3;transform:scaleY(1);}50%{opacity:1;transform:scaleY(1.1);}}

/* ═══════════════════════════════════════════
   RESPONSIVE + PWA
═══════════════════════════════════════════ */
/* TABLET */
@media(max-width:1024px){
  .hero{grid-template-columns:1fr;text-align:center;padding:100px 30px 70px;}
  .hero-visual{display:none;}
  .hero-trust{justify-content:center;}
  .hero-content{align-items:center;}
  .hero-sub{text-align:center;}
  .services-layout{grid-template-columns:1fr;gap:40px;}
  .services-layout>div:first-child{text-align:center;}
  .services-layout>div:first-child .sec-eyebrow,.services-layout>div:first-child a{margin-left:auto;margin-right:auto;}
  .services-layout>div:first-child .sec-desc{margin:0 auto;}
  .about-layout{grid-template-columns:1fr;gap:50px;}
  .about-vis{height:340px;}
  .about-chip{display:none;}
  .process-layout{grid-template-columns:1fr 1fr;}
  
  .footer-inner{grid-template-columns:1fr 1fr;gap:40px;}
  .stats-inner{grid-template-columns:repeat(2,1fr);}
  .stat-item{border-right:none;border-bottom:1px solid var(--border-blue);}
  .stat-item:nth-child(odd){border-right:1px solid var(--border-blue);}
  .stat-item:nth-child(3),.stat-item:nth-child(4){border-bottom:none;}
  .nav-menu{display:none;}
  .nav-hamburger{display:flex;}
  .nav-drawer{display:flex;}
}
/* MOBILE */
@media(max-width:640px){
  .navbar{padding:0 18px;height:62px;}
  .nav-brand img{height:44px;}
  .section-inner{padding:48px 18px;}
  .hero{padding:70px 18px 44px;}
  .hero-title{font-size:clamp(26px,8vw,40px);}
  .hero-trust{flex-wrap:wrap;gap:12px;}
  .hero-trust-divider{display:none;}
  .hero-actions{flex-direction:column;align-items:stretch;width:100%;}
  .btn-primary,.btn-secondary{width:100%;justify-content:center;}
  .services-grid{grid-template-columns:1fr;gap:12px;}
  .service-card.featured{grid-column:span 1;}
  .service-card.featured>div:last-child{flex-direction:column;}
  .process-layout{grid-template-columns:1fr;gap:12px;}
  
  .cta-section{padding:60px 18px;}
  .cta-box{padding:28px 18px;border-radius:16px;}
  .cta-logo{width:160px;}
  .cta-actions{flex-direction:column;align-items:stretch;}
  .btn-gold{justify-content:center;}
  .footer{padding:36px 18px 20px;}
  .footer-inner{grid-template-columns:1fr;gap:28px;}
  .footer-bottom{flex-direction:column;gap:12px;text-align:center;}
  .stats-inner{padding:0 18px;}
  .stat-val{font-size:32px;}
  .about-vis{height:260px;}
  .about-logo{width:180px;}
  .about-pillars{grid-template-columns:1fr 1fr;}
  
  .mission-quote{padding:20px 20px;}
}
/* EXTRA SMALL */
@media(max-width:380px){
  .hero-title{font-size:24px;}
  .sec-title{font-size:21px;}
}
/* PWA SAFE AREAS */
@supports(padding:max(0px)){
  .navbar{padding-left:max(56px,env(safe-area-inset-left));padding-right:max(56px,env(safe-area-inset-right));}
  .footer{padding-bottom:max(36px,calc(env(safe-area-inset-bottom)+16px));}
}

/* ═══════════════════════════════════════════
   CHATBOT
═══════════════════════════════════════════ */
/* Bubble */
#cbl-btn{
  position:fixed;bottom:28px;right:28px;z-index:9999;
  width:66px;height:66px;border-radius:50%;
  background:linear-gradient(135deg,#1a5fd4,#2b84ff);
  border:2px solid rgba(96,200,255,.3);
  cursor:pointer;box-shadow:0 6px 28px rgba(43,132,255,.55);
  display:flex;align-items:center;justify-content:center;
  transition:transform .3s,box-shadow .3s;
  animation:cbl-pulse 3s ease-in-out infinite;
}
#cbl-btn:hover{transform:scale(1.1);box-shadow:0 10px 40px rgba(43,132,255,.75);}
#cbl-notif{
  position:absolute;top:-3px;right:-3px;
  width:20px;height:20px;border-radius:50%;
  background:#ff3b3b;border:2px solid #02060f;
  font-size:10px;font-weight:900;color:#fff;
  display:none;align-items:center;justify-content:center;
  animation:cbl-nb .8s ease-in-out infinite alternate;
}
#cbl-notif.show{display:flex;}
.ico-close{display:none;}
#cbl-btn.open .ico-chat{display:none;}
#cbl-btn.open .ico-close{display:block;}

/* Window */
#cbl-win{
  position:fixed;bottom:108px;right:28px;z-index:9998;
  width:370px;max-height:92vh;
  background:rgba(3,9,22,.97);
  border:1.5px solid rgba(43,132,255,.28);
  border-radius:26px;overflow:hidden;
  box-shadow:0 28px 80px rgba(0,0,0,.8);
  display:flex;flex-direction:column;
  transform:scale(.86) translateY(20px);opacity:0;pointer-events:none;
  transition:all .38s cubic-bezier(.22,1,.36,1);
  font-family:'Nunito',sans-serif;
}
#cbl-win.show{transform:scale(1) translateY(0);opacity:1;pointer-events:all;}

/* Header */
.cbl-hd{
  background:linear-gradient(135deg,rgba(26,95,212,.32),rgba(3,9,22,.98));
  border-bottom:1px solid rgba(43,132,255,.18);
  padding:14px 16px;display:flex;align-items:center;gap:12px;flex-shrink:0;
}
.cbl-av{width:46px;height:46px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#1a5fd4,#2b84ff);flex-shrink:0;display:flex;align-items:center;justify-content:center;box-shadow:0 0 18px rgba(43,132,255,.45);}
.cbl-av img{width:46px;height:46px;object-fit:contain;}
.cbl-hd-name{font-family:'Exo 2',sans-serif;font-size:15px;font-weight:800;color:#eaf4ff;}
.cbl-hd-status{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:#60c8ff;margin-top:2px;}
.cbl-hd-dot{width:7px;height:7px;border-radius:50%;background:#00e676;box-shadow:0 0 6px #00e676;animation:cbl-blink 2s ease-in-out infinite;}
.cbl-hd-x{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.07);border:none;color:#8ab0cc;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:15px;}
.cbl-hd-x:hover{background:rgba(255,80,80,.15);color:#ff6666;}

/* Messages */
.cbl-msgs{flex:1;overflow-y:auto;padding:14px 12px;display:flex;flex-direction:column;gap:10px;min-height:180px;scrollbar-width:thin;scrollbar-color:rgba(43,132,255,.2) transparent;}
.cbl-msgs::-webkit-scrollbar{width:3px;}
.cbl-msgs::-webkit-scrollbar-thumb{background:rgba(43,132,255,.25);border-radius:3px;}
.cm{display:flex;align-items:flex-end;gap:7px;animation:cbl-slide .35s ease;}
.cm.b{justify-content:flex-start;}
.cm.u{justify-content:flex-end;}
.cm-av{width:28px;height:28px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#1a5fd4,#2b84ff);flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.cm-av img{width:28px;height:28px;object-fit:contain;}
.cm-bbl{max-width:240px;padding:9px 14px;font-size:13.5px;line-height:1.55;font-weight:500;border-radius:18px;word-break:break-word;}
.cm.b .cm-bbl{background:rgba(43,132,255,.12);border:1px solid rgba(43,132,255,.22);color:#c8e0f5;border-bottom-left-radius:4px;}
.cm.u .cm-bbl{background:linear-gradient(135deg,#1a5fd4,#2b84ff);color:#fff;border-bottom-right-radius:4px;}
.cm-bbl.audio{display:flex;align-items:center;gap:7px;font-style:italic;}
.cbl-typing{display:flex;gap:4px;padding:11px 15px;background:rgba(43,132,255,.1);border:1px solid rgba(43,132,255,.2);border-radius:18px;border-bottom-left-radius:4px;width:fit-content;}
.cbl-typing span{width:6px;height:6px;border-radius:50%;background:#2b84ff;animation:cbl-dot 1.2s ease-in-out infinite;}
.cbl-typing span:nth-child(2){animation-delay:.2s;}.cbl-typing span:nth-child(3){animation-delay:.4s;}
.cbl-transcribing{font-size:12px;color:#60c8ff;padding:5px 12px;font-weight:600;display:flex;align-items:center;gap:6px;}

/* Quick replies */
.cbl-qr{display:flex;flex-wrap:wrap;gap:7px;padding:2px 12px 10px;flex-shrink:0;}
.cbl-qrb{background:rgba(43,132,255,.1);border:1.5px solid rgba(43,132,255,.3);color:#60c8ff;border-radius:50px;padding:7px 13px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s;font-family:'Nunito',sans-serif;}
.cbl-qrb:hover{background:rgba(43,132,255,.22);border-color:#2b84ff;color:#eaf4ff;transform:translateY(-1px);}

/* Contact choice */
.cbl-choice{display:none;flex-direction:column;gap:9px;padding:8px 12px 14px;flex-shrink:0;}
.cbl-choice.show{display:flex;}
.cbl-choice-label{font-size:12px;color:#8ab0cc;font-weight:700;margin-bottom:2px;}
.cbl-ch-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 18px;border-radius:14px;border:none;font-family:'Nunito',sans-serif;font-size:14px;font-weight:800;cursor:pointer;transition:all .3s;text-decoration:none;width:100%;}
.cbl-ch-wa{background:linear-gradient(135deg,#128c3e,#25d366);color:#fff;box-shadow:0 4px 18px rgba(37,211,102,.3);}
.cbl-ch-wa:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(37,211,102,.5);}
.cbl-ch-em{background:linear-gradient(135deg,#c43a00,#ff6030);color:#fff;box-shadow:0 4px 18px rgba(255,96,48,.3);}
.cbl-ch-em:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(255,96,48,.45);}

/* Input row */
.cbl-inp-row{display:flex;gap:8px;align-items:center;padding:10px 12px;border-top:1px solid rgba(43,132,255,.12);background:rgba(2,6,15,.55);flex-shrink:0;}
#cbl-inp{flex:1;background:rgba(5,15,34,.85);border:1.5px solid rgba(43,132,255,.2);border-radius:50px;color:#eaf4ff;padding:10px 16px;font-family:'Nunito',sans-serif;font-size:14px;font-weight:500;outline:none;transition:border-color .2s;min-width:0;}
#cbl-inp:focus{border-color:#2b84ff;}
#cbl-inp::placeholder{color:rgba(138,176,204,.45);}
#cbl-inp:disabled{opacity:.4;}
.cbl-icon-btn{width:38px;height:38px;border-radius:50%;flex-shrink:0;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .22s;}
#cbl-send{background:linear-gradient(135deg,#1a5fd4,#2b84ff);color:#fff;box-shadow:0 4px 14px rgba(43,132,255,.4);}
#cbl-send:hover{transform:scale(1.1);}
#cbl-send:disabled{opacity:.4;cursor:default;transform:none;}
#cbl-mic{background:rgba(43,132,255,.12);border:1.5px solid rgba(43,132,255,.3) !important;color:#60c8ff;}
#cbl-mic:hover{background:rgba(43,132,255,.22);}
#cbl-mic.rec{background:rgba(255,50,50,.18);border-color:#ff3c3c !important;color:#ff6060;animation:cbl-mic-p 1s ease-in-out infinite;}
#cbl-mic:disabled{opacity:.35;cursor:default;}

/* Animations */
@keyframes cbl-pulse{0%,100%{box-shadow:0 6px 28px rgba(43,132,255,.55),0 0 0 0 rgba(43,132,255,.3);}60%{box-shadow:0 6px 28px rgba(43,132,255,.55),0 0 0 14px rgba(43,132,255,0);}}
@keyframes cbl-nb{from{transform:scale(1);}to{transform:scale(1.25);}}
@keyframes cbl-blink{0%,100%{opacity:1;}50%{opacity:.4;}}
@keyframes cbl-slide{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}
@keyframes cbl-dot{0%,100%{transform:translateY(0);opacity:.35;}50%{transform:translateY(-5px);opacity:1;}}
@keyframes cbl-mic-p{0%,100%{box-shadow:0 0 0 0 rgba(255,50,50,.4);}50%{box-shadow:0 0 0 10px rgba(255,50,50,0);}}

/* Mobile chatbot */
@media(max-width:500px){
  #cbl-win{width:calc(100vw - 16px);right:8px;bottom:92px;border-radius:20px;max-height:88vh;}
  #cbl-btn{bottom:18px;right:14px;width:58px;height:58px;}
  .cm-bbl{max-width:200px;}
}
/* PWA safe area for chatbot */
@supports(padding:max(0px)){
  #cbl-btn{bottom:max(28px,calc(env(safe-area-inset-bottom)+14px));right:max(28px,env(safe-area-inset-right));}
  #cbl-win{bottom:max(108px,calc(env(safe-area-inset-bottom)+94px));}
}


/* ── WHATSAPP FLOATING BUTTON ── */
#wa-float {
  position: fixed; bottom: 28px; right: 28px; z-index: 9999;
  width: 62px; height: 62px; border-radius: 50%;
  background: linear-gradient(135deg, #128c3e, #25d366);
  border: none; cursor: pointer;
  box-shadow: 0 6px 24px rgba(37,211,102,.55), 0 2px 8px rgba(0,0,0,.3);
  display: flex; align-items: center; justify-content: center;
  transition: transform .25s, box-shadow .25s;
  animation: waPulse 2.8s ease-in-out infinite;
  visibility: visible !important;
  display: flex !important;
}
#wa-float:hover { transform: scale(1.1); box-shadow: 0 10px 36px rgba(37,211,102,.7); }
#wa-float svg { width: 32px; height: 32px; }
#wa-float .wa-badge {
  position: absolute; top: -3px; right: -3px;
  width: 20px; height: 20px; border-radius: 50%;
  background: #ff3b3b; border: 2px solid #02060f;
  font-size: 10px; font-weight: 900; color: #fff;
  display: flex; align-items: center; justify-content: center;
  animation: waBadge .9s ease-in-out infinite alternate;
}
@keyframes waPulse {
  0%,100% { box-shadow: 0 6px 24px rgba(37,211,102,.55), 0 0 0 0 rgba(37,211,102,.35); }
  60%      { box-shadow: 0 6px 24px rgba(37,211,102,.55), 0 0 0 14px rgba(37,211,102,0); }
}
@keyframes waBadge { from{transform:scale(1);} to{transform:scale(1.3);} }

/* ── CHAT WINDOW ── */
#cibot-chat {
  position: fixed; bottom: 104px; right: 28px; z-index: 9998;
  width: 360px; max-height: 88vh;
  background: rgba(3,9,22,.98);
  border: 1.5px solid rgba(43,132,255,.3);
  border-radius: 24px; overflow: hidden;
  box-shadow: 0 24px 72px rgba(0,0,0,.75), 0 0 0 1px rgba(43,132,255,.06);
  display: flex; flex-direction: column;
  font-family: 'Nunito', sans-serif;
  transform: scale(.88) translateY(16px); opacity: 0; pointer-events: none;
  transition: all .38s cubic-bezier(.22,1,.36,1);
}
#cibot-chat.open {
  transform: scale(1) translateY(0); opacity: 1; pointer-events: all;
}

/* header */
.ch-hd {
  background: linear-gradient(135deg, rgba(26,95,212,.38), rgba(3,9,22,.96));
  border-bottom: 1px solid rgba(43,132,255,.18);
  padding: 14px 16px; display: flex; align-items: center; gap: 12px; flex-shrink: 0;
}
.ch-av {
  width: 44px; height: 44px; border-radius: 50%;
  background: linear-gradient(135deg,#1a5fd4,#25d366);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; box-shadow: 0 0 16px rgba(43,132,255,.5);
  overflow: hidden;
}
.ch-av img { width: 44px; height: 44px; object-fit: contain; }
.ch-hd-info { flex: 1; }
.ch-hd-name { font-family:'Exo 2',sans-serif; font-size:15px; font-weight:800; color:#eaf4ff; }
.ch-hd-sub  { font-size:11px; color:#60c8ff; font-weight:600; display:flex; align-items:center; gap:5px; margin-top:2px; }
.ch-online  { width:7px; height:7px; border-radius:50%; background:#00e676; box-shadow:0 0 6px #00e676; animation:blink 2s ease-in-out infinite; }
.ch-close   {
  width:30px; height:30px; border-radius:50%; background:rgba(255,255,255,.07);
  border:none; color:#8ab0cc; cursor:pointer; font-size:16px;
  display:flex; align-items:center; justify-content:center; transition:all .2s;
}
.ch-close:hover { background:rgba(255,80,80,.15); color:#ff6666; }

/* messages */
.ch-msgs {
  flex:1; overflow-y:auto; padding:14px 12px;
  display:flex; flex-direction:column; gap:10px;
  min-height:200px; max-height:380px;
  scrollbar-width:thin; scrollbar-color:rgba(43,132,255,.2) transparent;
}
.ch-msgs::-webkit-scrollbar { width:3px; }
.ch-msgs::-webkit-scrollbar-thumb { background:rgba(43,132,255,.25); border-radius:3px; }

.cm { display:flex; align-items:flex-end; gap:7px; animation:cmIn .32s ease; }
.cm.b { justify-content:flex-start; }
.cm.u { justify-content:flex-end; }
.cm-av-s { width:28px; height:28px; border-radius:50%; overflow:hidden; background:linear-gradient(135deg,#1a5fd4,#25d366); flex-shrink:0; display:flex; align-items:center; justify-content:center; }
.cm-av-s img { width:28px; height:28px; object-fit:contain; }
.cm-bbl { max-width:240px; padding:9px 14px; font-size:13.5px; line-height:1.55; font-weight:600; border-radius:18px; word-break:break-word; }
.cm.b .cm-bbl { background:rgba(43,132,255,.13); border:1px solid rgba(43,132,255,.22); color:#c8e0f5; border-bottom-left-radius:4px; }
.cm.u .cm-bbl { background:linear-gradient(135deg,#1a5fd4,#2b84ff); color:#fff; border-bottom-right-radius:4px; }

/* typing */
.ch-typing { display:flex; gap:4px; padding:11px 14px; background:rgba(43,132,255,.1); border:1px solid rgba(43,132,255,.2); border-radius:18px; border-bottom-left-radius:4px; width:fit-content; }
.ch-typing span { width:6px; height:6px; border-radius:50%; background:#2b84ff; animation:typDot 1.2s ease-in-out infinite; }
.ch-typing span:nth-child(2){animation-delay:.2s;} .ch-typing span:nth-child(3){animation-delay:.4s;}

/* quick replies */
.ch-qr { display:flex; flex-wrap:wrap; gap:7px; padding:2px 12px 10px; flex-shrink:0; }
.ch-qrb {
  background:rgba(43,132,255,.1); border:1.5px solid rgba(43,132,255,.3);
  color:#60c8ff; border-radius:50px; padding:7px 14px;
  font-size:12px; font-weight:700; cursor:pointer;
  transition:all .2s; font-family:'Nunito',sans-serif;
}
.ch-qrb:hover { background:rgba(43,132,255,.22); border-color:#2b84ff; color:#eaf4ff; transform:translateY(-1px); }

/* final CTA buttons */
.ch-cta { display:none; flex-direction:column; gap:8px; padding:6px 12px 12px; flex-shrink:0; }
.ch-cta.show { display:flex; }
.ch-cta-lbl { font-size:12px; color:#8ab0cc; font-weight:700; }
.ch-btn { display:flex; align-items:center; justify-content:center; gap:9px; padding:12px; border-radius:13px; border:none; font-family:'Nunito',sans-serif; font-size:13.5px; font-weight:800; cursor:pointer; transition:all .3s; width:100%; text-decoration:none; }
.ch-btn-wa { background:linear-gradient(135deg,#128c3e,#25d366); color:#fff; box-shadow:0 4px 16px rgba(37,211,102,.3); }
.ch-btn-wa:hover { transform:translateY(-2px); box-shadow:0 8px 24px rgba(37,211,102,.5); }
.ch-btn-em { background:linear-gradient(135deg,#1a5fd4,#2b84ff); color:#fff; box-shadow:0 4px 16px rgba(43,132,255,.3); }
.ch-btn-em:hover { transform:translateY(-2px); box-shadow:0 8px 24px rgba(43,132,255,.5); }

/* input */
.ch-inp-row {
  display:flex; gap:7px; align-items:center;
  padding:10px 12px; border-top:1px solid rgba(43,132,255,.12);
  background:rgba(2,6,15,.55); flex-shrink:0;
}
#ch-inp {
  flex:1; background:rgba(5,15,34,.85); border:1.5px solid rgba(43,132,255,.2);
  border-radius:50px; color:#eaf4ff; padding:10px 16px;
  font-family:'Nunito',sans-serif; font-size:14px; font-weight:600;
  outline:none; transition:border-color .2s; min-width:0;
}
#ch-inp:focus { border-color:#2b84ff; }
#ch-inp::placeholder { color:rgba(138,176,204,.4); }
#ch-inp:disabled { opacity:.4; }
#ch-send {
  width:38px; height:38px; border-radius:50%; flex-shrink:0;
  background:linear-gradient(135deg,#1a5fd4,#2b84ff); border:none;
  color:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center;
  box-shadow:0 4px 14px rgba(43,132,255,.4); transition:all .2s;
}
#ch-send:hover { transform:scale(1.1); }
#ch-send:disabled { opacity:.4; cursor:default; transform:none; }

/* AI thinking indicator */
.ch-ai-thinking {
  display:flex; align-items:center; gap:8px;
  font-size:12px; color:#60c8ff; font-weight:600;
  padding:4px 12px;
}
.ch-ai-dot { width:6px; height:6px; border-radius:50%; background:#2b84ff; animation:typDot 1s ease-in-out infinite; }
.ch-ai-dot:nth-child(2){animation-delay:.15s;} .ch-ai-dot:nth-child(3){animation-delay:.3s;}

/* ── KEYFRAMES ── */
@keyframes blink { 0%,100%{opacity:1;} 50%{opacity:.4;} }
@keyframes cmIn  { from{opacity:0;transform:translateY(8px);} to{opacity:1;transform:translateY(0);} }
@keyframes typDot{ 0%,100%{transform:translateY(0);opacity:.3;} 50%{transform:translateY(-5px);opacity:1;} }

/* ── MOBILE ── */
@media(max-width:480px){
  #cibot-chat { width:calc(100vw - 20px); right:10px; bottom:96px; border-radius:20px; }
  #wa-float   { bottom:20px; right:16px; width:56px; height:56px; }
}
@supports(padding:max(0px)){
  #wa-float   { bottom:max(28px,calc(env(safe-area-inset-bottom)+14px)); right:max(28px,env(safe-area-inset-right)); }
  #cibot-chat { bottom:max(104px,calc(env(safe-area-inset-bottom)+90px)); }
}


.cl-wrap{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);}
.cl-track{display:flex;align-items:center;gap:40px;width:max-content;animation:clSlide 24s linear infinite;}
.cl-track:hover{animation-play-state:paused;}
.cl-item{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:14px 28px;background:rgba(5,15,34,.75);border:1.5px solid rgba(43,132,255,.15);border-radius:14px;min-width:180px;height:88px;transition:all .3s;}
.cl-item:hover{border-color:rgba(43,132,255,.45);background:rgba(43,132,255,.07);transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.35);}
.cl-item img{max-height:54px;max-width:160px;object-fit:contain;filter:brightness(.85) grayscale(.25);transition:filter .3s;}
.cl-item:hover img{filter:brightness(1) grayscale(0);}
@keyframes clSlide{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@media(max-width:640px){.cl-item{min-width:140px;padding:10px 18px;height:74px;}.cl-track{gap:24px;animation-duration:18s;}}


#cb{position:fixed;bottom:0;left:-120px;z-index:8500;display:flex;flex-direction:column;align-items:center;pointer-events:none;}
#cb-img{width:100px;cursor:default;position:relative;pointer-events:none;}
#cb-img img{width:100px;height:auto;display:block;pointer-events:none;filter:drop-shadow(0 0 14px rgba(43,132,255,.85)) drop-shadow(0 2px 8px rgba(0,0,0,.5));}
#cb-glow{position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:110px;height:30px;border-radius:50%;background:radial-gradient(ellipse,rgba(43,132,255,.45) 0%,transparent 70%);pointer-events:none;animation:gAnim 2s ease-in-out infinite;}
#cb-ring{position:absolute;bottom:4px;left:50%;width:60px;height:60px;border-radius:50%;border:1.5px solid rgba(43,132,255,.55);transform:translateX(-50%) scaleY(.28);pointer-events:none;animation:rAnim 2.4s ease-out infinite;}
#cb-ring2{position:absolute;bottom:4px;left:50%;width:60px;height:60px;border-radius:50%;border:1.5px solid rgba(43,132,255,.35);transform:translateX(-50%) scaleY(.28);pointer-events:none;animation:rAnim 2.4s ease-out 1.2s infinite;}
#cb-bubble{background:rgba(3,10,28,.97);border:1.5px solid rgba(43,132,255,.5);border-radius:16px 16px 16px 4px;padding:10px 14px;font-family:'Nunito',sans-serif;font-size:12.5px;font-weight:700;color:#c8e0f5;max-width:220px;min-width:140px;text-align:center;margin-bottom:8px;box-shadow:0 6px 24px rgba(0,0,0,.6);animation:popIn .4s cubic-bezier(.22,1,.36,1);line-height:1.5;pointer-events:none;}
#cb-bubble.hide{display:none;}
.cb-walk #cb-img img{animation:wAnim .38s ease-in-out infinite;}
.cb-idle #cb-img img{animation:iAnim 2.2s ease-in-out infinite;}
.cb-wave #cb-img img{animation:vAnim .5s ease-in-out 3;}
@keyframes wAnim{0%,100%{transform:translateY(0) rotate(-2deg);}25%{transform:translateY(-10px) rotate(3deg);}75%{transform:translateY(-6px) rotate(-1deg);}}
@keyframes iAnim{0%,100%{transform:translateY(0) rotate(0);}40%{transform:translateY(-9px) rotate(-2deg);}70%{transform:translateY(-5px) rotate(2deg);}}
@keyframes vAnim{0%,100%{transform:rotate(0) scale(1);}30%{transform:rotate(-11deg) scale(1.1);}70%{transform:rotate(11deg) scale(1.1);}}
@keyframes gAnim{0%,100%{opacity:.5;transform:translateX(-50%) scale(1);}50%{opacity:1;transform:translateX(-50%) scale(1.5);}}
@keyframes rAnim{0%{opacity:.8;transform:translateX(-50%) scaleY(.28) scale(.2);}100%{opacity:0;transform:translateX(-50%) scaleY(.28) scale(2.8);}}
@keyframes popIn{from{opacity:0;transform:scale(.6) translateY(10px);}to{opacity:1;transform:scale(1) translateY(0);}}
@media(max-width:420px){#cb{display:none;}}


#wfloat{position:fixed!important;bottom:30px!important;right:30px!important;z-index:99999!important;width:60px!important;height:60px!important;border-radius:50%!important;background:#25d366!important;border:none!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 4px 20px rgba(37,211,102,.6)!important;animation:wfPulse 2.5s ease-in-out infinite!important;}
#wfloat svg{width:32px;height:32px;display:block;}
#wfbadge{position:absolute;top:-3px;right:-3px;width:20px;height:20px;border-radius:50%;background:#ff3333;border:2px solid #fff;color:#fff;font-size:11px;font-weight:900;display:none;align-items:center;justify-content:center;font-family:sans-serif;}
#wfpanel{position:fixed!important;bottom:104px!important;right:30px!important;z-index:99998!important;width:320px;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 40px rgba(0,0,0,.25);display:flex;flex-direction:column;transform:scale(.88) translateY(14px);opacity:0;pointer-events:none;transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .28s;font-family:'Nunito',sans-serif;}
#wfpanel.on{transform:scale(1) translateY(0);opacity:1;pointer-events:all;}
.wfh{background:linear-gradient(135deg,#075e54,#128c3e);padding:14px;display:flex;align-items:center;gap:10px;}
.wfhav{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 0 0 2px rgba(255,255,255,.3);}
.wfhav img{width:42px;height:42px;object-fit:contain;}
.wfhn{font-family:'Exo 2',sans-serif;font-size:14px;font-weight:800;color:#fff;}
.wfhs{font-size:11px;color:rgba(255,255,255,.8);display:flex;align-items:center;gap:4px;margin-top:2px;}
.wfhdot{width:6px;height:6px;border-radius:50%;background:#7fffb2;box-shadow:0 0 4px #7fffb2;}
.wfx{margin-left:auto;background:rgba(255,255,255,.15);border:none;color:#fff;width:26px;height:26px;border-radius:50%;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;}
.wfmsgs{flex:1;overflow-y:auto;padding:14px 12px 8px;display:flex;flex-direction:column;gap:8px;background:#ece5dd;min-height:160px;max-height:300px;}
.wfm{display:flex;flex-direction:column;animation:wfIn .25s ease;}
.wfm.b{align-items:flex-start;}.wfm.u{align-items:flex-end;}
.wfbbl{max-width:220px;padding:8px 12px;border-radius:12px;font-size:13px;line-height:1.5;font-weight:600;word-break:break-word;}
.wfm.b .wfbbl{background:#fff;color:#111;border-top-left-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.1);}
.wfm.u .wfbbl{background:#dcf8c6;color:#111;border-top-right-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.1);}
.wft{font-size:10px;color:rgba(0,0,0,.35);margin-top:2px;padding:0 2px;}
.wftyp{display:flex;gap:4px;padding:9px 12px;background:#fff;border-radius:12px;border-top-left-radius:3px;width:fit-content;box-shadow:0 1px 3px rgba(0,0,0,.1);}
.wftyp span{width:6px;height:6px;border-radius:50%;background:#999;animation:wfDot 1.2s ease-in-out infinite;}
.wftyp span:nth-child(2){animation-delay:.2s;}.wftyp span:nth-child(3){animation-delay:.4s;}
.wfqr{display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px;background:#f0f0f0;border-top:1px solid #e0e0e0;}
.wfqrb{background:#fff;border:1.5px solid #25d366;color:#075e54;border-radius:50px;padding:6px 13px;font-size:12px;font-weight:700;cursor:pointer;transition:all .18s;font-family:'Nunito',sans-serif;}
.wfqrb:hover{background:#25d366;color:#fff;}
.wfcta{display:none;flex-direction:column;gap:7px;padding:10px 12px 12px;background:#f9f9f9;border-top:1px solid #e8e8e8;}
.wfcta.on{display:flex;}
.wfctalbl{font-size:12px;color:#666;font-weight:700;text-align:center;}
.wfctabtn{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;border-radius:11px;border:none;font-family:'Nunito',sans-serif;font-size:13px;font-weight:800;cursor:pointer;transition:all .22s;width:100%;}
.wfctawa{background:linear-gradient(135deg,#128c3e,#25d366);color:#fff;box-shadow:0 3px 14px rgba(37,211,102,.35);}
.wfctaem{background:linear-gradient(135deg,#1a5fd4,#2b84ff);color:#fff;box-shadow:0 3px 14px rgba(43,132,255,.3);}
.wfctatg{background:linear-gradient(135deg,#006699,#0088cc);color:#fff;box-shadow:0 3px 14px rgba(0,136,204,.3);}
.wfctarec{background:rgba(43,132,255,.1);border:1.5px solid rgba(43,132,255,.3);color:#60c8ff;}
.wfctarec:hover{background:rgba(43,132,255,.2);}
.wfrow{display:flex;gap:7px;align-items:center;padding:9px 11px;background:#f0f0f0;border-top:1px solid #ddd;}
#wfinp{flex:1;background:#fff;border:1px solid #ddd;border-radius:22px;color:#111;padding:9px 14px;font-family:'Nunito',sans-serif;font-size:13px;font-weight:600;outline:none;}
#wfinp:focus{border-color:#25d366;}
#wfinp::placeholder{color:#aaa;}
#wfinp:disabled{opacity:.45;}
#wfsend{width:36px;height:36px;border-radius:50%;background:#25d366;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 2px 8px rgba(37,211,102,.4);}
#wfsend:disabled{opacity:.4;}
@keyframes wfPulse{0%,100%{box-shadow:0 4px 20px rgba(37,211,102,.6),0 0 0 0 rgba(37,211,102,.35);}60%{box-shadow:0 4px 20px rgba(37,211,102,.6),0 0 0 16px rgba(37,211,102,0);}}
@keyframes wfIn{from{opacity:0;transform:translateY(7px);}to{opacity:1;transform:translateY(0);}}
@keyframes wfDot{0%,100%{transform:translateY(0);opacity:.3;}50%{transform:translateY(-5px);opacity:1;}}
@media(max-width:480px){#wfpanel{width:calc(100vw - 20px);right:10px;bottom:94px;}#wfloat{bottom:18px;right:14px;}}


.btn-telegram{
  background:linear-gradient(135deg,rgba(0,136,204,.15),rgba(0,136,204,.08));
  border:1.5px solid rgba(0,136,204,.4);
  color:#29b6f6;
  padding:12px 26px;border-radius:var(--r-pill);
  font-family:'Nunito',sans-serif;font-size:14px;font-weight:800;
  text-decoration:none;transition:all .25s;display:inline-flex;align-items:center;gap:8px;
  box-shadow:0 4px 16px rgba(0,136,204,.2);
}
.btn-telegram:hover{background:rgba(0,136,204,.25);border-color:rgba(0,136,204,.7);transform:translateY(-2px);}
.btn-expert{
  background:linear-gradient(135deg,rgba(43,132,255,.15),rgba(43,132,255,.08));
  border:1.5px solid rgba(43,132,255,.4);
  color:var(--blue-ice);
  padding:12px 26px;border-radius:var(--r-pill);
  font-family:'Nunito',sans-serif;font-size:14px;font-weight:800;
  cursor:pointer;transition:all .25s;display:inline-flex;align-items:center;gap:8px;
  box-shadow:0 4px 16px rgba(43,132,255,.2);
}
.btn-expert:hover{background:rgba(43,132,255,.25);border-color:rgba(43,132,255,.7);transform:translateY(-2px);box-shadow:0 8px 24px rgba(43,132,255,.3);}
@keyframes xbotFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-4px);}}
#xbot-msgs::-webkit-scrollbar{width:4px;}
#xbot-msgs::-webkit-scrollbar-thumb{background:rgba(43,132,255,.3);border-radius:4px;}
.xmsg{display:flex;flex-direction:column;animation:xmIn .3s ease;}
.xmsg.b{align-items:flex-start;}.xmsg.u{align-items:flex-end;}
.xbbl{max-width:280px;padding:10px 14px;border-radius:14px;font-size:13px;line-height:1.55;font-weight:600;word-break:break-word;font-family:'Nunito',sans-serif;}
.xmsg.b .xbbl{background:rgba(26,95,212,.18);color:#d0e8ff;border-top-left-radius:3px;border:1px solid rgba(43,132,255,.2);}
.xmsg.u .xbbl{background:linear-gradient(135deg,rgba(26,95,212,.4),rgba(43,132,255,.25));color:#eaf4ff;border-top-right-radius:3px;}
.xtyp{display:flex;gap:5px;padding:10px 14px;background:rgba(26,95,212,.15);border-radius:14px;border-top-left-radius:3px;border:1px solid rgba(43,132,255,.2);width:fit-content;}
.xtyp span{width:6px;height:6px;border-radius:50%;background:#60c8ff;animation:xDot 1.2s ease-in-out infinite;}
.xtyp span:nth-child(2){animation-delay:.2s;}.xtyp span:nth-child(3){animation-delay:.4s;}
.xqrb{background:rgba(26,95,212,.12);border:1.5px solid rgba(43,132,255,.3);color:#60c8ff;border-radius:50px;padding:7px 14px;font-size:12px;font-weight:700;cursor:pointer;transition:all .18s;font-family:'Nunito',sans-serif;}
.xqrb:hover{background:rgba(43,132,255,.25);color:#eaf4ff;transform:translateY(-1px);}
@keyframes xmIn{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}
@keyframes xDot{0%,100%{opacity:.3;transform:translateY(0);}50%{opacity:1;transform:translateY(-4px);}}
@media(max-width:480px){#xbot-modal{max-height:95vh;border-radius:18px;}#xbot-msgs{max-height:260px;}}