:root {
  --bg: #080700;
  --bg2: #0f0e00;
  --accent: #f59e0b;
  --accent2: #fbbf24;
  --accent3: #d97706;
  --text: #faf7e8;
  --muted: #a09060;
  --card: rgba(245,158,11,0.06);
  --border: rgba(245,158,11,0.12);
  --glow: 0 0 40px rgba(245,158,11,0.3);
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { background: var(--bg); color: var(--text); font-family: 'DM Sans', sans-serif; font-weight: 300; overflow-x: hidden; cursor: none; }

/* CURSOR */
#cursor { width:12px;height:12px;background:var(--accent);border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:9999;transition:transform 0.15s,background 0.15s;mix-blend-mode:screen; }
#cursor-ring { width:38px;height:38px;border:1.5px solid var(--accent);border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:9998;transition:transform 0.3s,opacity 0.3s,border-color 0.3s;opacity:0.5; }

/* NAV */
nav { position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 5%;height:72px;background:rgba(8,7,0,0.6);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:all 0.4s; }
nav.scrolled { height:60px;background:rgba(8,7,0,0.95);box-shadow:0 4px 40px rgba(245,158,11,0.1); }
.logo { font-weight:800;font-size:1.5rem;letter-spacing:-0.5px;text-decoration:none;color:var(--text);display:flex;align-items:center;gap:8px; }
.logo span { color:var(--accent);text-shadow:0 0 20px var(--accent); }
.logo-dot { width:8px;height:8px;background:var(--accent2);border-radius:50%;display:inline-block;animation:pulseDot 2s ease-in-out infinite;box-shadow:0 0 12px var(--accent2); }
@keyframes pulseDot { 0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.6);opacity:0.6} }
.nav-menu { display:flex;align-items:center;gap:2px;list-style:none; }
.nav-menu a { display:block;padding:8px 18px;color:var(--muted);text-decoration:none;font-size:0.9rem;font-weight:400;transition:color 0.3s;border-radius:8px; }
.nav-menu a:hover { color:var(--text); }
.nav-menu li.active a { color:var(--accent); }
.has-dropdown { position:relative; }
.dropdown { position:absolute;top:100%;margin-top:5px;left:50%;transform:translateX(-50%) translateY(10px);background:rgba(8,7,0,0.98);border:1px solid var(--border);border-radius:14px;padding:10px;min-width:190px;opacity:0;pointer-events:none;transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1);backdrop-filter:blur(20px);box-shadow:0 20px 60px rgba(0,0,0,0.5),var(--glow); }
.has-dropdown:hover .dropdown { opacity:1;pointer-events:all;transform:translateX(-50%) translateY(0); }
.dropdown a { padding:10px 16px;color:var(--muted);font-size:0.85rem;border-radius:8px;display:flex;align-items:center;gap:10px; }
.dropdown a:hover { color:var(--accent);background:rgba(245,158,11,0.08); }
.drop-icon { width:28px;height:28px;background:rgba(245,158,11,0.12);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:0.9rem; }
.arr { font-size:0.6rem;opacity:0.5;margin-left:2px; }
.nav-btn { background:linear-gradient(135deg,var(--accent),var(--accent2));color:#080700;font-weight:700;font-size:0.85rem;padding:10px 24px;border-radius:50px;border:none;cursor:none;transition:all 0.3s;text-decoration:none;display:inline-block; }
.nav-btn:hover { transform:translateY(-2px);box-shadow:0 8px 30px rgba(245,158,11,0.5); }
.hamburger { display:none;flex-direction:column;gap:5px;cursor:none;padding:4px;background:none;border:none; }
.hamburger span { display:block;width:24px;height:2px;background:var(--text);border-radius:2px;transition:all 0.3s; }
.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}

/* MOBILE NAV */
.mobile-nav { position:fixed;inset:0;background:rgba(8,7,0,0.98);backdrop-filter:blur(20px);z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;transform:translateX(100%);transition:transform 0.4s cubic-bezier(0.22,1,0.36,1); }
.mobile-nav.open { transform:translateX(0); }
.mobile-nav a { font-weight:700;font-size:1.8rem;color:var(--text);text-decoration:none;transition:color 0.3s; }
.mobile-nav a:hover { color:var(--accent); }

