body.landing { background:
  radial-gradient(circle at 15% 0%, rgba(141,99,255,.17), transparent 32%),
  radial-gradient(circle at 90% 15%, rgba(244,185,66,.1), transparent 30%),
  var(--bg); }
.site-header { position: sticky; top: 0; z-index: 100; border-bottom: 1px solid rgba(255,255,255,.06); background: rgba(11,12,17,.78); backdrop-filter: blur(18px); }
.nav { min-height: 70px; display: flex; align-items: center; gap: 24px; }
.brand { display: inline-flex; gap: 10px; align-items: center; font-size: 20px; font-weight: 900; letter-spacing: -.04em; }
.brand img { width: 34px; height: 34px; }
.brand span b { color: var(--accent); }
.nav-links { display: flex; gap: 22px; align-items: center; margin-left: auto; color: var(--muted); font-size: 14px; }
.nav-links a:hover { color: var(--text); }
.nav-actions { display: flex; gap: 10px; }
.hero { padding: 78px 0 52px; }
.hero-grid { display: grid; grid-template-columns: minmax(0,1.02fr) minmax(420px,.98fr); align-items: center; gap: 46px; }
.eyebrow { display: inline-flex; gap: 8px; align-items: center; padding: 7px 11px; border: 1px solid rgba(141,99,255,.32); background: rgba(141,99,255,.08); color: #d8cdff; border-radius: 999px; font-size: 13px; font-weight: 750; }
.hero h1 { margin: 20px 0 18px; max-width: 780px; font-size: clamp(42px,6vw,72px); line-height: .99; letter-spacing: -.065em; }
.hero h1 span { background: linear-gradient(135deg,#b69cff 8%,#f4b942 92%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.hero-copy { max-width: 650px; color: var(--muted); font-size: clamp(16px,2vw,19px); line-height: 1.65; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 28px 0 18px; }
.hero-notes { display: flex; flex-wrap: wrap; gap: 14px 20px; color: var(--muted); font-size: 13px; }
.hero-notes span::before { content: '✓'; color: var(--success); margin-right: 6px; font-weight: 900; }
.product-window { border: 1px solid rgba(255,255,255,.1); border-radius: 24px; background: #111219; box-shadow: 0 40px 100px rgba(0,0,0,.5), 0 0 80px rgba(141,99,255,.12); overflow: hidden; transform: perspective(1000px) rotateY(-4deg) rotateX(2deg); }
.window-top { height: 48px; padding: 0 16px; display: flex; align-items: center; gap: 7px; border-bottom: 1px solid var(--border); background: #151720; }
.window-dot { width: 10px; height: 10px; border-radius: 50%; background: #3a3c48; }
.window-dot:nth-child(1){background:#ff637d}.window-dot:nth-child(2){background:#f4b942}.window-dot:nth-child(3){background:#35d49a}
.window-url { margin-left: 12px; flex: 1; border-radius: 8px; padding: 7px 10px; background: #0d0e13; color: #747785; font-size: 12px; }
.window-body { display: grid; grid-template-columns: 74px 1fr; min-height: 430px; }
.demo-sidebar { padding: 15px 10px; display: grid; align-content: start; gap: 9px; border-right: 1px solid var(--border); background: #101117; }
.demo-nav { height: 38px; border-radius: 10px; background: #1d1f29; }
.demo-nav.active { background: linear-gradient(135deg,rgba(141,99,255,.9),rgba(110,69,223,.7)); }
.demo-main { padding: 18px; }
.demo-head { display: flex; justify-content: space-between; gap: 12px; align-items: center; margin-bottom: 18px; }
.demo-title { width: 38%; height: 22px; border-radius: 7px; background: #292c37; }
.demo-button { width: 92px; height: 35px; border-radius: 10px; background: linear-gradient(135deg,var(--primary),#6e45df); }
.demo-kpis { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }
.demo-kpi { min-height: 88px; padding: 12px; border: 1px solid var(--border); border-radius: 13px; background: #171820; }
.demo-kpi::before { content:''; display:block; width:52%; height:9px; border-radius:5px; background:#343743; margin-bottom:15px; }
.demo-kpi::after { content:''; display:block; width:78%; height:20px; border-radius:7px; background:linear-gradient(90deg,#8d63ff,#f4b942); }
.demo-chart { height: 168px; margin-top: 12px; padding: 18px; border: 1px solid var(--border); border-radius: 14px; display:flex; gap:9px; align-items:flex-end; background:#171820; }
.demo-chart span { flex:1; border-radius:5px 5px 2px 2px; background:linear-gradient(180deg,#9d78ff,#563bb2); }
.logo-strip { padding: 20px 0 72px; color: #777a88; }
.logo-strip .container { display: flex; justify-content: space-between; gap: 18px; flex-wrap: wrap; font-size: 13px; }
.section { padding: 76px 0; }
.section.alt { background: rgba(255,255,255,.018); border-block: 1px solid rgba(255,255,255,.045); }
.section-head { max-width: 720px; margin-bottom: 30px; }
.section-head.center { text-align:center; margin-inline:auto; }
.section-head h2 { margin: 11px 0 12px; font-size: clamp(30px,4.5vw,50px); letter-spacing: -.05em; line-height: 1.05; }
.section-head p { color: var(--muted); font-size: 17px; line-height: 1.65; }
.feature-card { min-height: 230px; position: relative; overflow: hidden; }
.feature-icon { width: 48px; height: 48px; border-radius: 14px; display: grid; place-items: center; font-size: 22px; background: rgba(141,99,255,.12); border: 1px solid rgba(141,99,255,.25); }
.feature-card h3 { margin: 20px 0 8px; font-size: 19px; }
.feature-card p { margin:0; color:var(--muted); line-height:1.6; }
.feature-card::after { content:''; position:absolute; width:120px;height:120px;border-radius:50%;background:rgba(141,99,255,.08);right:-60px;bottom:-60px;filter:blur(4px); }
.theme-card { padding: 0; overflow: hidden; }
.theme-preview { min-height: 200px; display:grid; place-items:center; background: linear-gradient(135deg,#171820,#29223d); border-bottom:1px solid var(--border); position:relative; }
.theme-preview::before { content:''; width:80%; height:70%; border-radius:14px; background:linear-gradient(160deg,#fff 0 22%,#eee 22% 35%,#ddd 35% 100%); box-shadow:0 18px 45px rgba(0,0,0,.35); }
.theme-preview[data-niche*="Tecnologia"] { background:linear-gradient(135deg,#061713,#0c2f27); }
.theme-preview[data-niche*="Moda"] { background:linear-gradient(135deg,#3c202a,#6f3e50); }
.theme-preview[data-niche*="Alimentos"] { background:linear-gradient(135deg,#4b2a1f,#a85f35); }
.theme-info { padding: 17px; }
.theme-info h3 { margin:0 0 5px; }
.theme-info p { color:var(--muted); margin:0; font-size:13px; }
.plan-card { position: relative; display:flex; flex-direction:column; }
.plan-card.featured { border-color:rgba(141,99,255,.65); box-shadow:0 24px 70px rgba(141,99,255,.13); }
.plan-ribbon { position:absolute; top:14px; right:14px; }
.plan-name { font-size:20px; font-weight:850; }
.plan-price { margin:18px 0 8px; font-size:40px; font-weight:900; letter-spacing:-.05em; }
.plan-price small { font-size:13px; color:var(--muted); font-weight:600; letter-spacing:0; }
.plan-list { display:grid; gap:11px; margin:18px 0 24px; padding:0; list-style:none; color:var(--muted); }
.plan-list li::before { content:'✓'; color:var(--success); font-weight:900; margin-right:8px; }
.plan-card .btn { margin-top:auto; }
.cta-panel { padding: 46px; border: 1px solid rgba(141,99,255,.35); border-radius: 28px; background: radial-gradient(circle at 10% 0%,rgba(141,99,255,.25),transparent 38%), linear-gradient(135deg,#151622,#111218); display:flex; align-items:center; justify-content:space-between; gap:24px; }
.cta-panel h2 { margin:0 0 10px; font-size:clamp(28px,4vw,46px); letter-spacing:-.05em; }
.cta-panel p { margin:0; color:var(--muted); }
.site-footer { padding:44px 0; border-top:1px solid var(--border); color:var(--muted); }
.footer-grid { display:flex; justify-content:space-between; gap:30px; flex-wrap:wrap; }
.auth-tabs { display:grid; grid-template-columns:1fr 1fr; gap:6px; padding:5px; background:#101117; border-radius:12px; margin-bottom:18px; }
.auth-tabs button { border:0; border-radius:9px; padding:10px; color:var(--muted); background:transparent; font-weight:750; }
.auth-tabs button.active { color:var(--text); background:var(--surface-2); }
@media(max-width:980px){.hero-grid{grid-template-columns:1fr}.product-window{max-width:700px;margin-inline:auto;transform:none}.nav-links{display:none}}
@media(max-width:640px){.nav{min-height:62px}.nav-actions .ghost{display:none}.hero{padding:52px 0 36px}.hero h1{font-size:44px}.window-body{grid-template-columns:52px 1fr;min-height:340px}.demo-main{padding:12px}.demo-kpis{grid-template-columns:1fr}.demo-kpi:nth-child(n+2){display:none}.cta-panel{padding:26px;align-items:flex-start;flex-direction:column}.cta-panel .btn{width:100%}.section{padding:58px 0}}