/* THEME TRANSITION FX */
:root.theme-switching,
:root.theme-switching *,
:root.theme-switching *::before,
:root.theme-switching *::after{
  transition:background-color .92s cubic-bezier(.2,.8,.2,1),
            color .92s cubic-bezier(.2,.8,.2,1),
            border-color .92s cubic-bezier(.2,.8,.2,1),
            box-shadow 1.05s cubic-bezier(.2,.8,.2,1),
            fill .92s cubic-bezier(.2,.8,.2,1),
            stroke .92s cubic-bezier(.2,.8,.2,1)!important;
}
.theme-switch-layer{position:fixed;inset:0;z-index:1600;pointer-events:none;overflow:hidden}
.theme-switch-orb{position:absolute;left:var(--sx);top:var(--sy);width:22px;height:22px;border-radius:50%;transform:translate(-50%,-50%) scale(.12);background:radial-gradient(circle,rgba(108,99,255,.52) 0%,rgba(255,92,53,.36) 38%,rgba(0,230,138,.26) 64%,rgba(0,0,0,0) 100%);filter:blur(1px);animation:themeOrbGrow 1050ms cubic-bezier(.18,.84,.24,1) forwards}
.theme-switch-ring{position:absolute;left:var(--sx);top:var(--sy);width:24px;height:24px;border-radius:50%;transform:translate(-50%,-50%) scale(.1);border:2px solid rgba(255,255,255,.65);box-shadow:0 0 26px rgba(108,99,255,.52),0 0 48px rgba(255,92,53,.34) inset;animation:themeRingGrow 1050ms cubic-bezier(.2,.85,.2,1) forwards}
.theme-switch-spark{position:absolute;left:var(--sx);top:var(--sy);width:8px;height:8px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,255,255,.95) 0%,rgba(255,184,48,.92) 48%,rgba(255,92,53,0) 100%);animation:themeSparkFly 980ms ease-out forwards}
.theme-switch-layer.is-fading{animation:themeLayerFade .26s ease-out forwards}
:root.theme-switching nav{box-shadow:0 0 0 1px rgba(108,99,255,.2),0 6px 30px rgba(108,99,255,.2)}
:root.theme-switching .theme-toggle{animation:themeToggleSpin 920ms cubic-bezier(.2,.86,.22,1)}

@keyframes themeOrbGrow{
  0%{transform:translate(-50%,-50%) scale(.12);opacity:.92}
  65%{opacity:.88}
  100%{transform:translate(-50%,-50%) scale(95);opacity:0}
}
@keyframes themeRingGrow{
  0%{transform:translate(-50%,-50%) scale(.1);opacity:.9}
  75%{opacity:.6}
  100%{transform:translate(-50%,-50%) scale(85);opacity:0}
}
@keyframes themeSparkFly{
  0%{opacity:.95;transform:translate(-50%,-50%) scale(.45)}
  100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1.3)}
}
@keyframes themeLayerFade{from{opacity:1}to{opacity:0}}
@keyframes themeToggleSpin{
  0%{transform:scale(1) rotate(0)}
  36%{transform:scale(1.22) rotate(-18deg)}
  68%{transform:scale(1.08) rotate(20deg)}
  100%{transform:scale(1) rotate(0)}
}

/* CURSOR GLOW */
.glow-cursor{position:fixed;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(108,99,255,.13) 0%,transparent 70%);pointer-events:none;transform:translate(-50%,-50%);transition:left .18s ease,top .18s ease;z-index:0}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:var(--nav-bg);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}
@media (max-width: 768px){
  nav{padding:14px 16px;background:var(--nav-bg);backdrop-filter:none;-webkit-backdrop-filter:none}
}

/* Brand mark */
.nav-brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;position:relative}
.brand-rocket{font-size:1.45rem;line-height:1;display:flex;align-items:center;justify-content:center;animation:rocketFloat 3s ease-in-out infinite;position:relative;flex-shrink:0;filter:drop-shadow(0 0 5px rgba(255,92,53,.35));cursor:pointer;touch-action:manipulation}
.nav-brand,.brand-rocket{-webkit-touch-callout:none;user-select:none}
.brand-rocket::after{content:'';position:absolute;bottom:-3px;left:50%;transform:translateX(-50%);width:6px;height:8px;background:linear-gradient(to bottom,#ff5c35 0%,#ffb830 55%,transparent 100%);border-radius:50% 50% 60% 60%;animation:thrustFlame .35s ease-in-out infinite alternate;filter:blur(1px);opacity:.8}
@keyframes rocketFloat{0%,100%{transform:rotate(-25deg) translateY(0)}50%{transform:rotate(-25deg) translateY(-4px)}}
@keyframes thrustFlame{from{transform:translateX(-50%) scaleY(.6) scaleX(.9);opacity:.65}to{transform:translateX(-50%) scaleY(1.65) scaleX(.6);opacity:1}}
.nav-brand:hover .brand-rocket{animation:rocketBoost .55s ease-out,rocketFloat 3s ease-in-out .55s infinite;filter:drop-shadow(0 0 10px rgba(255,185,48,.6))}
.brand-rocket:focus-visible{outline:2px solid rgba(0,230,138,.75);outline-offset:4px;border-radius:8px}
@keyframes rocketBoost{0%{transform:rotate(-25deg) translateY(0) scale(1)}35%{transform:rotate(-25deg) translateY(-9px) scale(1.14)}70%{transform:rotate(-25deg) translateY(-4px) scale(1.06)}100%{transform:rotate(-25deg) translateY(0) scale(1)}}
.brand-text{display:flex;flex-direction:column;gap:1px;line-height:1.15}
.brand-title{font-family:'Syne',sans-serif;font-size:.9rem;font-weight:800;letter-spacing:-.015em;white-space:nowrap}
.bt-blue{color:#4a9eff}
.bt-green{color:var(--green)}
.brand-by{font-size:.58rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);white-space:nowrap}

.nav-actions{display:flex;align-items:center;gap:10px}
.theme-toggle{width:42px;height:42px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line-soft);background:transparent;color:var(--text);cursor:pointer;transition:transform .2s,border-color .2s,background .2s}
.theme-toggle:hover{transform:translateY(-1px);border-color:var(--line-strong);background:var(--hover-surface)}
.theme-toggle:focus-visible{outline:2px solid rgba(0,230,138,.65);outline-offset:2px}
.theme-toggle-icon{font-size:1rem;line-height:1}

.nav-profile{position:relative;display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;padding:4px;background:linear-gradient(140deg,rgba(255,92,53,.95),rgba(108,99,255,.95));box-shadow:0 6px 26px rgba(0,0,0,.45),0 0 0 5px rgba(108,99,255,.12);text-decoration:none;transition:transform .2s,box-shadow .2s}
.nav-profile::before{content:'';position:absolute;inset:-7px;border-radius:50%;border:1px solid rgba(0,230,138,.25);opacity:.8}
.nav-profile:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 12px 34px rgba(0,0,0,.52),0 0 0 7px rgba(108,99,255,.13)}
.nav-profile img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center 14%;background:#0f0f1e}

