/* ================================================
   Disparou Design System v2.0
   Fonte: Inter | Paleta: Sky Blue + Dark Navy
   ================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --blue:        #0EA5E9;
  --blue-dark:   #0284C7;
  --blue-xd:     #0369A1;
  --blue-light:  #E0F2FE;
  --blue-mid:    #BAE6FD;
  --green:       #22C55E;
  --green-dark:  #16A34A;
  --green-light: #DCFCE7;
  --amber:       #F59E0B;
  --amber-light: #FEF3C7;
  --amber-dark:  #D97706;
  --red:         #EF4444;
  --red-light:   #FEE2E2;
  --red-dark:    #DC2626;
  --purple:      #8B5CF6;
  --purple-light:#EDE9FE;
  --bg:          #F1F5F9;
  --card:        #FFFFFF;
  --border:      #E2E8F0;
  --border-2:    #CBD5E1;
  --t1:          #0F172A;
  --t2:          #334155;
  --t3:          #64748B;
  --t4:          #94A3B8;
  --t5:          #CBD5E1;
  --sidebar-w:   240px;
  --topbar-h:    58px;
  --radius:      10px;
  --radius-lg:   16px;
  --radius-xl:   22px;
  --shadow-sm:   0 1px 3px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.05);
  --shadow:      0 4px 12px rgba(0,0,0,.08);
  --shadow-lg:   0 10px 30px rgba(0,0,0,.10);
  --shadow-xl:   0 20px 60px rgba(0,0,0,.14);
  --trans:       all .2s ease;
  --trans-slow:  all .35s ease;
}

html { font-size: 15px; scroll-behavior: smooth; }
body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  background: var(--bg); color: var(--t1);
  -webkit-font-smoothing: antialiased;
}

/* ANIMATIONS */
@keyframes fadeUp   { from{opacity:0;transform:translateY(24px)} to{opacity:1;transform:translateY(0)} }
@keyframes fadeIn   { from{opacity:0} to{opacity:1} }
@keyframes slideDown{ from{opacity:0;transform:translateY(-12px)} to{opacity:1;transform:translateY(0)} }
@keyframes spin     { to{transform:rotate(360deg)} }
@keyframes shimmer  { from{background-position:-600px 0} to{background-position:600px 0} }
@keyframes toastIn  { from{opacity:0;transform:translateX(100%)} to{opacity:1;transform:translateX(0)} }
@keyframes toastOut { from{opacity:1;transform:translateX(0)} to{opacity:0;transform:translateX(100%)} }
@keyframes gradientShift { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} }
@keyframes float    { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }
@keyframes ripple   { to{transform:scale(4);opacity:0} }
@keyframes pulse    { 0%,100%{transform:scale(1)} 50%{transform:scale(1.04)} }

.animate-fade-up { animation:fadeUp .5s ease both; }
.animate-fade-in { animation:fadeIn .4s ease both; }
.animate-float   { animation:float 4s ease-in-out infinite; }
.delay-1{animation-delay:.1s} .delay-2{animation-delay:.2s} .delay-3{animation-delay:.3s}
.delay-4{animation-delay:.4s} .delay-5{animation-delay:.5s}

/* LAYOUT */
.gc-layout { display:flex; min-height:100vh; }

