:root {
  --black: #050505;
  --dark: #0d0d0d;
  --panel: #111111;
  --panel-soft: #171717;
  --gold: #f5c542;
  --gold-dark: #a87310;
  --gold-light: #ffe27a;
  --white: #ffffff;
  --muted: #cfcfcf;
  --green: #25D366;
  --border-gold: rgba(245, 197, 66, 0.45);
  --shadow-gold: rgba(245, 197, 66, 0.25);
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  background:
    radial-gradient(circle at 80% 8%, rgba(245, 197, 66, 0.22), transparent 28%),
    radial-gradient(circle at 10% 4%, rgba(245, 197, 66, 0.13), transparent 25%),
    linear-gradient(180deg, #050505 0%, #0b0b0b 55%, #050505 100%);
  color: var(--white);
  overflow-x: hidden;
}

a {
  color: inherit;
  text-decoration: none;
}

.skip-link {
  position: absolute;
  left: -999px;
  top: 10px;
  background: var(--gold);
  color: #000;
  padding: 10px 14px;
  z-index: 9999;
  border-radius: 8px;
  font-weight: 900;
}

.skip-link:focus {
  left: 10px;
}

img {
  max-width: 100%;
  display: block;
}

/* =========================
   HEADER
========================= */

.site-header{
position:fixed;
top:0;
left:0;
right:0;
height:78px;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 40px;
background:rgba(5,5,5,.82);
backdrop-filter:blur(18px);
border-bottom:1px solid rgba(245,197,66,.18);
z-index:5000;
}

.brand{
display:flex;
align-items:center;
gap:15px;
}

.brand img{
width:58px;
height:58px;
border-radius:50%;
border:2px solid var(--gold);
box-shadow:0 0 20px rgba(245,197,66,.45);
}

.brand strong{
display:block;
font-size:22px;
color:var(--gold);
}

.brand span{
display:block;
font-size:13px;
color:#cfcfcf;
}

.main-nav{
display:flex;
gap:28px;
}

.main-nav a{
color:white;
font-weight:600;
transition:.3s;
}

.main-nav a:hover{
color:var(--gold);
}

.header-whatsapp{
background:#25D366;
padding:12px 22px;
border-radius:40px;
font-weight:bold;
color:white;
box-shadow:0 10px 30px rgba(37,211,102,.35);
transition:.3s;
}

.header-whatsapp:hover{
transform:translateY(-2px);
}

/* =========================
 HERO
========================= */

.hero-section{
position:relative;
padding-top:130px;
padding-bottom:110px;
display:grid;
grid-template-columns:1fr 1fr;
align-items:center;
gap:70px;
max-width:1400px;
margin:auto;
padding-left:40px;
padding-right:40px;
overflow:hidden;
}

.hero-bg-glow{
position:absolute;
width:900px;
height:900px;
background:radial-gradient(circle,var(--shadow-gold),transparent 70%);
top:-300px;
right:-250px;
animation:pulseGlow 7s infinite alternate;
pointer-events:none;
}

.hero-light{
position:absolute;
width:400px;
height:3px;
background:linear-gradient(90deg,transparent,var(--gold),transparent);
opacity:.25;
animation:moveLight 8s linear infinite;
}

.hero-light-one{
top:120px;
left:-300px;
}

.hero-light-two{
bottom:90px;
right:-300px;
animation-delay:3s;
}

.hero-badge{
display:inline-block;
background:rgba(245,197,66,.14);
border:1px solid rgba(245,197,66,.4);
padding:10px 20px;
border-radius:40px;
font-weight:bold;
color:var(--gold);
margin-bottom:25px;
}

.hero-content h1{
font-size:70px;
line-height:1.05;
margin:0;
font-weight:900;
}

.hero-content h1 span{
display:block;
color:var(--gold);
}

.hero-text{
font-size:22px;
color:#d5d5d5;
margin-top:25px;
line-height:1.7;
max-width:620px;
}

.hero-actions{
display:flex;
gap:20px;
margin-top:35px;
flex-wrap:wrap;
}

.btn{
padding:18px 34px;
border-radius:60px;
font-size:18px;
font-weight:bold;
transition:.35s;
display:inline-flex;
align-items:center;
justify-content:center;
}

.btn-whatsapp{
background:#25D366;
color:white;
box-shadow:0 18px 45px rgba(37,211,102,.35);
}

.btn-whatsapp:hover{
transform:translateY(-3px);
}

.btn-outline{
border:2px solid var(--gold);
color:var(--gold);
}

.btn-outline:hover{
background:var(--gold);
color:black;
}

.trust-row{
display:flex;
flex-wrap:wrap;
gap:18px;
margin-top:35px;
font-weight:bold;
color:var(--gold);
}

/* =========================
   HERO DEVICE / TV / REMOTE
========================= */

.hero-device {
  position: relative;
  min-height: 560px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tv-screen {
  position: relative;
  width: min(560px, 96%);
  aspect-ratio: 16 / 10;
  border: 3px solid rgba(245,197,66,.85);
  border-radius: 18px;
  background:
    linear-gradient(140deg, rgba(0,0,0,.35), rgba(255,255,255,.06)),
    radial-gradient(circle at 25% 20%, rgba(245,197,66,.22), transparent 30%),
    #101010;
  box-shadow:
    0 0 90px rgba(245,197,66,.22),
    inset 0 0 40px rgba(255,255,255,.04);
  overflow: hidden;
  animation: floatDevice 5s ease-in-out infinite;
}

.tv-reflection {
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, transparent 35%, rgba(255,255,255,.16), transparent 55%);
  transform: translateX(-100%);
  animation: screenShine 6s infinite;
}

.tv-title {
  position: absolute;
  top: 28px;
  left: 28px;
  max-width: 360px;
  font-size: 34px;
  line-height: 1;
  font-weight: 900;
  text-transform: uppercase;
  color: white;
}

.tv-grid {
  position: absolute;
  right: 24px;
  top: 32px;
  width: 220px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

.tv-grid div {
  height: 76px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.16);
  background:
    radial-gradient(circle at 30% 20%, rgba(245,197,66,.65), transparent 26%),
    linear-gradient(135deg, #271500, #72160f 45%, #111);
}

.tv-footer {
  position: absolute;
  left: 28px;
  bottom: 26px;
  color: var(--gold);
  font-weight: 900;
  font-size: 20px;
  letter-spacing: 1px;
}

.fire-stick {
  position: absolute;
  right: 70px;
  bottom: 120px;
  width: 270px;
  height: 70px;
  border-radius: 20px;
  background: linear-gradient(90deg, #090909, #292929);
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: 0 0 70px rgba(245,197,66,.32);
  transform: rotate(-18deg);
}

.fire-stick span {
  position: absolute;
  left: 28px;
  top: 24px;
  color: #555;
  font-weight: 900;
  font-size: 18px;
}

.remote-control {
  position: absolute;
  right: 22px;
  bottom: 88px;
  width: 90px;
  height: 340px;
  border-radius: 48px;
  background: linear-gradient(90deg, #070707, #2b2b2b);
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: 0 0 70px rgba(245,197,66,.35);
  transform: rotate(-20deg);
}

.remote-ring {
  position: absolute;
  top: 65px;
  left: 50%;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #050505;
  border: 8px solid #444;
  transform: translateX(-50%);
}

.remote-buttons {
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: 60px;
  height: 150px;
  background:
    radial-gradient(circle at 15px 20px, #555 0 4px, transparent 5px),
    radial-gradient(circle at 45px 20px, #555 0 4px, transparent 5px),
    radial-gradient(circle at 15px 55px, #555 0 4px, transparent 5px),
    radial-gradient(circle at 45px 55px, #555 0 4px, transparent 5px),
    radial-gradient(circle at 15px 90px, #555 0 4px, transparent 5px),
    radial-gradient(circle at 45px 90px, #555 0 4px, transparent 5px);
}

.trial-orb {
  position: absolute;
  left: 25px;
  bottom: 55px;
  width: 175px;
  height: 175px;
  border-radius: 50%;
  border: 2px solid var(--gold);
  background: rgba(0,0,0,.78);
  display: grid;
  place-items: center;
  text-align: center;
  color: var(--gold);
  font-weight: 900;
  box-shadow: 0 0 50px rgba(245,197,66,.28);
  animation: pulseOrb 3s ease-in-out infinite;
}

.trial-orb strong {
  display: block;
  color: white;
  font-size: 52px;
  line-height: .9;
}

.trial-orb span {
  display: block;
  text-transform: uppercase;
  font-size: 17px;
  line-height: 1.1;
}

/* =========================
   SECTIONS / HEADINGS
========================= */

.section {
  position: relative;
  padding: 95px 40px;
}

.dark-section {
  background:
    radial-gradient(circle at 20% 10%, rgba(245,197,66,.08), transparent 30%),
    rgba(255,255,255,.025);
}

.section-heading {
  max-width: 820px;
  margin: 0 auto 45px;
  text-align: center;
}

.section-kicker {
  color: var(--gold);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 12px;
}

.section-heading h2 {
  font-size: 52px;
  line-height: 1.05;
  margin: 0 0 18px;
  color: var(--gold);
}

.section-heading p {
  font-size: 19px;
  line-height: 1.7;
  color: var(--muted);
}

/* =========================
   PACKAGES
========================= */

.package-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(280px, 520px));
  gap: 30px;
  justify-content: center;
}

.package-card {
  position: relative;
  padding: 36px;
  border-radius: 30px;
  background:
    radial-gradient(circle at 80% 10%, rgba(245,197,66,.18), transparent 35%),
    linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.025));
  border: 1px solid var(--border-gold);
  box-shadow: 0 30px 80px rgba(0,0,0,.42);
  overflow: hidden;
  transition: .35s ease;
}

.package-card:hover {
  transform: translateY(-8px);
  border-color: rgba(245,197,66,.8);
  box-shadow: 0 35px 90px rgba(245,197,66,.18);
}

.package-plus {
  border: 2px solid var(--gold);
}

.popular-badge {
  position: absolute;
  top: 0;
  right: 28px;
  background: linear-gradient(135deg, var(--gold), var(--gold-dark));
  color: black;
  padding: 9px 16px;
  border-radius: 0 0 14px 14px;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
}

.package-card h3 {
  color: var(--gold);
  font-size: 34px;
  text-transform: uppercase;
  margin: 0 0 12px;
}

.price {
  font-size: 72px;
  line-height: 1;
  font-weight: 900;
  margin: 14px 0;
  color: white;
  letter-spacing: -2px;
}

.trial-label {
  display: inline-block;
  background: linear-gradient(135deg, var(--gold), var(--gold-dark));
  color: black;
  padding: 10px 16px;
  border-radius: 12px;
  font-weight: 900;
  margin: 0 0 18px;
}

.package-card ul {
  list-style: none;
  padding: 0;
  margin: 22px 0;
}

.package-card li {
  padding: 11px 0;
  border-bottom: 1px solid rgba(255,255,255,.08);
  font-weight: 700;
  color: #eeeeee;
}

.package-card li::before {
  content: "✓";
  color: var(--gold);
  font-weight: 900;
  margin-right: 12px;
}

.package-btn {
  display: inline-flex;
  margin-top: 8px;
  background: var(--gold);
  color: black;
  padding: 14px 22px;
  border-radius: 40px;
  font-weight: 900;
  transition: .3s;
}

.package-btn:hover {
  background: white;
  transform: translateY(-2px);
}

/* =========================
   IMPORTANT NOTICE
========================= */

.important-notice {
  max-width: 920px;
  margin: 36px auto 0;
  padding: 26px;
  border-radius: 28px;
  border: 1px solid rgba(245,197,66,.55);
  background:
    radial-gradient(circle at 10% 50%, rgba(245,197,66,.18), transparent 30%),
    rgba(0,0,0,.5);
  display: flex;
  gap: 22px;
  align-items: center;
  box-shadow: 0 25px 70px rgba(0,0,0,.35);
}

.notice-icon {
  width: 70px;
  height: 70px;
  flex: 0 0 70px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: rgba(245,197,66,.16);
  border: 1px solid rgba(245,197,66,.65);
  color: var(--gold);
  font-size: 36px;
  font-weight: 900;
}

.important-notice h3 {
  margin: 0 0 8px;
  color: var(--gold);
  font-size: 22px;
}

.important-notice p {
  margin: 0;
  color: #e5e5e5;
  line-height: 1.6;
}

/* =====================================================
   ENTERTAINMENT SECTION
===================================================== */

.entertainment-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:28px;
margin-top:50px;
}

.entertainment-card{
background:linear-gradient(145deg,#111,#1a1a1a);
border:1px solid rgba(245,197,66,.25);
border-radius:24px;
padding:40px 30px;
text-align:center;
transition:.35s;
position:relative;
overflow:hidden;
}

.entertainment-card::before{
content:"";
position:absolute;
top:-120px;
left:-120px;
width:220px;
height:220px;
background:radial-gradient(circle,var(--gold),transparent 70%);
opacity:.15;
transition:.4s;
}

.entertainment-card:hover::before{
transform:scale(1.3);
opacity:.28;
}

.entertainment-card:hover{
transform:translateY(-10px);
border-color:var(--gold);
box-shadow:0 30px 70px rgba(245,197,66,.18);
}

.entertainment-card span{
font-size:54px;
display:block;
margin-bottom:20px;
}

.entertainment-card h3{
font-size:28px;
color:var(--gold);
margin-bottom:15px;
}

.entertainment-card p{
color:#d6d6d6;
line-height:1.7;
}

/* =====================================================
 FIRE TV STICK
===================================================== */

.firestick-section{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
gap:70px;
align-items:center;
}

.firestick-content h2{
font-size:48px;
margin-bottom:20px;
color:var(--gold);
}

.firestick-content p{
font-size:19px;
line-height:1.8;
color:#d7d7d7;
margin-bottom:35px;
}

.firestick-points{
display:grid;
gap:22px;
}

.firestick-points div{
background:#111;
border:1px solid rgba(245,197,66,.2);
padding:22px;
border-radius:18px;
transition:.3s;
}

.firestick-points div:hover{
border-color:var(--gold);
transform:translateX(8px);
}

.firestick-points strong{
display:block;
font-size:22px;
margin-bottom:6px;
color:var(--gold);
}

.firestick-points span{
color:#d2d2d2;
}

.firestick-visual{
position:relative;
height:520px;
display:flex;
align-items:center;
justify-content:center;
}

.large-glow{
position:absolute;
width:420px;
height:420px;
border-radius:50%;
background:radial-gradient(circle,rgba(245,197,66,.35),transparent 70%);
filter:blur(25px);
animation:pulseGlow 5s infinite;
}

.large-stick{
position:absolute;
width:320px;
height:78px;
background:linear-gradient(90deg,#111,#2d2d2d);
border-radius:20px;
transform:rotate(-18deg);
box-shadow:0 20px 80px rgba(245,197,66,.35);
}

.large-stick::after{
content:"Prepay TV";
position:absolute;
left:32px;
top:26px;
font-weight:800;
color:#666;
}

.large-remote{
position:absolute;
right:30px;
bottom:35px;
width:105px;
height:360px;
border-radius:55px;
background:linear-gradient(90deg,#080808,#2b2b2b);
box-shadow:0 20px 80px rgba(245,197,66,.3);
transform:rotate(-18deg);
}

.large-remote::before{
content:"";
position:absolute;
top:70px;
left:50%;
transform:translateX(-50%);
width:52px;
height:52px;
border-radius:50%;
border:8px solid #444;
background:#111;
}

/* =====================================================
 WHY CHOOSE US
===================================================== */

.why-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:28px;
margin-top:40px;
}

.why-card{
background:#111;
padding:35px;
border-radius:22px;
border:1px solid rgba(245,197,66,.18);
text-align:center;
transition:.35s;
}

.why-card:hover{
transform:translateY(-8px);
border-color:var(--gold);
box-shadow:0 20px 60px rgba(245,197,66,.18);
}

.why-card span{
font-size:46px;
display:block;
margin-bottom:18px;
color:var(--gold);
}

.why-card h3{
font-size:24px;
margin-bottom:12px;
color:#fff;
}

.why-card p{
color:#cfcfcf;
line-height:1.7;
}

/* =====================================================
   HOW IT WORKS
===================================================== */

.timeline{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:30px;
margin-top:50px;
position:relative;
}

.timeline-step{
background:linear-gradient(145deg,#111,#1b1b1b);
padding:35px;
border-radius:24px;
border:1px solid rgba(245,197,66,.25);
text-align:center;
transition:.35s;
position:relative;
overflow:hidden;
}

.timeline-step:hover{
transform:translateY(-10px);
border-color:var(--gold);
box-shadow:0 30px 80px rgba(245,197,66,.18);
}

.timeline-step::before{
content:"";
position:absolute;
top:-120px;
right:-120px;
width:220px;
height:220px;
background:radial-gradient(circle,var(--gold),transparent 70%);
opacity:.12;
transition:.4s;
}

.timeline-step:hover::before{
opacity:.22;
transform:scale(1.2);
}

.timeline-number{
width:70px;
height:70px;
margin:0 auto 22px;
border-radius:50%;
background:linear-gradient(135deg,var(--gold),var(--gold-dark));
display:grid;
place-items:center;
font-size:30px;
font-weight:900;
color:#000;
}

.timeline-step h3{
color:var(--gold);
font-size:24px;
margin-bottom:14px;
}

.timeline-step p{
color:#d7d7d7;
line-height:1.7;
}

/* =====================================================
   FAQ
===================================================== */

.faq-list{
max-width:900px;
margin:40px auto 0;
}

.faq-list details{
background:#111;
border:1px solid rgba(245,197,66,.25);
border-radius:18px;
margin-bottom:18px;
padding:20px 24px;
transition:.3s;
}

.faq-list details:hover{
border-color:var(--gold);
}

.faq-list summary{
cursor:pointer;
font-size:20px;
font-weight:700;
color:var(--gold);
list-style:none;
}

.faq-list summary::-webkit-details-marker{
display:none;
}

.faq-list summary::after{
content:"+";
float:right;
font-size:24px;
font-weight:bold;
}

.faq-list details[open] summary::after{
content:"–";
}

.faq-list p{
margin-top:18px;
color:#d7d7d7;
line-height:1.8;
}

/* =====================================================
   CONTACT
===================================================== */

.contact-card{
max-width:760px;
margin:auto;
text-align:center;
background:linear-gradient(145deg,#111,#1a1a1a);
padding:55px;
border-radius:30px;
border:1px solid rgba(245,197,66,.35);
box-shadow:0 30px 80px rgba(0,0,0,.35);
}

.contact-card img{
width:140px;
height:140px;
border-radius:50%;
margin:auto;
margin-bottom:25px;
border:2px solid var(--gold);
box-shadow:0 0 35px rgba(245,197,66,.35);
}

.contact-card h2{
font-size:46px;
margin-bottom:15px;
color:var(--gold);
}

.contact-card p{
font-size:20px;
color:#d7d7d7;
line-height:1.7;
}

.contact-phone{
font-size:42px;
font-weight:900;
margin-top:30px;
color:#fff;
letter-spacing:1px;
}

.email-placeholder{
margin-top:12px;
color:#9d9d9d;
}

/* =====================================================
   FOOTER
===================================================== */

.site-footer{
padding:50px 20px;
text-align:center;
border-top:1px solid rgba(255,255,255,.08);
background:#050505;
}

.footer-brand{
display:flex;
justify-content:center;
align-items:center;
gap:15px;
margin-bottom:18px;
}

.footer-brand img{
width:58px;
height:58px;
border-radius:50%;
border:2px solid var(--gold);
}

.footer-brand strong{
font-size:24px;
color:var(--gold);
}

.footer-links{
margin-top:20px;
display:flex;
justify-content:center;
gap:28px;
flex-wrap:wrap;
}

.footer-links a{
color:#bdbdbd;
transition:.3s;
}

.footer-links a:hover{
color:var(--gold);
}

/* =====================================================
   FLOATING BUTTONS
===================================================== */

.floating-whatsapp{
position:fixed;
right:22px;
bottom:22px;
width:72px;
height:72px;
border-radius:50%;
background:#25D366;
display:flex;
align-items:center;
justify-content:center;
font-size:34px;
color:white;
text-decoration:none;
border:3px solid white;
box-shadow:0 20px 50px rgba(0,0,0,.35);
z-index:9999;
transition:.35s;
animation:floatButton 3s ease-in-out infinite;
}

.floating-whatsapp:hover{
transform:scale(1.08);
}

.back-to-top{
position:fixed;
right:24px;
bottom:110px;
width:58px;
height:58px;
border:none;
border-radius:50%;
background:linear-gradient(135deg,var(--gold),var(--gold-dark));
color:black;
font-size:28px;
font-weight:bold;
cursor:pointer;
display:none;
z-index:9998;
box-shadow:0 15px 35px rgba(245,197,66,.35);
transition:.3s;
}

.back-to-top:hover{
transform:translateY(-3px);
}

.back-to-top.show{
display:flex;
align-items:center;
justify-content:center;
}

/* =====================================================
   REVEAL ANIMATIONS
===================================================== */

.reveal{
opacity:0;
transform:translateY(40px);
transition:
opacity .8s ease,
transform .8s ease;
}

.reveal.active{
opacity:1;
transform:translateY(0);
}

/* =====================================================
   KEYFRAMES
===================================================== */

@keyframes pulseGlow{

0%{
transform:scale(1);
opacity:.18;
}

50%{
transform:scale(1.08);
opacity:.30;
}

100%{
transform:scale(1);
opacity:.18;
}

}

@keyframes floatDevice{

0%{
transform:translateY(0px);
}

50%{
transform:translateY(-10px);
}

100%{
transform:translateY(0px);
}

}

@keyframes screenShine{

0%{
transform:translateX(-130%);
}

100%{
transform:translateX(140%);
}

}

@keyframes pulseOrb{

0%{
transform:scale(1);
}

50%{
transform:scale(1.05);
}

100%{
transform:scale(1);
}

}

@keyframes floatButton{

0%{
transform:translateY(0);
}

50%{
transform:translateY(-8px);
}

100%{
transform:translateY(0);
}

}

@keyframes moveLight{

0%{
transform:translateX(-450px);
}

100%{
transform:translateX(1600px);
}

}

/* =====================================================
   MOBILE RESPONSIVE
===================================================== */

@media (max-width:1100px){

.hero-section{
grid-template-columns:1fr;
text-align:center;
padding-top:140px;
}

.hero-content{
margin:auto;
}

.hero-text{
margin-left:auto;
margin-right:auto;
}

.hero-actions{
justify-content:center;
}

.trust-row{
justify-content:center;
}

.hero-device{
margin-top:60px;
}

.firestick-section{
grid-template-columns:1fr;
}

.package-grid{
grid-template-columns:1fr;
}

.main-nav{
display:none;
}

.site-header{
padding:0 20px;
}

}

@media (max-width:768px){

.hero-content h1{
font-size:48px;
}

.section-heading h2{
font-size:38px;
}

.hero-text{
font-size:18px;
}

.contact-card{
padding:35px 20px;
}

.contact-phone{
font-size:34px;
}

.price{
font-size:58px;
}

.large-stick{
width:240px;
height:60px;
}

.large-remote{
width:80px;
height:280px;
}

.fire-stick{
width:220px;
height:58px;
}

.remote-control{
width:72px;
height:270px;
}

.trial-orb{
width:140px;
height:140px;
}

}

@media (max-width:520px){

.hero-section{
padding-left:20px;
padding-right:20px;
}

.section{
padding:70px 20px;
}

.brand img{
width:46px;
height:46px;
}

.brand strong{
font-size:18px;
}

.brand span{
font-size:11px;
}

.header-whatsapp{
padding:10px 16px;
font-size:14px;
}

.hero-content h1{
font-size:40px;
}

.btn{
width:100%;
}

.hero-actions{
flex-direction:column;
}

.trust-row{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:12px;
}

.timeline{
grid-template-columns:1fr;
}

.why-grid{
grid-template-columns:1fr;
}

.entertainment-grid{
grid-template-columns:1fr;
}

.footer-links{
flex-direction:column;
gap:14px;
}

.floating-whatsapp{
width:64px;
height:64px;
font-size:30px;
right:16px;
bottom:16px;
}

.back-to-top{
right:18px;
bottom:95px;
}

}

/* =====================================================
   END OF STYLE.CSS
===================================================== */