/* HERO */
.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:100px 24px 64px;position:relative;overflow:hidden}
.hero-grid-bg{position:absolute;inset:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:40px 40px;z-index:0}
.hero-blob{position:absolute;top:-80px;right:-80px;width:360px;height:360px;background:radial-gradient(circle,rgba(108,99,255,.18) 0%,transparent 65%);z-index:0;animation:blobPulse 6s ease-in-out infinite}
.hero-blob2{position:absolute;bottom:-60px;left:-60px;width:280px;height:280px;background:radial-gradient(circle,rgba(255,92,53,.12) 0%,transparent 65%);z-index:0;animation:blobPulse 8s ease-in-out infinite reverse}
@keyframes blobPulse{0%,100%{transform:scale(1) translate(0,0)}50%{transform:scale(1.15) translate(10px,-10px)}}
.hero-content{position:relative;z-index:2;max-width:600px}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(0,230,138,.1);border:1px solid rgba(0,230,138,.25);color:var(--green);font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:6px 14px;border-radius:100px;margin-bottom:28px}
.hero-eyebrow::before{content:'';width:7px;height:7px;background:var(--green);border-radius:50%;animation:blink 1.8s ease-in-out infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}
h1{font-family:'Syne',sans-serif;font-size:clamp(2.6rem,9vw,4.8rem);font-weight:800;line-height:1.03;letter-spacing:-.03em;margin-bottom:20px}
h1 .line-accent{display:block;color:var(--accent);-webkit-text-stroke:.5px var(--accent)}
h1 .line-dim{display:block;color:var(--soft);font-size:.55em;font-weight:700;letter-spacing:-.01em;margin-top:4px}
.hero-sub{font-size:1rem;color:var(--soft);max-width:420px;line-height:1.75;margin-bottom:36px}
.hero-sub strong{color:var(--text);font-weight:600}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:48px}
.btn-fire{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#fff;font-size:.9rem;font-weight:600;padding:14px 26px;border-radius:10px;text-decoration:none;letter-spacing:.01em;transition:all .2s;box-shadow:0 8px 24px rgba(255,92,53,.35)}
.btn-fire:hover{background:#ff3d17;transform:translateY(-2px);box-shadow:0 12px 32px rgba(255,92,53,.5)}
.btn-outline{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--text);font-size:.9rem;font-weight:500;padding:14px 24px;border-radius:10px;border:1px solid var(--line-soft);text-decoration:none;transition:all .2s}
.btn-outline:hover{border-color:var(--line-strong);background:var(--hover-surface)}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}
.hstat{background:var(--ink2);padding:16px 12px;text-align:center}
.hstat-n{font-family:'Syne',sans-serif;font-size:1.8rem;font-weight:800;color:var(--accent2);line-height:1}
.hstat-l{font-size:.68rem;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-top:4px}

/* MARQUEE */
.marquee-wrap{overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:14px 0;background:var(--ink2)}
.marquee-track{display:flex;gap:40px;width:max-content;animation:marquee 18s linear infinite}
.marquee-track.marquee-paused{animation-play-state:paused}
.marquee-track.reversed{animation-name:marquee-rev;animation-duration:18s}
.marquee-track.turbo{animation-duration:3s!important}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes marquee-rev{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}
.marquee-wrap.flash{animation:marqueeFlash .45s ease-out}
@keyframes marqueeFlash{
  0%{background:var(--ink2)}
  25%{background:rgba(108,99,255,.22);box-shadow:0 0 28px rgba(108,99,255,.3) inset}
  60%{background:rgba(108,99,255,.1)}
  100%{background:var(--ink2)}
}
.marquee-item{display:flex;align-items:center;gap:10px;font-size:.78rem;font-weight:600;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.marquee-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);flex-shrink:0}

/* SECTION BASE */
section{padding:68px 24px;position:relative}
.s-label{font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}
.s-title{font-family:'Syne',sans-serif;font-size:clamp(1.9rem,6vw,3rem);font-weight:800;line-height:1.08;letter-spacing:-.025em;margin-bottom:12px}
.s-sub{font-size:.95rem;color:var(--soft);line-height:1.75;max-width:480px;margin-bottom:36px}

/* NICHOS */
#nichos{background:var(--ink2)}
.nichos-list{display:flex;flex-direction:column;gap:3px}
.nicho-cluster{display:flex;flex-direction:column;gap:0}
.nicho-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 20px;background:var(--ink3);border-radius:10px;border:1px solid var(--border);cursor:pointer;transition:all .25s;position:relative;overflow:hidden;text-decoration:none;color:inherit}
.nicho-row::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(108,99,255,.08),transparent);opacity:0;transition:opacity .3s}
.nicho-row:hover::before{opacity:1}
.nicho-row:hover{border-color:rgba(108,99,255,.3);transform:translateX(4px)}
.nicho-row:hover .nr-arrow{opacity:1;transform:translateX(0)}
.nicho-left{display:flex;align-items:center;gap:16px}
.nicho-emoji{font-size:1.6rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--surface);border-radius:10px;flex-shrink:0}
.nicho-name{font-family:'Syne',sans-serif;font-size:1rem;font-weight:700;letter-spacing:-.01em}
.nicho-desc-row{font-size:.78rem;color:var(--muted);margin-top:2px}
.nicho-right{display:flex;align-items:center;gap:10px;flex-shrink:0}
.demo-pill{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;font-weight:600;letter-spacing:.06em;padding:5px 11px;border-radius:100px;border:1px solid rgba(108,99,255,.45);color:var(--pill-violet-text);text-decoration:none;cursor:pointer;transition:all .2s;white-space:nowrap;background:rgba(108,99,255,.1)}
.demo-pill:hover{background:rgba(108,99,255,.2);border-color:rgba(108,99,255,.75);color:var(--pill-violet-hover);transform:translateY(-1px)}
.demo-pill-jump{border-color:rgba(0,230,138,.42);color:var(--pill-green-text);background:rgba(0,230,138,.12)}
.demo-pill-jump:hover{background:rgba(0,230,138,.2);border-color:rgba(0,230,138,.72);color:var(--text)}
.coming-pill{font-size:.68rem;font-weight:600;letter-spacing:.06em;padding:5px 11px;border-radius:100px;border:1px solid var(--border);color:var(--muted)}
.coming-pill.live-pill{border-color:rgba(0,230,138,.38);color:var(--pill-green-text);background:rgba(0,230,138,.12)}
.nr-arrow{opacity:0;transform:translateX(-6px);transition:all .25s;color:var(--accent3);font-size:1.2rem}

