:root{
  --ink:#15120F;
  --ink-soft:#4A423B;
  --paper:#FBF7F1;
  --paper-2:#F3ECE1;
  --deep:#0F3A31;
  --accent:#E4592B;
  --accent-dark:#C24A22;
  --line:rgba(21,18,15,.12);
  --radius:18px;
  --max:1080px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;
}
h1,h2,h3{font-family:"Fraunces",Georgia,serif;font-weight:600;line-height:1.12;letter-spacing:-.02em;margin:0}
h1{font-size:clamp(2rem,5.2vw,3.5rem)}
h2{font-size:clamp(1.6rem,3.6vw,2.4rem)}
h3{font-size:1.12rem;letter-spacing:0}
p{margin:0}
a{color:inherit}
img{max-width:100%;display:block}
.wrap{max-width:var(--max);margin:0 auto;padding:0 22px}
.narrow{max-width:760px;margin:0 auto}
section{padding:clamp(46px,7vw,84px) 0}
.eyebrow{font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--accent)}
.lead{font-size:1.08rem;color:var(--ink-soft);max-width:38em}

/* barra de oferta */
.topbar{background:var(--deep);color:#F6F2EA;font-size:.82rem;text-align:center;padding:9px 14px;letter-spacing:.02em}
.topbar strong{color:#F2C46B;font-weight:600}

/* header */
header.site{position:sticky;top:0;z-index:40;background:rgba(251,247,241,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:66px}
.brand{font-family:"Fraunces",Georgia,serif;font-size:1.18rem;font-weight:600;text-decoration:none;letter-spacing:-.02em}
.brand span{color:var(--accent)}
header.site nav{display:flex;gap:22px;font-size:.9rem}
header.site nav a{text-decoration:none;color:var(--ink-soft)}
header.site nav a:hover{color:var(--ink)}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  background:var(--accent);color:#fff;text-decoration:none;font-weight:600;
  padding:15px 26px;border-radius:100px;border:0;cursor:pointer;font-size:1rem;
  transition:transform .12s ease,background .2s ease;text-align:center;
}
.btn:hover{background:var(--accent-dark);transform:translateY(-1px)}
.btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}
.btn.ghost:hover{background:var(--ink);color:var(--paper)}
.btn.dark{background:var(--deep)}
.btn.dark:hover{background:#0A2A23}
.btn.sm{padding:11px 18px;font-size:.88rem}
header.site .btn{padding:11px 20px;font-size:.88rem}

/* hero */
.hero{padding-top:clamp(34px,5vw,64px);padding-bottom:clamp(40px,6vw,72px);position:relative;overflow:hidden}
.hero .grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,4vw,60px);align-items:center}
.hero h1 em{font-style:italic;color:var(--accent)}
.hero .lead{margin-top:18px}
.hero .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.badge{font-size:.78rem;background:var(--paper-2);border:1px solid var(--line);border-radius:100px;padding:6px 13px;color:var(--ink-soft)}
.hero-visual{
  aspect-ratio:1/1;border-radius:26px;overflow:hidden;position:relative;
  background:
    radial-gradient(circle at 30% 20%, #1B4F42 0%, transparent 55%),
    radial-gradient(circle at 75% 80%, #163F35 0%, transparent 60%),
    linear-gradient(160deg,#0F3A31,#082420);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;
  border:1px solid rgba(255,255,255,.08);
}
.hero-visual .ph-label{color:#F6F2EA;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;opacity:.7}
.hero-visual svg{width:58%;height:auto;opacity:.92}

/* benefícios */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.card h3{margin-bottom:8px}
.card p{font-size:.94rem;color:var(--ink-soft)}
.card .ico{width:38px;height:38px;border-radius:11px;background:var(--paper-2);display:flex;align-items:center;justify-content:center;margin-bottom:14px;color:var(--deep)}

/* passos */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px;counter-reset:s}
.step{background:var(--paper-2);border-radius:var(--radius);padding:22px}
.step::before{counter-increment:s;content:counter(s);display:block;font-family:"Fraunces",serif;font-size:1.5rem;color:var(--accent);margin-bottom:8px}
.step h3{margin-bottom:6px}
.step p{font-size:.94rem;color:var(--ink-soft)}

/* quem usa */
.split{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(26px,4vw,56px);align-items:center}
.checklist{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:12px}
.checklist li{display:flex;gap:12px;font-size:.98rem}
.checklist li svg{flex:0 0 20px;margin-top:3px;color:var(--accent)}
.photo-slot{
  border-radius:var(--radius);background:var(--paper-2);border:1px dashed rgba(21,18,15,.22);
  display:flex;align-items:center;justify-content:center;text-align:center;
  color:#8A7F74;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;padding:18px;min-height:220px;
}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:32px}
.gallery figure{margin:0;border-radius:14px;overflow:hidden;background:var(--paper-2);aspect-ratio:4/3}
.gallery img{width:100%;height:100%;object-fit:cover}
.gallery figcaption{font-size:.78rem;color:#6F665D;padding:8px 10px}
.videos{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.videos .slot{aspect-ratio:9/16;border-radius:14px;background:var(--paper-2);border:1px dashed rgba(21,18,15,.22);display:flex;align-items:center;justify-content:center;font-size:.74rem;color:#8A7F74;text-transform:uppercase;letter-spacing:.06em;text-align:center;padding:12px}

/* oferta */
.offer{background:var(--deep);color:#F6F2EA;border-radius:26px;padding:clamp(28px,4.4vw,52px);margin:0 auto;max-width:760px;text-align:center}
.offer h2{color:#fff}
.offer p{color:rgba(246,242,234,.8)}
.offer .price{margin:24px 0 6px;font-family:"Fraunces",serif;font-size:clamp(2rem,6vw,3rem);line-height:1;color:#F2C46B}
.offer .price small{font-size:.42em;font-family:"Inter",sans-serif;color:rgba(246,242,234,.72);display:block;margin-top:8px;letter-spacing:0}
.offer .installment{font-size:.92rem;color:rgba(246,242,234,.72)}
.offer .btn{margin-top:24px;background:var(--accent)}
.offer .fineprint{margin-top:18px;font-size:.8rem;color:rgba(246,242,234,.6)}

/* specs */
.specs{display:grid;grid-template-columns:repeat(2,1fr);gap:0 34px;margin-top:30px}
.specs div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font-size:.94rem}
.specs dt{color:var(--ink-soft);margin:0}
.specs dd{margin:0;font-weight:600}

/* faq */
.faq details{border-bottom:1px solid var(--line);padding:16px 0}
.faq summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:14px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--accent);font-size:1.3rem;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq p{padding-top:10px;color:var(--ink-soft);font-size:.95rem}

/* cta final */
.final{background:var(--paper-2);text-align:center}
.final .btn{margin-top:26px}

/* programa de criadores */
.prog-hero{background:linear-gradient(160deg,#0F3A31,#082420);color:#F6F2EA;padding:clamp(50px,7vw,90px) 0}
.prog-hero h1{color:#fff}
.prog-hero p{color:rgba(246,242,234,.82);margin-top:18px;max-width:36em}
.prog-hero .eyebrow{color:#F2C46B}
.numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:36px}
.numbers div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:18px}
.numbers strong{display:block;font-family:"Fraunces",serif;font-size:1.5rem;color:#F2C46B}
.numbers span{font-size:.86rem;color:rgba(246,242,234,.75)}
.rules{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:12px}
.rules li{display:flex;gap:12px;font-size:.96rem;color:var(--ink-soft)}
.rules li svg{flex:0 0 20px;margin-top:3px;color:var(--deep)}
form.prog{background:#fff;border:1px solid var(--line);border-radius:22px;padding:clamp(22px,3vw,34px);display:grid;gap:14px}
form.prog label{font-size:.82rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft)}
form.prog input,form.prog select,form.prog textarea{
  width:100%;padding:13px 14px;border:1px solid rgba(21,18,15,.18);border-radius:11px;
  font:inherit;font-size:.96rem;background:var(--paper);color:var(--ink);
}
form.prog input:focus,form.prog select:focus,form.prog textarea:focus{outline:2px solid var(--accent);outline-offset:1px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.note{font-size:.78rem;color:#6F665D}
.ok-box{background:#EAF6EE;border:1px solid #B9DFC6;border-radius:14px;padding:16px;font-size:.92rem;color:#14532D}
.err-box{background:#FDECEA;border:1px solid #F3C0B8;border-radius:14px;padding:16px;font-size:.92rem;color:#8A2B1C}

/* footer */
footer.site{background:#0C2620;color:rgba(246,242,234,.72);padding:46px 0 34px;font-size:.86rem}
footer.site .cols{display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap}
footer.site a{color:rgba(246,242,234,.9);text-decoration:none}
footer.site a:hover{text-decoration:underline}
footer.site .legal{margin-top:26px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);font-size:.76rem;line-height:1.6;max-width:62em}

/* botão flutuante mobile */
.buybar{position:fixed;left:0;right:0;bottom:0;z-index:50;background:rgba(251,247,241,.97);border-top:1px solid var(--line);padding:10px 14px;display:none;align-items:center;gap:12px;backdrop-filter:blur(8px)}
.buybar .p{font-size:.82rem;line-height:1.3;flex:1}
.buybar .p strong{display:block;font-family:"Fraunces",serif;font-size:1.05rem}
.buybar .btn{flex:0 0 auto;padding:12px 20px;font-size:.9rem}

@media(max-width:900px){
  .cards,.steps,.gallery,.videos{grid-template-columns:1fr 1fr}
  .hero .grid,.split{grid-template-columns:1fr}
  .hero-visual{order:-1;aspect-ratio:16/11}
  .numbers{grid-template-columns:1fr}
}
@media(max-width:640px){
  body{font-size:16px}
  header.site nav{display:none}
  .cards,.steps,.numbers{grid-template-columns:1fr}
  .gallery,.videos{grid-template-columns:1fr 1fr}
  .specs{grid-template-columns:1fr}
  .row2{grid-template-columns:1fr}
  .buybar{display:flex}
  body{padding-bottom:74px}
}

/* --- modo embed (dentro do Wix ou de qualquer iframe) --- */
.embed .topbar,
.embed header.site,
.embed .mobile-bar{display:none !important}
.embed .hero{padding-top:34px}
.embed main{padding-bottom:0}