/* ===== NAVBAR ===== */
.navbar { position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--white);border-bottom:1px solid #e5e7eb;transition:box-shadow .3s; }
.navbar.scrolled { box-shadow:0 2px 12px rgba(0,0,0,0.08); }
.nav-inner { display:flex;align-items:center;height:75px;gap:16px; }
.logo { display:flex;align-items:center;flex-shrink:0; }
.logo-img { height:75px;width:auto;object-fit:contain; }
.nav-links { flex:1;margin-left:20px; }
.nav-links > ul { display:flex;gap:2px;align-items:center; }
.nav-links li { position:relative; }
.nav-links li a { display:block;padding:8px 14px;font-size:14px;font-weight:400;color:var(--dark);transition:color .2s;white-space:nowrap;position:relative; }
.nav-links li a:hover { color:var(--primary); }
.nav-links li a.active { color:var(--primary);font-weight:500; }
.nav-links li a.active::after { content:'';position:absolute;bottom:-2px;left:14px;right:14px;height:2px;background:var(--primary);border-radius:2px; }
.nav-right { display:flex;align-items:center;gap:12px;flex-shrink:0;margin-left:auto; }
.nav-login-btn { padding:9px 22px;background:var(--primary);color:var(--white);border-radius:5px;font-weight:600;font-size:14px;transition:all .2s;white-space:nowrap;letter-spacing:0.2px; }
.nav-login-btn:hover { background:var(--primary-dk); }
.hamburger { display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px; }
.hamburger span { display:block;width:22px;height:2px;background:var(--dark);border-radius:2px;transition:all .3s; }

