:root{
  --purple:#820AD1;--purple-dark:#6A00BB;--purple-soft:#B47AE0;
  --text:#111827;--text2:#6B7280;
  --bg:#F1F5F9;--bg-purple-light:#E9DDF7;--bg-sidebar:#F8FAFC;
  --white:#fff;--shadow:0 1px 3px rgba(17,24,39,.06);
}
*{box-sizing:border-box;}
body{margin:0;font-family:'Poppins',system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;}
a{color:var(--purple-dark);text-decoration:none;}
a:hover{text-decoration:underline;}
img,video{max-width:100%;}

.topbar{display:flex;align-items:center;justify-content:space-between;
  padding:16px 32px;background:var(--white);box-shadow:var(--shadow);position:sticky;top:0;z-index:10;flex-wrap:wrap;gap:12px;}
.brand{display:flex;align-items:center;gap:10px;}
.brand .mark{width:26px;height:26px;border-radius:7px;background:var(--purple);
  display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:5px;flex-shrink:0;}
.brand .mark span{background:var(--white);border-radius:2px;}
.brand .word{font-weight:600;font-size:16px;color:var(--text);}
.nav{display:flex;align-items:center;gap:22px;flex-wrap:wrap;}
.nav a{color:var(--text2);font-size:14px;font-weight:500;}
.nav a.active,.nav a:hover{color:var(--purple-dark);text-decoration:none;}
.btn-cta{background:var(--purple);color:var(--white)!important;padding:10px 20px;border-radius:999px;
  font-size:14px;font-weight:600;text-decoration:none!important;}
.btn-cta:hover{background:var(--purple-dark);}

main{max-width:880px;margin:0 auto;padding:48px 32px 80px;}
.hero{text-align:center;padding:24px 0 40px;}
.hero h1{font-size:34px;font-weight:600;margin:0 0 14px;color:var(--text);}
.hero p.lead{font-size:17px;color:var(--text2);max-width:560px;margin:0 auto 26px;}
.hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.btn-secondary{border:1.5px solid var(--purple-soft);color:var(--purple-dark);padding:10px 20px;
  border-radius:999px;font-size:14px;font-weight:600;}
.btn-secondary:hover{background:var(--bg-purple-light);text-decoration:none;}

.video-placeholder{margin:36px 0;background:var(--white);border-radius:16px;box-shadow:var(--shadow);
  padding:0;overflow:hidden;}
.video-placeholder .frame{aspect-ratio:16/9;background:var(--bg-sidebar);display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:10px;color:var(--text2);border-bottom:1px solid #E5E9F0;}
.video-placeholder .frame .play{width:56px;height:56px;border-radius:50%;background:var(--purple);
  color:var(--white);display:flex;align-items:center;justify-content:center;font-size:20px;}
.video-placeholder .caption{padding:14px 20px;font-size:13px;color:var(--text2);}

section{margin:48px 0;}
h2{font-size:22px;font-weight:600;color:var(--text);margin:0 0 18px;}
h3{font-size:16px;font-weight:600;color:var(--text);margin:0 0 8px;}
p{color:var(--text);}
.muted{color:var(--text2);}

.card{background:var(--white);border-radius:14px;box-shadow:var(--shadow);padding:22px 24px;}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
@media(max-width:640px){.grid-2{grid-template-columns:1fr;}}

.install-tabs{display:flex;gap:10px;margin-bottom:18px;}
.install-tab-btn{background:var(--bg-sidebar);border:1px solid #E5E9F0;border-radius:999px;padding:8px 18px;
  font-size:13px;font-weight:600;color:var(--text2);cursor:pointer;}
.install-tab-btn.active{background:var(--purple);color:var(--white);border-color:var(--purple);}
.install-tab{display:none;}
.install-tab.active{display:block;}
.install-tab ol{padding-left:20px;}
.install-tab li{margin-bottom:8px;}

.module-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;
  border-bottom:1px solid #E5E9F0;}
.module-row:last-child{border-bottom:none;}
.module-name{font-weight:600;font-size:15px;}
.tag{font-size:11px;font-weight:600;padding:4px 12px;border-radius:999px;}
.tag.disponivel{background:var(--bg-purple-light);color:var(--purple-dark);}
.tag.embreve{background:var(--bg-sidebar);color:var(--text2);border:1px solid #E5E9F0;}

.contact-row{display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid #E5E9F0;}
.contact-row:last-child{border-bottom:none;}
.contact-icon{width:40px;height:40px;border-radius:10px;background:var(--bg-purple-light);
  display:flex;align-items:center;justify-content:center;color:var(--purple-dark);font-size:18px;flex-shrink:0;}

details{background:var(--white);border-radius:12px;box-shadow:var(--shadow);padding:16px 20px;margin-bottom:10px;}
summary{font-weight:600;font-size:15px;cursor:pointer;list-style:none;}
summary::-webkit-details-marker{display:none;}
summary::after{content:"+";float:right;color:var(--purple);font-weight:600;}
details[open] summary::after{content:"–";}
details p{margin-top:10px;color:var(--text2);font-size:14px;}

footer{text-align:center;padding:30px 0;color:var(--text2);font-size:13px;}

.placeholder-field{background:var(--bg-sidebar);border:1px dashed #C9CFDA;border-radius:8px;padding:2px 8px;
  color:var(--text2);font-style:italic;}