:root{--bg:#0a0a0f;--bg-card:#13131a;--bg-dark:#1a1a2e;--text:#f0f0f0;--text-muted:#888;--accent:#f5c518;--accent-hover:#ffd740;--accent-dark:#e6a800;--gradient:linear-gradient(135deg,#f5c518,#e6a800);--border:1px solid #2a2a1a;--border-accent:1px solid #f5c518;--radius:6px;--radius-lg:12px;--radius-xl:24px;--transition:.2s ease;--font-title:'Sora',sans-serif;--font-body:'DM Sans',sans-serif}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.7;font-size:16px}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none}
h1,h2,h3,h4{font-family:var(--font-title);line-height:1.2}
.container{max-width:1200px;margin:0 auto;padding:0 24px}

/* NAVBAR */
.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(10,10,15,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(245,197,24,.1);transition:var(--transition)}
.nav-container{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:14px 24px}
.nav-logo img{height:50px;width:auto;border-radius:8px}
.nav-links{display:flex;gap:28px;align-items:center}
.nav-links a{font-size:15px;font-weight:500;color:var(--text);transition:color var(--transition)}
.nav-links a:hover,.nav-links a.active{color:var(--accent)}
.btn-cta{background:var(--gradient);color:#0a0a0f!important;font-weight:700;border-radius:50px;padding:12px 28px;transition:all var(--transition);white-space:nowrap;display:inline-block;border:none;cursor:pointer;font-size:15px;font-family:var(--font-body)}
.btn-cta:hover{background:linear-gradient(135deg,#ffd740,#f5c518);transform:translateY(-1px);box-shadow:0 4px 20px rgba(245,197,24,.4)}
.nav-toggle{display:none;background:none;border:none;cursor:pointer;color:var(--text);padding:4px}

/* HERO */
.hero{padding:140px 24px 80px;background:linear-gradient(180deg,#0a0a0f 0%,#1a0a2e 50%,#0a0a0f 100%);text-align:center;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(245,197,24,.08) 0%,transparent 60%);pointer-events:none}
.hero h1{font-size:clamp(28px,5vw,56px);font-weight:800;margin-bottom:20px;background:linear-gradient(135deg,#f0f0f0,#f5c518);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-sub{font-size:clamp(16px,2.5vw,20px);color:#aaa;max-width:680px;margin:0 auto 36px}
.hero-cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.btn-primary{background:var(--gradient);color:#0a0a0f;font-weight:700;border-radius:var(--radius);padding:16px 36px;font-size:17px;transition:all var(--transition);border:none;cursor:pointer;font-family:var(--font-body);display:inline-block;text-align:center}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 30px rgba(245,197,24,.45)}
.btn-secondary{background:transparent;color:var(--accent);border:2px solid var(--accent);border-radius:var(--radius);padding:14px 32px;font-size:17px;font-weight:700;transition:all var(--transition);cursor:pointer;font-family:var(--font-body);display:inline-block;text-align:center}
.btn-secondary:hover{background:rgba(245,197,24,.1);transform:translateY(-2px)}

/* TRUST BADGES */
.trust-badges{display:flex;gap:32px;justify-content:center;flex-wrap:wrap;margin-top:48px}
.badge-item{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600}
.badge-item svg{color:var(--accent);flex-shrink:0}
.badge-num{color:var(--accent);font-size:22px;font-weight:800}

/* SECTIONS */
section{padding:80px 24px}
.section-title{font-size:clamp(24px,3.5vw,40px);font-weight:800;margin-bottom:12px;text-align:center}
.section-sub{color:#888;text-align:center;margin-bottom:48px;font-size:17px;max-width:600px;margin-left:auto;margin-right:auto}
.accent{color:var(--accent)}
.bg-alt{background:#0d0d14}

/* DEVICES */
.devices-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:24px;max-width:900px;margin:0 auto}
.device-card{background:var(--bg-card);border:var(--border);border-radius:var(--radius-lg);padding:28px 16px;text-align:center;transition:all var(--transition)}
.device-card:hover{border-color:var(--accent);transform:translateY(-4px)}
.device-card svg{color:var(--accent);margin:0 auto 12px}
.device-card p{font-size:14px;font-weight:600}

/* FEATURES */
.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.feature-card{background:var(--bg-card);border:var(--border);border-radius:var(--radius-lg);padding:28px;transition:all var(--transition)}
.feature-card:hover{border-color:rgba(245,197,24,.4);transform:translateY(-4px)}
.feature-icon{width:48px;height:48px;background:rgba(245,197,24,.12);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.feature-icon svg{color:var(--accent)}
.feature-card h3{font-size:18px;font-weight:700;margin-bottom:8px}
.feature-card p{color:#888;font-size:15px}

/* STATS */
.stats-row{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;margin-bottom:48px}
.stat-box{background:var(--bg-card);border:var(--border);border-radius:var(--radius-lg);padding:28px 40px;text-align:center}
.stat-num{font-size:40px;font-weight:800;color:var(--accent);font-family:var(--font-title)}
.stat-label{color:#888;font-size:14px;margin-top:4px}

/* PRICING */
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start;max-width:1100px;margin:0 auto}
.price-card{background:var(--bg-card);border:var(--border);border-radius:var(--radius-lg);padding:32px;position:relative;transition:all var(--transition)}
.price-card.featured{transform:scale(1.05);background:var(--bg-dark);border-color:#3b82f6;box-shadow:0 8px 40px rgba(59,130,246,.2)}
.price-card.special{background:var(--accent);color:#0a0a0f;border:none}
.price-card.premium{border:var(--border-accent)}
.price-badge{display:inline-block;padding:4px 14px;border-radius:50px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}
.badge-red{background:#ef4444;color:#fff}
.badge-blue{background:#3b82f6;color:#fff}
.badge-yellow{background:var(--accent);color:#0a0a0f}
.badge-green{background:#22c55e;color:#fff}
.price-old{font-size:18px;text-decoration:line-through;opacity:.6;margin-bottom:4px}
.price-current{font-size:48px;font-weight:800;font-family:var(--font-title);line-height:1}
.price-period{font-size:16px;font-weight:500;opacity:.7}
.price-save{display:inline-block;background:#22c55e;color:#fff;padding:3px 12px;border-radius:50px;font-size:12px;font-weight:700;margin:8px 0 20px}
.price-features{margin:20px 0;display:flex;flex-direction:column;gap:10px}
.price-feature{display:flex;align-items:center;gap:10px;font-size:15px}
.price-feature svg{flex-shrink:0;color:#22c55e}
.price-card.special .price-feature svg{color:#0a0a0f}
.price-feature.highlight{color:var(--accent);font-weight:700}
.price-card.special .price-feature.highlight{color:#0a0a0f}
.price-buttons{display:flex;flex-direction:column;gap:10px;margin-top:24px}
.btn-order-dark{background:#0a0a0f;color:#f0f0f0;border:none;border-radius:var(--radius);padding:14px;font-weight:700;font-size:15px;cursor:pointer;width:100%;transition:all var(--transition);font-family:var(--font-body);display:block;text-align:center}
.btn-order-dark:hover{background:#1a1a2e}
.btn-order-blue{background:#3b82f6;color:#fff;border:none;border-radius:var(--radius);padding:14px;font-weight:700;font-size:15px;cursor:pointer;width:100%;transition:all var(--transition);font-family:var(--font-body);display:block;text-align:center}
.btn-order-blue:hover{background:#2563eb}
.btn-order-yellow{background:var(--gradient);color:#0a0a0f;border:none;border-radius:var(--radius);padding:14px;font-weight:700;font-size:15px;cursor:pointer;width:100%;transition:all var(--transition);font-family:var(--font-body);display:block;text-align:center}
.btn-order-yellow:hover{background:linear-gradient(135deg,#ffd740,#f5c518)}
.btn-trial{background:var(--gradient);color:#0a0a0f;border:none;border-radius:var(--radius);padding:13px;font-weight:700;font-size:15px;cursor:pointer;width:100%;transition:all var(--transition);font-family:var(--font-body);display:block;text-align:center}
.btn-trial-dark{background:rgba(245,197,24,.15);color:var(--accent);border:1px solid var(--accent);border-radius:var(--radius);padding:13px;font-weight:700;font-size:15px;cursor:pointer;width:100%;transition:all var(--transition);font-family:var(--font-body);display:block;text-align:center}
.btn-trial-dark:hover{background:rgba(245,197,24,.25)}
.price-note{text-align:center;font-size:12px;margin-top:10px;opacity:.6}
.price-card.special .price-note{opacity:.7}

/* REVIEWS */
.reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.review-card{background:var(--bg-card);border:var(--border);border-radius:var(--radius-lg);padding:24px}
.review-stars{display:flex;gap:4px;margin-bottom:12px}
.review-stars svg{color:var(--accent)}
.review-text{color:#ccc;font-size:15px;margin-bottom:16px;font-style:italic}
.reviewer{display:flex;align-items:center;gap:10px}
.reviewer-avatar{width:36px;height:36px;background:var(--gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#0a0a0f;font-size:14px;flex-shrink:0}
.reviewer-name{font-weight:700;font-size:14px}
.reviewer-date{font-size:12px;color:#666}

/* FAQ */
.faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.faq-item{background:var(--bg-card);border:var(--border);border-radius:var(--radius-lg);overflow:hidden}
.faq-question{width:100%;background:none;border:none;color:var(--text);padding:20px 24px;font-size:16px;font-weight:600;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-body);transition:color var(--transition)}
.faq-question:hover{color:var(--accent)}
.faq-question svg{flex-shrink:0;transition:transform var(--transition);color:var(--accent)}
.faq-item.open .faq-question svg{transform:rotate(180deg)}
.faq-answer{padding:0 24px 20px;color:#aaa;font-size:15px;display:none}
.faq-item.open .faq-answer{display:block}

/* BLOG */
.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}
.blog-card{background:var(--bg-card);border:var(--border);border-radius:var(--radius-lg);padding:28px;transition:all var(--transition)}
.blog-card:hover{border-color:rgba(245,197,24,.4);transform:translateY(-4px)}
.blog-tag{display:inline-block;background:rgba(245,197,24,.12);color:var(--accent);padding:4px 12px;border-radius:50px;font-size:12px;font-weight:700;margin-bottom:12px;text-transform:uppercase}
.blog-card h3{font-size:18px;margin-bottom:12px;line-height:1.4}
.blog-card h3 a:hover{color:var(--accent)}
.blog-card p{color:#888;font-size:14px;margin-bottom:16px}
.blog-meta{font-size:13px;color:#666;display:flex;gap:16px}
.read-more{color:var(--accent);font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:6px}

/* CTA BANNER */
.cta-section{background:var(--gradient);padding:60px 24px;text-align:center}
.cta-section h2{color:#0a0a0f;font-size:clamp(24px,4vw,40px);font-weight:800;margin-bottom:12px}
.cta-section p{color:rgba(10,10,15,.7);font-size:17px;margin-bottom:32px}
.btn-cta-dark{background:#0a0a0f;color:var(--accent);border:none;border-radius:50px;padding:16px 40px;font-weight:700;font-size:17px;cursor:pointer;transition:all var(--transition);font-family:var(--font-body);display:inline-block}
.btn-cta-dark:hover{background:#1a1a2e;transform:translateY(-2px)}

/* FOOTER */
.footer{background:#060608;border-top:1px solid #1a1a2e;padding:60px 24px 32px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px}
.footer-brand img{height:45px;width:auto;border-radius:8px;margin-bottom:16px}
.footer-brand p{color:#666;font-size:14px;max-width:260px;line-height:1.6}
.footer h4{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--accent);margin-bottom:16px}
.footer ul{display:flex;flex-direction:column;gap:10px}
.footer ul li a{color:#888;font-size:14px;transition:color var(--transition)}
.footer ul li a:hover{color:var(--accent)}
.footer-bottom{border-top:1px solid #1a1a2e;padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.footer-bottom p{color:#555;font-size:13px}
.footer-legal{display:flex;gap:20px}
.footer-legal a{color:#555;font-size:13px;transition:color var(--transition)}
.footer-legal a:hover{color:var(--accent)}

/* ARTICLE */
.article-hero{padding:120px 24px 60px;background:linear-gradient(180deg,#0a0a0f 0%,#1a0a2e 60%,#0a0a0f 100%);text-align:center}
.article-hero h1{font-size:clamp(24px,4vw,44px);font-weight:800;max-width:860px;margin:0 auto 16px}
.article-meta{color:#888;font-size:14px;margin-bottom:24px;display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.article-body{max-width:820px;margin:0 auto;padding:60px 24px}
.article-body h2{font-size:clamp(20px,2.5vw,28px);font-weight:800;margin:48px 0 16px;color:var(--accent)}
.article-body h3{font-size:18px;font-weight:700;margin:32px 0 12px}
.article-body p{color:#bbb;font-size:16px;margin-bottom:18px;line-height:1.8}
.article-body ul,.article-body ol{color:#bbb;font-size:16px;padding-left:24px;margin-bottom:18px;display:flex;flex-direction:column;gap:8px}
.article-body strong{color:var(--text);font-weight:700}
.article-body a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.article-cta{background:var(--bg-card);border:var(--border-accent);border-radius:var(--radius-lg);padding:32px;margin:40px 0;text-align:center}
.article-cta h3{margin-bottom:12px;font-size:20px}
.article-cta p{color:#888;margin-bottom:20px}

/* BREADCRUMB */
.breadcrumb{padding:100px 24px 0;max-width:820px;margin:0 auto}
.breadcrumb ol{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px;color:#666}
.breadcrumb li::after{content:'›';margin-left:8px;color:#444}
.breadcrumb li:last-child::after{content:''}
.breadcrumb a{color:var(--accent);transition:color var(--transition)}
.breadcrumb a:hover{color:var(--accent-hover)}
.breadcrumb li:last-child{color:#888}

/* PAGE HERO */
.page-hero{padding:120px 24px 60px;text-align:center;background:linear-gradient(180deg,#0a0a0f 0%,#1a0a2e 50%,#0a0a0f 100%)}
.page-hero h1{font-size:clamp(26px,4vw,48px);font-weight:800;margin-bottom:16px}
.page-hero p{color:#888;font-size:18px;max-width:600px;margin:0 auto}

/* STEPS */
.steps-list{display:flex;flex-direction:column;gap:24px;max-width:800px;margin:0 auto}
.step-item{display:flex;gap:20px;align-items:flex-start;background:var(--bg-card);border:var(--border);border-radius:var(--radius-lg);padding:24px}
.step-num{min-width:40px;height:40px;background:var(--gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;color:#0a0a0f;font-size:16px;flex-shrink:0;font-family:var(--font-title)}
.step-content h3{font-size:17px;font-weight:700;margin-bottom:6px}
.step-content p{color:#888;font-size:15px}

/* CONTACT */
.contact-card{background:var(--bg-card);border:var(--border);border-radius:var(--radius-xl);padding:48px;max-width:600px;margin:0 auto;text-align:center}
.contact-card h2{font-size:28px;font-weight:800;margin-bottom:12px}
.contact-card p{color:#888;font-size:16px;margin-bottom:32px}
.whatsapp-btn{display:inline-flex;align-items:center;gap:12px;background:#25d366;color:#fff;border-radius:50px;padding:16px 40px;font-weight:700;font-size:18px;transition:all var(--transition)}
.whatsapp-btn:hover{background:#1ebe5d;transform:translateY(-2px);box-shadow:0 6px 30px rgba(37,211,102,.3)}

/* TABLE */
.table-wrap{overflow-x:auto;margin:24px 0}
table{width:100%;border-collapse:collapse;font-size:15px}
th{background:rgba(245,197,24,.1);color:var(--accent);padding:12px 16px;text-align:left;font-weight:700;border-bottom:var(--border-accent)}
td{padding:12px 16px;border-bottom:var(--border);color:#ccc}
tr:hover td{background:rgba(245,197,24,.04)}

/* AVIS PAGE */
.avis-hero{padding:120px 24px 60px;text-align:center;background:linear-gradient(180deg,#0a0a0f 0%,#1a0a2e 50%,#0a0a0f 100%)}
.rating-global{font-size:80px;font-weight:800;color:var(--accent);font-family:var(--font-title);line-height:1}
.rating-label{color:#888;font-size:16px;margin-top:8px}

/* UTILITY */
.text-accent{color:var(--accent)}
.text-center{text-align:center}
.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-32{margin-top:32px}
.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-32{margin-bottom:32px}
.flex-center{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap}
.info-box{background:rgba(245,197,24,.08);border:var(--border-accent);border-radius:var(--radius-lg);padding:20px 24px;margin:24px 0;color:#bbb;font-size:15px}
.info-box strong{color:var(--accent)}

/* RESPONSIVE */
/* FEATURE TITLE */
.feature-title{font-weight:600;font-size:16px;color:#f5c518;margin-bottom:8px;font-family:var(--font-title)}

/* WHATSAPP BUBBLE */
.wa-bubble{position:fixed;bottom:28px;right:28px;z-index:9999;display:flex;align-items:center;gap:12px;cursor:pointer;text-decoration:none}
.wa-bubble-icon{width:60px;height:60px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,.45);transition:transform .2s ease,box-shadow .2s ease;flex-shrink:0}
.wa-bubble:hover .wa-bubble-icon{transform:scale(1.1);box-shadow:0 6px 30px rgba(37,211,102,.6)}
.wa-bubble-label{background:#25d366;color:#fff;font-family:var(--font-body);font-size:14px;font-weight:700;padding:8px 16px;border-radius:50px;white-space:nowrap;box-shadow:0 4px 16px rgba(37,211,102,.35);opacity:0;transform:translateX(10px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}
.wa-bubble:hover .wa-bubble-label{opacity:1;transform:translateX(0)}
@media(max-width:768px){.wa-bubble{bottom:20px;right:16px}.wa-bubble-label{display:none}.wa-bubble-icon{width:54px;height:54px}}

@media(max-width:768px){
  .nav-links,.nav-cta{display:none}
  .nav-links.open{display:flex;flex-direction:column;position:fixed;top:78px;left:0;right:0;background:rgba(10,10,15,.98);padding:24px;gap:16px;border-bottom:1px solid #2a2a1a;z-index:999}
  .nav-cta.open{display:block}
  .nav-toggle{display:flex}
  .hero{padding:100px 20px 60px}
  .hero-cta{flex-direction:column;align-items:stretch}
  .btn-primary,.btn-secondary{width:100%;text-align:center;padding:15px 24px}
  .pricing-grid{grid-template-columns:1fr;gap:20px}
  .price-card.featured{transform:none}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-brand{grid-column:1/-1}
  .footer-bottom{flex-direction:column;text-align:center}
  section{padding:60px 20px}
  .stat-box{padding:20px 28px}
  .page-hero{padding:100px 20px 48px}
  .article-hero{padding:100px 20px 48px}
  .article-body{padding:40px 20px}
  .contact-card{padding:32px 20px}
  .trust-badges{gap:20px}
  .devices-grid{grid-template-columns:repeat(3,1fr)}
  *{transition:none!important}
}
@media(max-width:480px){
  .footer-grid{grid-template-columns:1fr}
  .devices-grid{grid-template-columns:repeat(2,1fr)}
  .reviews-grid{grid-template-columns:1fr}
  .stat-num{font-size:32px}
  .rating-global{font-size:60px}
}