/* ═══════════════════════════════════════
   ACCPACK365 — WHITE PROFESSIONAL THEME
   Matching POS Interface Design
   ═══════════════════════════════════════ */
:root {
  --navy:      #1a3c6e;
  --blue:      #2563eb;
  --blue-dark: #1d4ed8;
  --blue-light:#eff6ff;
  --green:     #22c55e;
  --green-dark:#16a34a;
  --green-light:#f0fdf4;
  --white:     #ffffff;
  --bg:        #f0f7ff;
  --bg2:       #f8fafc;
  --text:      #0f172a;
  --text2:     #334155;
  --muted:     #64748b;
  --border:    #e2e8f0;
  --shadow-sm: 0 1px 4px rgba(0,0,0,0.06);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.08);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.1);
  --radius:    10px;
  --radius-lg: 16px;
  --nav-h:     68px;
}

*,*::before,*::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  font-family:'Inter',sans-serif;
  background:var(--bg);
  color:var(--text);
  overflow-x:hidden;
  padding-top:var(--nav-h);
  line-height:1.6;
}
a { text-decoration:none; color:inherit; }
img { max-width:100%; display:block; }
button { border:none; outline:none; cursor:pointer; font-family:'Inter',sans-serif; }
h1,h2,h3,h4 { font-family:'Montserrat',sans-serif; line-height:1.2; color:var(--navy); }
.container { max-width:1160px; margin:0 auto; padding:0 24px; }
section { padding:80px 0; }

