:root{--brand:#7c3aed;--brand-dark:#5b21b6;--brand-soft:#f3e8ff;--ink:#1e1b3a;--muted:#6b7280}
body{font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:#fff}
.brand{font-weight:800;font-size:1.35rem;color:var(--ink)}
.brand i{color:var(--brand)}.brand span{color:var(--brand)}
.site-nav{background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid #eee}
.nav-link{font-weight:500;color:#374151}
.nav-login{color:var(--ink);font-weight:600;text-decoration:none}
.btn-brand{background:var(--brand);color:#fff;font-weight:600;border-radius:12px;padding:.55rem 1.2rem;border:0}
.btn-brand:hover{background:var(--brand-dark);color:#fff}
.btn-outline-brand{border:2px solid var(--brand);color:var(--brand);font-weight:600;border-radius:12px;padding:.5rem 1.2rem}
.btn-outline-brand:hover{background:var(--brand);color:#fff}
.btn-lg{padding:.8rem 1.8rem;font-size:1.05rem}
.hero{background:radial-gradient(1200px 500px at 80% -10%,#ede9fe 0,transparent 60%),radial-gradient(900px 400px at -10% 20%,#fce7f3 0,transparent 55%);padding:5rem 0 4rem}
.hero h1{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:800;line-height:1.08;letter-spacing:-.02em}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,#7c3aed,#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .lead{color:var(--muted);font-size:1.2rem}
.badge-soft{background:var(--brand-soft);color:var(--brand-dark);font-weight:600;border-radius:99px;padding:.4rem .9rem}
.mock-wrap{position:relative}
.mock-desktop{background:#fff;border-radius:18px;box-shadow:0 30px 80px rgba(76,29,149,.25);border:1px solid #eee;overflow:hidden}
.mock-bar{background:#f3f4f6;padding:.55rem .9rem;display:flex;gap:.4rem}
.mock-bar i{width:10px;height:10px;border-radius:50%;background:#d1d5db;display:block}
.mock-grid{display:grid;grid-template-columns:48px repeat(3,1fr);font-size:.7rem}
.mock-grid .h{padding:.4rem;text-align:center;font-weight:600;border-bottom:1px solid #eee;background:#fafafa}
.mock-grid .t{padding:.4rem .2rem;color:#9ca3af;text-align:right;border-bottom:1px solid #f3f4f6;height:46px}
.mock-grid .c{border-bottom:1px solid #f3f4f6;border-left:1px solid #f3f4f6;position:relative;height:46px}
.mock-ev{position:absolute;left:4px;right:4px;border-radius:8px;padding:.25rem .4rem;color:#fff;font-weight:600;font-size:.66rem;z-index:2}
.mock-phone{position:absolute;right:-10px;bottom:-40px;width:170px;background:#111;border-radius:28px;padding:8px;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.mock-phone .scr{background:#fff;border-radius:22px;padding:.8rem .7rem;font-size:.68rem}
.mock-phone .pix{background:var(--brand-soft);border-radius:12px;padding:.6rem;text-align:center}
.section{padding:5rem 0}
.section-alt{background:#faf8ff}
.section h2{font-weight:800;letter-spacing:-.01em;font-size:clamp(1.7rem,3.5vw,2.4rem)}
.feature-card{border:1px solid #eee;border-radius:18px;padding:1.5rem;height:100%;background:#fff;transition:.2s}
.feature-card:hover{box-shadow:0 14px 40px rgba(124,58,237,.12);transform:translateY(-3px);border-color:#ddd6fe}
.feature-icon{width:52px;height:52px;border-radius:14px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-size:1.5rem;margin-bottom:1rem}
.step-num{width:46px;height:46px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:800;font-size:1.2rem}
.testi{border-radius:18px;background:#fff;border:1px solid #eee;padding:1.5rem;height:100%}
.testi .stars{color:#f59e0b}
.avatar{width:44px;height:44px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:700}
.plan-card{border:1px solid #e5e7eb;border-radius:20px;padding:2rem 1.5rem;height:100%;background:#fff;position:relative}
.plan-card.hl{border:2px solid var(--brand);box-shadow:0 20px 50px rgba(124,58,237,.18)}
.plan-card .tag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--brand);color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .8rem;border-radius:99px}
.plan-price{font-size:2.4rem;font-weight:800}
.plan-card li{padding:.3rem 0}
.plan-card li i{color:#10b981;margin-right:.4rem}
.cta-final{background:linear-gradient(120deg,#5b21b6,#7c3aed 55%,#ec4899);color:#fff;border-radius:28px;padding:3.5rem 2rem}
.site-footer{background:#14112b;color:#fff;padding:4rem 0 1.5rem;margin-top:0}
.site-footer h6{font-weight:700;margin-bottom:1rem}
.site-footer a{color:#a8a3c7;text-decoration:none;display:inline-block;padding:.2rem 0}
.site-footer a:hover{color:#fff}
.form-card{background:#fff;border:1px solid #eee;border-radius:20px;padding:2rem;box-shadow:0 20px 60px rgba(30,27,58,.08)}
.form-control,.form-select{border-radius:12px;padding:.7rem .9rem}
.form-control:focus,.form-select:focus{border-color:var(--brand);box-shadow:0 0 0 .2rem rgba(124,58,237,.15)}
.slug-box{display:flex;align-items:center;border:1px solid #ced4da;border-radius:12px;overflow:hidden}
.slug-box input{border:0;box-shadow:none!important;border-radius:0}
.slug-box span{background:#f3f4f6;padding:.7rem .9rem;color:#6b7280;white-space:nowrap}
.seg-chip{border:1px solid #e5e7eb;border-radius:14px;padding:.8rem 1rem;background:#fff;font-weight:600}
.faq .accordion-item{border-radius:14px!important;border:1px solid #eee;margin-bottom:.7rem;overflow:hidden}
.page-head{background:linear-gradient(180deg,#f5f0ff,#fff);padding:4rem 0 2rem}