/* DEMOS DESTAQUE */
.demos-destaque{margin-top:32px;display:flex;flex-direction:column;gap:16px}
#demos-barbearia,#demos-hidraulica{scroll-margin-top:92px}
.demo-card{border-radius:var(--r);overflow:hidden;border:1px solid rgba(108,99,255,.2);position:relative;background:var(--ink3)}
.demo-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px;background:rgba(108,99,255,.06)}
.demo-browser-bar{display:flex;align-items:center;gap:6px;min-width:0;flex:1}
.browser-dot{width:10px;height:10px;border-radius:50%}
.d1{background:#ff5c5c}.d2{background:#ffbd2e}.d3{background:#27c93f}
.demo-url{display:block;min-width:0;flex:1;font-size:.7rem;color:var(--muted);margin-left:8px;font-family:monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.15}
.demo-label{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;white-space:nowrap;font-size:.63rem;font-weight:700;letter-spacing:.03em;padding:4px 8px;border-radius:999px;border:1px solid rgba(108,99,255,.4);background:rgba(108,99,255,.16);color:var(--pill-violet-text)}
.demo-label.loading{opacity:.8}
.demo-label.updated{border-color:rgba(0,230,138,.45);background:rgba(0,230,138,.13);color:var(--green)}
.demo-label.fallback{border-color:rgba(255,184,48,.36);background:rgba(255,184,48,.12);color:var(--accent2)}
.demo-live-note{font-size:.74rem;line-height:1.55;color:var(--muted);margin:-4px 0 6px;padding-left:2px}
.demo-preview{padding:16px 16px 15px;display:flex;flex-direction:column;gap:8px}
.demo-cta-link{display:inline-flex;align-items:center;gap:6px;background:var(--accent3);color:#fff;font-size:.82rem;font-weight:600;padding:10px 18px;border-radius:8px;text-decoration:none;transition:all .2s;width:fit-content}
.demo-cta-link:hover{background:#5a52e0;transform:translateY(-1px)}

.clientes-vitrine{margin-top:36px!important;padding:14px 12px 16px;border:1px solid rgba(108,99,255,.22);border-radius:12px;background:linear-gradient(145deg,rgba(108,99,255,.08),rgba(0,230,138,.04));position:relative;transform-origin:top center;animation:vitrineSwing 5.5s ease-in-out infinite}
.clientes-vitrine::before,.clientes-vitrine::after{content:'';position:absolute;top:-36px;width:6px;height:42px;transform-origin:top center;animation:ropeWave 5.5s ease-in-out infinite;animation-delay:.38s;border-radius:50% 50% 3px 3px/8px 8px 3px 3px;background-image:linear-gradient(to bottom,#f0c830 0%,#c88018 3px,#1c0a02 5px,transparent 6px),linear-gradient(to right,rgba(0,0,0,.55) 0%,transparent 38%,transparent 62%,rgba(0,0,0,.45) 100%),repeating-linear-gradient(-62deg,#1c0a02 0px,#1c0a02 2px,#8b4010 2px,#8b4010 4.5px,#d07030 4.5px,#d07030 5.5px,#8b4010 5.5px,#8b4010 8px,#1c0a02 8px,#1c0a02 10px);background-size:100% 100%,100% 100%,12px 12px;background-position:0 0,0 0,0 0;background-repeat:no-repeat,no-repeat,repeat;box-shadow:2px 0 3px rgba(0,0,0,.6),-1px 0 2px rgba(0,0,0,.3)}
.clientes-vitrine::before{left:26%}
.clientes-vitrine::after{right:26%}
@keyframes ropeWave{0%,100%{transform:rotate(-1.2deg)}50%{transform:rotate(1.2deg)}}
@keyframes vitrineSwing{0%,100%{transform:rotate(-1.8deg)}25%{transform:rotate(.6deg)}50%{transform:rotate(1.8deg)}75%{transform:rotate(-.6deg)}}
.nicho-clientes{margin:0}
.vitrine-top-bar{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px}
.chain-hook{font-size:1.15rem;opacity:.9;line-height:1;display:inline-flex;align-items:center}
.clientes-vitrine-title{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--pill-violet-text);text-align:center;margin:0}
.clientes-vitrine-list{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}
.cliente-pill{font-size:.72rem;padding:7px 13px;border-color:rgba(108,99,255,.5);background:rgba(108,99,255,.14);color:var(--pill-violet-text)}
.cliente-pill:hover{border-color:rgba(0,230,138,.62);background:rgba(0,230,138,.16);color:var(--text)}
.rope-anchor{position:absolute;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#fffde0 8%,#f5d050 30%,#c88018 60%,#7a4a00 82%,#2e1800 100%);box-shadow:0 3px 7px rgba(0,0,0,.85),0 0 0 2px rgba(200,130,20,.4),0 -10px 0 3px rgba(15,8,2,.7),inset 0 1px 2px rgba(255,255,160,.45);top:-44px;z-index:4}
.rope-anchor-l{left:calc(26% - 5px)}
.rope-anchor-r{right:calc(26% - 5px)}

/* PLANOS */
#planos{background:var(--ink)}
.planos-grid{display:grid;gap:16px}
.plano-card{background:var(--ink3);border:1px solid var(--border);border-radius:var(--r);padding:28px 24px;position:relative;overflow:hidden}
.plano-card.featured{border-color:rgba(108,99,255,.4);background:linear-gradient(140deg,#1c1c2e,#201e38)}
.plano-card.featured::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent3),var(--accent2))}
.plano-badge-top{position:absolute;top:16px;right:16px;background:linear-gradient(90deg,var(--accent3),var(--accent2));color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:100px}
.plano-icon{font-size:1.8rem;margin-bottom:14px}
.plano-name{font-family:'Syne',sans-serif;font-size:1.5rem;font-weight:800;margin-bottom:6px;letter-spacing:-.02em}
.plano-tagline{font-size:.85rem;color:var(--soft);margin-bottom:14px;line-height:1.6}
.plano-pricing{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.plano-price-main{font-family:'Syne',sans-serif;font-size:1.8rem;font-weight:800;line-height:1;color:var(--accent2);letter-spacing:-.02em}
.plano-price-main small{font-family:'Inter',sans-serif;font-size:.86rem;font-weight:600;letter-spacing:0;color:var(--soft)}
.plano-price-sub{font-size:.84rem;color:var(--soft);line-height:1.5}
.feats{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:14px}
.feats li{display:flex;gap:10px;align-items:flex-start;font-size:.87rem;line-height:1.5}
.feat-check{color:var(--green);flex-shrink:0;font-size:.9rem;margin-top:2px}
.plano-indicado{font-size:.77rem;line-height:1.55;color:var(--muted);padding-top:12px;border-top:1px dashed var(--border);margin-bottom:16px}
.plano-btn{display:block;width:100%;background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--text);font-family:'Inter',sans-serif;font-size:.88rem;font-weight:600;padding:13px;border-radius:9px;cursor:pointer;text-align:center;text-decoration:none;transition:all .2s;letter-spacing:.02em}
.plano-card.featured .plano-btn{background:linear-gradient(90deg,var(--accent3),#8b7dff);border:none;color:#fff;box-shadow:0 8px 24px rgba(108,99,255,.35)}
.plano-btn:hover{background:rgba(255,255,255,.07)}
.plano-card.featured .plano-btn:hover{box-shadow:0 12px 32px rgba(108,99,255,.5);transform:translateY(-1px)}
.planos-compare-wrap{margin-top:22px;background:var(--ink3);border:1px solid var(--border);border-radius:var(--r);padding:22px 20px;overflow:hidden}
.planos-compare-title{font-family:'Syne',sans-serif;font-size:1.3rem;letter-spacing:-.02em;margin-bottom:4px}
.planos-compare-sub{font-size:.84rem;color:var(--soft);margin-bottom:14px}
.planos-compare-table-wrap{overflow-x:auto}
.planos-compare-table{width:100%;min-width:680px;border-collapse:collapse}
.planos-compare-table th,.planos-compare-table td{padding:11px 10px;text-align:left;border-bottom:1px solid var(--border);font-size:.82rem;line-height:1.45;vertical-align:top}
.planos-compare-table th{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700}
.planos-compare-table td strong{font-family:'Syne',sans-serif;font-size:.92rem;letter-spacing:-.01em}

/* SERVICOS AVANCADOS */
#servicos-avancados{background:var(--ink)}
.servicos-grid{display:grid;grid-template-columns:1.3fr .9fr;gap:16px}
.servicos-card{background:var(--ink3);border:1px solid var(--border);border-radius:var(--r);padding:26px 24px;position:relative;overflow:hidden}
.servicos-card::before{content:'';position:absolute;top:-90px;right:-90px;width:220px;height:220px;background:radial-gradient(circle,rgba(108,99,255,.11) 0%,transparent 68%);pointer-events:none}
.servicos-highlight{border-color:rgba(108,99,255,.34);background:linear-gradient(145deg,var(--ink3),rgba(108,99,255,.08))}
.servicos-title{font-family:'Syne',sans-serif;font-size:1.32rem;font-weight:800;letter-spacing:-.015em;margin-bottom:10px}
.servicos-sub{font-size:.9rem;line-height:1.7;color:var(--soft);margin-bottom:16px}
.servicos-list{list-style:none;display:flex;flex-direction:column;gap:10px}
.servicos-list li{display:flex;gap:9px;align-items:flex-start;font-size:.84rem;line-height:1.55;color:var(--soft)}
.servicos-list li span{color:var(--green);margin-top:2px;flex-shrink:0}
.servicos-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.servicos-badge{display:inline-flex;align-items:center;gap:6px;font-size:.69rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:5px 10px;border-radius:999px;border:1px solid rgba(0,230,138,.34);background:rgba(0,230,138,.1);color:var(--green)}
.servicos-mini{display:flex;flex-direction:column;gap:10px}
.servicos-mini-item{border:1px solid var(--border);background:rgba(108,99,255,.07);border-radius:12px;padding:12px 13px}
.servicos-mini-item h3{font-size:.84rem;font-weight:700;color:var(--text);margin-bottom:4px}
.servicos-mini-item p{font-size:.78rem;line-height:1.55;color:var(--soft)}
.servicos-note{margin-top:14px;font-size:.76rem;color:var(--muted);line-height:1.6}
.servicos-cta-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin-top:6px;padding:13px 14px;border-radius:12px;text-decoration:none;font-family:'Inter',sans-serif;font-size:.84rem;font-weight:800;letter-spacing:.03em;color:#fff;background:linear-gradient(95deg,var(--accent3),var(--accent),var(--accent2));background-size:170% 100%;border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 28px rgba(108,99,255,.34),0 2px 0 rgba(255,255,255,.18) inset;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;animation:servicosCtaPulse 2.2s ease-in-out infinite}
.servicos-cta-btn::before{content:'';position:absolute;inset:1px;border-radius:11px;background:linear-gradient(120deg,rgba(255,255,255,.22),rgba(255,255,255,.02));mix-blend-mode:screen;pointer-events:none}
.servicos-cta-btn::after{content:'';position:absolute;left:-36%;top:0;width:28%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.42),rgba(255,255,255,0));transform:skewX(-20deg);animation:servicosSheen 2.4s ease-in-out infinite;pointer-events:none}
.servicos-cta-btn:hover{transform:translateY(-2px) scale(1.015);box-shadow:0 14px 34px rgba(108,99,255,.42),0 2px 0 rgba(255,255,255,.2) inset;filter:saturate(1.08)}
.servicos-cta-btn:focus-visible{outline:2px solid rgba(0,230,138,.75);outline-offset:3px}
.servicos-cta-icons{display:inline-flex;align-items:center;gap:4px;opacity:.96}
.servicos-cta-icons span{display:inline-flex;animation:servicosIconFloat 1.6s ease-in-out infinite}
.servicos-cta-icons span:nth-child(2){animation-delay:.2s}
.servicos-cta-icons span:nth-child(3){animation-delay:.4s}
@keyframes servicosCtaPulse{0%,100%{background-position:0% 50%;box-shadow:0 10px 28px rgba(108,99,255,.34),0 2px 0 rgba(255,255,255,.18) inset}50%{background-position:100% 50%;box-shadow:0 14px 36px rgba(255,92,53,.36),0 2px 0 rgba(255,255,255,.2) inset}}
@keyframes servicosSheen{0%,22%{left:-36%}55%{left:120%}100%{left:120%}}
@keyframes servicosIconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}

@media(max-width:680px){
  nav{padding:14px 14px}
  .theme-toggle{width:38px;height:38px}
  .nav-profile{width:52px;height:52px;padding:3px}
  section{padding:56px 18px}
}

@media(max-width:620px){
  .demos-destaque{gap:12px}
  .demo-header{padding:10px 12px;gap:8px}
  .demo-browser-bar{gap:5px}
  .browser-dot{width:8px;height:8px}
  .demo-url{font-size:.6rem;margin-left:6px}
  .demo-label{font-size:.56rem;padding:3px 6px}
  .demo-live-note{font-size:.69rem;line-height:1.5;text-align:center;margin:-2px 0 4px;padding-left:0}
  .demo-preview{padding:12px 12px 13px;align-items:center;text-align:center}
  .demo-cta-link{padding:9px 14px;font-size:.78rem}
  .cliente-pill{font-size:.68rem;padding:6px 10px}
}
/* DEV TRUST */
#quem-faz{padding:56px 1rem 40px}
.dev-trust{max-width:780px;margin:0 auto;display:flex;gap:2rem;align-items:center;background:var(--ink2);border-radius:1.5rem;padding:2rem 2.25rem;border:1px solid rgba(255,255,255,.07);box-shadow:0 8px 40px rgba(0,0,0,.35)}
/* FLIP 3D */
.dev-photo-flipper{width:120px;height:120px;flex-shrink:0;perspective:800px;cursor:zoom-in;position:relative}
.dev-photo-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.45,.05,.55,.95);border-radius:50%}
.dev-photo-inner.flipped{transform:rotateY(180deg)}
.dev-photo-front,.dev-photo-back{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center top;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.dev-photo-front{border:3px solid var(--accent);box-shadow:0 4px 20px rgba(255,92,53,.32)}
.dev-photo-back{transform:rotateY(180deg);border:3px solid var(--accent3);box-shadow:0 4px 20px rgba(108,99,255,.38)}
.dev-photo-flipper:hover .dev-photo-inner{filter:brightness(1.1)}
.dev-info{display:flex;flex-direction:column;gap:.45rem}
.dev-name{font-weight:700;font-size:1.1rem;color:var(--text)}
.dev-role{display:flex;flex-direction:column;gap:.18rem}
.dev-role-title{font-size:.95rem;color:var(--accent);font-weight:800;letter-spacing:.08em;text-transform:uppercase;line-height:1.2}
.dev-role-stack{font-size:.76rem;color:var(--accent);font-weight:600;letter-spacing:.04em;text-transform:uppercase;line-height:1.55;opacity:.85}
@media(max-width:580px){.dev-role-title{font-size:.85rem}.dev-role-stack{font-size:.72rem}}
.dev-bio{font-size:.88rem;color:var(--soft);line-height:1.65;margin:0}
.dev-badges{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.15rem}
.dev-badges span{font-size:.72rem;padding:.2rem .65rem;border-radius:999px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.08)}
@media(max-width:580px){.dev-trust{flex-direction:column;text-align:center}.dev-badges{justify-content:center}}
/* LIGHTBOX */
.photo-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:9999;align-items:center;justify-content:center;cursor:zoom-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.photo-overlay.open{display:flex;animation:lbFadeIn .2s ease}
.photo-overlay img{width:min(420px,88vw);height:min(420px,88vw);border-radius:50%;object-fit:cover;object-position:center top;border:4px solid var(--accent);box-shadow:0 0 80px rgba(255,92,53,.45);animation:lbZoomIn .3s cubic-bezier(.34,1.56,.64,1)}
@keyframes lbFadeIn{from{opacity:0}to{opacity:1}}
@keyframes lbZoomIn{from{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}

/* PROCESS */
#processo{background:var(--ink2)}
.steps{display:flex;flex-direction:column}
.step{display:flex;align-items:flex-start;gap:24px;padding:0 0 44px 0;position:relative;opacity:0}
.step:last-child{padding-bottom:0}
/* linha vertical — nasce de cima para baixo junto com a cascade */
.step:not(:last-child)::before{content:'';position:absolute;left:19px;top:40px;height:calc(100% - 40px);width:2px;background:linear-gradient(to bottom,rgba(255,92,53,.5),rgba(108,99,255,.1));transform-origin:top center;transform:scaleY(0);transition:transform .65s ease calc(var(--sd,0s) + .45s);z-index:0}
.step.step-on{opacity:1}
.step.step-on:not(:last-child)::before{transform:scaleY(1)}
/* círculo numérico — pop animation */
.step-num{width:40px;height:40px;border-radius:50%;background:var(--ink);border:2px solid rgba(255,92,53,.2);display:flex;align-items:center;justify-content:center;font-family:'Syne',sans-serif;font-size:.7rem;font-weight:800;color:rgba(255,92,53,.3);flex-shrink:0;position:relative;z-index:1}
.step.step-on .step-num{animation:stepPop .55s cubic-bezier(.34,1.56,.64,1) var(--sd,0s) both}
@keyframes stepPop{
  0%  {transform:scale(.4);opacity:0;border-color:rgba(255,92,53,.15);color:rgba(255,92,53,.15);background:var(--ink);box-shadow:none}
  55% {transform:scale(1.22)}
  100%{transform:scale(1);opacity:1;border-color:var(--accent);color:var(--accent);background:rgba(255,92,53,.1);box-shadow:0 0 0 7px rgba(255,92,53,.07),0 0 24px rgba(255,92,53,.2)}
}
/* body entra deslizando da direita */
.step-body{flex:1;min-width:0;padding-top:8px;opacity:0;transform:translateX(20px);transition:opacity .45s ease calc(var(--sd,0s) + .22s),transform .45s ease calc(var(--sd,0s) + .22s)}
.step.step-on .step-body{opacity:1;transform:none}
.step-title{font-family:'Syne',sans-serif;font-size:1.05rem;font-weight:700;margin-bottom:6px;letter-spacing:-.01em}
.step-desc{font-size:.85rem;color:var(--soft);line-height:1.65}
/* diferenciais por passo */
.step-quote{margin-top:10px;padding:10px 14px;background:rgba(108,99,255,.08);border-left:3px solid var(--accent);border-radius:0 8px 8px 0;font-size:.82rem;color:var(--soft);font-style:italic;line-height:1.55}
.step-lock{display:inline-flex;align-items:center;gap:6px;margin-top:10px;background:rgba(0,230,138,.08);border:1px solid rgba(0,230,138,.25);color:var(--green);font-size:.75rem;font-weight:600;padding:5px 12px;border-radius:100px}
.step-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.step-chip{background:rgba(108,99,255,.08);border:1px solid var(--line-soft);color:var(--soft);font-size:.72rem;font-weight:500;padding:3px 10px;border-radius:100px}
.step-deliverables{display:flex;flex-wrap:wrap;gap:5px 16px;margin-top:10px}
.step-del{font-size:.8rem;color:var(--green);font-weight:600}
.step-badge{display:inline-block;background:rgba(0,230,138,.1);color:var(--green);font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:100px;margin-top:8px}

/* ORCAMENTO */
#orcamento{background:var(--ink)}
.orc-wrap{background:var(--ink3);border:1px solid rgba(108,99,255,.2);border-radius:var(--r);padding:28px 24px;position:relative;overflow:hidden}
.orc-wrap::before{content:'';position:absolute;top:-80px;right:-80px;width:220px;height:220px;background:radial-gradient(circle,rgba(108,99,255,.12) 0%,transparent 65%);pointer-events:none}
.form-group{margin-bottom:16px}
label{display:block;font-size:.72rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-bottom:7px}
.field-hint{display:block;margin-top:6px;font-size:.72rem;line-height:1.45;color:var(--muted)}
.label-cupom{font-size:.82rem;letter-spacing:0;text-transform:none;line-height:1.5;color:var(--soft)}
.label-cupom-row{display:flex;align-items:flex-start}
input,select,textarea{width:100%;background:rgba(108,99,255,.05);border:1px solid var(--line-soft);color:var(--text);font-family:'Inter',sans-serif;font-size:.9rem;padding:12px 14px;border-radius:9px;outline:none;transition:border-color .2s,background .2s;-webkit-appearance:none}
input:focus,select:focus,textarea:focus{border-color:rgba(108,99,255,.55);background:rgba(108,99,255,.1)}
input.invalid,select.invalid{border-color:rgba(255,92,53,.65)!important;background:rgba(255,92,53,.06)!important}
select option{background:var(--ink3);color:var(--text)}
textarea{resize:vertical;min-height:90px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.btn-submit{width:100%;background:var(--accent);color:#fff;font-family:'Inter',sans-serif;font-size:.95rem;font-weight:700;padding:15px;border:none;border-radius:10px;cursor:pointer;transition:all .2s;box-shadow:0 8px 24px rgba(255,92,53,.3);display:flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.02em;margin-top:8px}
.btn-submit:hover{background:#ff3d17;transform:translateY(-1px);box-shadow:0 12px 32px rgba(255,92,53,.45)}
.btn-submit svg{width:18px;height:18px;fill:currentColor}

/* TRUST */
.trust-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.trust-item{display:flex;align-items:center;gap:7px;font-size:.78rem;color:var(--soft)}
.trust-icon{color:var(--green);font-size:.85rem}

/* FOOTER */
footer{border-top:1px solid var(--border);padding:32px 24px;display:flex;flex-direction:column;gap:16px}
.footer-top{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:14px}
.footer-brand-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:10px;flex:1 1 680px;max-width:860px;min-width:min(100%,320px)}
.footer-brand{font-family:'Syne',sans-serif;font-size:1rem;font-weight:800;color:var(--text);display:flex;align-items:center;gap:10px}
.footer-brand span{color:var(--accent)}
.app-version{font-family:'Inter',sans-serif;font-size:.62rem;font-weight:600;color:var(--muted);letter-spacing:.06em;border:1px solid var(--line-soft);padding:2px 7px;border-radius:100px;line-height:1}
.seo-check-btn{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(145deg,rgba(108,99,255,.18),rgba(0,230,138,.1));color:var(--text);border:1px solid var(--panel-border);border-radius:10px;font-family:'Inter',sans-serif;font-size:.73rem;font-weight:700;letter-spacing:.025em;padding:9px 13px;cursor:pointer;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s;box-shadow:0 6px 16px rgba(108,99,255,.14)}
.seo-check-btn:hover{border-color:var(--line-strong);background:linear-gradient(145deg,rgba(108,99,255,.26),rgba(0,230,138,.14));transform:translateY(-1px);box-shadow:0 10px 22px rgba(108,99,255,.2)}
.seo-check-btn:disabled{opacity:.7;cursor:wait;transform:none}
.seo-check-output{display:none;width:min(100%,860px);border:1px solid var(--panel-border);border-radius:14px;padding:12px;background:linear-gradient(160deg,var(--panel-bg),rgba(108,99,255,.05));box-shadow:var(--panel-shadow)}
.seo-check-output.visible{display:block;animation:seoPanelIn .25s ease-out}
.seo-check-why{display:none;width:min(100%,860px);font-size:.76rem;line-height:1.55;color:var(--soft);padding:10px 2px 0}
.seo-check-why.visible{display:block;animation:seoPanelIn .25s ease-out}
.seo-check-why strong{color:var(--text)}
.seo-check-why-cta{margin-top:8px;display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:10px;border:1px solid rgba(0,230,138,.42);background:linear-gradient(95deg,rgba(0,230,138,.15),rgba(108,99,255,.14));color:var(--text);font-size:.72rem;font-weight:700;letter-spacing:.02em;text-decoration:none;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s}
.seo-check-why-cta:hover{transform:translateY(-1px);border-color:rgba(0,230,138,.68);box-shadow:0 8px 22px rgba(108,99,255,.2)}
.seo-check-why-cta:focus-visible{outline:2px solid rgba(0,230,138,.75);outline-offset:2px}
.seo-check-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.seo-check-head-main{display:flex;flex-direction:column;gap:5px;min-width:0}
.seo-check-title{font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text)}
.seo-check-status{font-size:.75rem;color:var(--soft);line-height:1.4}
.seo-check-badge{display:inline-flex;align-items:center;gap:6px;width:fit-content;font-size:.64rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--green);background:rgba(0,230,138,.12);border:1px solid rgba(0,230,138,.36);padding:4px 9px;border-radius:999px}
.seo-check-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
.seo-check-action-btn{border:1px solid var(--line-soft);background:rgba(108,99,255,.08);color:var(--text);font-family:'Inter',sans-serif;font-size:.65rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:6px 10px;border-radius:999px;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
.seo-check-action-btn:hover{border-color:var(--line-strong);background:rgba(108,99,255,.16);transform:translateY(-1px)}
.seo-check-action-btn:disabled{opacity:.65;cursor:wait}
.seo-check-progress-wrap{margin:10px 0 0}
.seo-check-progress-track{height:6px;border-radius:999px;background:rgba(108,99,255,.14);overflow:hidden}
.seo-check-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--accent3),var(--green));transition:width .22s ease}
.seo-check-progress-text{margin-top:5px;font-size:.69rem;color:var(--muted)}
.seo-check-body{margin-top:10px}
.seo-check-list{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:8px}
.seo-check-item{font-size:.73rem;color:var(--soft);line-height:1.42;padding:7px 9px;border:1px solid transparent;border-radius:10px;opacity:0;transform:translateY(4px)}
.seo-check-item.is-in{opacity:1;transform:translateY(0);transition:opacity .2s ease,transform .2s ease}
.seo-check-item.pass{color:var(--green);background:var(--success-bg);border-color:rgba(0,230,138,.24)}
.seo-check-item.fail{color:var(--accent);background:var(--fail-bg);border-color:rgba(255,92,53,.27)}
.seo-check-output.is-collapsed .seo-check-body,
.seo-check-output.is-collapsed .seo-check-progress-wrap{display:none}
.seo-check-output.is-minimized .seo-check-list{max-height:156px;overflow:auto;padding-right:2px}
@keyframes seoPanelIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:920px){
  .footer-brand-wrap{max-width:100%}
  .seo-check-output{width:100%}
}
@media(max-width:760px){
  .seo-check-list{grid-template-columns:1fr}
  .seo-check-head{flex-direction:column}
  .seo-check-actions{justify-content:flex-start}
}
.footer-links{display:flex;gap:20px;flex-wrap:wrap}
.footer-links a{font-size:.78rem;color:var(--muted);text-decoration:none;transition:color .2s}
.footer-links a:hover{color:var(--accent2)}
.footer-copy{font-size:.72rem;color:var(--muted)}