/* SIDEBAR LIGHT */
.gc-sidebar {
  width:var(--sidebar-w); background:var(--card);
  border-right:1px solid var(--border);
  display:flex; flex-direction:column;
  position:fixed; top:0; left:0; height:100vh; z-index:100;
  overflow-y:auto; transition:transform .25s ease;
}
.gc-sidebar-logo { padding:22px 20px 16px; border-bottom:1px solid var(--border); }
.gc-sidebar-logo .brand { display:flex;align-items:center;gap:10px;text-decoration:none; }
.gc-sidebar-logo .brand-icon {
  width:36px;height:36px;background:linear-gradient(135deg,var(--blue),var(--blue-dark));
  border-radius:9px;display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:16px;flex-shrink:0;
}
.gc-sidebar-logo .brand-name { font-size:15px;font-weight:700;color:var(--t1);letter-spacing:-.3px; }
.gc-sidebar-logo .brand-tag  { font-size:11px;color:var(--t4);font-weight:400; }
.gc-nav { padding:12px 10px;flex:1; }
.gc-nav-section { margin-bottom:18px; }
.gc-nav-label {
  font-size:10px;font-weight:700;text-transform:uppercase;
  letter-spacing:1px;color:var(--t4);padding:0 10px;margin-bottom:6px;
}
.gc-nav a {
  display:flex;align-items:center;gap:10px;padding:9px 10px;
  border-radius:var(--radius);text-decoration:none;color:var(--t2);
  font-size:14px;font-weight:500;transition:var(--trans);margin-bottom:2px;
}
.gc-nav a i { width:18px;text-align:center;font-size:14px;color:var(--t3);flex-shrink:0; }
.gc-nav a:hover { background:var(--bg);color:var(--t1); }
.gc-nav a:hover i { color:var(--blue); }
.gc-nav a.active { background:var(--blue-light);color:var(--blue-dark);font-weight:600; }
.gc-nav a.active i { color:var(--blue); }
.gc-nav a.active-green { background:var(--green-light);color:var(--green-dark);font-weight:600; }
.gc-nav a.active-green i { color:var(--green); }
.gc-sidebar-footer { padding:12px 10px;border-top:1px solid var(--border); }
.gc-user-info { display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius);margin-bottom:4px; }
.gc-user-avatar {
  width:32px;height:32px;
  background:linear-gradient(135deg,var(--blue-light),var(--blue-mid));
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  color:var(--blue-dark);font-size:13px;font-weight:700;flex-shrink:0;
}
.gc-user-email { font-size:12px;color:var(--t3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px; }
.gc-logout {
  display:flex;align-items:center;gap:10px;padding:9px 10px;
  border-radius:var(--radius);text-decoration:none;color:var(--red);
  font-size:14px;font-weight:500;transition:var(--trans);
}
.gc-logout:hover { background:var(--red-light); }
.gc-logout i { width:18px;text-align:center; }

/* SIDEBAR DARK */
.gc-sidebar-dark {
  width:var(--sidebar-w);background:#0F172A;
  border-right:1px solid rgba(255,255,255,.06);
  display:flex;flex-direction:column;
  position:fixed;top:0;left:0;height:100vh;z-index:100;
  overflow-y:auto;transition:transform .25s ease;
}
.gc-sidebar-dark .gc-sidebar-logo { border-bottom-color:rgba(255,255,255,.07); }
.gc-sidebar-dark .brand-name { color:#F1F5F9; }
.gc-sidebar-dark .brand-tag  { color:rgba(255,255,255,.35); }
.gc-sidebar-dark .brand-icon { background:linear-gradient(135deg,var(--green),var(--green-dark)); }
.gc-sidebar-dark .gc-nav-label { color:rgba(255,255,255,.3); }
.gc-sidebar-dark .gc-nav a { color:rgba(255,255,255,.65); }
.gc-sidebar-dark .gc-nav a i { color:rgba(255,255,255,.4); }
.gc-sidebar-dark .gc-nav a:hover { background:rgba(255,255,255,.06);color:#fff; }
.gc-sidebar-dark .gc-nav a:hover i { color:var(--green); }
.gc-sidebar-dark .gc-nav a.active { background:rgba(34,197,94,.12);color:#4ADE80;font-weight:600; }
.gc-sidebar-dark .gc-nav a.active i { color:#4ADE80; }
.gc-sidebar-dark .gc-sidebar-footer { border-top-color:rgba(255,255,255,.07); }
.gc-sidebar-dark .gc-user-avatar { background:rgba(255,255,255,.1);color:#fff; }
.gc-sidebar-dark .gc-user-email { color:rgba(255,255,255,.45); }
.gc-sidebar-dark .gc-credits-mini {
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);
  border-radius:var(--radius);padding:8px 10px;margin-bottom:6px;
  display:flex;align-items:center;gap:8px;font-size:12px;color:rgba(255,255,255,.6);
}
.gc-sidebar-dark .gc-credits-mini strong { color:#4ADE80; }
.gc-sidebar-dark .gc-logout { color:rgba(239,68,68,.8); }
.gc-sidebar-dark .gc-logout:hover { background:rgba(239,68,68,.1);color:#EF4444; }
.gc-sidebar-dark .gc-back-link {
  display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:var(--radius);
  text-decoration:none;color:rgba(255,255,255,.45);font-size:13px;font-weight:500;transition:var(--trans);
}
.gc-sidebar-dark .gc-back-link:hover { background:rgba(255,255,255,.06);color:rgba(255,255,255,.75); }

/* MAIN / TOPBAR */
.gc-main { margin-left:var(--sidebar-w);flex:1;min-height:100vh;display:flex;flex-direction:column; }
.gc-topbar {
  background:var(--card);border-bottom:1px solid var(--border);
  padding:0 28px;height:var(--topbar-h);
  display:flex;align-items:center;justify-content:space-between;
  position:sticky;top:0;z-index:50;
}
.gc-topbar-dark { background:#0F172A;border-bottom-color:rgba(255,255,255,.06); }
.gc-topbar-dark .gc-topbar-title { color:#F1F5F9; }
.gc-topbar-dark .gc-topbar-sub   { color:rgba(255,255,255,.4); }
.gc-topbar-dark .gc-menu-btn     { color:rgba(255,255,255,.7); }
.gc-topbar-left { display:flex;align-items:center;gap:14px; }
.gc-topbar-title { font-size:16px;font-weight:600;color:var(--t1); }
.gc-topbar-sub   { font-size:13px;color:var(--t3); }
.gc-topbar-right { display:flex;align-items:center;gap:10px; }
.gc-credit-badge {
  display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;
  font-size:13px;font-weight:600;background:var(--bg);border:1px solid var(--border);color:var(--t1);
}
.gc-credit-badge.whatsapp { background:var(--green-light);border-color:#86EFAC;color:var(--green-dark); }
.gc-credit-badge.sms      { background:var(--amber-light);border-color:#FCD34D;color:#92400E; }
.gc-credit-badge i { font-size:12px; }
.gc-menu-btn { display:none;background:none;border:none;font-size:20px;color:var(--t1);cursor:pointer;padding:4px; }
.gc-content { padding:28px;flex:1; }

/* CARDS */
.gc-card { background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm); }
.gc-card-title { font-size:15px;font-weight:600;color:var(--t1);margin-bottom:4px; }
.gc-card-sub   { font-size:13px;color:var(--t3);margin-bottom:20px; }
.gc-card-glass {
  background:rgba(255,255,255,.65);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-lg);padding:24px;
  box-shadow:0 8px 32px rgba(14,165,233,.08);
}
.gc-card-gradient {
  background:linear-gradient(135deg,var(--blue-dark) 0%,#0369A1 100%);
  border-radius:var(--radius-lg);padding:28px;color:#fff;
}
.gc-card-gradient .gc-card-title { color:rgba(255,255,255,.9); }
.gc-card-gradient .gc-card-sub   { color:rgba(255,255,255,.6); }

/* STAT CARDS */
.gc-stats { display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px; }
.gc-stat {
  background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);
  padding:20px;box-shadow:var(--shadow-sm);transition:var(--trans);
}
.gc-stat:hover { box-shadow:var(--shadow);transform:translateY(-2px); }
.gc-stat-icon { width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:14px; }
.gc-stat-icon.blue   { background:var(--blue-light);color:var(--blue); }
.gc-stat-icon.green  { background:var(--green-light);color:var(--green); }
.gc-stat-icon.amber  { background:var(--amber-light);color:var(--amber); }
.gc-stat-icon.red    { background:var(--red-light);color:var(--red); }
.gc-stat-icon.purple { background:var(--purple-light);color:var(--purple); }
.gc-stat-val   { font-size:26px;font-weight:700;color:var(--t1);line-height:1; }
.gc-stat-label { font-size:13px;color:var(--t3);margin-top:4px; }
.gc-stat-delta { display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:600;margin-top:6px; }
.gc-stat-delta.up   { color:var(--green-dark); }
.gc-stat-delta.down { color:var(--red-dark); }

/* BUTTONS */
.gc-btn {
  display:inline-flex;align-items:center;gap:7px;padding:9px 18px;
  border-radius:var(--radius);font-size:14px;font-weight:600;
  border:none;cursor:pointer;transition:var(--trans);
  text-decoration:none;font-family:inherit;white-space:nowrap;
  position:relative;overflow:hidden;
}
.gc-btn:disabled { opacity:.6;pointer-events:none; }
.gc-btn-primary { background:var(--blue);color:#fff;box-shadow:0 2px 8px rgba(14,165,233,.35); }
.gc-btn-primary:hover { background:var(--blue-dark);box-shadow:0 4px 16px rgba(14,165,233,.45);transform:translateY(-1px); }
.gc-btn-green   { background:var(--green);color:#fff;box-shadow:0 2px 8px rgba(34,197,94,.3); }
.gc-btn-green:hover   { background:var(--green-dark);transform:translateY(-1px); }
.gc-btn-amber   { background:var(--amber);color:#fff; }
.gc-btn-amber:hover   { background:var(--amber-dark);transform:translateY(-1px); }
.gc-btn-outline { background:transparent;color:var(--t1);border:1px solid var(--border-2); }
.gc-btn-outline:hover { background:var(--bg);border-color:var(--blue);color:var(--blue); }
.gc-btn-outline-white { background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4); }
.gc-btn-outline-white:hover { background:rgba(255,255,255,.12); }
.gc-btn-danger  { background:var(--red);color:#fff; }
.gc-btn-danger:hover  { background:var(--red-dark);transform:translateY(-1px); }
.gc-btn-ghost   { background:transparent;color:var(--t2); }
.gc-btn-ghost:hover   { background:var(--bg); }
.gc-btn-sm    { padding:6px 12px;font-size:13px; }
.gc-btn-lg    { padding:13px 28px;font-size:15px;border-radius:var(--radius-lg); }
.gc-btn-xl    { padding:16px 36px;font-size:16px;font-weight:700;border-radius:var(--radius-lg); }
.gc-btn-block { width:100%;justify-content:center; }
.gc-btn .ripple { position:absolute;border-radius:50%;background:rgba(255,255,255,.3);transform:scale(0);animation:ripple .5s linear;pointer-events:none; }
.gc-btn-loading .btn-text { opacity:0; }
.gc-btn-loading::after {
  content:'';position:absolute;width:16px;height:16px;
  border:2px solid rgba(255,255,255,.4);border-top-color:#fff;
  border-radius:50%;animation:spin .7s linear infinite;
}

/* FORMS */
.gc-form-group { margin-bottom:18px; }
.gc-label { display:block;font-size:13px;font-weight:600;color:var(--t2);margin-bottom:7px; }
.gc-label-hint { font-size:12px;color:var(--t4);font-weight:400;margin-left:4px; }
.gc-input,.gc-select,.gc-textarea {
  width:100%;padding:10px 14px;background:#fff;border:1px solid var(--border);
  border-radius:var(--radius);font-size:14px;color:var(--t1);font-family:inherit;
  transition:var(--trans);line-height:1.5;
}
.gc-input:focus,.gc-select:focus,.gc-textarea:focus { outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(14,165,233,.12); }
.gc-input.valid   { border-color:var(--green); }
.gc-input.invalid { border-color:var(--red); }
.gc-input::placeholder,.gc-textarea::placeholder { color:var(--t5); }
.gc-textarea { resize:vertical;min-height:100px; }
.gc-select {
  appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%2364748B' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:36px;cursor:pointer;
}
.gc-input-icon-wrap { position:relative; }
.gc-input-icon-wrap .gc-input { padding-left:40px; }
.gc-input-icon-wrap .gc-icon-left { position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--t4);font-size:14px;pointer-events:none; }
.gc-input-icon-wrap .gc-icon-right { position:absolute;right:13px;top:50%;transform:translateY(-50%);color:var(--t4);font-size:14px;cursor:pointer;background:none;border:none; }
.gc-form-hint  { font-size:12px;color:var(--t4);margin-top:5px; }
.gc-form-error { font-size:12px;color:var(--red);margin-top:5px;display:flex;align-items:center;gap:4px; }
.gc-dropzone {
  border:2px dashed var(--border-2);border-radius:var(--radius-lg);
  padding:36px 24px;text-align:center;cursor:pointer;transition:var(--trans);background:#FAFCFF;
}
.gc-dropzone:hover,.gc-dropzone.dragover { border-color:var(--blue);background:var(--blue-light); }
.gc-dropzone i { font-size:32px;color:var(--t4);margin-bottom:10px;display:block; }
.gc-dropzone p { font-size:14px;color:var(--t3); }
.gc-dropzone span { color:var(--blue);font-weight:600; }

/* TABLE */
.gc-table-wrap { overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border); }
.gc-table { width:100%;border-collapse:collapse;font-size:14px; }
.gc-table th {
  text-align:left;padding:11px 16px;font-size:11px;font-weight:700;
  text-transform:uppercase;letter-spacing:.6px;color:var(--t3);
  background:var(--bg);border-bottom:1px solid var(--border);white-space:nowrap;
}
.gc-table td { padding:13px 16px;border-bottom:1px solid var(--border);color:var(--t1);vertical-align:middle; }
.gc-table tr:last-child td { border-bottom:none; }
.gc-table tr:hover td { background:#FAFCFF; }

/* BADGES */
.gc-badge { display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:12px;font-weight:600; }
.gc-badge-green  { background:var(--green-light);color:var(--green-dark); }
.gc-badge-blue   { background:var(--blue-light);color:var(--blue-dark); }
.gc-badge-amber  { background:var(--amber-light);color:#92400E; }
.gc-badge-red    { background:var(--red-light);color:#B91C1C; }
.gc-badge-gray   { background:var(--bg);color:var(--t3);border:1px solid var(--border); }
.gc-badge-purple { background:var(--purple-light);color:#6D28D9; }

/* ALERTS */
.gc-alert { display:flex;align-items:flex-start;gap:10px;padding:13px 16px;border-radius:var(--radius);font-size:14px;margin-bottom:18px; }
.gc-alert-error   { background:var(--red-light);color:#B91C1C;border:1px solid #FECACA; }
.gc-alert-success { background:var(--green-light);color:#15803D;border:1px solid #86EFAC; }
.gc-alert-info    { background:var(--blue-light);color:var(--blue-dark);border:1px solid #BAE6FD; }
.gc-alert-warn    { background:var(--amber-light);color:#92400E;border:1px solid #FCD34D; }
.gc-alert i { margin-top:1px;flex-shrink:0; }

/* PROGRESS */
.gc-progress { height:6px;background:var(--bg);border-radius:99px;overflow:hidden; }
.gc-progress-bar { height:100%;border-radius:99px;background:var(--blue);transition:width .5s ease; }
.gc-progress-bar.green { background:var(--green); }
.gc-progress-bar.amber { background:var(--amber); }
.gc-progress-bar.red   { background:var(--red); }

/* EMPTY STATE */
.gc-empty { text-align:center;padding:56px 24px;color:var(--t3); }
.gc-empty i { font-size:44px;margin-bottom:14px;opacity:.3;display:block; }
.gc-empty h3 { font-size:15px;font-weight:600;color:var(--t2);margin-bottom:6px; }
.gc-empty p  { font-size:13px;line-height:1.6; }

/* MODAL */
.gc-modal-bg {
  position:fixed;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(3px);
  display:flex;align-items:center;justify-content:center;
  z-index:200;padding:20px;animation:fadeIn .2s ease;
}
.gc-modal-bg.hidden { display:none; }
.gc-modal { background:#fff;border-radius:var(--radius-xl);width:100%;max-width:500px;box-shadow:var(--shadow-xl);animation:fadeUp .25s ease; }
.gc-modal-lg { max-width:720px; }
.gc-modal-sm { max-width:380px; }
.gc-modal-header { display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0; }
.gc-modal-title  { font-size:16px;font-weight:700;color:var(--t1); }
.gc-modal-close {
  width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;
  border:none;background:none;cursor:pointer;color:var(--t3);font-size:16px;transition:var(--trans);
}
.gc-modal-close:hover { background:var(--bg);color:var(--t1); }
.gc-modal-body   { padding:20px 24px; }
.gc-modal-footer { padding:0 24px 20px;display:flex;align-items:center;justify-content:flex-end;gap:10px; }

/* TOAST */
#gc-toast-container {
  position:fixed;bottom:24px;right:24px;z-index:9999;
  display:flex;flex-direction:column;gap:10px;pointer-events:none;
}
.gc-toast {
  display:flex;align-items:flex-start;gap:12px;padding:14px 16px;
  background:#1E293B;color:#F8FAFC;border-radius:var(--radius-lg);
  box-shadow:0 8px 32px rgba(0,0,0,.25);font-size:14px;
  min-width:280px;max-width:360px;pointer-events:all;
  animation:toastIn .3s ease;border-left:4px solid var(--blue);
}
.gc-toast.success { border-left-color:var(--green); }
.gc-toast.error   { border-left-color:var(--red); }
.gc-toast.warn    { border-left-color:var(--amber); }
.gc-toast i { font-size:16px;margin-top:1px;flex-shrink:0; }
.gc-toast.success i { color:var(--green); }
.gc-toast.error   i { color:var(--red); }
.gc-toast.warn    i { color:var(--amber); }
.gc-toast-info    i { color:var(--blue); }
.gc-toast-text strong { display:block;font-weight:600;margin-bottom:2px;font-size:13px; }
.gc-toast-text span   { font-size:13px;color:rgba(255,255,255,.65); }
.gc-toast.removing { animation:toastOut .3s ease forwards; }

/* STEP WIZARD */
.gc-steps { display:flex;align-items:center;gap:0;margin-bottom:28px; }
.gc-step  { display:flex;flex-direction:column;align-items:center;flex:1;position:relative; }
.gc-step:not(:last-child)::after {
  content:'';position:absolute;top:18px;left:50%;width:100%;height:2px;background:var(--border);
}
.gc-step.done::after,.gc-step.active::after { background:var(--blue); }
.gc-step-dot {
  width:36px;height:36px;border-radius:50%;background:var(--bg);border:2px solid var(--border);
  display:flex;align-items:center;justify-content:center;
  font-size:13px;font-weight:700;color:var(--t4);position:relative;z-index:1;transition:var(--trans);
}
.gc-step.active .gc-step-dot { background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 0 0 4px rgba(14,165,233,.18); }
.gc-step.done   .gc-step-dot { background:var(--green);border-color:var(--green);color:#fff; }
.gc-step-label { font-size:11px;font-weight:600;color:var(--t4);margin-top:6px;text-align:center;white-space:nowrap; }
.gc-step.active .gc-step-label { color:var(--blue); }
.gc-step.done   .gc-step-label { color:var(--green-dark); }
.gc-step-panel  { display:none; }
.gc-step-panel.active { display:block;animation:fadeIn .3s ease; }

/* TABS */
.gc-tabs { display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:24px; }
.gc-tab {
  padding:10px 16px;font-size:14px;font-weight:500;color:var(--t3);cursor:pointer;
  transition:var(--trans);border-bottom:2px solid transparent;margin-bottom:-1px;
  background:none;border-top:none;border-left:none;border-right:none;font-family:inherit;
}
.gc-tab:hover  { color:var(--t1); }
.gc-tab.active { color:var(--blue);border-bottom-color:var(--blue);font-weight:600; }
.gc-tab-panel  { display:none; }
.gc-tab-panel.active { display:block;animation:fadeIn .25s ease; }

/* PAGINATION */
.gc-pagination { display:flex;align-items:center;justify-content:center;gap:4px;margin-top:24px; }
.gc-page-btn {
  width:34px;height:34px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;
  font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--border);
  background:var(--card);color:var(--t2);transition:var(--trans);text-decoration:none;
}
.gc-page-btn:hover  { border-color:var(--blue);color:var(--blue); }
.gc-page-btn.active { background:var(--blue);border-color:var(--blue);color:#fff; }
.gc-page-btn:disabled { opacity:.4;pointer-events:none; }

/* HELPERS */
.gc-divider { height:1px;background:var(--border);margin:20px 0; }
.gc-grid-2 { display:grid;grid-template-columns:1fr 1fr;gap:20px; }
.gc-grid-3 { display:grid;grid-template-columns:repeat(3,1fr);gap:20px; }
.gc-grid-4 { display:grid;grid-template-columns:repeat(4,1fr);gap:16px; }
.gc-flex         { display:flex;align-items:center; }
.gc-flex-between { display:flex;align-items:center;justify-content:space-between; }
.gc-flex-end     { display:flex;align-items:center;justify-content:flex-end; }
.gc-gap-2{gap:8px} .gc-gap-3{gap:12px} .gc-gap-4{gap:16px}
.gc-mb-4{margin-bottom:16px} .gc-mb-6{margin-bottom:24px} .gc-mb-8{margin-bottom:32px}
.gc-mt-4{margin-top:16px}    .gc-mt-6{margin-top:24px}
.gc-text-muted { color:var(--t3);font-size:13px; }
.gc-skeleton {
  background:linear-gradient(90deg,#F1F5F9 25%,#E8EEF5 50%,#F1F5F9 75%);
  background-size:600px 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:var(--radius);
}
.gc-sidebar-overlay { display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:99; }

/* ===================================================
   LANDING PAGE COMPONENTS — v3.0
   =================================================== */

/* ── NAV ── */
.lp-nav {
  position:fixed;top:0;left:0;right:0;z-index:300;
  padding:0 6%;height:70px;
  display:flex;align-items:center;justify-content:space-between;
  transition:background .3s ease,box-shadow .3s ease;
}
.lp-nav.scrolled {
  background:rgba(255,255,255,.97);backdrop-filter:blur(16px);
  box-shadow:0 1px 0 rgba(0,0,0,.07),0 4px 24px rgba(0,0,0,.05);
}
.lp-nav-brand { display:flex;align-items:center;gap:10px;text-decoration:none; }
.lp-nav-brand-icon {
  width:38px;height:38px;border-radius:10px;
  background:linear-gradient(135deg,var(--blue),var(--blue-dark));
  display:flex;align-items:center;justify-content:center;color:#fff;font-size:17px;
}
.lp-nav-brand-name { font-size:17px;font-weight:800;color:#fff;letter-spacing:-.4px; }
.lp-nav.scrolled .lp-nav-brand-name { color:var(--t1); }
.lp-nav-links { display:flex;align-items:center;gap:28px; }
.lp-nav-links a { font-size:14px;font-weight:500;color:rgba(255,255,255,.8);text-decoration:none;transition:var(--trans); }
.lp-nav.scrolled .lp-nav-links a { color:var(--t2); }
.lp-nav-links a:hover { color:#fff; }
.lp-nav.scrolled .lp-nav-links a:hover { color:var(--blue); }
.lp-nav-cta { display:flex;align-items:center;gap:10px; }
.lp-nav-login { font-size:14px;font-weight:500;color:rgba(255,255,255,.8);text-decoration:none;transition:var(--trans); }
.lp-nav.scrolled .lp-nav-login { color:var(--t2); }
.lp-nav-login:hover { color:#fff; }
.lp-nav.scrolled .lp-nav-login:hover { color:var(--blue); }
.lp-hamburger {
  display:none;flex-direction:column;gap:5px;cursor:pointer;
  background:none;border:none;padding:6px;
}
.lp-hamburger span {
  display:block;width:22px;height:2px;background:rgba(255,255,255,.85);
  border-radius:2px;transition:var(--trans);
}
.lp-nav.scrolled .lp-hamburger span { background:var(--t1); }

/* ── HERO ── */
.lp-hero {
  min-height:100vh;
  background:linear-gradient(145deg,#020617 0%,#0C1F44 40%,#0369A1 75%,#0EA5E9 100%);
  background-size:200% 200%;animation:gradientShift 14s ease infinite;
  position:relative;overflow:hidden;display:flex;align-items:center;
}
.lp-hero::before {
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse 70% 70% at 30% 50%,rgba(14,165,233,.15) 0%,transparent 65%),
             radial-gradient(ellipse 50% 50% at 85% 20%,rgba(34,197,94,.08) 0%,transparent 60%);
}
.lp-hero-orbs { position:absolute;inset:0;overflow:hidden;pointer-events:none; }
.lp-hero-orb {
  position:absolute;border-radius:50%;
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);
}
.lp-hero-inner {
  position:relative;z-index:1;
  max-width:1200px;width:100%;margin:0 auto;
  display:grid;grid-template-columns:1fr 1fr;
  gap:60px;align-items:center;
  padding:130px 6% 90px;
}
.lp-hero-left { display:flex;flex-direction:column;align-items:flex-start; }
.lp-chip {
  display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:99px;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);
  font-size:13px;font-weight:600;color:rgba(255,255,255,.9);margin-bottom:28px;
}
.lp-chip i { font-size:11px;color:var(--amber); }
.lp-hero h1 {
  font-size:clamp(2.1rem,4.5vw,3.5rem);font-weight:900;color:#fff;
  line-height:1.08;letter-spacing:-1.5px;margin-bottom:22px;
}
.lp-hero h1 em {
  font-style:normal;
  background:linear-gradient(90deg,#4ADE80,#22D3EE);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.lp-hero p { font-size:clamp(.9rem,1.6vw,1.05rem);color:rgba(255,255,255,.7);line-height:1.72;margin-bottom:34px;max-width:500px; }
.lp-hero-btns { display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:28px; }
.lp-btn-primary {
  display:inline-flex;align-items:center;gap:9px;padding:14px 28px;border-radius:var(--radius-lg);
  background:#fff;color:var(--blue-dark);font-size:15px;font-weight:700;text-decoration:none;
  box-shadow:0 8px 24px rgba(255,255,255,.15);transition:var(--trans);
}
.lp-btn-primary:hover { transform:translateY(-2px);box-shadow:0 14px 36px rgba(255,255,255,.22); }
.lp-btn-secondary {
  display:inline-flex;align-items:center;gap:9px;padding:14px 24px;border-radius:var(--radius-lg);
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(10px);
  color:#fff;font-size:15px;font-weight:600;text-decoration:none;transition:var(--trans);
}
.lp-btn-secondary:hover { background:rgba(255,255,255,.17);transform:translateY(-2px); }
.lp-hero-trust {
  font-size:13px;color:rgba(255,255,255,.45);
  display:flex;align-items:center;gap:18px;flex-wrap:wrap;
}
.lp-hero-trust span { display:flex;align-items:center;gap:5px; }
.lp-hero-trust i { color:var(--green);font-size:11px; }

/* ── PHONE MOCKUP ── */
.lp-hero-right { display:flex;justify-content:center;align-items:center; }
.lp-phone-wrap { position:relative; }
.lp-phone {
  width:290px;background:#fff;border-radius:28px;
  box-shadow:0 40px 100px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.1);
  overflow:hidden;animation:float 5s ease-in-out infinite;
}
.lp-phone-bar {
  background:linear-gradient(135deg,#128C7E,#075E54);
  padding:12px 16px;display:flex;align-items:center;gap:10px;
}
.lp-phone-avatar {
  width:36px;height:36px;border-radius:50%;
  background:rgba(255,255,255,.2);display:flex;align-items:center;
  justify-content:center;color:#fff;font-size:18px;flex-shrink:0;
}
.lp-phone-name { font-size:13px;font-weight:700;color:#fff; }
.lp-phone-status { font-size:11px;color:rgba(255,255,255,.7); }
.lp-phone-body { background:#ECE5DD;padding:14px 12px;display:flex;flex-direction:column;gap:8px; }
.lp-bubble {
  max-width:82%;padding:9px 13px;border-radius:12px;
  font-size:13px;line-height:1.45;position:relative;
}
.lp-bubble.out { background:#DCF8C6;color:#0F172A;align-self:flex-end;border-bottom-right-radius:3px; }
.lp-bubble.in  { background:#fff;color:#0F172A;align-self:flex-start;border-bottom-left-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.08); }
.lp-bubble-time { font-size:10px;color:#888;margin-top:3px;text-align:right; }
.lp-bubble-cta {
  background:linear-gradient(135deg,#128C7E,#075E54);color:#fff;
  align-self:stretch;text-align:center;font-weight:700;font-size:12px;
  border-radius:10px;padding:10px;
}
.lp-phone-stats {
  background:#fff;padding:10px 16px;
  display:flex;align-items:center;justify-content:space-around;font-size:12px;
}
.lp-phone-stat { display:flex;align-items:center;gap:5px;font-weight:600; }
.lp-phone-stat i { color:var(--green);font-size:11px; }
.lp-float-badge {
  position:absolute;background:#fff;border-radius:12px;padding:8px 14px;
  box-shadow:0 8px 24px rgba(0,0,0,.15);display:flex;align-items:center;gap:8px;
  font-size:12px;font-weight:700;color:var(--t1);white-space:nowrap;
}
.lp-float-badge.badge-sent { top:-18px;right:-30px;animation:float 4s ease-in-out infinite; }
.lp-float-badge.badge-rate { bottom:60px;left:-52px;animation:float 6s ease-in-out infinite reverse; }

/* ── STATS BAR ── */
.lp-stats-bar {
  grid-column:1 / -1;
  background:rgba(255,255,255,.07);backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);
  padding:24px 40px;display:grid;grid-template-columns:repeat(3,1fr);
}
.lp-stats-item { text-align:center; }
.lp-stats-item:not(:last-child) { border-right:1px solid rgba(255,255,255,.12); }
.lp-stats-val   { font-size:2rem;font-weight:800;color:#fff;letter-spacing:-1px; }
.lp-stats-label { font-size:13px;color:rgba(255,255,255,.5);margin-top:4px; }

/* ── TRUST STRIP ── */
.lp-trust-strip {
  padding:20px 6%;background:var(--bg);
  border-top:1px solid var(--border);border-bottom:1px solid var(--border);
}
.lp-trust-inner {
  max-width:1100px;margin:0 auto;
  display:flex;align-items:center;gap:16px;flex-wrap:wrap;
}
.lp-trust-label { font-size:12px;font-weight:600;color:var(--t4);white-space:nowrap;margin-right:8px; }
.lp-trust-logos { display:flex;align-items:center;gap:36px;flex-wrap:wrap;flex:1; }
.lp-trust-logo { font-size:.9rem;font-weight:800;color:var(--t5);letter-spacing:-.3px;transition:var(--trans); }
.lp-trust-logo:hover { color:var(--t3); }

/* ── SECTIONS ── */
.lp-section { padding:100px 6%; }
.lp-section-label {
  display:inline-flex;align-items:center;gap:7px;padding:5px 14px;border-radius:99px;
  background:var(--blue-light);color:var(--blue-dark);
  font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin-bottom:16px;
}
.lp-section-label i { font-size:11px; }
.lp-section-h2 {
  font-size:clamp(1.7rem,3.5vw,2.6rem);font-weight:800;color:var(--t1);
  line-height:1.15;letter-spacing:-1px;margin-bottom:14px;
}
.lp-section-sub { font-size:1rem;color:var(--t3);max-width:540px;line-height:1.7; }

/* ── HOW IT WORKS ── */
.lp-how-grid {
  display:grid;grid-template-columns:repeat(3,1fr);gap:0;
  margin-top:60px;position:relative;
}
.lp-how-grid::before {
  content:'';position:absolute;top:34px;left:calc(100%/6);right:calc(100%/6);
  height:2px;background:linear-gradient(90deg,var(--blue-mid),var(--blue),var(--blue-mid));z-index:0;
}
.lp-how-item {
  text-align:center;padding:0 28px;
  opacity:0;transform:translateY(24px);transition:opacity .5s ease,transform .5s ease;
}
.lp-how-item.visible { opacity:1;transform:translateY(0); }
.lp-how-item:nth-child(2) { transition-delay:.1s; }
.lp-how-item:nth-child(3) { transition-delay:.2s; }
.lp-how-num {
  width:68px;height:68px;border-radius:50%;
  background:linear-gradient(135deg,var(--blue),var(--blue-dark));
  display:flex;align-items:center;justify-content:center;
  font-size:1.5rem;font-weight:900;color:#fff;margin:0 auto 24px;
  box-shadow:0 8px 24px rgba(14,165,233,.35);position:relative;z-index:1;
}
.lp-how-item h3 { font-size:1rem;font-weight:700;color:var(--t1);margin-bottom:10px; }
.lp-how-item p  { font-size:.875rem;color:var(--t3);line-height:1.65; }

/* ── CHANNELS ── */
.lp-channels-grid { display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:60px; }
.lp-channel-card { border-radius:var(--radius-xl);padding:40px 36px;transition:var(--trans-slow); }
.lp-channel-wa  { background:linear-gradient(135deg,#064E3B 0%,#065F46 60%,#047857 100%); }
.lp-channel-sms { background:linear-gradient(135deg,#1e3a5f 0%,#1e40af 60%,#1d4ed8 100%); }
.lp-channel-card:hover { transform:translateY(-5px);box-shadow:0 24px 60px rgba(0,0,0,.2); }
.lp-channel-icon {
  width:64px;height:64px;border-radius:18px;
  background:rgba(255,255,255,.15);backdrop-filter:blur(10px);
  display:flex;align-items:center;justify-content:center;
  font-size:30px;color:#fff;margin-bottom:24px;
}
.lp-channel-card h3 { font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:12px; }
.lp-channel-card p  { font-size:.9rem;color:rgba(255,255,255,.65);line-height:1.65;margin-bottom:24px; }
.lp-channel-card ul { list-style:none;display:flex;flex-direction:column;gap:9px; }
.lp-channel-card li { display:flex;align-items:center;gap:10px;font-size:.875rem;color:rgba(255,255,255,.85); }
.lp-channel-card li i { font-size:12px;flex-shrink:0; }
.lp-channel-wa  li i { color:#4ADE80; }
.lp-channel-sms li i { color:#93C5FD; }

/* ── FEATURES ── */
.lp-feat-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:60px; }
.lp-feat-card {
  background:#fff;border:1px solid var(--border);border-radius:var(--radius-xl);
  padding:28px 24px;transition:var(--trans-slow);position:relative;overflow:hidden;
  opacity:0;transform:translateY(20px);
}
.lp-feat-card.visible { opacity:1;transform:translateY(0); }
.lp-feat-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 .35s ease;
}
.lp-feat-card:hover::before { transform:scaleX(1); }
.lp-feat-card:hover { box-shadow:0 16px 48px rgba(14,165,233,.12);transform:translateY(-5px);border-color:var(--blue-mid); }
.lp-feat-card:nth-child(2) { transition-delay:.05s; }
.lp-feat-card:nth-child(3) { transition-delay:.10s; }
.lp-feat-card:nth-child(4) { transition-delay:.15s; }
.lp-feat-card:nth-child(5) { transition-delay:.20s; }
.lp-feat-card:nth-child(6) { transition-delay:.25s; }
.lp-feat-icon {
  width:54px;height:54px;border-radius:14px;
  background:linear-gradient(135deg,var(--blue-light),#F0F9FF);
  display:flex;align-items:center;justify-content:center;
  font-size:22px;color:var(--blue);margin-bottom:18px;transition:var(--trans);
}
.lp-feat-card:hover .lp-feat-icon { background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff; }
.lp-feat-card h3 { font-size:.95rem;font-weight:700;color:var(--t1);margin-bottom:8px; }
.lp-feat-card p  { font-size:.875rem;color:var(--t3);line-height:1.6; }

/* ── TESTIMONIALS ── */
.lp-testi-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:60px; }
.lp-testi-card {
  background:#fff;border:1px solid var(--border);border-radius:var(--radius-xl);
  padding:28px;box-shadow:var(--shadow-sm);
  opacity:0;transform:translateY(20px);transition:opacity .5s,transform .5s;
}
.lp-testi-card.visible { opacity:1;transform:translateY(0); }
.lp-testi-card:nth-child(2) { transition-delay:.1s; }
.lp-testi-card:nth-child(3) { transition-delay:.2s; }
.lp-testi-stars { color:var(--amber);margin-bottom:14px;font-size:14px;letter-spacing:1px; }
.lp-testi-text  { font-size:.9rem;color:var(--t2);line-height:1.65;margin-bottom:20px;font-style:italic; }
.lp-testi-author { display:flex;align-items:center;gap:12px; }
.lp-testi-av {
  width:40px;height:40px;border-radius:50%;
  background:linear-gradient(135deg,var(--blue),var(--blue-dark));
  display:flex;align-items:center;justify-content:center;
  font-size:15px;font-weight:700;color:#fff;flex-shrink:0;
}
.lp-testi-name    { font-size:.875rem;font-weight:700;color:var(--t1); }
.lp-testi-company { font-size:.8rem;color:var(--t4); }

/* ── CTA BAND ── */
.lp-cta {
  background:linear-gradient(135deg,#020617 0%,#0C1F44 40%,#0369A1 75%,#0EA5E9 100%);
  padding:100px 6%;text-align:center;position:relative;overflow:hidden;
}
.lp-cta::before {
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse 60% 70% at 50% 50%,rgba(14,165,233,.2),transparent 65%);
}
.lp-cta-orb {
  position:absolute;border-radius:50%;pointer-events:none;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);
}
.lp-cta-inner { position:relative;z-index:1;max-width:620px;margin:0 auto; }
.lp-cta h2 { font-size:clamp(1.7rem,4vw,2.6rem);font-weight:800;color:#fff;letter-spacing:-1px;margin-bottom:14px; }
.lp-cta p   { font-size:1.05rem;color:rgba(255,255,255,.7);margin-bottom:36px;line-height:1.65; }
.lp-cta-note { margin-top:16px;font-size:13px;color:rgba(255,255,255,.4); }

/* ── FAQ ── */
.lp-faq-list { max-width:700px;margin-top:60px; }
.lp-faq-item {
  border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:10px;overflow:hidden;
  opacity:0;transform:translateY(16px);transition:opacity .4s,transform .4s;
}
.lp-faq-item.visible { opacity:1;transform:translateY(0); }
.lp-faq-item:nth-child(2) { transition-delay:.05s; }
.lp-faq-item:nth-child(3) { transition-delay:.10s; }
.lp-faq-item:nth-child(4) { transition-delay:.15s; }
.lp-faq-item:nth-child(5) { transition-delay:.20s; }
.lp-faq-q {
  display:flex;align-items:center;justify-content:space-between;padding:16px 20px;cursor:pointer;
  background:#fff;font-size:.93rem;font-weight:600;color:var(--t1);user-select:none;transition:background .2s;
}
.lp-faq-q:hover { background:#FAFCFF; }
.lp-faq-q i { color:var(--t4);transition:transform .25s;flex-shrink:0; }
.lp-faq-item.open .lp-faq-q i { transform:rotate(180deg);color:var(--blue); }
.lp-faq-item.open .lp-faq-q { color:var(--blue); }
.lp-faq-a { display:none;padding:0 20px 16px;font-size:.88rem;color:var(--t3);line-height:1.65;background:#fff; }
.lp-faq-item.open .lp-faq-a { display:block;animation:fadeIn .2s ease; }

/* ── FOOTER ── */
.lp-footer { background:#020617;padding:64px 6% 32px;color:rgba(255,255,255,.5); }
.lp-footer-top { display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px; }
.lp-footer-brand-logo { display:flex;align-items:center;gap:10px;margin-bottom:16px; }
.lp-footer-brand-icon {
  width:36px;height:36px;border-radius:9px;
  background:linear-gradient(135deg,var(--blue),var(--blue-dark));
  display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;
}
.lp-footer-brand-name { font-size:16px;font-weight:700;color:#fff; }
.lp-footer-desc { font-size:.84rem;line-height:1.65;max-width:260px; }
.lp-footer-social { display:flex;gap:10px;margin-top:20px; }
.lp-footer-social a {
  width:34px;height:34px;border-radius:8px;background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;
  color:rgba(255,255,255,.5);font-size:14px;text-decoration:none;transition:var(--trans);
}
.lp-footer-social a:hover { background:var(--blue);color:#fff;border-color:var(--blue); }
.lp-footer-col h4 { font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:rgba(255,255,255,.3);margin-bottom:16px; }
.lp-footer-col a  { display:block;font-size:.875rem;color:rgba(255,255,255,.45);text-decoration:none;margin-bottom:10px;transition:var(--trans); }
.lp-footer-col a:hover { color:#fff; }
.lp-footer-bottom {
  padding-top:24px;border-top:1px solid rgba(255,255,255,.07);
  display:flex;align-items:center;justify-content:space-between;
  font-size:.78rem;flex-wrap:wrap;gap:10px;
}
.lp-footer-bottom a { color:rgba(255,255,255,.35);text-decoration:none; }
.lp-footer-bottom a:hover { color:rgba(255,255,255,.7); }

/* ===================================================
   RESPONSIVE
   =================================================== */
@media (max-width:900px) {
  /* App */
  .gc-sidebar,.gc-sidebar-dark { transform:translateX(-100%); }
  .gc-sidebar.open,.gc-sidebar-dark.open { transform:translateX(0); }
  .gc-sidebar-overlay.open { display:block; }
  .gc-main { margin-left:0; }
  .gc-menu-btn { display:flex; }
  .gc-content { padding:18px; }
  .gc-topbar { padding:0 18px; }
  .gc-stats { grid-template-columns:repeat(2,1fr); }
  .gc-grid-2,.gc-grid-3,.gc-grid-4 { grid-template-columns:1fr; }
  /* Landing */
  .lp-nav-links { display:none; }
  .lp-nav-links.mobile-open {
    display:flex;flex-direction:column;position:fixed;
    top:70px;left:0;right:0;background:rgba(255,255,255,.97);
    backdrop-filter:blur(16px);padding:16px 6% 20px;gap:4px;
    border-bottom:1px solid var(--border);z-index:299;
  }
  .lp-nav-links.mobile-open a { font-size:15px;padding:8px 0;color:var(--t1) !important; }
  .lp-hamburger { display:flex; }
  .lp-hero-inner { grid-template-columns:1fr;gap:44px;padding-top:110px;text-align:center; }
  .lp-hero-left { align-items:center; }
  .lp-hero-right { order:-1; }
  .lp-phone { width:260px; }
  .lp-float-badge.badge-sent { right:-8px; }
  .lp-float-badge.badge-rate { left:-8px; }
  .lp-how-grid,.lp-feat-grid,.lp-testi-grid { grid-template-columns:1fr; }
  .lp-channels-grid { grid-template-columns:1fr; }
  .lp-how-grid::before { display:none; }
  .lp-stats-bar { grid-template-columns:1fr;gap:20px;padding:20px 24px; }
  .lp-stats-item:not(:last-child) { border-right:none;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:20px; }
  .lp-footer-top { grid-template-columns:1fr 1fr;gap:30px; }
}
@media (max-width:600px) {
  .gc-stats { grid-template-columns:1fr 1fr; }
  .gc-topbar-right .gc-credit-badge span { display:none; }
  .gc-content { padding:14px; }
  .lp-hero h1 { letter-spacing:-.5px; }
  .lp-hero-btns { flex-direction:column;align-items:stretch; }
  .lp-footer-top { grid-template-columns:1fr; }
  .lp-phone { width:240px; }
  .lp-float-badge { display:none; }
  .gc-steps { gap:4px; }
  .gc-step-label { display:none; }
}
