/* Reset & Base */
*{margin:0;padding:0;box-sizing:border-box}
:root{
  --radius:0.625rem;
  --background:oklch(0.18 0.02 60);
  --foreground:oklch(0.98 0.01 80);
  --primary:oklch(0.78 0.16 75);
  --primary-fg:oklch(0.15 0.02 60);
  --accent:oklch(0.78 0.16 75);
  --muted:oklch(0.3 0.02 60);
  --muted-fg:oklch(0.75 0.02 80);
  --cta:oklch(0.7 0.2 145);
  --cta-fg:oklch(0.99 0 0);
  --gold:oklch(0.78 0.16 75);
  --parchment:oklch(0.93 0.04 85);
  --parchment-fg:oklch(0.2 0.02 60);
  --border:oklch(0.4 0.03 70);
}
html{scroll-behavior:smooth}
body{background-color:var(--background);color:var(--foreground);font-family:'Inter',system-ui,sans-serif;line-height:1.6}
h1,h2,h3,h4{font-family:'Playfair Display',Georgia,serif}
img{max-width:100%;height:auto;display:block}

/* CTA Button */
.btn-cta{
  display:inline-block;
  background:linear-gradient(180deg,oklch(0.75 0.21 145),oklch(0.62 0.2 145));
  color:var(--cta-fg);
  font-weight:700;
  padding:1.1rem 2.5rem;
  border-radius:9999px;
  box-shadow:0 10px 30px -10px oklch(0.62 0.2 145/0.6);
  transition:transform .2s ease,box-shadow .2s ease;
  text-align:center;
  letter-spacing:0.02em;
  text-decoration:none;
  font-size:1rem;
}
.btn-cta:hover{transform:translateY(-2px);box-shadow:0 16px 40px -12px oklch(0.62 0.2 145/0.8)}

/* Hero BG */
.hero-bg{
  background-image:
    linear-gradient(180deg,oklch(0.15 0.02 60/0.55),oklch(0.15 0.02 60/0.85)),
    url('https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=1920,fit=crop/lFzDk5RjnIfxKnSY/teste-wp-dWxO7M149zSxqZ4n.webp');
  background-size:cover;background-position:center;
}

/* Parchment BG */
.parchment-bg{
  background-image:url('https://assets.zyrosite.com/cdn-cgi/image/format=auto,w=1920,fit=crop/lFzDk5RjnIfxKnSY/pergament-papier-hintergrund-textur-16442127221im-YZ9jqabgOjt55JG5.jpg');
  background-size:cover;background-position:center;
  color:var(--parchment-fg);
}

/* Layout */
.container{max-width:1200px;margin:0 auto;padding:0 1rem}
.mx-auto{margin-left:auto;margin-right:auto}
.text-center{text-align:center}
.text-left{text-align:left}

/* Sections */
section{padding:5rem 1rem}
.bg-dark{background-color:var(--background)}

/* Typography */
.text-gold{color:var(--gold)}
.text-cta{color:var(--cta)}
.text-fg{color:var(--foreground)}
.text-fg-90{color:color-mix(in oklch,var(--foreground) 90%,transparent)}
.text-fg-80{color:color-mix(in oklch,var(--foreground) 80%,transparent)}
.text-fg-60{color:color-mix(in oklch,var(--foreground) 60%,transparent)}
.font-bold{font-weight:700}
.font-black{font-weight:900}
.line-through{text-decoration:line-through}
.opacity-60{opacity:0.6}

/* Grid */
.grid-2{display:grid;grid-template-columns:1fr;gap:2rem}
@media(min-width:768px){.grid-2{grid-template-columns:1fr 1fr}}
.grid-2.reverse-odd>*:first-child{order:0}
@media(min-width:768px){.grid-2.reverse-odd>*:first-child{order:2}}

/* Cards */
.card{background:rgba(255,255,255,0.7);backdrop-filter:blur(8px);border-radius:0.75rem;padding:1.5rem;box-shadow:0 4px 20px rgba(0,0,0,0.08)}
.card-img{border-radius:0.75rem;overflow:hidden}
.card-img img{width:100%;height:14rem;object-fit:cover}
.card-body{padding:1.5rem}