/* ANIMATIONS */
.reveal{opacity:0;transform:translateY(32px);transition:opacity .65s cubic-bezier(.25,.46,.45,.94),transform .65s cubic-bezier(.25,.46,.45,.94)}
.reveal.in{opacity:1;transform:translateY(0)}
.reveal-left{opacity:0;transform:translateX(-24px);transition:opacity .6s ease,transform .6s ease}
.reveal-left.in{opacity:1;transform:translateX(0)}

/* TICKER numbers */
@keyframes countUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.hstat-n.animate{animation:countUp .6s ease forwards}

/* CUPOM */
.cupom-wrap{position:relative}
.cupom-wrap input{padding-right:90px;letter-spacing:.1em;font-weight:600;text-transform:uppercase}
.cupom-badge{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:.65rem;font-weight:700;letter-spacing:.06em;padding:3px 9px;border-radius:100px;pointer-events:none;opacity:0;transition:opacity .2s}
.cupom-badge.ok{background:rgba(0,230,138,.15);color:var(--green);opacity:1}
.cupom-badge.err{background:rgba(255,92,53,.15);color:var(--accent);opacity:1}
.field-error{font-size:.72rem;color:var(--accent);margin-top:5px;display:none}
.field-error.visible{display:block}

/* MOBILE TWEAKS */
@media(max-width:500px){
  .form-row{grid-template-columns:1fr}
  h1{font-size:2.6rem}
}
@media(min-width:768px){
  .planos-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
  .servicos-grid{grid-template-columns:1fr}
}