/* TAGS */
.tag {
  display:inline-flex; align-items:center; gap:6px;
  background:var(--blue-light); color:var(--blue);
  border:1px solid #bfdbfe;
  font-size:0.7rem; font-weight:700; letter-spacing:3px;
  text-transform:uppercase; padding:5px 14px; border-radius:20px;
  font-family:'Montserrat',sans-serif;
}
.tag.green { background:var(--green-light); color:var(--green-dark); border-color:#bbf7d0; }

/* SECTION HEADER */
.sec-header { text-align:center; margin-bottom:52px; }
.sec-header h2 { font-size:clamp(1.8rem,3.5vw,2.6rem); font-weight:800; margin:12px 0; color:var(--navy); }
.sec-header p { color:var(--muted); font-size:1rem; max-width:560px; margin:0 auto; line-height:1.75; }

/* BUTTONS */
.btn {
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:12px 26px; border-radius:var(--radius);
  font-weight:600; font-size:0.9rem; transition:all 0.25s;
  cursor:pointer; font-family:'Inter',sans-serif;
}
.btn-blue  { background:var(--blue);  color:var(--white); border:2px solid var(--blue); }
.btn-blue:hover  { background:var(--blue-dark); border-color:var(--blue-dark); transform:translateY(-1px); box-shadow:0 6px 20px rgba(37,99,235,0.25); }
.btn-green { background:var(--green); color:var(--white); border:2px solid var(--green); }
.btn-green:hover { background:var(--green-dark); border-color:var(--green-dark); transform:translateY(-1px); }
.btn-outline { background:transparent; color:var(--blue); border:2px solid var(--blue); }
.btn-outline:hover { background:var(--blue); color:var(--white); }
.btn-nav-pos {
  display:inline-flex; align-items:center; gap:7px;
  background:var(--green); color:var(--white);
  padding:9px 20px; border-radius:var(--radius);
  font-weight:600; font-size:0.85rem;
  transition:all 0.25s; border:2px solid var(--green);
}
.btn-nav-pos:hover { background:var(--green-dark); border-color:var(--green-dark); transform:translateY(-1px); }

/* ═══ NAVBAR ═══ */
.navbar {
  position:fixed; top:0; left:0; right:0; z-index:1000;
  height:var(--nav-h); background:var(--white);
  border-bottom:1px solid var(--border); box-shadow:var(--shadow-sm);
}
.nav-inner {
  display:flex; align-items:center; justify-content:space-between;
  height:100%; padding:0 28px; max-width:1200px; margin:0 auto;
}
.nav-brand { display:flex; align-items:center; gap:10px; text-decoration:none; }
.nav-logo-img { height:42px; object-fit:contain; }
.nav-links { display:flex; align-items:center; gap:4px; }
.nav-links a {
  color:var(--text2); font-size:0.88rem; font-weight:500;
  padding:7px 14px; border-radius:var(--radius); transition:all 0.2s;
}
.nav-links a:hover { background:var(--blue-light); color:var(--blue); }
.nav-right { display:flex; align-items:center; gap:10px; }
.lang-switcher { display:flex; gap:4px; }
.lang-btn {
  background:var(--bg2); border:1.5px solid var(--border);
  color:var(--muted); padding:5px 12px; border-radius:20px;
  font-size:0.75rem; font-weight:600; cursor:pointer; transition:all 0.2s;
}
.lang-btn:hover,.lang-btn.active { background:var(--blue); border-color:var(--blue); color:var(--white); }

/* Hamburger */
.nav-hamburger { display:none; flex-direction:column; gap:5px; background:none; padding:6px; }
.nav-hamburger span { width:24px; height:2px; background:var(--navy); border-radius:2px; display:block; transition:all 0.3s; }
.nav-hamburger.open span:nth-child(1) { transform:rotate(45deg) translate(5px,5px); }
.nav-hamburger.open span:nth-child(2) { opacity:0; }
.nav-hamburger.open span:nth-child(3) { transform:rotate(-45deg) translate(5px,-5px); }

/* MOBILE DRAWER */
.mobile-nav {
  display:none; position:fixed; top:var(--nav-h); left:0; right:0; bottom:0;
  background:var(--white); z-index:999;
  transform:translateX(-100%); transition:transform 0.3s;
  overflow-y:auto; padding:24px 20px 100px;
}
.mobile-nav.open { transform:translateX(0); }
.mobile-nav-links { display:flex; flex-direction:column; gap:4px; margin-bottom:20px; }
.mobile-nav-links a {
  display:flex; align-items:center; gap:12px;
  color:var(--text); font-size:1rem; font-weight:500;
  padding:14px 16px; border-radius:var(--radius); transition:background 0.2s;
}
.mobile-nav-links a:hover { background:var(--bg); }
.mobile-nav-links a .ni { font-size:1.2rem; width:28px; }
.mob-div { height:1px; background:var(--border); margin:12px 0; }
.mobile-lang { display:flex; gap:8px; margin-bottom:20px; }
.mobile-lang .lang-btn { flex:1; text-align:center; padding:10px; }

/* BOTTOM NAV */
.bottom-nav {
  display:none; position:fixed; bottom:0; left:0; right:0; z-index:1000;
  height:64px; background:var(--white); border-top:1px solid var(--border);
  box-shadow:0 -4px 16px rgba(0,0,0,0.06);
  grid-template-columns:repeat(5,1fr);
}
.bnav-item {
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:3px; color:var(--muted); font-size:0.6rem; font-weight:600;
  text-transform:uppercase; cursor:pointer; text-decoration:none;
  transition:color 0.2s; background:none; border:none;
  font-family:'Inter',sans-serif; padding:4px;
}
.bnav-item .bi { font-size:1.25rem; }
.bnav-item.active,.bnav-item:hover { color:var(--blue); }
.bnav-cta { background:var(--blue); color:var(--white) !important; border-radius:10px; margin:8px 4px; }
.bnav-cta:hover { background:var(--blue-dark) !important; color:var(--white) !important; }

/* ═══ HERO ═══ */
.hero {
  background:linear-gradient(135deg, #f0f7ff 0%, #ffffff 50%, #f0fdf4 100%);
  padding:72px 0 56px; border-bottom:1px solid var(--border);
  position:relative; overflow:hidden;
}
.hero::before {
  content:''; position:absolute;
  width:600px; height:600px; border-radius:50%;
  background:radial-gradient(circle, rgba(37,99,235,0.05), transparent 70%);
  right:-150px; top:-150px;
}
.hero-inner { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; position:relative; z-index:1; }
.hero-eyebrow { margin-bottom:18px; }
.hero h1 { font-size:clamp(2.2rem,5vw,3.6rem); font-weight:900; color:var(--navy); margin-bottom:18px; }
.hero h1 .blue  { color:var(--blue); }
.hero h1 .green { color:var(--green); }
.hero-desc { color:var(--muted); font-size:1.05rem; line-height:1.8; margin-bottom:28px; max-width:480px; }
.hero-actions { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:28px; }
.hero-trust { display:flex; flex-wrap:wrap; gap:14px; }
.trust-item { display:flex; align-items:center; gap:6px; font-size:0.83rem; color:var(--muted); }
.trust-dot { width:6px; height:6px; border-radius:50%; background:var(--green); flex-shrink:0; }

/* Hero Visual */
.hero-visual { position:relative; }
.dash-card {
  background:var(--white); border:1px solid var(--border);
  border-radius:var(--radius-lg); box-shadow:var(--shadow-lg); overflow:hidden;
}
.dash-top {
  background:linear-gradient(90deg, var(--navy), #1e4d8c);
  padding:12px 16px; display:flex; align-items:center; gap:8px;
}
.dash-dots { display:flex; gap:5px; }
.dash-dot { width:10px; height:10px; border-radius:50%; }
.dash-dot.r{background:#ff5f57;} .dash-dot.y{background:#febc2e;} .dash-dot.g{background:#28c840;}
.dash-title { color:rgba(255,255,255,0.8); font-size:0.78rem; margin-left:4px; }
.dash-body { padding:16px; }
.dash-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:12px; }
.dash-stat { background:var(--bg); border:1px solid var(--border); border-radius:var(--radius); padding:12px; }
.dsl { font-size:0.68rem; color:var(--muted); margin-bottom:4px; }
.dsv { font-size:1.2rem; font-weight:700; color:var(--navy); font-family:'Montserrat',sans-serif; }
.dss { font-size:0.65rem; color:var(--green); margin-top:2px; }
.dash-chart { background:var(--bg); border:1px solid var(--border); border-radius:var(--radius); padding:14px; margin-bottom:10px; }
.dcl { font-size:0.7rem; color:var(--muted); margin-bottom:10px; font-weight:600; }
.chart-bars { display:flex; align-items:flex-end; gap:6px; height:52px; }
.bar { background:var(--blue); border-radius:3px 3px 0 0; flex:1; opacity:0.7; transition:opacity 0.2s; }
.bar:hover{opacity:1;}
.bar.g2{background:var(--green);}
.dash-mods { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.dmod { background:var(--bg); border:1px solid var(--border); border-radius:var(--radius); padding:10px; text-align:center; }
.dmod-icon { font-size:1.2rem; margin-bottom:3px; }
.dmod-label { font-size:0.62rem; color:var(--muted); font-weight:500; }
.hero-float {
  position:absolute; background:var(--white);
  border:1px solid var(--border); border-radius:var(--radius);
  padding:10px 14px; box-shadow:var(--shadow-md);
  display:flex; align-items:center; gap:8px;
  font-size:0.8rem; color:var(--text); font-weight:500;
}
.hero-float.f1{top:-16px; right:16px;}
.hero-float.f2{bottom:-14px; left:10px;}
.fval{color:var(--green); font-weight:700;}

/* ═══ STATS ═══ */
.stats-bar { background:var(--navy); }
.stats-inner { display:grid; grid-template-columns:repeat(4,1fr); }
.stat-item {
  display:flex; flex-direction:column; align-items:center; text-align:center;
  padding:28px 16px; border-right:1px solid rgba(255,255,255,0.1);
  transition:background 0.2s;
}
.stat-item:last-child{border-right:none;}
.stat-item:hover{background:rgba(255,255,255,0.05);}
.stat-num { font-family:'Montserrat',sans-serif; font-size:2.2rem; font-weight:900; color:var(--green); }
.stat-lbl { font-size:0.78rem; color:rgba(255,255,255,0.6); margin-top:5px; }

/* ═══ MODULES ═══ */
.modules { background:var(--white); }
.modules-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.module-card {
  background:var(--white); border:1.5px solid var(--border);
  border-radius:var(--radius-lg); padding:28px;
  transition:all 0.3s; position:relative; overflow:hidden;
}
.module-card::before {
  content:''; position:absolute; top:0; left:0; right:0; height:3px;
  background:linear-gradient(90deg, var(--blue), var(--green));
  transform:scaleX(0); transform-origin:left; transition:transform 0.3s;
}
.module-card:hover { border-color:var(--blue); box-shadow:var(--shadow-md); transform:translateY(-3px); }
.module-card:hover::before { transform:scaleX(1); }
.module-icon {
  width:52px; height:52px; border-radius:var(--radius);
  background:var(--blue-light); display:flex; align-items:center;
  justify-content:center; font-size:1.6rem; margin-bottom:14px;
}
.module-card h3 { font-size:1rem; font-weight:700; color:var(--navy); margin-bottom:8px; }
.module-card p { color:var(--muted); font-size:0.84rem; line-height:1.7; margin-bottom:14px; }
.mfeats { display:flex; flex-direction:column; gap:5px; }
.mf { display:flex; align-items:center; gap:7px; font-size:0.8rem; color:var(--text2); }
.mf::before { content:'✓'; color:var(--green); font-weight:700; flex-shrink:0; }

/* ═══ PLANS ═══ */
.scale { background:var(--bg); }
.scale-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.scale-card {
  background:var(--white); border:1.5px solid var(--border);
  border-radius:var(--radius-lg); padding:32px; transition:all 0.3s; text-align:center;
}
.scale-card.featured {
  border-color:var(--blue);
  box-shadow:0 0 0 4px rgba(37,99,235,0.08), var(--shadow-md);
}
.scale-badge {
  display:inline-block; background:var(--blue); color:var(--white);
  font-size:0.65rem; font-weight:700; padding:3px 12px;
  border-radius:20px; margin-bottom:14px; letter-spacing:1px; text-transform:uppercase;
}
.scale-icon { font-size:2.5rem; margin-bottom:12px; }
.scale-card h3 { font-size:1.25rem; font-weight:800; color:var(--navy); margin-bottom:4px; }
.scale-sub { color:var(--muted); font-size:0.83rem; margin-bottom:18px; }
.scale-list { text-align:left; display:flex; flex-direction:column; gap:8px; margin-bottom:22px; }
.sli { display:flex; align-items:center; gap:8px; font-size:0.84rem; color:var(--text2); }
.sli::before { content:'✓'; color:var(--green); font-weight:700; flex-shrink:0; }

/* ═══ HOW IT WORKS ═══ */
.how { background:var(--white); }
.steps { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; position:relative; }
.steps::before {
  content:''; position:absolute; top:32px;
  left:calc(12.5% + 16px); right:calc(12.5% + 16px);
  height:2px; background:var(--border);
}
.step { text-align:center; }
.step-num {
  width:64px; height:64px; border-radius:50%;
  background:var(--white); border:2px solid var(--border);
  display:flex; align-items:center; justify-content:center;
  font-family:'Montserrat',sans-serif; font-size:1.2rem; font-weight:900;
  color:var(--blue); margin:0 auto 16px; position:relative; z-index:1; transition:all 0.3s;
}
.step:hover .step-num { background:var(--blue); color:var(--white); border-color:var(--blue); }
.step h4 { font-size:0.95rem; font-weight:700; color:var(--navy); margin-bottom:6px; }
.step p { color:var(--muted); font-size:0.82rem; line-height:1.6; }

/* ═══ CONTACT ═══ */
.contact { background:var(--bg); }
.contact-inner { display:grid; grid-template-columns:1fr 1.2fr; gap:56px; align-items:start; }
.contact-left h2 { font-size:clamp(1.7rem,3vw,2.3rem); font-weight:800; color:var(--navy); margin:12px 0 14px; }
.contact-left p { color:var(--muted); line-height:1.8; margin-bottom:28px; }
.cp-list { display:flex; flex-direction:column; gap:12px; }
.cp-item {
  display:flex; align-items:center; gap:14px;
  padding:14px 16px; background:var(--white);
  border:1px solid var(--border); border-radius:var(--radius); transition:border-color 0.2s;
}
.cp-item:hover { border-color:var(--blue); }
.cp-icon { width:40px; height:40px; background:var(--blue-light); border-radius:var(--radius); display:flex; align-items:center; justify-content:center; font-size:1.2rem; flex-shrink:0; }
.cp-lbl { font-size:0.65rem; font-weight:700; color:var(--blue); text-transform:uppercase; letter-spacing:1px; display:block; }
.cp-val { font-size:0.9rem; color:var(--navy); font-weight:500; margin-top:1px; display:block; }
.cform {
  background:var(--white); border:1.5px solid var(--border);
  border-radius:var(--radius-lg); padding:32px; box-shadow:var(--shadow-md);
}
.cform h3 { font-size:1.15rem; font-weight:700; color:var(--navy); margin-bottom:20px; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.fg { display:flex; flex-direction:column; gap:6px; margin-bottom:14px; }
.fg label { font-size:0.72rem; font-weight:600; color:var(--muted); text-transform:uppercase; letter-spacing:1px; }
.fg input,.fg select,.fg textarea {
  background:var(--bg2); border:1.5px solid var(--border);
  color:var(--text); padding:11px 14px; border-radius:var(--radius); font-size:0.88rem;
  transition:border-color 0.2s, box-shadow 0.2s; font-family:'Inter',sans-serif;
}
.fg input:focus,.fg select:focus,.fg textarea:focus {
  outline:none; border-color:var(--blue); box-shadow:0 0 0 3px rgba(37,99,235,0.08); background:var(--white);
}
.fg select option { background:var(--white); }
.fg textarea { resize:vertical; min-height:88px; }
.form-btn {
  width:100%; padding:13px; background:var(--blue); color:var(--white);
  border:none; border-radius:var(--radius); font-size:0.95rem;
  font-weight:700; cursor:pointer; transition:all 0.25s; font-family:'Montserrat',sans-serif;
}
.form-btn:hover { background:var(--blue-dark); transform:translateY(-1px); }
.form-ok {
  display:none; padding:12px; background:var(--green-light); border:1px solid #bbf7d0;
  color:var(--green-dark); border-radius:var(--radius);
  text-align:center; margin-top:12px; font-size:0.88rem;
}

/* ═══ FOOTER ═══ */
.footer { background:var(--navy); padding:52px 0 28px; }
.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:40px; margin-bottom:36px; }
.footer-logo { height:36px; object-fit:contain; filter:brightness(0) invert(1); margin-bottom:12px; }
.footer-brand h3 { font-size:0.95rem; font-weight:800; color:var(--white); margin-bottom:6px; }
.footer-brand p { color:rgba(255,255,255,0.5); font-size:0.82rem; line-height:1.7; }
.footer-col h4 { font-size:0.7rem; color:rgba(255,255,255,0.35); text-transform:uppercase; letter-spacing:2px; margin-bottom:14px; font-family:'Montserrat',sans-serif; }
.footer-col ul { display:flex; flex-direction:column; gap:8px; }
.footer-col ul li a { color:rgba(255,255,255,0.55); font-size:0.84rem; transition:color 0.2s; }
.footer-col ul li a:hover { color:var(--green); }
.footer-bottom { border-top:1px solid rgba(255,255,255,0.08); padding-top:20px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; }
.footer-bottom p { color:rgba(255,255,255,0.35); font-size:0.78rem; }
.footer-engine { color:var(--green) !important; font-weight:600; font-size:0.78rem; }

/* ═══ LIVE CHAT WIDGET ═══ */
.chat-wrapper { position:fixed; bottom:24px; right:24px; z-index:998; }
@media(max-width:768px) { .chat-wrapper { bottom:76px; right:16px; } }

.chat-toggle {
  width:56px; height:56px; border-radius:50%;
  background:var(--blue); color:var(--white); border:none;
  display:flex; align-items:center; justify-content:center;
  font-size:1.4rem; cursor:pointer; box-shadow:var(--shadow-lg);
  transition:all 0.3s; position:relative;
}
.chat-toggle:hover { background:var(--blue-dark); transform:scale(1.05); }
.chat-badge {
  position:absolute; top:-4px; right:-4px;
  width:18px; height:18px; border-radius:50%;
  background:#ef4444; color:var(--white);
  font-size:0.65rem; font-weight:700;
  display:none; align-items:center; justify-content:center;
  border:2px solid var(--white);
}
.chat-badge.show { display:flex; }

.chat-window {
  position:absolute; bottom:68px; right:0;
  width:340px; background:var(--white);
  border:1.5px solid var(--border); border-radius:var(--radius-lg);
  box-shadow:var(--shadow-lg); display:none; flex-direction:column;
  overflow:hidden;
}
.chat-window.open { display:flex; animation:chatPop 0.3s ease; }
@keyframes chatPop { from{opacity:0;transform:scale(0.95) translateY(8px);} to{opacity:1;transform:scale(1) translateY(0);} }

.chat-head {
  background:linear-gradient(90deg, var(--navy), #1e4d8c);
  padding:14px 16px; display:flex; align-items:center; gap:10px;
}
.chat-head-icon { width:36px; height:36px; border-radius:50%; background:rgba(255,255,255,0.15); display:flex; align-items:center; justify-content:center; font-size:1.2rem; }
.chat-head-info h4 { color:var(--white); font-size:0.9rem; font-weight:700; margin:0; }
.chat-status { font-size:0.7rem; color:rgba(255,255,255,0.75); display:flex; align-items:center; gap:4px; }
.chat-status::before { content:''; width:5px; height:5px; border-radius:50%; background:#22c55e; display:inline-block; }
.chat-close { margin-left:auto; background:rgba(255,255,255,0.15); border:none; color:var(--white); width:26px; height:26px; border-radius:50%; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:background 0.2s; font-size:0.9rem; }
.chat-close:hover { background:rgba(255,255,255,0.3); }

/* Chat intro form */
.chat-intro { padding:20px; }
.chat-intro p { color:var(--muted); font-size:0.85rem; margin-bottom:14px; }
.chat-input-field {
  width:100%; background:var(--bg2); border:1.5px solid var(--border);
  color:var(--text); padding:10px 13px; border-radius:var(--radius);
  font-size:0.85rem; margin-bottom:10px; transition:border-color 0.2s;
  font-family:'Inter',sans-serif;
}
.chat-input-field:focus { outline:none; border-color:var(--blue); }
.chat-start-btn {
  width:100%; padding:11px; background:var(--blue); color:var(--white);
  border:none; border-radius:var(--radius); font-weight:600; font-size:0.88rem;
  cursor:pointer; transition:background 0.2s; font-family:'Inter',sans-serif;
}
.chat-start-btn:hover { background:var(--blue-dark); }

/* Chat messages area */
.chat-msgs { flex:1; height:300px; overflow-y:auto; padding:14px; display:flex; flex-direction:column; gap:8px; }
.chat-msgs::-webkit-scrollbar { width:4px; }
.chat-msgs::-webkit-scrollbar-thumb { background:var(--border); border-radius:2px; }
.cmsg { max-width:82%; padding:9px 13px; border-radius:12px; font-size:0.84rem; line-height:1.5; }
.cmsg.user { background:var(--blue); color:var(--white); align-self:flex-end; border-bottom-right-radius:3px; }
.cmsg.admin { background:var(--bg); color:var(--text); align-self:flex-start; border:1px solid var(--border); border-bottom-left-radius:3px; }
.cmsg-time { font-size:0.65rem; color:var(--muted); margin-top:3px; }

.chat-input-area { padding:12px; border-top:1px solid var(--border); display:flex; gap:8px; background:var(--white); }
.chat-type {
  flex:1; background:var(--bg2); border:1.5px solid var(--border);
  color:var(--text); padding:9px 13px; border-radius:24px; font-size:0.84rem;
  transition:border-color 0.2s; font-family:'Inter',sans-serif;
}
.chat-type:focus { outline:none; border-color:var(--blue); background:var(--white); }
.chat-send {
  background:var(--blue); color:var(--white); border:none;
  width:36px; height:36px; border-radius:50%; cursor:pointer;
  display:flex; align-items:center; justify-content:center; font-size:0.9rem; transition:background 0.2s;
}
.chat-send:hover { background:var(--blue-dark); }

/* ═══ RESPONSIVE ═══ */
@media(max-width:768px){
  body { padding-bottom:64px; }
  .nav-links,.nav-right .btn,.nav-right .btn-nav-pos,.lang-switcher { display:none !important; }
  .nav-hamburger { display:flex; }
  .mobile-nav { display:block; }
  .bottom-nav { display:grid; }
  .hero { padding:36px 0 28px; }
  .hero-inner { grid-template-columns:1fr; gap:28px; text-align:center; }
  .hero-visual { order:-1; }
  .hero-desc { margin:0 auto 22px; }
  .hero-actions { justify-content:center; }
  .hero-trust { justify-content:center; }
  .hero-float { display:none; }
  .stats-inner { grid-template-columns:repeat(2,1fr); }
  .stat-item { border-right:none; border-bottom:1px solid rgba(255,255,255,0.08); }
  .modules-grid { grid-template-columns:1fr; }
  .scale-grid { grid-template-columns:1fr; }
  .steps { grid-template-columns:repeat(2,1fr); }
  .steps::before { display:none; }
  .contact-inner { grid-template-columns:1fr; }
  .footer-grid { grid-template-columns:1fr 1fr; gap:24px; }
  .form-row { grid-template-columns:1fr; }
  .chat-window { width:calc(100vw - 32px); right:-6px; }
  section { padding:52px 0; }
}
@media(max-width:480px){
  .footer-grid { grid-template-columns:1fr; }
  .steps { grid-template-columns:1fr; }
}

/* ADMIN PANEL */
.admin-body { font-family:'Inter',sans-serif; background:var(--bg); min-height:100vh; }
.admin-topbar {
  background:var(--navy); color:var(--white);
  padding:14px 24px; display:flex; align-items:center; justify-content:space-between;
}
.admin-topbar h1 { font-family:'Montserrat',sans-serif; font-size:1rem; font-weight:700; }
.admin-content { padding:24px; max-width:1100px; margin:0 auto; }
.admin-login { max-width:360px; margin:60px auto; background:var(--white); border:1px solid var(--border); border-radius:var(--radius-lg); padding:32px; box-shadow:var(--shadow-md); }
.admin-login h2 { font-family:'Montserrat',sans-serif; font-size:1.3rem; font-weight:800; color:var(--navy); margin-bottom:20px; text-align:center; }

.reveal { opacity:0; transform:translateY(14px); transition:opacity 0.5s ease,transform 0.5s ease; }
.reveal.visible { opacity:1; transform:translateY(0); }