/* ===== HERO ===== */
.hero { position:relative;min-height:100vh;background:#0a1628 url('https://images.unsplash.com/photo-1497366216548-37526070297c?auto=format&fit=crop&w=1600&q=80') center/cover no-repeat;display:flex;align-items:center;padding-top:75px; }
.hero-overlay { position:absolute;inset:0;background:rgba(5,15,35,0.72); }
.hero-inner { position:relative;z-index:1;display:grid;grid-template-columns:1fr 400px;gap:60px;align-items:center;padding:80px 0; }
.hero-content { color:var(--white); }
.hero-tagline { font-size:13px;font-weight:600;color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:2px;margin-bottom:20px; }
.hero-title { font-size:48px;font-weight:800;line-height:1.15;margin-bottom:30px; }
.hero-highlight { color:#3f83f8; }
.hero-desc { font-size:16px;color:rgba(255,255,255,.65);line-height:1.7;margin-bottom:30px;max-width:500px; }
.btn-hero { display:inline-block;background:var(--primary);color:var(--white);padding:14px 34px;border-radius:6px;font-weight:700;font-size:16px;transition:all .25s; }
.btn-hero:hover { background:var(--primary-dk);transform:translateY(-2px); }
.hero-form-card { background:var(--white);border-radius:4px;padding:36px 32px;box-shadow:0 20px 60px rgba(0,0,0,0.3); }
.hero-form-card h3 { font-size:20px;font-weight:700;color:var(--dark);margin-bottom:6px; }
.hero-form-card p { font-size:13px;color:var(--gray);margin-bottom:22px;line-height:1.5; }
.hf-group { margin-bottom:14px; }
.hf-group input { width:100%;padding:14px 16px;border:none;border-bottom:1.5px solid var(--border);border-radius:0;font-size:14px;font-family:var(--font);outline:none;transition:border-color .2s;background:#f8f9fa;color:var(--dark); }
.hf-group input:focus { border-bottom-color:var(--primary);background:#f0f4ff; }
.hf-group input::placeholder { color:#adb5bd; }
.btn-book { width:100%;padding:14px;background:var(--primary);color:var(--white);border:none;border-radius:4px;font-size:15px;font-weight:700;cursor:pointer;transition:all .25s;margin-top:6px;letter-spacing:0.3px; }
.btn-book:hover { background:var(--primary-dk); }
.book-msg { margin-top:10px;font-size:13px;font-weight:600;text-align:center;min-height:18px; }
.book-msg.success { color:#16a34a; }
.book-msg.error { color:#dc2626; }

/* ===== PARTNERS ===== */
.partners { padding:28px 0;border-bottom:1px solid var(--border);overflow:hidden; }
.partners-label { text-align:center;font-size:11px;font-weight:700;color:var(--gray);text-transform:uppercase;letter-spacing:2px;margin-bottom:16px; }
.partners-track { overflow:hidden; }
.partners-slide { display:flex;width:max-content;animation:slide 30s linear infinite; }
.partner-item { padding:10px 30px;font-size:14px;font-weight:700;color:#94a3b8;border-right:1px solid var(--border);white-space:nowrap;transition:color .2s; }
.partner-item:hover { color:var(--primary); }
@keyframes slide { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }

/* ===== SERVICES ===== */
.services { padding:90px 0;background:var(--bg); }
.section-header { text-align:center;margin-bottom:50px; }
.section-header .section-sub { margin:0 auto; }
.services-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:18px; }
.service-card { background:var(--white);border:1px solid var(--border);border-radius:10px;padding:24px 20px;transition:all .3s;position:relative;overflow:hidden; }
.service-card::before { content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary);transform:scaleX(0);transition:transform .3s; }
.service-card:hover::before { transform:scaleX(1); }
.service-card:hover { box-shadow:var(--shadow);transform:translateY(-4px); }
.service-card.featured { background:var(--primary);border-color:transparent; }
.service-card.featured::before { display:none; }
.service-card.featured h3,.service-card.featured p { color:var(--white); }
.service-card.featured .service-link { color:rgba(255,255,255,.8); }
.service-icon { font-size:28px;margin-bottom:12px; }
.service-card h3 { font-size:14px;font-weight:700;margin-bottom:8px; }
.service-card p { font-size:13px;color:var(--gray);line-height:1.6;margin-bottom:12px; }
.service-link { font-size:13px;font-weight:600;color:var(--primary); }

/* ===== ABOUT US ===== */
.about-section { padding:90px 0;background:var(--white); }
.about-inner { display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center; }
.about-image { position:relative; }
.about-image img { border-radius:12px;width:100%;object-fit:cover;max-height:450px; }
.about-badge { position:absolute;bottom:-20px;right:-20px;background:var(--primary);color:var(--white);padding:20px 24px;border-radius:12px;text-align:center;box-shadow:0 10px 30px rgba(26,86,219,0.3); }
.ab-number { display:block;font-size:36px;font-weight:900;line-height:1; }
.ab-text { font-size:12px;font-weight:600;opacity:0.85;line-height:1.3;margin-top:4px; }
.about-block { margin-bottom:20px; }
.about-block h4 { font-size:16px;font-weight:700;color:var(--dark);margin-bottom:8px;padding-left:14px;border-left:3px solid var(--primary); }
.about-block p { font-size:14px;color:var(--gray);line-height:1.7; }

/* ===== STATS ===== */
.stats-section { background:var(--primary);padding:54px 0; }
.stats-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center; }
.stat-item { display:flex;flex-direction:column;gap:6px; }
.stat-number { font-size:44px;font-weight:800;color:var(--white);line-height:1; }
.stat-label { font-size:14px;color:rgba(255,255,255,.7);font-weight:500; }

/* ===== WHY US ===== */
.why-us { padding:90px 0;background:var(--bg); }
.why-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:20px; }
.why-card { background:var(--white);border:1px solid var(--border);border-radius:10px;padding:28px 20px;text-align:center;transition:all .3s; }
.why-card:hover { transform:translateY(-4px);box-shadow:var(--shadow); }
.why-icon { font-size:36px;margin-bottom:12px; }
.why-card h3 { font-size:15px;font-weight:700;margin-bottom:8px; }
.why-card p { font-size:13px;color:var(--gray);line-height:1.6; }

/* ===== FEATURE SECTIONS ===== */
.feature-section { padding:90px 0;background:var(--white); }
.feature-section.feature-alt { background:var(--bg); }
.feature-inner { display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center; }
.feature-text .section-sub { margin-bottom:22px; }
.feature-list { display:flex;flex-direction:column;gap:8px;margin-bottom:26px; }
.feature-list li { font-size:14px;color:var(--dark);padding:8px 13px;background:var(--bg);border-radius:7px;border-left:3px solid var(--primary); }
.fv-card { background:var(--white);border:1px solid var(--border);border-radius:13px;padding:20px;box-shadow:0 10px 40px rgba(0,0,0,0.07); }
.fv-header { display:flex;align-items:center;gap:6px;margin-bottom:16px; }
.fv-dot { width:11px;height:11px;border-radius:50%; }
.fv-dot.red{background:#ff5f57;} .fv-dot.yellow{background:#febc2e;} .fv-dot.green{background:#28c840;}
.fv-title { margin-left:8px;font-size:12px;font-weight:600;color:var(--gray); }
.fv-stats { display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:16px; }
.fv-stat { background:rgba(26,86,219,0.06);border-radius:8px;padding:11px 7px;text-align:center;display:flex;flex-direction:column;gap:3px; }
.fv-num { font-size:18px;font-weight:800;color:var(--primary); }
.fv-lbl { font-size:10px;color:var(--gray);font-weight:500; }
.fv-bar-group { display:flex;flex-direction:column;gap:7px; }
.fv-bar-label { display:flex;align-items:center;gap:9px; }
.fv-bar-label span { font-size:11px;color:var(--gray);width:26px;flex-shrink:0; }
.fv-bar { height:7px;background:linear-gradient(90deg,var(--primary),#3f83f8);border-radius:4px; }
.ai-tasks { display:flex;flex-direction:column;gap:8px;margin-bottom:12px; }
.ai-task { font-size:13px;padding:8px 12px;border-radius:7px;font-weight:500; }
.ai-task.done{background:rgba(22,163,74,.08);color:#15803d;}
.ai-task.active{background:rgba(26,86,219,.08);color:var(--primary);}
.ai-task.pending{background:var(--bg);color:var(--gray);}
.ai-uptime { font-size:11px;color:var(--gray);border-top:1px solid var(--border);padding-top:10px;font-weight:500; }

/* ===== PAGE HERO (inner pages) ===== */
.page-hero { position:relative;background:#0a1628 url('https://images.unsplash.com/photo-1497366216548-37526070297c?auto=format&fit=crop&w=1600&q=80') center/cover no-repeat;padding:140px 0 60px;text-align:center; }
.page-hero-overlay { position:absolute;inset:0;background:rgba(5,15,35,0.82); }
.page-hero-inner { position:relative;z-index:1; }
.page-hero h1 { font-size:42px;font-weight:800;color:var(--white);margin-bottom:12px; }
.page-hero-sub { font-size:16px;color:rgba(255,255,255,.6);margin-bottom:18px;max-width:500px;margin-left:auto;margin-right:auto; }
.breadcrumb { font-size:13px;color:rgba(255,255,255,.4); }
.breadcrumb a { color:rgba(255,255,255,.6);transition:color .2s; }
.breadcrumb a:hover { color:var(--white); }
.breadcrumb span { margin:0 6px; }

/* ===== TESTIMONIALS ALL GRID (dedicated page) ===== */
.testimonials-all { display:grid;grid-template-columns:repeat(3,1fr);gap:20px; }
@media(max-width:1024px) { .testimonials-all{grid-template-columns:repeat(2,1fr);} }
@media(max-width:768px) { .testimonials-all{grid-template-columns:1fr;} }

/* ===== LEGAL PAGES ===== */
.legal-content { padding:70px 0 90px; }
.legal-body { max-width:800px;margin:0 auto; }
.legal-updated { font-size:13px;color:var(--gray);font-weight:600;margin-bottom:30px;padding-bottom:16px;border-bottom:1px solid var(--border); }
.legal-body h3 { font-size:18px;font-weight:700;color:var(--dark);margin:32px 0 12px;padding-top:8px; }
.legal-body p { font-size:14px;color:var(--gray);line-height:1.8;margin-bottom:14px; }
.legal-body ul { margin:10px 0 18px 24px;list-style:disc; }
.legal-body ul li { font-size:14px;color:var(--gray);line-height:1.8;margin-bottom:4px; }
.legal-body a { color:var(--primary);font-weight:500; }
.legal-body a:hover { text-decoration:underline; }

/* ===== CONSULTATION BANNER ===== */
.consult-banner { padding:80px 0;background:linear-gradient(135deg,#0f172a 0%,#1e3a5f 50%,#1a56db 100%);position:relative;overflow:hidden; }
.consult-banner::before { content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(63,131,248,0.15) 0%,transparent 70%);border-radius:50%; }
.consult-banner::after { content:'';position:absolute;bottom:-150px;left:-100px;width:500px;height:500px;background:radial-gradient(circle,rgba(63,131,248,0.1) 0%,transparent 70%);border-radius:50%; }
.consult-inner { display:grid;grid-template-columns:1.3fr 1fr;gap:50px;align-items:center;position:relative;z-index:1; }
.consult-content { color:var(--white); }
.consult-content h2 { font-size:34px;font-weight:800;line-height:1.3;margin-bottom:16px; }
.consult-content p { font-size:15px;color:rgba(255,255,255,.7);line-height:1.7;margin-bottom:28px;max-width:480px; }
.consult-btns { display:flex;gap:14px;flex-wrap:wrap; }
.btn-consult-primary { display:inline-flex;align-items:center;padding:13px 28px;background:var(--white);color:var(--primary);border-radius:6px;font-weight:700;font-size:14px;transition:all .25s; }
.btn-consult-primary:hover { background:#f0f4ff;transform:translateY(-2px); }
.btn-consult-outline { display:inline-flex;align-items:center;padding:13px 28px;background:transparent;color:var(--white);border:2px solid rgba(255,255,255,.4);border-radius:6px;font-weight:600;font-size:14px;transition:all .25s; }
.btn-consult-outline:hover { border-color:var(--white);background:rgba(255,255,255,.1); }
.consult-visual { display:grid;gap:14px; }
.consult-card { background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.15);border-radius:10px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .3s; }
.consult-card:hover { background:rgba(255,255,255,0.15);transform:translateX(6px); }
.cc-icon { font-size:24px;width:48px;height:48px;background:rgba(255,255,255,0.12);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.consult-card h4 { font-size:14px;font-weight:700;color:var(--white);margin-bottom:2px; }
.consult-card p { font-size:13px;color:rgba(255,255,255,.6);margin:0; }

/* ===== TESTIMONIALS ===== */
.testimonials { padding:90px 0;background:var(--white); }
.testimonials-track { display:grid;grid-template-columns:repeat(3,1fr);gap:20px;overflow:hidden; }
.testimonial-card { background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:28px 24px;transition:all .3s; }
.testimonial-card:hover { box-shadow:var(--shadow);transform:translateY(-4px); }
.tc-stars { font-size:16px;color:#f59e0b;margin-bottom:14px;letter-spacing:2px; }
.tc-text { font-size:14px;color:var(--dark);line-height:1.7;margin-bottom:20px;font-style:italic; }
.tc-author { display:flex;align-items:center;gap:12px; }
.tc-avatar { width:44px;height:44px;border-radius:50%;background:var(--primary);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0; }
.tc-author strong { font-size:14px;font-weight:700;display:block;color:var(--dark); }
.tc-author span { font-size:12px;color:var(--gray); }
.testimonials-nav { display:flex;justify-content:center;gap:10px;margin-top:28px; }
.tst-btn { width:40px;height:40px;border-radius:50%;border:2px solid var(--border);background:var(--white);color:var(--dark);font-size:16px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center; }
.tst-btn:hover { border-color:var(--primary);color:var(--primary); }

/* ===== CLIENT LOGOS ===== */
.clients { padding:50px 0;background:var(--bg);overflow:hidden; }
.clients-label { text-align:center;font-size:12px;font-weight:700;color:var(--gray);text-transform:uppercase;letter-spacing:2px;margin-bottom:24px; }
.clients-track { overflow:hidden; }
.clients-slide { display:flex;width:max-content;animation:slideClients 25s linear infinite; }
.client-logo { padding:14px 40px;font-size:16px;font-weight:800;color:#c0c8d4;white-space:nowrap;transition:color .2s;letter-spacing:1px; }
.client-logo:hover { color:var(--primary); }
@keyframes slideClients { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }

/* ===== BLOG ===== */
.blog-section { padding:90px 0;background:var(--white); }
.blog-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:24px; }
.blog-card { background:var(--white);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:all .3s; }
.blog-card:hover { box-shadow:0 8px 30px rgba(0,0,0,0.1);transform:translateY(-4px); }
.blog-img { height:200px;background-size:cover;background-position:center;background-color:var(--bg); }
.blog-body { padding:22px 20px; }
.blog-date { display:inline-block;font-size:11px;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px; }
.blog-card h4 { font-size:16px;font-weight:700;line-height:1.4;margin-bottom:10px;color:var(--dark); }
.blog-card p { font-size:13px;color:var(--gray);line-height:1.6;margin-bottom:14px; }
.blog-more { text-align:center;margin-top:36px; }

/* ===== WORKSHOPS ===== */
.workshops { padding:90px 0;background:var(--bg); }
.workshops-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:20px; }
.workshop-card { background:var(--white);border:1px solid var(--border);border-radius:10px;padding:24px;transition:all .3s; }
.workshop-card:hover { transform:translateY(-4px);box-shadow:var(--shadow); }
.workshop-date { font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--primary);background:rgba(26,86,219,.08);display:inline-block;padding:3px 11px;border-radius:20px;margin-bottom:11px; }
.workshop-card h4 { font-size:15px;font-weight:700;margin-bottom:8px; }
.workshop-card p { font-size:13px;color:var(--gray);margin-bottom:12px; }

/* ===== CTA BANNER ===== */
.cta-banner { background:var(--beige);padding:70px 0;position:relative;overflow:hidden; }
.cta-banner::after { content:'';position:absolute;right:-80px;top:-80px;width:450px;height:450px;background:radial-gradient(circle,rgba(26,86,219,0.06) 0%,transparent 70%);border-radius:50%; }
.cta-inner { display:flex;align-items:center;justify-content:space-between;gap:40px;position:relative;z-index:1; }
.cta-text h2 { font-size:34px;font-weight:800;color:var(--dark);line-height:1.3; }
.cta-text h2 span { color:var(--primary); }
.cta-buttons { display:flex;gap:14px;flex-shrink:0; }

/* ===== FOOTER ===== */
.footer { background:#0f172a;color:rgba(255,255,255,.65); }
.footer-inner { display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding:58px 24px 38px; }
.footer-logo-img { height:100px;width:auto;object-fit:contain;margin-bottom:14px;filter:brightness(0) invert(1); }
.footer-brand p { font-size:13px;line-height:1.7;color:rgba(255,255,255,.45); }
.footer-social { display:flex;gap:8px;margin:16px 0; }
.social-link { width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,0.08);color:rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;transition:all .2s; }
.social-link:hover { background:var(--primary);color:var(--white); }
.footer-contact { display:flex;flex-direction:column;gap:5px;font-size:12px;color:rgba(255,255,255,.45); }
.footer-links h4 { color:var(--white);font-size:12px;font-weight:700;margin-bottom:13px;text-transform:uppercase;letter-spacing:.5px; }
.footer-links ul { display:flex;flex-direction:column;gap:8px; }
.footer-links a { font-size:13px;color:rgba(255,255,255,.45);transition:color .2s; }
.footer-links a:hover { color:#3f83f8; }
.footer-bottom { border-top:1px solid rgba(255,255,255,.08);padding:16px 24px;text-align:center;font-size:12px;color:rgba(255,255,255,.3); }

/* ===== WHATSAPP WIDGET ===== */
.whatsapp-widget { position:fixed;bottom:24px;right:24px;z-index:999;width:56px;height:56px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,0.4);transition:all .3s;animation:pulse-wa 2s infinite; }
.whatsapp-widget:hover { transform:scale(1.1);box-shadow:0 6px 25px rgba(37,211,102,0.5); }
@keyframes pulse-wa {
  0%,100% { box-shadow:0 4px 20px rgba(37,211,102,0.4); }
  50% { box-shadow:0 4px 30px rgba(37,211,102,0.6); }
}

/* ===== CONTACT SECTION ===== */
.contact-section { padding:90px 0;background:var(--white); }
.contact-grid { display:grid;grid-template-columns:1fr 1.2fr;gap:50px;align-items:start; }
.contact-info { display:flex;flex-direction:column;gap:24px; }
.ci-item { display:flex;gap:16px;align-items:flex-start; }
.ci-icon { width:48px;height:48px;background:rgba(26,86,219,0.08);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;color:var(--primary); }
.ci-item h4 { font-size:15px;font-weight:700;color:var(--dark);margin-bottom:4px; }
.ci-item p { font-size:14px;color:var(--gray);line-height:1.6; }
.contact-form-card { background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:36px 32px; }
.cf-row { display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px; }
.cf-group { margin-bottom:0; }
.cf-group input,.cf-group select,.cf-group textarea { width:100%;padding:14px 16px;border:1.5px solid var(--border);border-radius:8px;font-size:14px;font-family:var(--font);outline:none;transition:border-color .2s;background:var(--white);color:var(--dark); }
.cf-group select { cursor:pointer;appearance:auto; }
.cf-group textarea { resize:vertical;min-height:100px; }
.cf-group input:focus,.cf-group select:focus,.cf-group textarea:focus { border-color:var(--primary); }
.cf-group input::placeholder,.cf-group textarea::placeholder { color:#adb5bd; }
.cf-group + .cf-group { margin-bottom:0; }
.contact-section .cf-group:last-of-type { margin-bottom:16px; }
.cf-submit { width:100%;justify-content:center;padding:14px; }

/* ===== RESPONSIVE ===== */
@media(max-width:1024px){
  .services-grid{grid-template-columns:repeat(2,1fr);}
  .why-grid{grid-template-columns:repeat(2,1fr);}
  .testimonials-track{grid-template-columns:repeat(2,1fr);}
  .testimonial-card:nth-child(n+3){display:none;}
  .footer-inner{grid-template-columns:1fr 1fr;gap:28px;}
  .hero-title{font-size:36px;}
  .hero-inner{grid-template-columns:1fr;}
  .hero-form-wrap{display:none;}
  .cta-inner{flex-direction:column;text-align:center;}
  .cta-buttons{justify-content:center;}
  .about-inner{grid-template-columns:1fr;gap:40px;}
  .about-badge{right:20px;}
  .consult-inner{grid-template-columns:1fr;gap:30px;}
  .contact-grid{grid-template-columns:1fr;gap:40px;}
  .blog-grid{grid-template-columns:repeat(2,1fr);}
  .workshops-grid{grid-template-columns:repeat(2,1fr);}
  .feature-inner{grid-template-columns:1fr;gap:30px;}
}

@media(max-width:768px){
  /* --- NAVBAR --- */
  .nav-inner{height:64px;padding:0 16px;}
  .logo-img{height:52px;}
  .nav-links{
    display:none;position:fixed;top:64px;left:0;right:0;bottom:0;
    background:var(--white);border-top:1px solid var(--border);
    padding:16px 0;z-index:999;overflow-y:auto;
    flex:none;margin-left:0;
  }
  .nav-links.open{display:block;}
  .nav-links > ul{flex-direction:column;gap:0;}
  .nav-links li a{
    padding:14px 24px;font-size:16px;border-bottom:1px solid var(--border);
    display:block;
  }
  .nav-login-btn{display:none;}
  .nav-right{margin-left:auto;}
  .hamburger{display:flex;}

  /* --- HERO --- */
  .hero{min-height:100svh;padding-top:64px;display:flex;align-items:center;}
  .hero-inner{grid-template-columns:1fr;padding-top:0;padding-bottom:0;padding-left:0;padding-right:0;gap:0;position:relative;z-index:1;}
  .hero-content{text-align:center;padding:40px 24px 60px;}
  .hero-title{font-size:28px;line-height:1.25;margin-bottom:18px;}
  .hero-tagline{font-size:11px;margin-bottom:14px;}
  .hero-desc{font-size:15px;margin-bottom:28px;max-width:100%;margin-left:auto;margin-right:auto;}
  .hero-form-card{display:none;}
  .btn-hero{padding:14px 40px;font-size:15px;display:inline-block;}

  /* --- SERVICES --- */
  .services{padding:60px 0;}
  .services-grid{grid-template-columns:1fr;gap:14px;}
  .service-card{padding:20px 16px;}

  /* --- ABOUT --- */
  .about-section{padding:60px 0;}
  .about-inner{grid-template-columns:1fr;gap:32px;}
  .about-image img{max-height:260px;}
  .about-badge{bottom:-12px;right:12px;padding:14px 18px;}
  .ab-number{font-size:26px;}

  /* --- STATS --- */
  .stats-section{padding:40px 0;}
  .stats-grid{grid-template-columns:repeat(2,1fr);gap:16px;}
  .stat-number{font-size:32px;}
  .stat-label{font-size:12px;}

  /* --- WHY US --- */
  .why-us{padding:60px 0;}
  .why-grid{grid-template-columns:1fr 1fr;gap:12px;}
  .why-card{padding:20px 14px;}
  .why-icon{font-size:28px;}

  /* --- FEATURES --- */
  .feature-section{padding:60px 0;}
  .feature-inner{grid-template-columns:1fr;gap:28px;}

  /* --- CONSULTATION BANNER --- */
  .consult-banner{padding:50px 0;}
  .consult-inner{grid-template-columns:1fr;gap:28px;}
  .consult-content h2{font-size:24px;}
  .consult-content p{font-size:14px;}
  .consult-btns{flex-direction:column;gap:10px;}
  .btn-consult-primary,.btn-consult-outline{justify-content:center;width:100%;}
  .consult-visual{display:none;}

  /* --- TESTIMONIALS --- */
  .testimonials{padding:60px 0;}
  .testimonials-track{grid-template-columns:1fr;}
  .testimonial-card:nth-child(n+2){display:none;}

  /* --- BLOG --- */
  .blog-section{padding:60px 0;}
  .blog-grid{grid-template-columns:1fr;}

  /* --- WORKSHOPS --- */
  .workshops{padding:60px 0;}
  .workshops-grid{grid-template-columns:1fr;}

  /* --- CONTACT --- */
  .contact-section{padding:60px 0;}
  .contact-grid{grid-template-columns:1fr;gap:32px;}
  .cf-row{grid-template-columns:1fr;}
  .contact-form-card{padding:24px 16px;}

  /* --- CTA BANNER --- */
  .cta-banner{padding:48px 0;}
  .cta-inner{flex-direction:column;text-align:center;gap:24px;}
  .cta-text h2{font-size:24px;}
  .cta-buttons{justify-content:center;flex-direction:column;align-items:center;gap:10px;}
  .cta-buttons a{width:100%;max-width:300px;justify-content:center;}

  /* --- PAGE HERO (inner pages) --- */
  .page-hero{padding:100px 0 40px;}
  .page-hero h1{font-size:28px;}
  .page-hero-sub{font-size:14px;}

  /* --- FOOTER --- */
  .footer-inner{grid-template-columns:1fr;gap:32px;padding:40px 20px 28px;}
  .footer-logo-img{height:70px;}
  .footer-links ul{gap:6px;}

  /* --- SECTION SPACING --- */
  .section-header{margin-bottom:32px;}

  /* --- WHATSAPP WIDGET --- */
  .whatsapp-widget{bottom:16px;right:16px;width:50px;height:50px;}
}

@media(max-width:420px){
  .hero-title{font-size:22px;}
  .why-grid{grid-template-columns:1fr;}
  .stats-grid{grid-template-columns:1fr 1fr;}
  .stat-number{font-size:28px;}
  .section-title{font-size:20px;}
  .consult-content h2{font-size:20px;}
  .cta-text h2{font-size:20px;}
  .hero-inner{padding:24px 0 16px;}
  .about-image img{max-height:220px;}
}