*{box-sizing:border-box}
:root{--bg:#050d19;--bg2:#071426;--text:#f8fafc;--muted:#b7c8df;--green:#22e586;--blue:#1769ff;--border:rgba(255,255,255,.11);--card:rgba(255,255,255,.055);--shadow:0 30px 100px rgba(0,0,0,.44)}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 10% 30%,rgba(18,160,112,.28),transparent 26%),radial-gradient(circle at 86% 24%,rgba(23,105,255,.28),transparent 34%),linear-gradient(180deg,#050d19 0%,#061121 100%);overflow-x:hidden}
a{text-decoration:none;color:inherit}.container{width:min(90vw,1480px);margin:0 auto}
.site-header{height:88px;background:rgba(5,13,25,.82);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px);position:sticky;top:0;z-index:50}
.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:240px}
.brand img{width:190px;height:auto;display:block;object-fit:contain;filter:drop-shadow(0 14px 30px rgba(23,105,255,.18))}
.brand span{color:#aebbd0;font-size:13px;letter-spacing:.02em;margin-top:-4px}
.nav-menu{display:flex;align-items:center;gap:24px;color:#f1f5f9;font-size:14px;font-weight:850}.nav-menu a{opacity:.9}.nav-menu a:hover{opacity:1;color:#fff}
.nav-login,.nav-cta{height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:18px;padding:0 20px}
.nav-login{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.02)}
.nav-cta{color:#fff!important;background:linear-gradient(135deg,#29d989,#1769ff);box-shadow:0 18px 42px rgba(23,105,255,.22)}
.menu-toggle{display:none;width:44px;height:44px;border-radius:14px;border:1px solid var(--border);background:rgba(255,255,255,.05);color:#fff;font-size:20px}
.hero{padding:64px 0 80px;position:relative;min-height:calc(100vh - 88px);display:flex;align-items:center}.hero-grid{display:grid;grid-template-columns:48% 52%;gap:30px;align-items:center;width:100%}
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#86f7b9;font-size:14px;font-weight:900;padding:10px 15px;border-radius:999px;background:rgba(34,229,134,.09);border:1px solid rgba(34,229,134,.23);margin-bottom:24px}
.eyebrow span{width:11px;height:11px;border-radius:50%;background:#22e586;box-shadow:0 0 0 6px rgba(34,229,134,.16)}
.hero h1{margin:0;font-size:clamp(42px,3.55vw,66px);line-height:1.03;letter-spacing:-.065em;font-weight:950;max-width:760px}.hero h1 em{font-style:normal;color:#36ec8b}
.hero p{max-width:660px;margin:22px 0 0;color:#d3deed;font-size:clamp(16px,.95vw,18px);line-height:1.7}
.hero-actions{display:flex;align-items:center;gap:16px;margin-top:32px;flex-wrap:wrap}.hero-actions.center{justify-content:center}
.btn{min-height:56px;padding:0 28px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;font-weight:950;font-size:15px;transition:.22s ease}.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}
.btn-primary{color:#fff;background:linear-gradient(135deg,#29d989,#1769ff);box-shadow:0 20px 45px rgba(23,105,255,.24)}.btn-outline{color:#fff;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.035)}.btn.full{width:100%}
.trust-row{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:28px;color:#d8e3f2;font-size:13px;font-weight:800}
.hero-visual{position:relative;transform:translateX(.5vw)}.hero-visual img{width:100%;max-width:820px;display:block;margin-left:auto;filter:drop-shadow(0 34px 90px rgba(0,0,0,.40))}
.section{padding:88px 0}.section-head{text-align:center;width:min(820px,100%);margin:0 auto 46px}.section-head span,.section-kicker,.trial-band span{color:#5cff9d;font-weight:950;text-transform:uppercase;letter-spacing:.09em;font-size:12px}
.section-head h2,.showcase-copy h2,.trial-band h2,.final-cta h2{margin:12px 0 0;font-size:clamp(34px,3.5vw,54px);line-height:1.06;letter-spacing:-.055em}
.section-head p,.showcase-copy p,.trial-band p,.final-cta p{color:var(--muted);line-height:1.7;font-size:17px}.light-section{background:#f8fafc;color:#08111f}.light-section .section-head p,.light-section .feature-card p{color:#475569}
.pain-section{background:rgba(255,255,255,.025);border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}
.pain-grid,.features-grid,.audience-grid,.pricing-grid,.proof-grid{display:grid;gap:18px}.pain-grid{grid-template-columns:repeat(4,1fr)}.features-grid{grid-template-columns:repeat(3,1fr)}.audience-grid{grid-template-columns:repeat(3,1fr)}.pricing-grid{grid-template-columns:repeat(3,1fr)}.proof-grid{grid-template-columns:repeat(3,1fr)}
.pain-card,.feature-card,.audience-card,.price-card,.proof-card,.faq-grid details{background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.04));border:1px solid var(--border);border-radius:24px;padding:24px}
.pain-card strong{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;background:rgba(34,229,134,.13);color:#86f7b9;margin-bottom:18px}.pain-card h3,.feature-card h3,.audience-card h3,.price-card h3{margin:0;font-size:21px;letter-spacing:-.03em}.pain-card p,.feature-card p,.audience-card p,.price-card p{color:var(--muted);line-height:1.65}
.feature-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 18px 45px rgba(15,23,42,.08)}.feature-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.24);font-size:23px;margin-bottom:18px}
.showcase-section{background:radial-gradient(circle at 15% 45%,rgba(34,229,134,.14),transparent 32%),rgba(255,255,255,.02);border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}.showcase-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:54px;align-items:center}.showcase-device img{width:100%;display:block}.check-list{padding:0;list-style:none;display:grid;gap:14px;margin:28px 0 0}.check-list li{color:#dce8f8;font-weight:850}.check-list li:before{content:"✔";color:#86efac;margin-right:10px}
.audience-card.active{background:linear-gradient(135deg,rgba(16,185,129,.16),rgba(37,99,235,.16));border-color:rgba(34,197,94,.3)}.proof-card strong{display:block;font-size:28px;letter-spacing:-.05em}.proof-card span{display:block;color:#86f7b9;font-weight:900;margin:6px 0 8px}.proof-card p{color:var(--muted);line-height:1.65}
.pricing-section{background:radial-gradient(circle at center,rgba(16,185,129,.12),transparent 38%),rgba(255,255,255,.02)}.price-card{position:relative;padding:28px}.price-card.popular{border-color:rgba(34,197,94,.5);transform:translateY(-12px);box-shadow:0 26px 80px rgba(16,185,129,.16)}
.popular-badge{position:absolute;top:18px;right:18px;background:linear-gradient(135deg,#22c55e,#2563eb);color:#fff;padding:8px 11px;border-radius:999px;font-size:12px;font-weight:950}.price{margin:24px 0;font-size:50px;font-weight:950;letter-spacing:-.06em}.price span{font-size:22px;color:#9fc6ff}.price small{font-size:14px;color:var(--muted);letter-spacing:0}.price.enterprise{font-size:34px;letter-spacing:-.04em}.price-card ul{padding:0;list-style:none;display:grid;gap:11px;margin:0 0 28px;color:#dbeafe;font-weight:800}.price-card li:before{content:"✔";color:#86efac;margin-right:9px}
.trial-band{padding:58px 0;background:linear-gradient(135deg,rgba(16,185,129,.18),rgba(37,99,235,.18));border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.trial-grid{display:flex;align-items:center;justify-content:space-between;gap:24px}
.faq-grid{width:min(900px,100%);margin:0 auto;display:grid;gap:14px}.faq-grid details{padding:0;overflow:hidden}.faq-grid summary{cursor:pointer;padding:20px 22px;font-weight:950;list-style:none}.faq-grid summary:before{content:"▸";margin-right:9px}.faq-grid details[open] summary:before{content:"▾"}.faq-grid p{margin:0;padding:0 22px 20px;color:var(--muted);line-height:1.65}
.final-cta{padding:92px 0;text-align:center;background:radial-gradient(circle at center,rgba(34,197,94,.14),transparent 40%)}.final-cta h2{width:min(850px,100%);margin:0 auto}.final-cta p{max-width:650px;margin:18px auto 0}
.site-footer{border-top:1px solid rgba(255,255,255,.08);padding:54px 0 24px;background:rgba(0,0,0,.18)}.footer-grid{display:grid;grid-template-columns:1.5fr .6fr .6fr .8fr;gap:32px}.site-footer p,.site-footer a{color:var(--muted)}.site-footer h4{margin:0 0 13px}.site-footer a{display:block;margin:9px 0}.footer-brand{min-width:0}.footer-brand img{width:180px}.copyright{margin-top:34px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08);color:#708196;font-size:13px}
.whatsapp-float{position:fixed;right:28px;bottom:28px;z-index:60;width:58px;height:58px;border-radius:50%;background:#22c55e;display:grid;place-items:center;box-shadow:0 20px 42px rgba(34,197,94,.28);font-size:22px}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}.reveal.show{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.22s}
@media(max-width:1120px){.site-header,.nav{height:82px}.brand img{width:172px}.brand span{font-size:11px}.menu-toggle{display:grid;place-items:center}.nav-menu{display:none;position:absolute;top:82px;left:20px;right:20px;padding:18px;border-radius:22px;background:rgba(7,17,31,.98);border:1px solid var(--border);box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav-menu.open{display:flex}.nav-menu a{padding:12px}.hero-grid,.showcase-grid{grid-template-columns:1fr}.hero-visual img{margin:0 auto}.pain-grid,.features-grid,.audience-grid,.pricing-grid,.proof-grid,.footer-grid{grid-template-columns:1fr 1fr}.price-card.popular{transform:none}}
@media(max-width:680px){.container{width:min(100% - 28px,1180px)}.brand span{display:none}.brand{min-width:auto}.hero{padding:42px 0 58px}.hero h1{font-size:clamp(36px,11vw,48px);line-height:1.05}.hero p{font-size:16px}.btn{width:100%;min-height:54px}.trust-row{align-items:flex-start;flex-direction:column;gap:9px}.section{padding:64px 0}.pain-grid,.features-grid,.audience-grid,.pricing-grid,.proof-grid,.footer-grid{grid-template-columns:1fr}.trial-grid{display:grid;grid-template-columns:1fr;text-align:center}.whatsapp-float{right:16px;bottom:16px;width:52px;height:52px}}


/* ROOX Finance V3 - Hero fluido premium */
.hero-visual{isolation:isolate}
.hero-float-card{position:absolute;z-index:4;background:rgba(8,20,38,.82);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(18px);box-shadow:0 24px 60px rgba(0,0,0,.32);border-radius:20px;padding:13px 15px;color:#fff}
.hero-float-card span{display:block;color:#9fb3cc;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.hero-float-card strong{display:block;margin-top:5px;font-size:20px;letter-spacing:-.04em}
.hero-float-card small{display:block;margin-top:3px;color:#86f7b9;font-weight:850}
.float-card-1{top:10%;left:1%}
.float-card-2{right:2%;top:20%}
.float-card-3{right:8%;bottom:8%}
.float-card-4{left:13%;bottom:6%}

@media(min-width:1900px){
  .container{width:min(88vw,1540px)}
  .hero h1{font-size:70px}
  .hero-visual img{max-width:900px;width:100%}
}
@media(max-width:1440px){
  .container{width:min(92vw,1320px)}
  .hero-grid{grid-template-columns:48% 52%;gap:22px}
  .hero h1{font-size:clamp(38px,3.85vw,58px)}
  .hero-visual img{max-width:760px;width:100%}
  .hero-float-card{transform:scale(.82)}
}
@media(max-width:1120px){
  .hero{min-height:auto}
  .hero-grid{grid-template-columns:1fr}
  .hero-visual{transform:none}
  .hero-visual img{width:100%;max-width:900px;margin:0 auto}
  .hero-float-card{display:none}
}
@media(max-width:680px){
  .container{width:min(100% - 28px,1180px)}
  .hero h1{font-size:clamp(36px,11vw,48px)}
}