/* HERO */
.hero { position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center; }
.hero-bg { position:absolute;inset:0;background:
  radial-gradient(ellipse 80% 60% at 50% 40%, rgba(245,158,11,0.1) 0%, transparent 60%),
  radial-gradient(ellipse 40% 40% at 80% 80%, rgba(251,191,36,0.12) 0%, transparent 50%),
  radial-gradient(ellipse 40% 40% at 20% 20%, rgba(217,119,6,0.08) 0%, transparent 50%),
  var(--bg); }
.grid-lines { position:absolute;inset:0;background-image:linear-gradient(rgba(245,158,11,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(245,158,11,0.04) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 40%,transparent 100%); }
.orb { position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none; }
.orb-1 { width:400px;height:400px;background:rgba(245,158,11,0.1);top:10%;right:-5%; }
.orb-2 { width:300px;height:300px;background:rgba(251,191,36,0.1);bottom:15%;left:-5%; }
.orb-3 { width:200px;height:200px;background:rgba(217,119,6,0.08);top:30%;left:20%;animation:floatOrb 8s ease-in-out infinite; }
@keyframes floatOrb { 0%,100%{transform:translateY(0)}50%{transform:translateY(-30px)} }
.hero-content { text-align:center;position:relative;z-index:2;padding:0 24px;width:900px;animation:fadeUp 1s cubic-bezier(0.22,1,0.36,1) forwards; }
@keyframes fadeUp { from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)} }
.hero-badge { display:inline-flex;align-items:center;gap:8px;background:rgba(245,158,11,0.1);border:1px solid rgba(245,158,11,0.3);border-radius:50px;padding:6px 16px;font-size:0.8rem;color:var(--accent);margin-bottom:28px;animation:fadeUp 1s 0.1s both; }
.hero h1 { font-size:60px;font-weight:800;line-height:1.4em;letter-spacing:-2px;margin-bottom:24px;animation:fadeUp 1s 0.2s both; }
.hero h1 .hl { background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
.hero p { font-size:1.15rem;color:var(--muted);line-height:1.7;max-width:560px;margin:0 auto 36px;animation:fadeUp 1s 0.3s both; }
.hero-btns { display:flex;gap:16px;justify-content:center;flex-wrap:wrap;animation:fadeUp 1s 0.4s both; }
.btn-primary { background:linear-gradient(135deg,var(--accent),var(--accent2));color:#080700;font-weight:700;font-size:0.95rem;padding:14px 32px;border-radius:50px;border:none;cursor:none;transition:all 0.3s;text-decoration:none;display:inline-flex;align-items:center;gap:8px; }
.btn-primary:hover { transform:translateY(-3px);box-shadow:0 12px 40px rgba(245,158,11,0.5); }
.btn-outline { color:var(--text);font-weight:600;font-size:0.95rem;padding:14px 32px;border-radius:50px;border:1px solid var(--border);cursor:none;transition:all 0.3s;background:transparent;text-decoration:none;display:inline-flex;align-items:center;gap:8px; }
.btn-outline:hover { border-color:var(--accent);color:var(--accent);background:rgba(245,158,11,0.07); }

/* COMMON */
section { padding:60px 0;position:relative;overflow:hidden; }
.container { max-width:1200px;margin:0 auto; }
.reveal { opacity:0;transform:translateY(40px);transition:opacity 0.7s ease,transform 0.7s ease; }
.reveal.visible { opacity:1;transform:translateY(0); }
.reveal-left { opacity:0;transform:translateX(-50px);transition:opacity 0.7s ease,transform 0.7s ease; }
.reveal-left.visible { opacity:1;transform:translateX(0); }
.reveal-right { opacity:0;transform:translateX(50px);transition:opacity 0.7s ease,transform 0.7s ease; }
.reveal-right.visible { opacity:1;transform:translateX(0); }
.section-tag { display:inline-flex;align-items:center;gap:8px;font-size:0.75rem;font-weight:500;color:var(--accent2);text-transform:uppercase;letter-spacing:2px;margin-bottom:16px; }
.section-tag::before { content:'';width:24px;height:1px;background:var(--accent2);display:inline-block; }
h2 { font-size:40px;font-weight:800;letter-spacing:-1px;line-height:1.4em; }

/* SPLIT SECTIONS */
.split-bg { background:var(--bg2); }
.split-bg2 { background:var(--bg); }
.split-layout { display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center; }
ul li { color:#9d8660; }
ul { padding-left:15px; }
.split-layout.rev { direction:rtl; }
.split-layout.rev > * { direction:ltr; }
.split-text p { color:var(--muted);line-height:1.8;margin:15px 0;font-size:1.05rem; }
.feat-list { list-style:none;margin-bottom:36px; }
.feat-list li { display:flex;align-items:center;gap:12px;color:var(--muted);font-size:0.95rem;padding:8px 0;border-bottom:1px solid var(--border);transition:color 0.3s; }
.feat-list li:hover { color:var(--text); }
.feat-list li::before { content:'◆';color:var(--accent);font-size:0.7rem;flex-shrink:0; }
.img-wrap { position:relative;border-radius:24px;overflow:hidden;aspect-ratio:4/3; }
.img-wrap::before { content:'';position:absolute;inset:0;z-index:2;border-radius:24px;border:1px solid rgba(245,158,11,0.2);pointer-events:none; }

/* MOCK UI */
.mock-ui { width:100%;height:100%;background:linear-gradient(135deg,#0d0900,#181200);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden; }
.mock-phone { width:200px;background:#1a1400;border-radius:24px;padding:24px 20px;border:1px solid rgba(245,158,11,0.15);box-shadow:0 20px 60px rgba(0,0,0,0.5);text-align:center;position:relative;z-index:2; }
.mock-avatar { width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));margin:0 auto 12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;animation:avPulse 2s ease-in-out infinite;box-shadow:0 0 30px rgba(245,158,11,0.4); }
@keyframes avPulse { 0%,100%{box-shadow:0 0 30px rgba(245,158,11,0.4)}50%{box-shadow:0 0 60px rgba(245,158,11,0.7)} }
.mock-name { font-weight:700;font-size:0.95rem;margin-bottom:4px; }
.mock-status { font-size:0.75rem;color:var(--accent);margin-bottom:20px; }
.mock-wave { display:flex;align-items:center;justify-content:center;gap:3px;height:30px;margin-bottom:20px; }
.mock-wave span { display:block;width:3px;background:linear-gradient(to top,var(--accent2),var(--accent));border-radius:2px;animation:wv 1.2s ease-in-out infinite; }
.mock-wave span:nth-child(1){height:10px;animation-delay:0s}
.mock-wave span:nth-child(2){height:20px;animation-delay:0.1s}
.mock-wave span:nth-child(3){height:28px;animation-delay:0.2s}
.mock-wave span:nth-child(4){height:16px;animation-delay:0.3s}
.mock-wave span:nth-child(5){height:22px;animation-delay:0.4s}
.mock-wave span:nth-child(6){height:12px;animation-delay:0.5s}
.mock-wave span:nth-child(7){height:8px;animation-delay:0.6s}
@keyframes wv { 0%,100%{transform:scaleY(0.4)}50%{transform:scaleY(1)} }
.mock-actions { display:flex;justify-content:center;gap:12px; }
.mock-btn { width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;border:none;cursor:none; }
.mock-btn.end{background:#ff4d6d}.mock-btn.mute{background:rgba(255,255,255,0.1)}.mock-btn.sp{background:rgba(245,158,11,0.2)}
.mock-rings { position:absolute;width:300px;height:300px;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%); }
.mock-ring { position:absolute;inset:0;border-radius:50%;border:1px solid rgba(245,158,11,0.12);animation:ringEx 3s ease-out infinite; }
.mock-ring:nth-child(2){animation-delay:1s}.mock-ring:nth-child(3){animation-delay:2s}
@keyframes ringEx { 0%{transform:scale(0.5);opacity:0.6}100%{transform:scale(1);opacity:0} }

/* CENTER SECTION */
.center-sect { background:var(--bg); }
.center-text { text-align:center;margin:0 auto; }
.center-text p { color:var(--muted);line-height:1.8;margin:20px 0 40px;font-size:1.05rem; }
.stats-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:60px; }
.stat-card { background:var(--card);border:1px solid var(--border);border-radius:20px;padding:36px 24px;text-align:center;transition:all 0.4s;position:relative;overflow:hidden; }
.stat-card::before { content:'';position:absolute;inset:0;background:radial-gradient(ellipse at top,rgba(245,158,11,0.1),transparent 70%);opacity:0;transition:opacity 0.4s; }
.stat-card:hover::before{opacity:1}
.stat-card:hover { border-color:rgba(245,158,11,0.4);transform:translateY(-6px);box-shadow:0 20px 50px rgba(0,0,0,0.3),var(--glow); }
.stat-num { font-size:2.8rem;font-weight:800;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:8px; }
.stat-label { color:var(--muted);font-size:0.9rem; }

/* CAROUSEL */
.carousel-sect { background:var(--bg2); }
.carousel-sect2 { background:var(--bg); }
.carousel-head { text-align:center;margin-bottom:12px; }
.carousel-sub { text-align:center;color:var(--muted);margin-bottom:56px;max-width:500px;margin-left:auto;margin-right:auto;line-height:1.7; }
.c-wrap { overflow:hidden;position:relative; }
.c-wrap::before,.c-wrap::after { content:'';position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none; }
.c-wrap.bg2::before{left:0;background:linear-gradient(to right,var(--bg2),transparent)}
.c-wrap.bg2::after{right:0;background:linear-gradient(to left,var(--bg2),transparent)}
.c-wrap.bg1::before{left:0;background:linear-gradient(to right,var(--bg),transparent)}
.c-wrap.bg1::after{right:0;background:linear-gradient(to left,var(--bg),transparent)}
.c-track { display:flex;gap:24px;animation:cScroll 30s linear infinite;width:max-content; }
.c-track:hover { animation-play-state:paused; }
.c-track.rev { animation-direction:reverse;animation-duration:35s; }
@keyframes cScroll { 0%{transform:translateX(0)}100%{transform:translateX(-50%)} }
.c-card { flex-shrink:0;width:260px;background:var(--card);border:1px solid var(--border);border-radius:20px;overflow:hidden;transition:all 0.4s;position:relative; }
.c-card:hover { border-color:rgba(245,158,11,0.4);transform:translateY(-8px);box-shadow:0 20px 50px rgba(0,0,0,0.4),var(--glow); }
.c-img { width:100%;aspect-ratio:3/3;display:flex;align-items:baseline;justify-content:center;overflow:hidden; }
.c-img-in { width:100%;height:100%;transition:transform 0.5s;object-fit:cover;display:block; }
.c-card:hover .c-img-in { transform:scale(1.08); }
.c-info { padding:20px; }
.c-info h4 { font-weight:700;font-size:0.95rem;margin-bottom:6px; }
.c-info p { color:var(--muted);font-size:0.8rem;line-height:1.5; }
.c-tag { display:inline-block;background:rgba(245,158,11,0.12);border:1px solid rgba(245,158,11,0.25);color:var(--accent);font-size:0.7rem;padding:3px 10px;border-radius:50px;margin-top:10px; }
.c-tag-whatsapp { display:inline-block;background:#28B03C;border:1px solid rgba(0,229,255,0.2);color:white;font-size:0.7rem;padding:3px 10px;border-radius:50px;margin-top:10px; }
.c-icon { font-size:2.5rem;display:flex;align-items:center;justify-content:center;width:100%;height:100%; }
.g1{background:linear-gradient(135deg,#121000,#1e1600)}
.g2{background:linear-gradient(135deg,#0f0e00,#161200)}
.g3{background:linear-gradient(135deg,#1a0e00,#2a1600)}
.g4{background:linear-gradient(135deg,#1a1800,#2e2600)}
.g5{background:linear-gradient(135deg,#121200,#1e1a00)}
.g6{background:linear-gradient(135deg,#1a1200,#2a1e00)}
.g7{background:linear-gradient(135deg,#1a1000,#2a1800)}
.g8{background:linear-gradient(135deg,#100e00,#181400)}

/* FEATURES GRID */
.feats-sect { background:var(--bg2); }
.feats-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:24px; }
.feat-card { background:var(--card);border:1px solid var(--border);border-radius:20px;padding:32px 28px;transition:all 0.4s;position:relative;overflow:hidden; }
.feat-card::after { content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent2),var(--accent3));transform:scaleX(0);transition:transform 0.4s;transform-origin:left; }
.feat-card:hover::after { transform:scaleX(1); }
.feat-card:hover { border-color:rgba(245,158,11,0.3);transform:translateY(-6px);box-shadow:0 20px 50px rgba(0,0,0,0.3),var(--glow); }
.feat-icon { width:52px;height:52px;border-radius:14px;background:rgba(245,158,11,0.1);border:1px solid rgba(245,158,11,0.2);display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:20px;transition:all 0.4s; }
.feat-card:hover .feat-icon { background:rgba(245,158,11,0.2);box-shadow:0 0 20px rgba(245,158,11,0.3); }
.feat-card h3 { font-weight:700;font-size:1.05rem;margin-bottom:10px; }
.feat-card p { color:var(--muted);font-size:0.9rem;line-height:1.7; }

/* CTA */
.cta-sect { background:var(--bg);padding:100px 0; }
.cta-box { background:linear-gradient(135deg,rgba(245,158,11,0.07),rgba(251,191,36,0.08),rgba(217,119,6,0.05));border:1px solid rgba(245,158,11,0.2);border-radius:32px;padding:80px 60px;text-align:center;position:relative;overflow:hidden; }
.cta-box::before { content:'';position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(245,158,11,0.1),transparent 70%);top:-100px;right:-100px;border-radius:50%; }
.cta-box::after { content:'';position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(251,191,36,0.08),transparent 70%);bottom:-80px;left:-80px;border-radius:50%; }
.cta-box h2 { margin-bottom:16px;position:relative;z-index:1; }
.cta-box p { color:var(--muted);margin-bottom:36px;font-size:1.05rem;max-width:500px;margin-left:auto;margin-right:auto;position:relative;z-index:1;line-height:1.7; }
.cta-btns { display:flex;gap:16px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1; }

/* FOOTER */
footer { background:#060500;border-top:1px solid var(--border);padding:80px 0 0; }
.footer-grid { display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;margin-bottom:60px; }
.footer-brand p { color:var(--muted);font-size:0.9rem;line-height:1.7;margin:16px 0 24px;max-width:280px; }
.socials { display:flex;gap:12px; }
.soc { width:38px;height:38px;border-radius:10px;background:var(--card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:0.9rem;text-decoration:none;transition:all 0.3s;color:var(--muted); }
.soc:hover { border-color:var(--accent);color:var(--accent);background:rgba(245,158,11,0.1);transform:translateY(-3px); }
.footer-col h4 { font-weight:700;font-size:0.9rem;color:var(--text);margin-bottom:20px; }
.footer-col ul { list-style:none; }
.footer-col ul li { margin-bottom:12px; }
.footer-col ul li a { color:var(--muted);text-decoration:none;font-size:0.88rem;transition:color 0.3s; }
.footer-col ul li a:hover { color:var(--accent); }
.foot-bottom { border-top:1px solid var(--border);padding:24px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px; }
.foot-bottom p { color:var(--muted);font-size:0.85rem; }
.foot-bottom a { color:var(--muted);text-decoration:none;font-size:0.85rem;transition:color 0.3s;margin-left:20px; }
.foot-bottom a:hover { color:var(--accent); }
.ac { color:var(--accent); }

/* NETWORK SVG */
.net-ui { width:100%;height:100%;background:linear-gradient(135deg,#0d0900,#181200);display:flex;align-items:center;justify-content:center; }

/* RESPONSIVE */
@media(max-width:1024px){
  .split-layout{grid-template-columns:1fr;gap:48px}
  .split-layout.rev{direction:ltr}
  .feats-grid{grid-template-columns:repeat(2,1fr)}
  .stats-grid{grid-template-columns:repeat(3,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr;gap:40px}
}
@media(max-width:768px){
  nav .nav-menu,nav .nav-btn{display:none}
  .hamburger{display:flex}
  .feats-grid{grid-template-columns:1fr}
  .stats-grid{grid-template-columns:1fr;gap:16px}
  .footer-grid{grid-template-columns:1fr;gap:32px}
  .cta-box{padding:48px 28px}
  section{padding:50px 20px}
  .c-card{width:200px}
}
@media(max-width:480px){
  .hero-btns,.cta-btns{flex-direction:column;align-items:center}
  .foot-bottom{flex-direction:column;text-align:center}
  .hero h1{font-size:40px}
  h2{font-size:30px}
}
img { width:100%; }

/* CUSTOM PROFILE LIST */
.custom-profile-list { display:flex;flex-direction:column;gap:15px;padding:10px;background-color:#1a1400; }
.custom-card { display:flex;align-items:flex-start;border:1px solid rgba(245,158,11,0.25);background:rgba(245,158,11,0.05);border-radius:10px;padding:15px;gap:15px;box-shadow:0 2px 20px rgba(245,158,11,0.1);flex-wrap:wrap; }
.custom-img img { width:110px;height:130px;object-fit:cover;border-radius:10px; }
.custom-content { flex:1;min-width:200px; }
.custom-content h3 { font-size:16px;color:var(--text);margin-bottom:5px; }
.custom-content p { font-size:14px;color:var(--muted);margin-bottom:10px; }
.custom-meta { font-size:13px;color:var(--muted); }
.custom-actions { display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:100px;gap:8px; }
.phone-btn { background:linear-gradient(135deg,var(--accent),var(--accent2));color:#080700;padding:6px 10px;border-radius:8px;text-align:center;font-weight:bold;text-decoration:none;border:none; }
.wa-icon { width:32px;height:32px; }
@media(max-width:768px){
  .custom-card{flex-direction:column;align-items:center;text-align:center}
  .custom-actions{flex-direction:row;justify-content:center}
}

/* RESPONSIVE TABLE */
.responsive-table { width:100%;border-collapse:collapse;font-family:Arial,sans-serif;background-color:#0f0e00;color:#f5f5f5; }
.responsive-table th,.responsive-table td { padding:15px;text-align:center;border:1px solid rgba(245,158,11,0.15); }
.responsive-table thead { background:linear-gradient(135deg,rgba(245,158,11,0.2),rgba(251,191,36,0.15)); }
.responsive-table tr:hover { background-color:rgba(245,158,11,0.08); }
.responsive-table button { padding:8px 16px;background:linear-gradient(135deg,var(--accent),var(--accent2));border:none;color:#080700;cursor:pointer;border-radius:5px;font-weight:bold;transition:all 0.3s ease; }
.responsive-table button:hover { transform:translateY(-2px);box-shadow:0 4px 20px rgba(245,158,11,0.4); }
@media(max-width:768px){
  .responsive-table,.responsive-table thead,.responsive-table tbody,.responsive-table th,.responsive-table td,.responsive-table tr{display:block;width:100%}
  .responsive-table thead tr{display:none}
  .responsive-table tr{margin-bottom:15px;background-color:#0f0e00;border:1px solid rgba(245,158,11,0.15);border-radius:5px;padding:10px}
  .responsive-table td{padding:12px;position:relative;text-align:center}
  .responsive-table td::before{content:attr(data-label);font-weight:bold;display:block;margin-bottom:5px;color:var(--accent);text-align:center}
}

/* FAQ */
.faq-list { display:flex;flex-direction:column;gap:10px; }
.faq-item { background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:border-color 0.3s ease; }
.faq-item.open { border-color:var(--accent); }
.faq-question { width:100%;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;text-align:left;color:var(--text);font-family:'DM Sans',sans-serif;font-size:16px;font-weight:500;line-height:1.4;transition:color 0.3s; }
.faq-item.open .faq-question { color:var(--accent); }
.faq-question:hover { color:var(--accent); }
.faq-num { font-size:12px;font-weight:500;color:var(--accent);min-width:28px;height:28px;border:1px solid var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 0.3s,color 0.3s; }
.faq-item.open .faq-num { background:var(--accent);color:var(--bg); }
.faq-text { flex:1; }
.faq-icon { width:28px;height:28px;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center; }
.faq-icon::before,.faq-icon::after { content:'';position:absolute;background:var(--muted);border-radius:2px;transition:transform 0.35s cubic-bezier(0.4,0,0.2,1),opacity 0.3s,background 0.3s; }
.faq-icon::before{width:14px;height:2px}.faq-icon::after{width:2px;height:14px}
.faq-item.open .faq-icon::before,.faq-item.open .faq-icon::after { background:var(--accent); }
.faq-item.open .faq-icon::after { transform:rotate(90deg);opacity:0; }
.faq-answer { max-height:0;overflow:hidden;transition:max-height 0.4s cubic-bezier(0.4,0,0.2,1); }
.faq-answer-inner { padding:0 24px 22px calc(24px + 28px + 16px);color:var(--muted);font-size:15px;line-height:1.7;border-top:1px solid var(--border);padding-top:18px; }

/* TAGS */
.tags-container { display:flex;flex-wrap:wrap;gap:10px;padding:0 20px; }
.tag { color:#fff;padding:8px 14px;border-radius:25px;font-size:14px;white-space:nowrap;transition:transform 0.2s ease; }
.tag:hover { transform:scale(1.05); }
.red{background:linear-gradient(135deg,#e74c3c,#c0392b)}
.green{background:linear-gradient(135deg,#27ae60,#1e8449)}
.blue{background:linear-gradient(135deg,#3498db,#2980b9)}
.orange{background:linear-gradient(135deg,#e67e22,#d35400)}
.purple{background:linear-gradient(135deg,#9b59b6,#8e44ad)}
.yellow{background:linear-gradient(135deg,#f1c40f,#d4ac0d);color:#1a1a1a}
.teal{background:linear-gradient(135deg,#1abc9c,#16a085)}
.pink{background:linear-gradient(135deg,#ff69b4,#e91e8c)}
.indigo{background:linear-gradient(135deg,#3f51b5,#303f9f)}
.cyan{background:linear-gradient(135deg,#00bcd4,#0097a7)}
@media(max-width:600px){ .tag{font-size:13px;padding:6px 12px} }
.copy-right { background:linear-gradient(135deg,#0f0e00,#1a1400);text-align:center;padding:20px;color:var(--muted); }

/* MOBILE NAV */
@media(max-width:768px){
  .hamburger{display:flex!important}.nav-menu{display:none!important}.nav-btn{display:none!important}
  .dropdown{position:static;transform:none;display:none;opacity:1;pointer-events:all;background:transparent;border:none;box-shadow:none}
  .has-dropdown.active .dropdown{display:block}
}
.mob-close { position:absolute;top:22px;right:22px;background:none;border:1.5px solid rgba(245,158,11,0.2);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--text);font-size:1.3rem;cursor:pointer;z-index:10001;transition:color 0.3s,border-color 0.3s,transform 0.35s;line-height:1; }
.mob-close:hover { color:var(--accent);border-color:var(--accent);transform:rotate(90deg); }
.has-dropdown.active > .dropdown { opacity:1!important;pointer-events:all!important; }
.mobile-nav .has-dropdown { width:100%;text-align:center; }
.mobile-nav .dropdown { position:static!important;transform:none!important;opacity:1!important;pointer-events:all!important;background:rgba(245,158,11,0.06)!important;border:1px solid rgba(245,158,11,0.1)!important;box-shadow:none!important;backdrop-filter:none!important;border-radius:12px!important;min-width:unset!important;display:none;width:90%;margin:10px auto 0;padding:8px 0!important; }
.mobile-nav .has-dropdown.active .dropdown { display:block; }
.mobile-nav .dropdown a { font-size:1rem!important;font-weight:500!important;padding:10px 20px!important;color:var(--muted)!important;text-decoration:none;display:block;transition:color 0.3s; }
.mobile-nav .dropdown a:hover { color:var(--accent)!important;background:rgba(245,158,11,0.08)!important; }

/* STICKY BAR */
.sticky-bar { position:fixed;bottom:0;left:0;right:0;z-index:99999;display:flex;height:58px;box-shadow:0 -4px 20px rgba(0,0,0,0.35); }
.sticky-bar a { flex:1;display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-family:'DM Sans',sans-serif;font-size:1.05rem;font-weight:700;color:#fff;letter-spacing:0.3px;transition:filter 0.2s ease,transform 0.15s ease;cursor:pointer; }
.sticky-bar a:active { transform:scale(0.97); }
.sticky-bar a:hover { filter:brightness(1.12); }
.sticky-bar .sbar-call { background:linear-gradient(135deg,#b45309,#d97706);border-right:2px solid rgba(0,0,0,0.15); }
.sticky-bar .sbar-wa { background:linear-gradient(135deg,#16a34a,#22c55e); }
.sticky-bar svg { width:22px;height:22px;flex-shrink:0;fill:#fff; }
@media(max-width:480px){
  .sticky-bar{height:52px}.sticky-bar a{font-size:0.95rem;gap:8px}.sticky-bar svg{width:20px;height:20px}body{padding-bottom:52px}
}

/* PROFILES SECTION */
.profiles-section { background:var(--bg2);padding:80px 0 90px;position:relative;overflow:hidden; }
.profiles-section::before { content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(245,158,11,0.07),transparent 60%);pointer-events:none; }
.profiles-heading { text-align:center;margin-bottom:56px; }
.profiles-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:28px;max-width:1200px;margin:0 auto;padding:0 24px; }
.profile-card { background:var(--card);border:1px solid var(--border);border-radius:20px;overflow:hidden;transition:transform 0.35s ease,box-shadow 0.35s ease,border-color 0.35s ease;display:flex;flex-direction:column; }
.profile-card:hover { transform:translateY(-8px);border-color:rgba(245,158,11,0.4);box-shadow:0 24px 60px rgba(0,0,0,0.4),0 0 40px rgba(245,158,11,0.15); }
.profile-img-wrap { width:100%;aspect-ratio:3/3.5;overflow:hidden;position:relative; }
.profile-img-wrap img { width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform 0.5s ease;display:block; }
.profile-card:hover .profile-img-wrap img { transform:scale(1.06); }
.profile-img-wrap::after { content:'';position:absolute;bottom:0;left:0;right:0;height:45%;background:linear-gradient(to top,rgba(8,7,0,0.9),transparent);pointer-events:none; }
.profile-table { width:100%;border-collapse:collapse;font-size:0.82rem; }
.profile-table thead tr { background:rgba(245,158,11,0.12); }
.profile-table thead th { padding:9px 12px;text-align:left;font-weight:700;font-size:0.78rem;color:var(--accent);letter-spacing:0.5px;text-transform:uppercase;border-bottom:1px solid var(--border); }
.profile-table tbody tr { border-bottom:1px solid var(--border);transition:background 0.2s; }
.profile-table tbody tr:last-child { border-bottom:none; }
.profile-table tbody tr:hover { background:rgba(245,158,11,0.05); }
.profile-table tbody td { padding:8px 12px;color:var(--muted);vertical-align:middle; }
.profile-table tbody td:first-child { color:var(--text);font-weight:500;width:42%; }
.profile-body { padding:0;flex:1;display:flex;flex-direction:column; }
.profile-call-btn { display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#080700;font-weight:800;font-size:0.88rem;letter-spacing:0.5px;text-transform:uppercase;text-decoration:none;padding:14px 20px;border-radius:0 0 20px 20px;margin-top:auto;transition:filter 0.25s ease,transform 0.2s ease; }
.profile-call-btn:hover { filter:brightness(1.12);transform:scale(1.02); }
.profile-call-btn svg { width:17px;height:17px;fill:#080700;flex-shrink:0; }
@media(max-width:1024px){ .profiles-grid{grid-template-columns:repeat(2,1fr);gap:24px} }
@media(max-width:600px){
  .profiles-section{padding:60px 0 70px}
  .profiles-grid{grid-template-columns:1fr;gap:24px;padding:0 16px}
  .profiles-heading{margin-bottom:40px}
  .profile-img-wrap{aspect-ratio:4/3.8}
}