/* Advantage cards */
.adv-card{background:rgba(255,255,255,0.6);backdrop-filter:blur(8px);padding:1.5rem;border-radius:0.75rem;box-shadow:0 2px 12px rgba(0,0,0,0.06)}
.adv-card .icon{font-size:1.5rem;margin-right:0.75rem;flex-shrink:0}
.adv-card h3{font-weight:700;font-size:1.25rem;margin-bottom:0.25rem}
.adv-flex{display:flex;align-items:flex-start;gap:0.75rem}

/* Profile card */
.profile-card{border-radius:0.75rem;overflow:hidden;background:color-mix(in oklch,var(--muted) 40%,transparent);border:1px solid var(--border)}
.profile-card img{width:100%;height:14rem;object-fit:cover}
.profile-card .info{padding:1.5rem}
.profile-card h3{font-weight:700;font-size:1.25rem;color:var(--gold);margin-bottom:0.5rem}

/* Checklist */
.checklist{list-style:none;max-width:36rem;margin:0 auto}
.checklist li{display:flex;gap:0.75rem;margin-bottom:0.75rem;font-size:1.05rem}
.checklist .check{color:var(--cta);font-weight:700}

/* Offer list */
.offer-list{list-style:none;max-width:28rem;margin:0 auto 2.5rem}
.offer-list li{margin-bottom:0.75rem;font-size:1.05rem}

/* FAQ */
details{background:color-mix(in oklch,var(--muted) 30%,transparent);border:1px solid var(--border);border-radius:0.75rem;padding:1.5rem;margin-bottom:1rem}
details summary{font-weight:700;font-size:1.1rem;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;color:var(--foreground)}
details summary .toggle{color:var(--gold);margin-left:1rem;transition:transform .2s;font-size:1.5rem}
details[open] summary .toggle{transform:rotate(45deg)}
details p{margin-top:1rem;color:color-mix(in oklch,var(--foreground) 85%,transparent);line-height:1.7}

/* Spacing */
.space-y>*+*{margin-top:1.5rem}
.space-y-lg>*+*{margin-top:4rem}
.mb-2{margin-bottom:0.5rem}
.mb-3{margin-bottom:0.75rem}
.mb-4{margin-bottom:1rem}
.mb-6{margin-bottom:1.5rem}
.mb-8{margin-bottom:2rem}
.mb-10{margin-bottom:2.5rem}
.mb-12{margin-bottom:3rem}
.mt-6{margin-top:1.5rem}
.mt-8{margin-top:2rem}
.mt-12{margin-top:3rem}
.mt-14{margin-top:3.5rem}
.mt-16{margin-top:4rem}
.pt-16{padding-top:4rem}
.pb-20{padding-bottom:5rem}

/* Hero mockup */
.hero-mockup{max-width:42rem;width:100%}

/* Guarantee img */
.guarantee-img{width:16rem;margin:0 auto 2rem}

/* Bonus label */
.bonus-label{font-size:0.875rem;font-weight:700;color:var(--cta);margin-bottom:0.5rem}
.bonus-price .old{text-decoration:line-through;opacity:0.6}
.bonus-price .new{color:var(--cta)}

/* Responsive text */
.heading-xl{font-size:2rem}
.heading-lg{font-size:1.75rem}
.heading-md{font-size:1.5rem}
.text-lg{font-size:1.125rem}
.text-xl{font-size:1.25rem}
@media(min-width:768px){
  .heading-xl{font-size:3rem}
  .heading-lg{font-size:2.5rem}
  .heading-md{font-size:2rem}
}

/* Max widths */
.max-w-sm{max-width:28rem}
.max-w-md{max-width:32rem}
.max-w-lg{max-width:36rem}
.max-w-xl{max-width:42rem}
.max-w-2xl{max-width:48rem}
.max-w-3xl{max-width:56rem}
.max-w-4xl{max-width:64rem}
.max-w-5xl{max-width:72rem}

/* Images rounded shadow */
.img-rounded{border-radius:0.5rem;box-shadow:0 20px 40px rgba(0,0,0,0.2)}

/* Footer */
footer{background:var(--background);border-top:1px solid var(--border);padding:2rem 1rem;text-align:center;color:color-mix(in oklch,var(--foreground) 60%,transparent);font-size:0.875rem}

/* Items alignment */
.items-center{display:flex;align-items:center}
.gap-3{gap:0.75rem}