/* FAQ */
#faq{background:var(--ink)}
.faq-wrap{max-width:700px}
.faq-cat{margin-bottom:36px}
.faq-cat-label{font-size:.65rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent2);margin-bottom:14px;display:flex;align-items:center;gap:10px}
.faq-cat-label::after{content:'';flex:1;height:1px;background:var(--border)}
.faq-item{border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:8px;transition:border-color .25s,box-shadow .25s}
.faq-item:hover{border-color:rgba(255,255,255,.12)}
.faq-item[open]{border-color:rgba(108,99,255,.35);box-shadow:0 4px 24px rgba(108,99,255,.1)}
.faq-item summary{padding:17px 20px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.9rem;font-weight:600;color:var(--text);list-style:none;user-select:none;transition:background .2s;-webkit-tap-highlight-color:transparent}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:hover{background:rgba(255,255,255,.03)}
.faq-icon{width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0;transition:background .25s,transform .3s,border-color .25s;color:var(--soft)}
.faq-item[open] .faq-icon{background:rgba(108,99,255,.15);border-color:rgba(108,99,255,.35);color:var(--accent3);transform:rotate(45deg)}
.faq-body{padding:0 20px 18px;font-size:.875rem;color:var(--soft);line-height:1.75;border-top:1px solid var(--border);animation:faqIn .2s ease}
@keyframes faqIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.faq-body p{margin-bottom:6px}
.faq-body p:last-child{margin-bottom:0}
.faq-body ul{margin:8px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.faq-body ul li{position:relative;padding-left:18px;font-size:.85rem;line-height:1.65;word-break:break-word}
.faq-body ul li::before{content:'→';position:absolute;left:0;top:1px;color:var(--accent2);font-weight:700}
.faq-tag{display:inline-flex;align-items:center;gap:5px;background:rgba(0,230,138,.08);border:1px solid rgba(0,230,138,.2);color:var(--green);font-size:.73rem;font-weight:600;padding:3px 10px;border-radius:100px;margin-top:8px}
.faq-note{font-size:.8rem;color:var(--muted);margin-top:8px;padding:8px 12px;background:rgba(255,255,255,.03);border-radius:8px;border-left:2px solid rgba(255,185,48,.35);line-height:1.6}
.faq-cta-box{margin-top:40px;padding:26px 24px;background:linear-gradient(135deg,rgba(108,99,255,.1),rgba(255,92,53,.07));border:1px solid rgba(108,99,255,.2);border-radius:16px}
.faq-cta-box p{font-size:.9rem;color:var(--soft);line-height:1.65;margin-bottom:16px}
.faq-cta-box p strong{color:var(--text)}
:root[data-theme="light"] input,
:root[data-theme="light"] select,
:root[data-theme="light"] textarea{background:rgba(24,23,33,.02);border-color:rgba(24,23,33,.2)}
:root[data-theme="light"] input:focus,
:root[data-theme="light"] select:focus,
:root[data-theme="light"] textarea:focus{background:rgba(108,99,255,.08);border-color:rgba(76,71,168,.62)}
:root[data-theme="light"] .glow-cursor{background:radial-gradient(circle,rgba(80,72,215,.12) 0%,transparent 70%)}
:root[data-theme="light"] .hero-blob{background:radial-gradient(circle,rgba(80,72,215,.14) 0%,transparent 65%)}
:root[data-theme="light"] .hero-blob2{background:radial-gradient(circle,rgba(220,79,45,.11) 0%,transparent 65%)}
:root[data-theme="light"] .clientes-vitrine{border-color:rgba(76,71,168,.28);background:linear-gradient(145deg,rgba(108,99,255,.12),rgba(0,174,114,.07))}
:root[data-theme="light"] .clientes-vitrine-title{color:#4a427a;text-shadow:0 1px 0 rgba(255,255,255,.65)}
:root[data-theme="light"] .cliente-pill{color:#3f3696;border-color:rgba(76,71,168,.46);background:rgba(108,99,255,.17)}
:root[data-theme="light"] .cliente-pill:hover{color:#1f1a52;background:rgba(0,174,114,.22);border-color:rgba(0,174,114,.62)}
:root[data-theme="light"] .demo-pill{color:#3f3696;border-color:rgba(76,71,168,.44);background:rgba(108,99,255,.14)}
:root[data-theme="light"] .demo-pill:hover{color:#201a57}
:root[data-theme="light"] .demo-pill-jump{color:#076848;background:rgba(0,174,114,.14);border-color:rgba(0,174,114,.44)}
:root[data-theme="light"] .coming-pill.live-pill{color:#076848;background:rgba(0,174,114,.14)}
:root[data-theme="light"] .demo-label{color:#413a96;background:rgba(108,99,255,.18)}
:root[data-theme="light"] .demo-live-note{color:#4d465a}
:root[data-theme="light"] .nicho-desc-row{color:#51495f}
:root[data-theme="light"] .step-quote{background:rgba(108,99,255,.11);color:#3d3550}
:root[data-theme="light"] .step-chip{background:rgba(108,99,255,.1);color:#3d3550;border-color:rgba(24,23,33,.22)}
:root[data-theme="light"] .demo-card,
:root[data-theme="light"] .orc-wrap,
:root[data-theme="light"] .plano-card,
:root[data-theme="light"] .faq-item,
:root[data-theme="light"] .dev-trust{box-shadow:0 10px 30px rgba(22,28,46,.08)}
:root[data-theme="light"] .plano-card.featured{
  border-color:rgba(76,71,168,.36);
  background:linear-gradient(145deg,#f3efff,#e8f5ee);
}
:root[data-theme="light"] .plano-card.featured .plano-name,
:root[data-theme="light"] .plano-card.featured .plano-tagline,
:root[data-theme="light"] .plano-card.featured .feats li{
  color:#2e2940;
}
:root[data-theme="light"] .plano-card.featured .feat-check{color:#0a8659}
:root[data-theme="light"] .plano-card.featured .plano-badge-top{
  background:linear-gradient(90deg,#5146cf,#267d57);
  color:#fff;
  box-shadow:0 6px 16px rgba(81,70,207,.25);
}
:root[data-theme="light"] .plano-card.featured .plano-btn{
  background:linear-gradient(90deg,#5146cf,#7f73ff);
  color:#fff;
  box-shadow:0 8px 24px rgba(81,70,207,.3);
}
:root[data-theme="light"] .plano-card.featured .plano-btn:hover{
  box-shadow:0 12px 30px rgba(81,70,207,.36);
}
:root[data-theme="light"] .planos-compare-wrap{background:#f8f4ea;border-color:rgba(24,23,33,.14)}
:root[data-theme="light"] .planos-compare-table th{color:#4f475c}
:root[data-theme="light"] .planos-compare-table td strong{color:#26212f}
@media(max-width:560px){
  .faq-item summary{padding:15px 14px;align-items:flex-start;font-size:.88rem}
  .faq-icon{margin-top:1px}
  .faq-body{padding:0 14px 16px;font-size:.85rem}
  .faq-body ul li{padding-left:16px;font-size:.84rem}
}

/* STARFIELD CANVAS */
#starfield{position:fixed;inset:0;z-index:-1;pointer-events:none}

/* FLOATING WHATSAPP BUTTON */
.wa-float{
  position:fixed;bottom:28px;right:24px;z-index:998;
  width:58px;height:58px;border-radius:50%;
  background:#25d366;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 24px rgba(37,211,102,.50);
  text-decoration:none;
  transition:transform .2s,box-shadow .2s;
  will-change:transform;
}
.wa-float:hover{transform:scale(1.12);box-shadow:0 6px 32px rgba(37,211,102,.65)}
.wa-float svg{width:30px;height:30px;fill:#fff}
/* anel de pulso */
.wa-float::before{
  content:'';
  position:absolute;inset:-6px;border-radius:50%;
  border:2px solid rgba(37,211,102,.55);
  animation:waRing 2.4s ease-out infinite;
}
@keyframes waRing{
  0%  {transform:scale(1);opacity:.85}
  100%{transform:scale(1.55);opacity:0}
}
/* tooltip label */
.wa-float::after{
  content:'Falar no WhatsApp';
  position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%);
  background:rgba(10,10,15,.92);color:#fff;
  font-family:'Inter',sans-serif;font-size:.72rem;font-weight:600;
  white-space:nowrap;padding:6px 12px;border-radius:8px;
  border:1px solid rgba(37,211,102,.3);
  opacity:0;pointer-events:none;transition:opacity .2s;
}
.wa-float:hover::after{opacity:1}
/* DANCE ANIMATION */
@keyframes waDance{
  0%  {transform:translateY(0)    rotate(0deg)   scale(1)   }
  8%  {transform:translateY(-9px)  rotate(-14deg) scale(1.06)}
  18% {transform:translateY(-3px)  rotate(11deg)  scale(1.1) }
  28% {transform:translateY(-11px) rotate(-9deg)  scale(1.12)}
  38% {transform:translateY(-2px)  rotate(9deg)   scale(1.08)}
  48% {transform:translateY(-9px)  rotate(-7deg)  scale(1.11)}
  58% {transform:translateY(-3px)  rotate(7deg)   scale(1.07)}
  68% {transform:translateY(-7px)  rotate(-4deg)  scale(1.05)}
  80% {transform:translateY(-2px)  rotate(3deg)   scale(1.03)}
  90% {transform:translateY(-4px)  rotate(-1deg)  scale(1.01)}
  100%{transform:translateY(0)    rotate(0deg)   scale(1)   }
}
.wa-float.dancing{
  animation:waDance 1.3s cubic-bezier(.36,.07,.19,.97);
}

/* BACK TO TOP */
.back-top{position:fixed;left:18px;bottom:24px;z-index:997;display:inline-flex;align-items:center;gap:6px;padding:10px 13px;border-radius:999px;border:1px solid var(--floating-border);background:var(--floating-bg);color:var(--text);font-family:'Inter',sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.04em;cursor:pointer;opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .25s,transform .25s,border-color .2s,background .2s}
.back-top.show{opacity:1;transform:translateY(0);pointer-events:auto}
.back-top:hover{border-color:rgba(0,230,138,.45);background:rgba(0,230,138,.1)}

/* PRESENTE ESCONDIDO */
.secret-toast{position:fixed;left:50%;top:94px;z-index:1200;transform:translateX(-50%) translateY(-14px) scale(.98);width:min(92vw,440px);padding:14px 15px;border-radius:12px;border:1px solid var(--toast-border);background:var(--toast-bg);box-shadow:var(--toast-shadow);opacity:0;filter:blur(1.4px);pointer-events:none;transition:opacity .28s,transform .28s,filter .28s}
.secret-toast.show{opacity:1;transform:translateX(-50%) translateY(0) scale(1);filter:blur(0);pointer-events:auto}
.secret-toast.closing{opacity:0;transform:translateX(-50%) translateY(-20px) scale(.96);filter:blur(2.2px);pointer-events:none}
.secret-title{font-size:.8rem;font-weight:700;letter-spacing:.08em;color:var(--green);text-transform:uppercase}
.secret-text{font-size:.83rem;color:var(--soft);line-height:1.55;margin:6px 0 10px}
.secret-code-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.secret-discount{display:inline-flex;align-items:center;padding:6px 10px;border-radius:8px;background:rgba(255,184,48,.15);border:1px solid rgba(255,184,48,.45);font-size:.75rem;font-weight:800;letter-spacing:.05em;color:var(--accent2)}
.secret-code{display:inline-flex;align-items:center;padding:6px 10px;border-radius:8px;background:rgba(108,99,255,.15);border:1px solid rgba(108,99,255,.45);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;font-weight:700;letter-spacing:.06em;color:var(--pill-violet-text)}
.secret-use-btn{border:1px solid rgba(0,230,138,.35);background:rgba(0,230,138,.09);color:var(--green);font-size:.74rem;font-weight:700;padding:7px 10px;border-radius:8px;cursor:pointer;transition:background .2s,border-color .2s}
.secret-use-btn:hover{background:rgba(0,230,138,.16);border-color:rgba(0,230,138,.6)}

/* ROCKET FLIGHT */
.rocket-flight{position:fixed;left:0;top:0;z-index:1300;font-size:3rem;line-height:1;pointer-events:none;will-change:transform;filter:drop-shadow(0 0 18px rgba(255,185,48,.9)) drop-shadow(0 0 6px rgba(255,120,0,.7))}
@keyframes toastShake{
  0%,100%{transform:translateX(-50%) translateY(0) scale(1)}
  12%{transform:translateX(calc(-50% - 7px)) translateY(-2px) scale(1.02) rotate(-1.5deg)}
  24%{transform:translateX(calc(-50% + 8px)) translateY(1px) scale(1.02) rotate(1.5deg)}
  36%{transform:translateX(calc(-50% - 6px)) translateY(-1px) scale(1.01) rotate(-1deg)}
  48%{transform:translateX(calc(-50% + 5px)) translateY(0) scale(1.01) rotate(1deg)}
  64%{transform:translateX(calc(-50% - 3px)) translateY(0) scale(1)}
  80%{transform:translateX(calc(-50% + 2px)) translateY(0) scale(1)}
}
.secret-toast.shake{animation:toastShake .55s cubic-bezier(.36,.07,.19,.97) both}
.rocket-smoke{position:fixed;left:0;top:0;width:14px;height:14px;border-radius:50%;z-index:1298;pointer-events:none;background:radial-gradient(circle,rgba(220,224,232,.58) 0%,rgba(170,174,186,.38) 45%,rgba(120,124,134,0) 80%);filter:blur(1.5px);animation:smokePuff 1.7s ease-out forwards}
@keyframes smokePuff{
  0%{opacity:.8;transform:translate(0,0) scale(.45)}
  100%{opacity:0;transform:translate(var(--dx,0),var(--dy,42px)) scale(2.4)}
}

/* DISC SURPRISE FLIGHT */
.disc-flight{position:fixed;left:0;top:0;z-index:1301;font-size:2rem;line-height:1;pointer-events:none;will-change:transform;filter:drop-shadow(0 0 14px rgba(108,99,255,.75))}
.disc-trail{position:fixed;left:0;top:0;width:10px;height:10px;border-radius:50%;z-index:1299;pointer-events:none;background:radial-gradient(circle,rgba(190,182,255,.8) 0%,rgba(108,99,255,.32) 55%,rgba(108,99,255,0) 100%);filter:blur(1px);animation:discTrailFade 1.4s ease-out forwards}
@keyframes discTrailFade{
  0%{opacity:.9;transform:translate(0,0) scale(.55)}
  100%{opacity:0;transform:translate(var(--dx,0),var(--dy,30px)) scale(2)}
}