@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap');

:root{
  --bg-deep:#05030A;
  --bg-surface:rgba(18,12,30,.75);
  --bg-card:rgba(26,18,42,.70);
  --bg-card-hover:rgba(36,24,58,.88);
  --purple:#8B5CF6;
  --purple-light:#C4B5FD;
  --purple-dark:#7C3AED;
  --magenta:#C026D3;
  --gradient:linear-gradient(135deg,#8B5CF6 0%,#7C3AED 50%,#C026D3 100%);
  --white:#fff;
  --muted:#A1A1AA;
  --secondary:#F3F4F6;
  --line:rgba(139,92,246,.18);
  --radius:24px;
  --radius-sm:16px;
  --max:1200px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--bg-deep);
  color:var(--white);
  font-family:'Plus Jakarta Sans',sans-serif;
  line-height:1.65;
  overflow-x:hidden;
}
body:before{
  content:"";position:fixed;inset:0;z-index:-5;
  background:
    linear-gradient(rgba(5,3,10,.45),rgba(5,3,10,.78)),
    url('bg-purple.png') center/cover no-repeat;
  opacity:.72;pointer-events:none;
}
body:after{
  content:"";position:fixed;inset:0;z-index:-4;pointer-events:none;
  background:
    radial-gradient(circle at 15% 15%,rgba(139,92,246,.12),transparent 28%),
    radial-gradient(circle at 85% 55%,rgba(192,38,211,.08),transparent 30%);
}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:100%;max-width:var(--max);margin:auto;padding:0 24px}
.ambient{position:fixed;z-index:-3;border-radius:50%;filter:blur(90px);pointer-events:none}
.ambient-one{width:400px;height:400px;background:rgba(124,58,237,.11);top:10%;left:-180px}
.ambient-two{width:350px;height:350px;background:rgba(192,38,211,.08);right:-160px;top:52%}

.site-header{
  position:sticky;top:0;z-index:100;
  padding:15px 0;
  background:rgba(5,3,10,.78);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(139,92,246,.16);
}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}
.header-logo img{height:70px;width:auto;filter:drop-shadow(0 0 16px rgba(139,92,246,.45))}
.header-actions{display:flex;align-items:center;gap:12px}
.btn-back,.btn-header-cta,.btn-primary,.btn-secondary{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  transition:.3s ease;font-weight:700;
}
.btn-back{
  color:var(--purple-light);font-size:.88rem;padding:9px 17px;
  border:1px solid rgba(139,92,246,.22);border-radius:999px;
  background:rgba(139,92,246,.07)
}
.btn-back:hover{background:rgba(139,92,246,.18);transform:translateX(-3px)}
.btn-header-cta{
  padding:10px 18px;border-radius:999px;font-size:.88rem;
  background:rgba(139,92,246,.12);border:1px solid rgba(139,92,246,.32);
  color:#fff
}
.btn-header-cta:hover{background:var(--purple-dark);box-shadow:0 0 28px rgba(139,92,246,.45)}

.hero{position:relative;min-height:760px;display:flex;align-items:center;padding:75px 0 100px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:55px}
.hero-copy{position:relative;z-index:2}
.badge-tag,.eyebrow{
  display:inline-flex;align-items:center;
  color:var(--purple-light);text-transform:uppercase;letter-spacing:1.2px;font-weight:700
}
.badge-tag{
  padding:7px 15px;border:1px solid rgba(139,92,246,.3);border-radius:999px;
  background:rgba(139,92,246,.11);font-size:.77rem;margin-bottom:22px
}
.hero h1{
  font-family:'Outfit',sans-serif;font-size:clamp(2.65rem,5vw,3.2rem);
  line-height:1.05;letter-spacing:-1.8px;font-weight:600;margin-bottom:25px; margin-top:-50px;
}
.gradient-text{
  /*background:var(--gradient);*/-webkit-background-clip:text;background-clip:text;color:#7c3aed;
}
.hero-description{max-width:650px;color:#c7c5cc;font-size:1.02rem;line-height:1.8}
.hero-actions{margin-top:30px}
.btn-primary{
  border:0;cursor:pointer;color:#fff;background:var(--gradient);
  border-radius:14px;padding:16px 23px;box-shadow:0 0 32px rgba(139,92,246,.38);
  font-size:.93rem
}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 0 48px rgba(139,92,246,.7)}
.microcopy{font-size:.78rem;color:#85828d;margin-top:12px}
.hero-visual{position:relative;min-height:530px;display:flex;align-items:center;justify-content:center}
.visual-glow{
  position:absolute;width:450px;height:450px;border-radius:50%;
  background:rgba(139,92,246,.22);filter:blur(75px)
}
.hero-image-frame{
  width:min(470px,100%);height:520px;position:relative;overflow:hidden;
  border:1px solid rgba(196,181,253,.24);border-radius:30px;
  background:linear-gradient(145deg,rgba(36,24,58,.82),rgba(8,5,15,.75));
  box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 55px rgba(139,92,246,.25);
  transform:perspective(1000px) rotateY(-5deg)
}
.hero-image-frame img{width:100%;height:100%;object-fit:cover}
.image-placeholder,.portrait-fallback{
  position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:8px;color:rgba(255,255,255,.75);
  background:
    radial-gradient(circle at 50% 35%,rgba(139,92,246,.22),transparent 28%),
    linear-gradient(145deg,rgba(26,18,42,.85),rgba(5,3,10,.94))
}
.placeholder-icon,.portrait-fallback span{font-size:3rem;color:var(--purple-light);text-shadow:0 0 30px var(--purple)}
.image-placeholder strong,.portrait-fallback strong{font-family:'Outfit';letter-spacing:2px}
.image-placeholder small,.portrait-fallback small{color:#77737e;font-size:.7rem}
.scan-line{position:absolute;z-index:2;left:0;right:0;height:1px;background:rgba(196,181,253,.7);box-shadow:0 0 12px var(--purple);animation:scan 5s ease-in-out infinite}
@keyframes scan{0%,100%{top:8%}50%{top:92%}}
.floating-chip{
  position:absolute;padding:9px 13px;border-radius:10px;
  background:rgba(12,8,21,.82);backdrop-filter:blur(12px);
  border:1px solid rgba(139,92,246,.28);font-size:.68rem;letter-spacing:1px;color:#ddd
}
.chip-top{top:60px;right:-5px}.chip-bottom{bottom:55px;left:-20px}
.hero-fade{position:absolute;bottom:0;left:0;right:0;height:130px;background:linear-gradient(transparent,var(--bg-deep));pointer-events:none}

.section{position:relative;padding:105px 0}
.section-heading{text-align:center;max-width:820px;margin:0 auto 52px}
.eyebrow{font-size:.72rem;margin-bottom:14px}
.section-heading h2,.founder-copy h2,.faq-heading h2,.form-copy h2{
  font-family:'Outfit',sans-serif;font-size:clamp(2rem,4vw,3.35rem);line-height:1.12;letter-spacing:-1px;font-weight:800
}
.section-heading p{color:var(--muted);margin-top:16px}
.feature-grid{display:grid;gap:22px}.feature-grid.three{grid-template-columns:repeat(3,1fr)}
.feature-card{
  position:relative;min-height:350px;padding:30px;border-radius:var(--radius);
  background:linear-gradient(145deg,rgba(26,18,42,.76),rgba(12,8,21,.65));
  border:1px solid var(--line);overflow:hidden;transition:.35s ease
}
.feature-card:after{
  content:"";position:absolute;width:170px;height:170px;right:-100px;top:-100px;
  background:rgba(139,92,246,.15);filter:blur(35px);border-radius:50%
}
.feature-card:hover{transform:translateY(-7px);border-color:rgba(139,92,246,.48);box-shadow:0 20px 55px rgba(0,0,0,.45),0 0 35px rgba(139,92,246,.16)}
.card-number{position:absolute;right:25px;top:23px;color:rgba(196,181,253,.25);font-family:'Outfit';font-weight:800;font-size:1.1rem}
.icon-box{
  width:48px;height:48px;border-radius:14px;display:grid;place-items:center;
  color:var(--purple-light);background:rgba(139,92,246,.12);
  border:1px solid rgba(139,92,246,.25);font-size:1.5rem;margin-bottom:35px
}
.feature-card h3{font-family:'Outfit';font-size:1.28rem;line-height:1.25;margin-bottom:13px}
.feature-card p{font-size:.91rem;color:#aaa7b0}

.solution-section{overflow:hidden}
.purple-orb{position:absolute;width:500px;height:500px;border-radius:50%;filter:blur(100px);background:rgba(139,92,246,.11)}
.orb-left{left:-300px;top:100px}
.solution-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;align-items:center}
.solution-intro{padding:40px;text-align:center}
.system-ring{
  width:210px;height:210px;margin:0 auto 25px;border-radius:50%;
  border:1px solid rgba(139,92,246,.4);display:grid;place-items:center;
  box-shadow:inset 0 0 45px rgba(139,92,246,.08),0 0 50px rgba(139,92,246,.14);
  position:relative
}
.system-ring:before,.system-ring:after{content:"";position:absolute;border:1px dashed rgba(196,181,253,.22);border-radius:50%}
.system-ring:before{inset:17px}.system-ring:after{inset:-14px}
.system-ring span{font-family:'Outfit';font-size:3rem;font-weight:800;color:var(--purple-light)}
.solution-intro p{color:var(--muted);max-width:330px;margin:auto}
.solution-items{display:grid;gap:15px}
.solution-card{
  display:grid;grid-template-columns:55px 1fr 30px;gap:20px;align-items:center;
  padding:24px;border:1px solid var(--line);border-radius:18px;
  background:rgba(18,12,30,.7);transition:.3s ease
}
.solution-card:hover{transform:translateX(7px);border-color:rgba(139,92,246,.5);background:rgba(30,20,48,.78)}
.solution-index{font-family:'Outfit';font-size:1.15rem;color:var(--purple-light)}
.solution-card h3{font-family:'Outfit';font-size:1.25rem;margin-bottom:5px}
.solution-card p{font-size:.88rem;color:var(--muted)}
.arrow{color:var(--purple-light);font-size:1.25rem}

.founder-section{background:linear-gradient(90deg,rgba(10,6,17,.15),rgba(26,18,42,.23),rgba(10,6,17,.15))}
.founder-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}
.founder-visual{min-height:500px;display:grid;place-items:center;position:relative}
.founder-frame{
  width:min(390px,90%);height:500px;padding:9px;border-radius:30px;
  background:linear-gradient(145deg,rgba(139,92,246,.65),rgba(192,38,211,.18),rgba(139,92,246,.05));
  box-shadow:0 0 70px rgba(139,92,246,.18)
}
.portrait-placeholder{height:100%;position:relative;border-radius:24px;overflow:hidden;background:#0b0712}
.portrait-placeholder img{width:100%;height:100%;object-fit:cover}
.portrait-fallback{position:absolute}
.founder-orbit{position:absolute;border:1px solid rgba(139,92,246,.18);border-radius:50%;pointer-events:none}
.orbit-a{width:510px;height:510px}.orbit-b{width:570px;height:570px;border-style:dashed;opacity:.45}
.founder-copy{position:relative}
.quote-mark{font-family:Georgia;font-size:6rem;color:rgba(139,92,246,.35);height:65px;line-height:1;margin-top:25px}
.founder-copy blockquote{color:#c2bec9;font-size:1rem;line-height:1.85;max-width:700px}
.founder-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}
.founder-metrics div{
  min-height:100px;padding:16px;border-radius:14px;background:rgba(139,92,246,.07);
  border:1px solid rgba(139,92,246,.16);display:flex;flex-direction:column;gap:10px
}
.founder-metrics span{color:var(--purple-light);font-size:1.3rem}.founder-metrics strong{font-size:.72rem;line-height:1.35}

.future-section{overflow:hidden}
.future-bg{
  position:absolute;inset:0;z-index:-1;opacity:.28;
  background:linear-gradient(rgba(5,3,10,.72),rgba(5,3,10,.8)),url('bg-purple02.png') center/cover no-repeat
}
.roadmap{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.roadmap-item{
  display:grid;grid-template-columns:55px 1fr;gap:20px;padding:25px;
  border:1px solid var(--line);border-radius:18px;background:rgba(18,12,30,.66);
  transition:.3s ease
}
.roadmap-item:hover{border-color:rgba(139,92,246,.45);transform:translateY(-4px)}
.roadmap-item>span{font-family:'Outfit';font-size:1.15rem;color:var(--purple-light)}
.roadmap-item b{font-family:'Outfit';font-size:1.15rem}.roadmap-item p{font-size:.84rem;color:var(--muted);margin-top:6px}
.vip-cta{
  margin-top:32px;padding:28px 30px;border:1px solid rgba(139,92,246,.28);
  border-radius:20px;background:linear-gradient(100deg,rgba(26,18,42,.82),rgba(18,12,30,.64));
  display:flex;align-items:center;justify-content:space-between;gap:25px
}
.vip-cta h3{font-family:'Outfit';font-size:1.35rem}
.btn-secondary{
  white-space:nowrap;padding:14px 20px;border-radius:13px;
  background:rgba(139,92,246,.13);border:1px solid rgba(139,92,246,.35);color:#fff
}
.btn-secondary:hover{background:var(--purple-dark);box-shadow:0 0 28px rgba(139,92,246,.4)}

.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:75px;align-items:start}
.faq-heading{position:sticky;top:115px}.faq-heading p{color:var(--muted);margin-top:16px}
.faq-list{display:grid;gap:12px}
.faq-list details{border:1px solid var(--line);border-radius:16px;background:rgba(18,12,30,.65);overflow:hidden;transition:.3s}
.faq-list details[open]{border-color:rgba(139,92,246,.4);background:rgba(26,18,42,.78)}
.faq-list summary{
  list-style:none;cursor:pointer;padding:21px 22px;font-family:'Outfit';font-weight:600;
  display:flex;justify-content:space-between;gap:15px
}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary span{color:var(--purple-light);font-size:1.3rem;transition:.3s}
.faq-list details[open] summary span{transform:rotate(45deg)}
.faq-list details p{padding:0 22px 22px;color:var(--muted);font-size:.88rem}
.faq-list details strong{color:#ddd}

.form-section{padding-top:70px;padding-bottom:110px;overflow:hidden}
.form-bg{
  position:absolute;inset:0;z-index:-1;opacity:.4;
  background:linear-gradient(rgba(5,3,10,.55),rgba(5,3,10,.75)),url('bg-purple02.png') center/cover no-repeat
}
.form-box{
  display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;padding:55px;
  border:1px solid rgba(139,92,246,.32);border-radius:28px;
  background:linear-gradient(145deg,rgba(26,18,42,.92),rgba(10,6,17,.86));
  box-shadow:0 0 75px rgba(139,92,246,.16),0 30px 70px rgba(0,0,0,.55)
}
.form-copy h2{margin-top:4px}.form-copy>p{color:var(--muted);margin-top:18px;max-width:500px}
.form-promise{margin-top:25px;color:var(--purple-light);font-size:.85rem}.form-promise span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(139,92,246,.15);margin-right:7px}
.lead-form{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.lead-form label{display:flex;flex-direction:column;gap:7px;color:#ddd;font-size:.77rem;font-weight:600}
.lead-form input{
  width:100%;border:1px solid rgba(139,92,246,.22);outline:none;border-radius:12px;
  background:rgba(5,3,10,.65);padding:14px;color:#fff;font:inherit;font-size:.86rem;transition:.25s
}
.lead-form input::placeholder{color:#66636d}
.lead-form input:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(139,92,246,.1)}
.form-submit{grid-column:1/-1;width:100%;margin-top:5px}
.form-note{grid-column:1/-1;text-align:center;color:#77737e;font-size:.72rem}

.site-footer{
  padding:55px 0 30px;border-top:1px solid rgba(139,92,246,.18);
  background:rgba(5,3,10,.9);text-align:center
}
.footer-inner{display:flex;flex-direction:column;align-items:center;gap:8px;color:#8f8b95;font-size:.82rem}
.footer-logo{height:42px;width:auto;margin-bottom:10px;filter:drop-shadow(0 0 14px rgba(139,92,246,.4))}
.footer-inner strong{color:#fff}.footer-inner small{margin-top:18px}.footer-inner em{color:var(--purple-light);font-style:normal}

.whatsapp-float-widget{position:fixed;right:26px;bottom:26px;z-index:1000}
.whatsapp-float-btn{
  width:59px;height:59px;border-radius:50%;display:grid;place-items:center;
  background:var(--purple-dark);color:#fff;font-size:1.7rem;
  box-shadow:0 0 25px rgba(139,92,246,.62);animation:pulse 2.5s infinite
}
.whatsapp-float-btn:hover{transform:scale(1.1);background:var(--purple)}
.whatsapp-tooltip{
  position:absolute;right:70px;top:50%;transform:translateY(-50%);
  white-space:nowrap;padding:8px 12px;border-radius:8px;background:#17111f;
  border:1px solid rgba(139,92,246,.2);color:#ddd;font-size:.7rem;opacity:0;
  pointer-events:none;transition:.25s
}
.whatsapp-float-widget:hover .whatsapp-tooltip{opacity:1}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(139,92,246,.55)}70%{box-shadow:0 0 0 17px rgba(139,92,246,0)}}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:none}
.delay-1{transition-delay:.12s}.delay-2{transition-delay:.22s}.delay-3{transition-delay:.32s}

@media(max-width:900px){
  .hero-grid,.solution-layout,.founder-grid,.faq-grid,.form-box{grid-template-columns:1fr}
  .hero{padding-top:55px}.hero-grid{gap:35px}.hero-visual{min-height:450px}
  .hero-image-frame{height:450px}.solution-intro{padding:10px}.system-ring{width:170px;height:170px}
  .founder-grid{gap:45px}.founder-visual{min-height:470px}
  .faq-heading{position:static}.form-box{padding:38px 28px}
}
@media(max-width:700px){
  .header-actions .btn-back{display:none}
  .header-logo img{height:36px}.btn-header-cta{font-size:.75rem;padding:9px 13px}
  .hero h1{font-size:2.55rem}.hero-description{font-size:.91rem}
  .hero{min-height:auto;padding:55px 0 75px}
  .hero-visual{min-height:390px}.hero-image-frame{height:390px;transform:none}
  .floating-chip{display:none}
  .section{padding:78px 0}.feature-grid.three,.roadmap{grid-template-columns:1fr}
  .feature-card{min-height:auto}.founder-frame{height:440px}
  .founder-metrics{grid-template-columns:1fr}
  .vip-cta{flex-direction:column;align-items:flex-start}.btn-secondary{width:100%}
  .lead-form{grid-template-columns:1fr}.form-submit,.form-note{grid-column:1}
  .form-box{padding:30px 20px}.whatsapp-tooltip{display:none}
}
@media(max-width:480px){
  .container{padding:0 18px}.hero h1{font-size:2.2rem;letter-spacing:-1px}
  .badge-tag{font-size:.67rem}.btn-primary{width:100%;font-size:.78rem}
  .hero-image-frame{height:350px}.founder-frame{height:400px}
}

/* AJUSTES SOLICITADOS */
.risk-section .feature-card{text-align:center}.risk-section .icon-box{width:72px;height:72px;margin:0 auto 28px;border:0;border-radius:18px;font-size:2.1rem}
.founder-metrics{grid-template-columns:1fr;gap:12px}.founder-metrics div{min-height:auto;padding:15px 18px;display:flex;flex-direction:row;align-items:center;gap:14px}.founder-metrics span{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:rgba(139,92,246,.12);font-size:1.35rem}.founder-metrics strong{font-size:.95rem;line-height:1.45}
.social-proof-section{overflow:hidden}.social-proof-carousel{display:flex;gap:18px;overflow-x:auto;padding:8px 4px 20px;scroll-snap-type:x mandatory;scrollbar-width:thin}.social-proof-card{flex:0 0 min(360px,85vw);scroll-snap-align:start;cursor:pointer;min-height:230px;padding:28px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(26,18,42,.82),rgba(12,8,21,.72));transition:.3s}.social-proof-card:hover{transform:translateY(-5px);border-color:rgba(139,92,246,.5);box-shadow:0 18px 45px rgba(0,0,0,.4)}.proof-number{color:var(--purple-light);font-family:'Outfit';font-weight:800;font-size:.8rem;letter-spacing:1px}.social-proof-card h3{font-family:'Outfit';font-size:1.3rem;margin:22px 0 8px}.social-proof-card p{color:var(--muted);font-size:.88rem}.proof-action{display:inline-flex;margin-top:20px;color:var(--purple-light);font-size:.78rem;font-weight:700}.carousel-hint{text-align:center;color:#77737e;font-size:.75rem;margin-top:10px}
.site-modal{position:fixed;inset:0;z-index:2000;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.78);backdrop-filter:blur(10px)}.site-modal.is-open{display:flex}.modal-content{width:min(680px,100%);max-height:90vh;overflow:auto;position:relative;padding:35px;border:1px solid rgba(139,92,246,.35);border-radius:24px;background:linear-gradient(145deg,rgba(26,18,42,.98),rgba(10,6,17,.98));box-shadow:0 30px 90px rgba(0,0,0,.65)}.modal-close{position:absolute;top:14px;right:16px;width:38px;height:38px;border:0;border-radius:50%;cursor:pointer;background:rgba(139,92,246,.12);color:#fff;font-size:1.35rem}.modal-content h2{line-height:1.3em;font-size:clamp(1.7rem,4vw,2.5rem);margin-bottom:8px}.modal-content>p{color:var(--muted);margin-bottom:25px}.before-after-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.before-after-item{min-height:220px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:rgba(5,3,10,.7)}.before-after-item img{width:100%;height:220px;object-fit:cover}.before-after-label{padding:9px 12px;font-size:.72rem;font-weight:700;color:var(--purple-light)}.proof-link{display:block;margin-top:18px;padding:13px 15px;border-radius:12px;border:1px solid rgba(139,92,246,.25);background:rgba(139,92,246,.07);color:#ddd;font-size:.8rem;word-break:break-all}.modal-form{display:grid;gap:15px}.modal-form label{display:flex;flex-direction:column;gap:7px;color:#ddd;font-size:.78rem;font-weight:600}.modal-form input,.modal-form select,.lead-form select{width:100%;border:1px solid rgba(139,92,246,.22);outline:none;border-radius:12px;background:rgba(5,3,10,.65);padding:14px;color:#fff;font:inherit;font-size:.86rem}.modal-form select option,.lead-form select option{background:#120c1e;color:#fff}.modal-form input:focus,.modal-form select:focus,.lead-form select:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(139,92,246,.1)}.modal-form button{width:100%}.modal-note{text-align:center;color:#77737e;font-size:.72rem}
@media(max-width:700px){.modal-content{padding:28px 20px}.before-after-grid{grid-template-columns:1fr}.before-after-item img{height:190px}}


/* ===== CAMADA VISUAL 2.0 — clareza, ritmo e identificação ===== */
svg{display:block}.icon-box svg,.roadmap-icon svg,.search-demo-query svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.svg-fill{fill:currentColor;stroke:none}

/* RISCO: transforma a dor em uma cena que se entende antes da leitura */
.risk-visual-story{position:relative;max-width:940px;margin:0 auto 34px;display:grid;grid-template-columns:1fr 280px;gap:22px;align-items:end}
.search-demo-glow{position:absolute;left:12%;top:10%;width:430px;height:250px;border-radius:50%;background:rgba(139,92,246,.16);filter:blur(70px);pointer-events:none}
.search-demo-window{position:relative;z-index:1;border:1px solid rgba(139,92,246,.3);border-radius:22px;overflow:hidden;background:linear-gradient(145deg,rgba(25,17,40,.95),rgba(8,5,15,.92));box-shadow:0 26px 70px rgba(0,0,0,.48),0 0 42px rgba(139,92,246,.12)}
.search-demo-topbar{height:46px;display:flex;align-items:center;gap:7px;padding:0 15px;border-bottom:1px solid rgba(139,92,246,.14);background:rgba(255,255,255,.025)}
.search-demo-topbar>span{width:8px;height:8px;border-radius:50%;background:rgba(196,181,253,.3)}
.search-demo-address{margin-left:10px;flex:1;max-width:260px;padding:6px 10px;border-radius:7px;background:rgba(5,3,10,.5);font-size:.63rem;color:#706c78}
.search-demo-body{padding:24px}
.search-demo-query{display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid rgba(196,181,253,.18);border-radius:999px;background:rgba(5,3,10,.55);color:#ded8eb;font-size:.83rem}
.search-demo-query svg{width:18px;height:18px;color:var(--purple-light)}
.search-results-demo{display:grid;gap:10px;margin-top:18px}
.demo-result{display:grid;grid-template-columns:34px 1fr 24px;gap:12px;align-items:center;padding:13px;border-radius:13px;border:1px solid rgba(139,92,246,.12);background:rgba(255,255,255,.025)}
.demo-result strong{font-size:.78rem}.demo-result small{display:block;margin-top:2px;color:#77737e;font-size:.65rem}.demo-result>b{color:var(--purple-light);font-size:.9rem}
.demo-pin{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:rgba(139,92,246,.12);color:var(--purple-light);font-size:.72rem;font-weight:800}
.demo-result.is-missing{border-style:dashed;border-color:rgba(192,38,211,.34);background:rgba(192,38,211,.045)}.demo-result.is-missing .demo-pin{background:rgba(192,38,211,.12);color:#e6b5ef}.demo-result.is-missing>b{color:#d28add}
.risk-visual-caption{position:relative;z-index:1;padding:22px;border-left:2px solid var(--purple);background:linear-gradient(90deg,rgba(139,92,246,.08),transparent);border-radius:0 16px 16px 0}
.risk-visual-caption>span{display:inline-flex;margin-bottom:8px;color:var(--purple-light);font:800 .72rem 'Outfit';letter-spacing:1px}.risk-visual-caption p{color:#aaa7b0;font-size:.88rem;line-height:1.65}.risk-visual-caption strong{color:#fff}
.risk-section .icon-box svg{width:32px;height:32px}

/* 360°: conceito visual, não só decoração */
.system-visual-wrap{position:relative;width:330px;min-height:330px;margin:0 auto 16px;display:grid;place-items:center}
.system-ring{margin:0;isolation:isolate;background:radial-gradient(circle,rgba(139,92,246,.12),rgba(5,3,10,.06) 62%,transparent 63%)}
.system-ring span{position:relative;z-index:2;text-shadow:0 0 26px rgba(139,92,246,.55)}
.orbit-dot{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--purple-light);box-shadow:0 0 18px rgba(196,181,253,.9)}
.dot-a{top:-18px;left:48%}.dot-b{right:10px;bottom:38px}.dot-c{left:3px;bottom:55px}
.orbit-label{position:absolute;z-index:3;display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;background:rgba(12,8,21,.9);border:1px solid rgba(139,92,246,.25);box-shadow:0 8px 25px rgba(0,0,0,.25);color:#d8d4df;font-size:.68rem;white-space:nowrap;backdrop-filter:blur(10px)}
.orbit-label b{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:rgba(139,92,246,.13);color:var(--purple-light);font-size:.73rem}
.label-find{left:-2px;top:40px}.label-trust{right:-5px;top:89px}.label-contact{left:58px;bottom:10px}
.solution-quote{margin:7px 0 10px;color:#ded9e6!important;font-size:.91rem!important}.solution-audience{margin-top:11px;padding-top:11px;border-top:1px solid rgba(139,92,246,.1);font-size:.76rem!important}.solution-audience strong{color:var(--purple-light)}

/* PORTFÓLIO: o visitante vê algo antes de clicar */
.social-proof-card{min-height:390px!important;padding:0!important;overflow:hidden;display:flex;flex-direction:column}.social-proof-card>.proof-number,.social-proof-card>p,.social-proof-card>.proof-action{margin-left:24px;margin-right:24px}.social-proof-card>.proof-number{margin-top:21px}.social-proof-card>.proof-action{margin-bottom:24px;margin-top:auto;padding-top:16px}
.template-preview{height:190px;overflow:hidden;background:#0b0712;border-bottom:1px solid rgba(139,92,246,.16);position:relative}
.template-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(130deg,transparent 45%,rgba(139,92,246,.11));pointer-events:none}
.template-browser-bar{height:28px;padding:0 10px;display:flex;align-items:center;gap:5px;background:rgba(255,255,255,.035);border-bottom:1px solid rgba(139,92,246,.1)}
.template-browser-bar i{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.22)}.template-browser-bar span{margin-left:auto;color:#686472;font-size:.48rem;letter-spacing:1px}
.template-screen{padding:13px}.template-nav{height:7px;width:100%;border-radius:99px;background:rgba(255,255,255,.11);margin-bottom:14px}
.template-hero-mini{display:grid;grid-template-columns:1.2fr .8fr;gap:10px;align-items:center}.template-hero-mini>div{display:grid;gap:6px}.template-hero-mini b{display:block;width:82%;height:12px;border-radius:4px;background:rgba(255,255,255,.23)}.template-hero-mini em{display:block;width:93%;height:5px;border-radius:4px;background:rgba(255,255,255,.09)}.template-hero-mini em+em{width:70%}.template-hero-mini button{width:54px;height:15px;border:0;border-radius:4px;background:var(--purple);margin-top:4px}.template-hero-mini>span{height:78px;border-radius:10px;background:linear-gradient(145deg,rgba(139,92,246,.34),rgba(192,38,211,.08));border:1px solid rgba(196,181,253,.14)}
.template-cards-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.template-cards-mini i{height:35px;border-radius:7px;background:rgba(255,255,255,.045);border:1px solid rgba(139,92,246,.09)}
.preview-pro .template-hero-mini>span{border-radius:50% 50% 14px 14px;background:radial-gradient(circle at 50% 35%,rgba(196,181,253,.36),rgba(139,92,246,.09) 55%,rgba(5,3,10,.5) 56%)}
.preview-company .template-screen{background:linear-gradient(120deg,rgba(139,92,246,.035),transparent)}.preview-company .template-hero-mini>span{background:linear-gradient(45deg,rgba(139,92,246,.13),rgba(255,255,255,.05))}
.model-modal-content{width:min(820px,100%)}.modal-template-preview{height:min(430px,52vh);margin-top:22px;border:1px solid rgba(139,92,246,.22);border-radius:18px}.modal-template-preview .template-browser-bar{height:38px}.modal-template-preview .template-screen{padding:28px}.modal-template-preview .template-nav{height:10px;margin-bottom:28px}.modal-template-preview .template-hero-mini{gap:24px}.modal-template-preview .template-hero-mini b{height:25px}.modal-template-preview .template-hero-mini em{height:9px}.modal-template-preview .template-hero-mini button{width:110px;height:34px}.modal-template-preview .template-hero-mini>span{height:190px}.modal-template-preview .template-cards-mini{gap:14px;margin-top:25px}.modal-template-preview .template-cards-mini i{height:90px}.proof-modal-note{margin-top:14px!important;margin-bottom:0!important;font-size:.72rem!important;color:#77737e!important}

/* FUTURO: três serviços, cada um com memória visual própria */
.roadmap{grid-template-columns:repeat(3,1fr)!important;gap:18px}.roadmap-item{position:relative;display:flex!important;flex-direction:column;align-items:flex-start;gap:0!important;min-height:310px;padding:26px!important;overflow:hidden}.roadmap-item:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-75px;top:-75px;background:rgba(139,92,246,.11);filter:blur(25px)}
.roadmap-icon{position:relative;z-index:1;width:62px;height:62px;border-radius:18px;display:grid;place-items:center;margin-bottom:24px;background:linear-gradient(145deg,rgba(139,92,246,.2),rgba(192,38,211,.08));border:1px solid rgba(196,181,253,.18);box-shadow:inset 0 0 25px rgba(139,92,246,.08)}.roadmap-icon svg{width:30px;height:30px;color:var(--purple-light)}
.roadmap-index{position:absolute;top:22px;right:22px!important;color:rgba(196,181,253,.35)!important;font-size:.78rem!important;letter-spacing:1px}.roadmap-item>div:not(.roadmap-icon){position:relative;z-index:1}.roadmap-item b{font-size:1.22rem!important}.roadmap-item p{font-size:.86rem!important;line-height:1.65}.roadmap-item small{margin-top:auto;padding-top:22px;color:#77737e;font-size:.58rem;letter-spacing:1.3px;font-weight:700}

@media(max-width:900px){.risk-visual-story{grid-template-columns:1fr}.risk-visual-caption{max-width:640px}.roadmap{grid-template-columns:1fr!important}.roadmap-item{min-height:250px}.system-visual-wrap{margin-bottom:20px}}
@media(max-width:700px){.risk-visual-story{margin-bottom:26px}.search-demo-body{padding:16px}.search-demo-query{font-size:.73rem}.demo-result{grid-template-columns:30px 1fr 18px;padding:11px}.demo-result strong{font-size:.72rem}.demo-result small{font-size:.58rem}.system-visual-wrap{width:285px;min-height:300px;transform:scale(.94)}.orbit-label{font-size:.61rem}.label-find{left:0}.label-trust{right:0}.social-proof-card{min-height:370px!important}.modal-template-preview{height:310px}.modal-template-preview .template-screen{padding:18px}.modal-template-preview .template-hero-mini>span{height:125px}.modal-template-preview .template-cards-mini i{height:55px}}
@media(max-width:480px){.risk-visual-caption{padding:17px}.system-visual-wrap{width:265px;transform:scale(.88);margin-left:auto;margin-right:auto}.template-preview{height:175px}.modal-template-preview{height:270px}.modal-template-preview .template-hero-mini button{width:75px;height:25px}}

/* =========================================================
   ROCKSITES — PREMIUM FINAL
   refinamento de cor, proximidade, CTAs e conversão
   ========================================================= */
:root{
  --cyan:#38BDF8;
  --cyan-soft:#7DD3FC;
  --gold:#FBBF24;
  --gold-soft:#FDE68A;
  --success:#22C55E;
  --purple-solid:#7C3AED;
  --purple-solid-hover:#8B5CF6;
}

/* CTAs: sólidos, mais seguros e menos “template tech” */
.btn-primary{
  background:var(--purple-solid);
  box-shadow:0 12px 34px rgba(124,58,237,.28);
  border:1px solid rgba(255,255,255,.08);
  letter-spacing:.01em;
}
.btn-primary:hover{
  background:var(--purple-solid-hover);
  transform:translateY(-2px);
  box-shadow:0 16px 40px rgba(124,58,237,.4);
}
.btn-primary span{font-size:1.05em;transition:transform .25s ease}
.btn-primary:hover span{transform:translateX(3px)}
.btn-header-cta{background:rgba(124,58,237,.14);border-color:rgba(139,92,246,.32)}
.btn-header-cta:hover{background:var(--purple-solid);box-shadow:0 10px 28px rgba(124,58,237,.28)}
.btn-secondary{background:rgba(124,58,237,.12);border-color:rgba(139,92,246,.32)}
.btn-secondary:hover{background:var(--purple-solid);box-shadow:0 10px 28px rgba(124,58,237,.3)}
.gold-spark{color:var(--gold);text-shadow:0 0 18px rgba(251,191,36,.42)}
.microcopy{display:flex;align-items:center;gap:7px}.micro-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px rgba(251,191,36,.6)}

/* Ícones: segunda camada cromática, sem virar arco-íris */
.icon-box svg,.roadmap-icon svg,.search-demo-query svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.svg-fill{fill:currentColor!important;stroke:none!important}
.risk-section .feature-card:nth-child(1) .icon-box{
  color:var(--cyan-soft);background:rgba(56,189,248,.095);box-shadow:inset 0 0 28px rgba(56,189,248,.08),0 0 28px rgba(56,189,248,.06)
}
.risk-section .feature-card:nth-child(2) .icon-box{
  color:var(--purple-light);background:rgba(139,92,246,.11);box-shadow:inset 0 0 28px rgba(139,92,246,.08)
}
.risk-section .feature-card:nth-child(3) .icon-box{
  color:var(--gold-soft);background:rgba(251,191,36,.075);box-shadow:inset 0 0 28px rgba(251,191,36,.05),0 0 28px rgba(251,191,36,.04)
}
.risk-section .feature-card:nth-child(1){border-top-color:rgba(56,189,248,.28)}
.risk-section .feature-card:nth-child(3){border-top-color:rgba(251,191,36,.2)}

.roadmap-item:nth-child(1) .roadmap-icon{color:var(--cyan-soft);background:rgba(56,189,248,.09);border-color:rgba(56,189,248,.18)}
.roadmap-item:nth-child(2) .roadmap-icon{color:var(--purple-light);background:rgba(139,92,246,.11)}
.roadmap-item:nth-child(3) .roadmap-icon{color:var(--gold-soft);background:rgba(251,191,36,.07);border-color:rgba(251,191,36,.16)}
.roadmap-item:nth-child(1) .roadmap-index{color:rgba(125,211,252,.42)!important}
.roadmap-item:nth-child(3) .roadmap-index{color:rgba(253,230,138,.35)!important}

/* Busca: ciano indica descoberta, amarelo indica oportunidade perdida */
.search-demo-query svg{color:var(--cyan-soft)}
.demo-result.is-visible .demo-pin{color:var(--cyan-soft);background:rgba(56,189,248,.09)}
.demo-result.is-missing{border-color:rgba(251,191,36,.24);background:rgba(251,191,36,.035)}
.demo-result.is-missing .demo-pin{color:var(--gold-soft);background:rgba(251,191,36,.08)}
.demo-result.is-missing>b{color:var(--gold)}
.risk-visual-caption{border-left-color:var(--cyan)}
.risk-visual-caption>span{color:var(--cyan-soft)}

/* 360: pequenos pontos de vida, preservando o roxo como marca */
.dot-a{background:var(--cyan-soft);box-shadow:0 0 18px rgba(56,189,248,.8)}
.dot-b{background:var(--gold-soft);box-shadow:0 0 18px rgba(251,191,36,.55)}
.dot-c{background:var(--purple-light)}
.label-find b{color:var(--cyan-soft);background:rgba(56,189,248,.09)}
.label-trust b{color:var(--purple-light)}
.label-contact b{color:var(--gold-soft);background:rgba(251,191,36,.07)}

/* Formulário final: oferta + conversa, sem desconectar da amostra grátis */
.form-section{padding-top:92px;padding-bottom:125px}
.form-box{
  grid-template-columns:.95fr 1.05fr;
  gap:48px;
  padding:18px;
  border-radius:32px;
  background:linear-gradient(145deg,rgba(17,11,28,.96),rgba(8,5,15,.94));
  border:1px solid rgba(139,92,246,.26);
  box-shadow:0 34px 90px rgba(0,0,0,.48),0 0 65px rgba(124,58,237,.1);
}
.form-copy{padding:38px 30px 34px;display:flex;flex-direction:column;justify-content:center}
.offer-badge{
  display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;
  margin-bottom:20px;padding:8px 12px;border-radius:999px;
  border:1px solid rgba(251,191,36,.22);background:rgba(251,191,36,.055);
  color:#ded8eb;font:700 .68rem 'Outfit';letter-spacing:.11em
}
.offer-badge i{font-style:normal;color:var(--gold);text-shadow:0 0 16px rgba(251,191,36,.5)}
.offer-badge b{color:rgba(255,255,255,.28)}
.form-copy h2{font-size:clamp(2.1rem,3.8vw,3.15rem);max-width:610px}
.form-lead{color:#b6b2bd!important;font-size:.96rem;line-height:1.8;max-width:610px!important;margin-top:19px!important}
.form-promises{display:grid;gap:11px;margin-top:26px}
.form-promise{
  margin:0!important;display:grid;grid-template-columns:34px 1fr;gap:11px;align-items:center;
  padding:10px 0;color:inherit!important;font-size:inherit!important
}
.form-promise>span{width:31px!important;height:31px!important;margin:0!important;background:rgba(34,197,94,.08)!important;color:#86efac;border:1px solid rgba(34,197,94,.15)}
.form-promise div{display:flex;flex-direction:column;gap:1px}.form-promise strong{font-size:.84rem;color:#eeeaf3}.form-promise small{font-size:.69rem;color:#77737e}
.human-note{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;margin-top:26px;padding-top:21px;border-top:1px solid rgba(139,92,246,.12)}
.human-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--purple-solid);color:#fff;font:800 .8rem 'Outfit';box-shadow:0 8px 24px rgba(124,58,237,.25)}
.human-note p{margin:0!important;color:#85818c!important;font-size:.7rem!important;line-height:1.55!important}.human-note strong{color:#cfcbd5;font-weight:600}

.conversational-form{
  grid-template-columns:1fr 1fr;
  gap:15px;
  padding:31px;
  border-radius:24px;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(255,255,255,.055);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)
}
.form-intro{grid-column:1/-1;display:flex;gap:11px;align-items:center;padding-bottom:17px;margin-bottom:1px;border-bottom:1px solid rgba(139,92,246,.11)}
.form-intro>span{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:rgba(56,189,248,.075);color:var(--cyan-soft);font:800 .65rem 'Outfit'}
.form-intro div{display:flex;flex-direction:column}.form-intro strong{font-size:.8rem;color:#e7e3eb}.form-intro small{font-size:.64rem;color:#706c78;margin-top:1px}
.conversational-form label{font-size:.73rem;color:#cfcbd6}
.conversational-form .full-field{grid-column:1/-1}
.conversational-form input{
  min-height:50px;background:rgba(5,3,10,.55);border-color:rgba(139,92,246,.17);
  padding:14px 15px;border-radius:11px
}
.conversational-form input:hover{border-color:rgba(139,92,246,.28)}
.conversational-form input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(56,189,248,.08)}
.form-submit{min-height:54px;margin-top:3px;font-size:.8rem;letter-spacing:.025em}
.privacy-note{grid-column:1/-1;text-align:center;color:#6f6b76;font-size:.63rem;line-height:1.55}.privacy-note span{margin-right:4px}
.form-note{min-height:0}

/* WhatsApp: continua disponível, mas claramente secundário */
.whatsapp-float-widget{right:24px;bottom:24px}
.whatsapp-float-btn{
  position:relative;width:54px;height:54px;
  background:#15101d;border:1px solid rgba(139,92,246,.28);
  box-shadow:0 12px 32px rgba(0,0,0,.36),0 0 22px rgba(124,58,237,.12);
  animation:none;color:#ddd
}
.whatsapp-float-btn svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.whatsapp-float-btn:hover{transform:translateY(-2px) scale(1.03);background:#1d1528;color:#fff;border-color:rgba(139,92,246,.48)}
.wa-status{position:absolute;right:1px;bottom:2px;width:11px;height:11px;border-radius:50%;background:var(--success);border:2px solid #15101d;box-shadow:0 0 10px rgba(34,197,94,.4)}
.whatsapp-tooltip{right:65px;background:#15101d;border-color:rgba(139,92,246,.18);font-size:.68rem}

/* Pequeno refinamento: reduz o ar “scanner/cyber” sem matar o movimento */
.scan-line{opacity:.34;animation-duration:7s;box-shadow:0 0 8px rgba(139,92,246,.55)}
.floating-chip{letter-spacing:.07em;opacity:.78}

@media(max-width:900px){
  .form-box{grid-template-columns:1fr;padding:14px;gap:12px}
  .form-copy{padding:30px 24px 23px}
  .conversational-form{padding:26px 22px}
}
@media(max-width:700px){
  .offer-badge{font-size:.59rem;letter-spacing:.08em}
  .conversational-form{grid-template-columns:1fr;padding:23px 18px}
  .conversational-form label,.conversational-form .full-field{grid-column:1}
  .form-copy{padding:26px 17px 19px}
  .form-submit{font-size:.72rem;padding-left:14px;padding-right:14px}
  .human-note{margin-top:21px}
  .whatsapp-float-widget{right:18px;bottom:18px}.whatsapp-float-btn{width:50px;height:50px}
}


/* ===== E ISSO É SÓ O COMEÇO — serviços ampliados ===== */
.future-kicker{display:inline-flex;margin-bottom:14px;color:var(--purple-light);font-size:.78rem;font-weight:800;letter-spacing:1.35px;text-transform:uppercase}
.future-services-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.future-services-grid .roadmap-item{position:relative;display:flex;flex-direction:column;gap:14px;min-height:280px;padding:28px 26px;overflow:hidden}
.future-services-grid .roadmap-item:after{content:"";position:absolute;width:150px;height:150px;right:-85px;bottom:-85px;border-radius:50%;background:rgba(139,92,246,.12);filter:blur(20px);pointer-events:none}
.future-services-grid .roadmap-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:rgba(139,92,246,.12);border:1px solid rgba(139,92,246,.25);color:var(--purple-light)}
.future-services-grid .roadmap-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.future-services-grid .roadmap-index{position:absolute;top:28px;right:25px;font-size:.8rem;color:rgba(196,181,253,.55)}
.future-services-grid .roadmap-item b{display:block;font-size:1.25rem;margin-top:3px}
.future-services-grid .roadmap-item p{font-size:.9rem;line-height:1.65}
.future-services-grid .roadmap-item small{margin-top:auto;color:var(--purple-light);font-size:.67rem;font-weight:800;letter-spacing:.85px}
.vip-cta p{margin-top:4px;color:var(--muted);font-size:.86rem}
@media(max-width:1000px){.future-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.future-services-grid{grid-template-columns:1fr}.future-services-grid .roadmap-item{min-height:auto}.future-kicker{font-size:.7rem}.vip-cta p{font-size:.8rem}}


/* =========================================================
   RISCO — imagem à esquerda + argumentos à direita
   ========================================================= */
.risk-section{
  overflow:hidden;
}
.risk-heading{
  max-width:900px;
  margin-bottom:48px;
}
.risk-heading h2{
  font-size:clamp(2.2rem,4.3vw,3.7rem);
  line-height:1.08;
}

.risk-split-layout{
  display:grid;
  grid-template-columns:1.04fr .96fr;
  gap:34px;
  align-items:stretch;
}

.risk-image-column{
  min-width:0;
}
.risk-image-frame{
  height:100%;
  min-height:610px;
  border-radius:24px;
  overflow:hidden;
  border:1px solid rgba(139,92,246,.34);
  background:#090611;
  box-shadow:0 26px 70px rgba(0,0,0,.48),0 0 46px rgba(139,92,246,.13);
  position:relative;
}
.risk-image-frame::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  box-shadow:inset 0 0 50px rgba(5,3,10,.28);
}
.risk-image-frame img{
  width:100%;
  height:100%;
  min-height:610px;
  object-fit:cover;
  object-position:center;
}

.risk-content-column{
  display:grid;
  gap:14px;
  min-width:0;
}

.risk-point{
  position:relative;
  display:grid;
  grid-template-columns:76px 1fr;
  column-gap:18px;
  row-gap:6px;
  padding:24px 24px 24px 26px;
  border:1px solid rgba(139,92,246,.16);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(18,12,30,.82),rgba(10,7,18,.76));
  box-shadow:0 14px 34px rgba(0,0,0,.22);
  transition:.3s ease;
}
.risk-point:hover{
  transform:translateX(5px);
  border-color:rgba(139,92,246,.42);
  background:linear-gradient(145deg,rgba(28,18,45,.9),rgba(12,8,21,.82));
}
.risk-point-number{
  position:absolute;
  top:13px;
  left:18px;
  font-family:'Outfit',sans-serif;
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.08em;
  color:rgba(196,181,253,.72);
}
.risk-point-icon{
  grid-column:1;
  grid-row:1 / span 2;
  width:66px;
  height:66px;
  align-self:center;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:rgba(139,92,246,.08);
  border:1px solid rgba(139,92,246,.2);
  margin-top:10px;
}
.risk-point-icon svg{
  width:31px;
  height:31px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.risk-cyan{
  color:#38BDF8;
  background:rgba(56,189,248,.08);
  border-color:rgba(56,189,248,.24);
  box-shadow:0 0 24px rgba(56,189,248,.08);
}
.risk-purple{
  color:#A855F7;
  background:rgba(168,85,247,.09);
  border-color:rgba(168,85,247,.24);
  box-shadow:0 0 24px rgba(168,85,247,.08);
}
.risk-gold{
  color:#FBBF24;
  background:rgba(251,191,36,.08);
  border-color:rgba(251,191,36,.23);
  box-shadow:0 0 24px rgba(251,191,36,.07);
}
.risk-point-copy{
  grid-column:2;
  padding-right:2px;
}
.risk-point-copy h3{
  font-family:'Outfit',sans-serif;
  font-size:1.22rem;
  line-height:1.18;
  margin:0 0 10px;
}
.risk-point-copy p{
  margin:0;
  color:#aaa7b0;
  font-size:.9rem;
  line-height:1.66;
}
.risk-point-copy strong{
  color:#ece9f1;
}

/* remove a antiga composição apenas dentro da seção risco */
.risk-section .risk-visual-story,
.risk-section .feature-grid.three{
  display:none!important;
}

@media(max-width:980px){
  .risk-split-layout{
    grid-template-columns:1fr;
    gap:24px;
  }
  .risk-image-frame{
    min-height:520px;
  }
  .risk-image-frame img{
    min-height:520px;
  }
  .risk-content-column{
    grid-template-columns:1fr;
  }
}

@media(max-width:700px){
  .risk-heading{
    margin-bottom:30px;
  }
  .risk-heading h2{
    font-size:2.35rem;
  }
  .risk-image-frame{
    min-height:390px;
    border-radius:18px;
  }
  .risk-image-frame img{
    min-height:390px;
  }
  .risk-point{
    grid-template-columns:54px 1fr;
    column-gap:14px;
    padding:21px 18px 20px;
  }
  .risk-point-number{
    top:10px;
    left:15px;
    font-size:.74rem;
  }
  .risk-point-icon{
    width:48px;
    height:48px;
    border-radius:13px;
    margin-top:9px;
  }
  .risk-point-icon svg{
    width:24px;
    height:24px;
  }
  .risk-point-copy h3{
    font-size:1.08rem;
  }
  .risk-point-copy p{
    font-size:.88rem;
    line-height:1.62;
  }
}

@media(max-width:480px){
  .risk-heading h2{
    font-size:2rem;
  }
  .risk-image-frame{
    min-height:330px;
  }
  .risk-image-frame img{
    min-height:330px;
  }
  .risk-point{
    grid-template-columns:1fr;
    padding:52px 18px 20px;
  }
  .risk-point-icon{
    grid-column:1;
    grid-row:auto;
    width:46px;
    height:46px;
    margin:0 0 3px;
  }
  .risk-point-copy{
    grid-column:1;
  }
}


/* ===== AJUSTE 10/09 — RISCO + DESAFIOS ===== */
/* Números são texto HTML: mais nítidos, responsivos e acessíveis que uma imagem. */
.risk-point{position:relative;display:grid!important;grid-template-columns:104px minmax(0,1fr)!important;gap:24px!important;align-items:center!important;padding:30px 0!important;border-bottom:1px solid rgba(139,92,246,.16)}
.risk-point:last-child{border-bottom:0}
.risk-point-number{font-family:'Outfit',sans-serif!important;font-size:clamp(4.8rem,7vw,7.4rem)!important;line-height:.78!important;font-weight:800!important;letter-spacing:-.08em!important;color:rgba(139,92,246,.16)!important;text-align:left!important;align-self:center}
.risk-point-copy h3{margin:0 0 9px!important}.risk-point-copy p{margin:0!important}

/* Desafios: remove o 360 e transforma cada caso em uma faixa visual imagem + conteúdo. */
.solution-layout-v2{display:block!important;max-width:1050px;margin:0 auto}
.solution-items-v2{display:grid;grid-template-columns:1fr;gap:22px}
.solution-card-v2{display:grid!important;grid-template-columns:minmax(260px,36%) 1fr!important;gap:0!important;align-items:stretch!important;padding:0!important;min-height:250px;overflow:hidden;border-radius:22px;background:linear-gradient(110deg,rgba(25,17,40,.88),rgba(12,8,21,.72))}
.solution-card-v2:hover{transform:translateY(-4px)!important}
.solution-card-image{position:relative;min-height:250px;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(139,92,246,.22),transparent 48%),#0c0815;border-right:1px solid rgba(139,92,246,.18)}
.solution-card-image img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .55s ease}
.solution-card-v2:hover .solution-card-image img{transform:scale(1.035)}
.solution-image-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:rgba(196,181,253,.38);font-family:'Outfit';font-size:.72rem;font-weight:700;letter-spacing:.18em}
.solution-card-image img:not([style*="display: none"])+.solution-image-placeholder{opacity:0}
.solution-card-content{position:relative;padding:34px 38px 30px;display:flex;flex-direction:column;justify-content:center}
.solution-card-content .solution-index{position:absolute;right:30px;top:24px;font-size:2.3rem!important;line-height:1;color:rgba(196,181,253,.13)!important;font-weight:800}
.solution-card-content h3{font-size:1.35rem!important;padding-right:60px;margin-bottom:9px!important}
.solution-card-content .solution-quote{font-size:1rem!important;color:#fff!important;margin-bottom:10px}
.solution-card-content>p:not(.solution-quote):not(.solution-audience){font-size:.94rem!important;line-height:1.7}
.solution-card-content .solution-audience{margin-top:17px;padding-top:14px;border-top:1px solid rgba(139,92,246,.14);font-size:.78rem!important}

@media(max-width:900px){
 .risk-point{grid-template-columns:78px minmax(0,1fr)!important;gap:18px!important}.risk-point-number{font-size:4.7rem!important}
 .solution-card-v2{grid-template-columns:38% 1fr!important}.solution-card-content{padding:28px 26px}
}
@media(max-width:700px){
 .risk-point{grid-template-columns:58px minmax(0,1fr)!important;gap:14px!important;padding:24px 0!important}.risk-point-number{font-size:3.6rem!important;letter-spacing:-.07em!important}.risk-point-copy h3{font-size:1.12rem!important}.risk-point-copy p{font-size:.9rem!important;line-height:1.6!important}
 .solution-card-v2{grid-template-columns:1fr!important;min-height:0}.solution-card-image{min-height:210px;border-right:0;border-bottom:1px solid rgba(139,92,246,.18)}.solution-card-content{padding:26px 22px 25px}.solution-card-content .solution-index{right:20px;top:21px;font-size:2rem!important}.solution-card-content h3{padding-right:52px;font-size:1.15rem!important}.solution-card-content .solution-quote{font-size:.94rem!important}
}


/* =========================================================
   PORTFÓLIO FINAL — visual primeiro, informação no clique
   ========================================================= */
.portfolio-section{
  overflow:hidden;
}
.portfolio-kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-bottom:14px;
  color:var(--purple-light);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.portfolio-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.portfolio-card{
  min-height:0!important;
  padding:0!important;
  overflow:hidden;
  cursor:pointer;
  border-radius:22px!important;
  background:linear-gradient(145deg,rgba(22,14,36,.9),rgba(9,6,16,.82))!important;
  border:1px solid rgba(139,92,246,.22)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.25);
  scroll-snap-align:none!important;
  flex:none!important;
}
.portfolio-card:focus-visible{
  outline:2px solid var(--purple-light);
  outline-offset:4px;
}
.portfolio-shot{
  position:relative;
  height:315px;
  overflow:hidden;
  background:#0a0711;
  border-bottom:1px solid rgba(139,92,246,.16);
}
.portfolio-shot img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top center;
  transition:transform .55s ease,filter .55s ease;
}
.portfolio-overlay{
  position:absolute;
  inset:0;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding:20px;
  background:linear-gradient(180deg,transparent 45%,rgba(4,2,8,.84));
  opacity:0;
  transition:.3s ease;
}
.portfolio-overlay span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 15px;
  border:1px solid rgba(196,181,253,.38);
  border-radius:999px;
  background:rgba(10,6,17,.78);
  backdrop-filter:blur(10px);
  color:#fff;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.08em;
}
.portfolio-card:hover{
  transform:translateY(-6px)!important;
  border-color:rgba(139,92,246,.52)!important;
  box-shadow:0 24px 65px rgba(0,0,0,.42),0 0 34px rgba(139,92,246,.12)!important;
}
.portfolio-card:hover .portfolio-shot img{
  transform:scale(1.035);
  filter:saturate(1.04) contrast(1.02);
}
.portfolio-card:hover .portfolio-overlay{
  opacity:1;
}
.portfolio-card-footer{
  padding:20px 22px 22px;
}
.portfolio-category{
  display:block;
  color:var(--purple-light);
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:8px;
}
.portfolio-card-footer h3{
  margin:0!important;
  font-family:'Outfit',sans-serif;
  font-size:1.28rem!important;
  line-height:1.2;
}

/* remove o formato antigo de carrossel apenas nesta área */
.portfolio-section .social-proof-carousel{
  display:none!important;
}
.portfolio-section .social-proof-card>.proof-number,
.portfolio-section .social-proof-card>p,
.portfolio-section .social-proof-card>.proof-action,
.portfolio-section .template-preview{
  display:none!important;
}

/* Faixa para quem já possui site — sem criar um quarto "serviço" */
.existing-site-strip{
  margin-top:30px;
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  align-items:center;
  gap:34px;
  padding:28px 32px;
  border:1px solid rgba(139,92,246,.28);
  border-radius:24px;
  background:
    radial-gradient(circle at 12% 50%,rgba(56,189,248,.08),transparent 34%),
    linear-gradient(110deg,rgba(15,10,27,.9),rgba(26,17,43,.78));
  overflow:hidden;
}
.existing-site-visual{
  min-height:190px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:14px;
}
.site-evolution-card{
  position:relative;
  padding:12px;
  border-radius:16px;
  border:1px solid rgba(139,92,246,.2);
  background:#090611;
}
.site-evolution-card>span{
  display:block;
  margin-bottom:9px;
  color:#85808e;
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.12em;
}
.site-after{
  border-color:rgba(139,92,246,.48);
  box-shadow:0 0 35px rgba(139,92,246,.14);
}
.site-after>span{color:var(--purple-light)}
.evolution-arrow{
  color:var(--purple-light);
  font-size:1.55rem;
}
.mini-browser{
  height:128px;
  position:relative;
  overflow:hidden;
  border-radius:10px;
  background:linear-gradient(145deg,#17111f,#0b0712);
  border:1px solid rgba(255,255,255,.05);
  padding:13px;
}
.mini-browser i{
  display:inline-block;
  width:6px;height:6px;border-radius:50%;
  margin-right:3px;
  background:rgba(255,255,255,.18);
}
.mini-browser b,.mini-browser em{
  display:block;
  border-radius:999px;
  background:rgba(255,255,255,.1);
}
.mini-browser b{
  width:62%;height:12px;margin:23px 0 11px;
}
.mini-browser em{
  width:88%;height:7px;margin-top:7px;
}
.site-before .mini-browser{
  filter:saturate(.35);
  opacity:.72;
}
.site-after .mini-browser{
  background:
    radial-gradient(circle at 75% 35%,rgba(139,92,246,.24),transparent 26%),
    linear-gradient(145deg,#1b1030,#090611);
}
.site-after .mini-browser b{
  background:rgba(139,92,246,.55);
}
.existing-site-kicker{
  color:#7737e4;
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.14em;
}
.existing-site-copy h3{
  margin:8px 0 12px;
  font:700 clamp(1.7rem,3vw,2.4rem)/1.05 'Outfit',sans-serif;
}
.existing-site-copy h3 span{color:var(--purple-light)}
.existing-site-copy p{
  color:#aaa7b0;
  font-size:.92rem;
  line-height:1.7;
  max-width:650px;
}
.existing-site-cta{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-top:18px;
  color:#fff;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.04em;
  padding-bottom:5px;
  border-bottom:1px solid rgba(196,181,253,.55);
}
.existing-site-cta b{
  color:var(--purple-light);
  transition:.25s ease;
}
.existing-site-cta:hover b{
  transform:translateX(5px);
}

/* Modal do portfólio */
.portfolio-modal-content{
  width:min(920px,100%)!important;
  padding:34px!important;
}
.portfolio-modal-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  padding-right:45px;
}
.portfolio-modal-head h2{
  margin-top:3px;
}
.portfolio-modal-head p{
  margin:10px 0 0!important;
  max-width:620px;
}
.portfolio-modal-category{
  flex:0 0 auto;
  padding:8px 11px;
  border-radius:999px;
  border:1px solid rgba(139,92,246,.3);
  color:var(--purple-light);
  font-size:.63rem;
  font-weight:800;
  letter-spacing:.09em;
  white-space:nowrap;
}
.portfolio-modal-image{
  margin-top:24px;
  height:340px;
  overflow:hidden;
  border-radius:17px;
  border:1px solid rgba(139,92,246,.24);
  background:#08050e;
}
.portfolio-modal-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top center;
}
.portfolio-modal-grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:16px;
  margin-top:18px;
}
.portfolio-modal-block{
  min-height:170px;
  padding:20px;
  border-radius:15px;
  border:1px solid rgba(139,92,246,.16);
  background:rgba(139,92,246,.045);
}
.portfolio-modal-block>span{
  display:block;
  margin-bottom:11px;
  color:var(--purple-light);
  font-size:.66rem;
  font-weight:800;
  letter-spacing:.12em;
}
.portfolio-modal-block p{
  margin:0!important;
  color:#b7b3bd!important;
  font-size:.86rem!important;
  line-height:1.72;
}
.portfolio-modal-block ul{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px 16px;
}
.portfolio-modal-block li{
  position:relative;
  padding-left:18px;
  color:#c5c1ca;
  font-size:.8rem;
}
.portfolio-modal-block li::before{
  content:"✓";
  position:absolute;
  left:0;
  color:#7dd3fc;
  font-weight:800;
}
.portfolio-modal-actions{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  margin-top:20px;
}
.portfolio-modal-actions p{
  margin:0!important;
  color:#77737e!important;
  font-size:.72rem!important;
}
.portfolio-open-site{
  flex:0 0 auto;
  white-space:nowrap;
}

/* Responsividade */
@media(max-width:900px){
  .portfolio-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .portfolio-card:last-child{
    grid-column:1/-1;
    max-width:560px;
    width:100%;
    justify-self:center;
  }
  .existing-site-strip{
    grid-template-columns:1fr;
  }
  .existing-site-visual{
    max-width:620px;
    width:100%;
    margin:auto;
  }
}
@media(max-width:700px){
  .portfolio-grid{
    grid-template-columns:1fr;
  }
  .portfolio-card:last-child{
    grid-column:auto;
    max-width:none;
  }
  .portfolio-shot{
    height:280px;
  }
  .portfolio-card-footer{
    padding:17px 18px 19px;
  }
  .existing-site-strip{
    padding:24px 20px;
    gap:24px;
  }
  .existing-site-visual{
    min-height:0;
  }
  .mini-browser{
    height:105px;
  }
  .portfolio-modal-content{
    padding:27px 18px 22px!important;
  }
  .portfolio-modal-head{
    display:block;
    padding-right:32px;
  }
  .portfolio-modal-category{
    display:inline-flex;
    margin-top:13px;
  }
  .portfolio-modal-image{
    height:245px;
  }
  .portfolio-modal-grid{
    grid-template-columns:1fr;
  }
  .portfolio-modal-block ul{
    grid-template-columns:1fr;
  }
  .portfolio-modal-actions{
    flex-direction:column;
    align-items:stretch;
  }
  .portfolio-open-site{
    width:100%;
  }
}
@media(max-width:480px){
  .portfolio-shot{
    height:235px;
  }
  .existing-site-visual{
    gap:8px;
  }
  .site-evolution-card{
    padding:8px;
  }
  .evolution-arrow{
    font-size:1.15rem;
  }
  .mini-browser{
    height:88px;
    padding:9px;
  }
  .mini-browser b{
    margin-top:18px;
  }
  .portfolio-modal-image{
    height:200px;
  }
}


/* ===== UI/UX 2026 — lapidação final ===== */
body{font-size:16px}
.section-heading p,.hero-description,.solution-card-content>p:not(.solution-audience),
.founder-copy blockquote,.existing-site-copy p,.roadmap-item p,.faq-list details p,.form-copy>p{
  font-size:clamp(15px,1.1vw,17px)!important
}
.eyebrow,.portfolio-kicker,.future-kicker,.existing-site-kicker,.portfolio-category{font-size:13px!important}
.microcopy,.solution-audience,.portfolio-modal-block>span,.portfolio-modal-category,
.portfolio-modal-actions p,.privacy-note,.form-note{font-size:12px!important}

/* header */
.site-header{padding:12px 0}
.header-inner{min-height:66px}
.header-logo img{height:58px}
.desktop-nav{display:flex;align-items:center;gap:30px;margin-left:auto;margin-right:22px}
.desktop-nav a{position:relative;color:#c9c5d0;font-size:14px;font-weight:600;transition:.25s}
.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--purple);border-radius:999px;transition:.25s}
.desktop-nav a:hover{color:#fff}.desktop-nav a:hover:after{right:0}
.btn-back{display:none!important}
.btn-header-cta{min-height:44px;padding:11px 18px}
.mobile-menu-toggle{display:none;width:44px;height:44px;border:1px solid rgba(139,92,246,.26);border-radius:12px;background:rgba(139,92,246,.07);cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.mobile-menu-toggle span{width:20px;height:2px;border-radius:3px;background:#fff;transition:.25s}
.mobile-menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.mobile-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.mobile-menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-menu{display:none}body.menu-open{overflow:hidden}

/* bordas mais discretas */
.solution-card-v2,.roadmap-item,.faq-list details,.portfolio-modal-block{border-color:rgba(139,92,246,.11)!important}
.solution-card-v2:hover,.roadmap-item:hover,.faq-list details[open]{border-color:rgba(139,92,246,.34)!important}
.portfolio-card{border-color:rgba(139,92,246,.10)!important;box-shadow:0 18px 45px rgba(0,0,0,.18)!important}
.portfolio-card:hover{border-color:rgba(139,92,246,.42)!important}
.founder-frame{background:linear-gradient(145deg,rgba(139,92,246,.30),rgba(139,92,246,.05))!important}

/* antes / depois full bleed */
.existing-site-strip{grid-template-columns:1.05fr .95fr!important;gap:38px!important;padding:28px!important;border-color:rgba(139,92,246,.18)!important}
.existing-site-visual{min-height:260px!important;gap:14px!important;align-items:stretch!important}
.site-evolution-card{position:relative;min-width:0;min-height:260px;padding:0!important;overflow:hidden;border-radius:18px!important;border:0!important;background:#08050e!important;box-shadow:none!important;margin:0}
.site-evolution-card img{width:100%;height:100%;min-height:260px;object-fit:cover;object-position:center;display:block}
.site-evolution-card figcaption{position:absolute;top:12px;left:12px;z-index:2;padding:8px 12px;border-radius:999px;background:rgba(5,3,10,.78);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);color:#e5e2ea;font-size:12px;line-height:1;font-weight:800;letter-spacing:.1em}
.site-after figcaption{color:#fff;border-color:rgba(139,92,246,.45);background:rgba(91,33,182,.72);box-shadow:0 0 22px rgba(139,92,246,.22)}
.evolution-arrow{display:grid;place-items:center;min-width:34px;font-size:1.8rem!important;color:var(--purple-light)}
.mini-browser{display:none!important}
.desktop-nav a,.existing-site-cta,.proof-action{min-height:44px;display:inline-flex;align-items:center}

@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

@media(max-width:900px){
  .desktop-nav{display:none}.mobile-menu-toggle{display:flex}.header-actions{margin-left:auto}
  .mobile-menu{display:block;max-height:0;overflow:hidden;opacity:0;border-top:1px solid transparent;background:rgba(5,3,10,.97);backdrop-filter:blur(18px);transition:max-height .35s,opacity .25s}
  .mobile-menu.is-open{max-height:430px;opacity:1;border-top-color:rgba(139,92,246,.18)}
  .mobile-menu-inner{padding-top:16px;padding-bottom:22px;display:grid;gap:4px}
  .mobile-menu a{min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 4px;color:#d8d4df;font-size:16px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.055)}
  .mobile-menu .mobile-menu-cta{margin-top:12px;justify-content:center;border:1px solid rgba(139,92,246,.34);border-radius:13px;background:var(--purple-dark);color:#fff}
  .existing-site-strip{grid-template-columns:1fr!important}.existing-site-visual{width:100%!important;max-width:none!important}
}

@media(max-width:700px){
  .site-header{padding:8px 0}.header-inner{min-height:56px}.header-logo img{height:42px!important}.btn-header-cta{display:none}
  .section-heading p,.hero-description,.solution-card-content>p:not(.solution-audience),.founder-copy blockquote,.existing-site-copy p,.roadmap-item p,.faq-list details p,.form-copy>p{font-size:15px!important;line-height:1.7!important}
  .eyebrow,.portfolio-kicker,.future-kicker,.existing-site-kicker,.portfolio-category{font-size:12px!important}
  .existing-site-strip{padding:20px!important}.existing-site-visual{grid-template-columns:1fr!important;gap:12px!important;min-height:0!important}
  .site-evolution-card{min-height:240px!important}.site-evolution-card img{min-height:240px!important;height:240px!important;object-fit:cover!important}
  .evolution-arrow{min-height:34px;transform:rotate(90deg)}.site-evolution-card figcaption{top:10px;left:10px;font-size:11px}
  .existing-site-copy{padding-top:6px}.portfolio-modal-block li,.portfolio-modal-block p{font-size:14px!important}
}

@media(max-width:430px){
  .container{padding-left:18px;padding-right:18px}
  .hero h1{font-size:clamp(2rem,10.8vw,2.45rem)!important;line-height:1.04!important}
  .section-heading h2,.founder-copy h2,.faq-heading h2,.form-copy h2{font-size:clamp(1.9rem,9vw,2.25rem)!important}
  .site-evolution-card,.site-evolution-card img{min-height:215px!important;height:215px!important}
  .form-box{padding:26px 18px!important}.lead-form label{font-size:14px!important}
  .lead-form input,.lead-form select{min-height:48px;font-size:16px!important}
}


/* =========================================================
   REFINO FINAL 2026 — tipografia, escala, respiro e sombras
   ========================================================= */

/* 1) Todos os títulos principais seguem o mesmo DNA do HERO */
.section-heading h2,
.founder-copy h2,
.faq-heading h2,
.form-copy h2{
  font-family:'Outfit',sans-serif!important;
  font-size:clamp(2.45rem,4.5vw,3.2rem)!important;
  line-height:1.06!important;
  letter-spacing:-1.6px!important;
  font-weight:600!important;
}

/* Mantém os títulos internos proporcionais ao novo padrão */
.risk-point-copy h3,
.solution-card-content h3,
.portfolio-card-footer h3,
.existing-site-copy h3,
.roadmap-item b,
.vip-cta h3{
  font-family:'Outfit',sans-serif;
  font-weight:600!important;
}

/* 2) Mais respiro entre blocos, sem aumentar os próprios cards */
.section{
  padding-top:96px;
  padding-bottom:96px;
}
.section-heading{
  margin-bottom:44px;
}
.solution-items-v2{
  gap:24px!important;
}
.portfolio-grid{
  gap:26px!important;
}
.future-services-grid{
  gap:22px!important;
}
.risk-content-column{
  gap:18px!important;
}

/* 3) Remove bordas dos cards/blocos visuais, exceto FAQ */
.feature-card,
.risk-point,
.solution-card,
.solution-card-v2,
.social-proof-card,
.portfolio-card,
.roadmap-item,
.vip-cta,
.existing-site-strip,
.site-evolution-card,
.portfolio-modal-block,
.form-box,
.founder-frame,
.hero-image-frame,
.risk-image-frame,
.portfolio-modal-image{
  border:0!important;
}

/* FAQ continua com borda, como solicitado */
.faq-list details{
  border:1px solid rgba(139,92,246,.24)!important;
}
.faq-list details[open]{
  border-color:rgba(139,92,246,.48)!important;
}

/* 4) Sombra lilás suave substitui a borda */
.feature-card,
.risk-point,
.solution-card,
.solution-card-v2,
.social-proof-card,
.portfolio-card,
.roadmap-item,
.vip-cta,
.existing-site-strip,
.portfolio-modal-block,
.form-box{
  box-shadow:
    0 20px 44px rgba(0,0,0,.24),
    0 10px 34px rgba(139,92,246,.10)!important;
}

.hero-image-frame,
.risk-image-frame,
.solution-card-image,
.portfolio-shot,
.founder-frame,
.site-evolution-card,
.portfolio-modal-image{
  box-shadow:
    0 22px 48px rgba(0,0,0,.28),
    0 12px 38px rgba(139,92,246,.14)!important;
}

/* Hover: eleva com sutileza, sem reaparecer borda */
.feature-card:hover,
.risk-point:hover,
.solution-card:hover,
.solution-card-v2:hover,
.portfolio-card:hover,
.roadmap-item:hover{
  border:0!important;
  box-shadow:
    0 26px 58px rgba(0,0,0,.30),
    0 14px 42px rgba(139,92,246,.18)!important;
}

/* 5) Reduz escala dos cards e imagens para a tela "respirar" */
.risk-split-layout{
  max-width:1120px;
  margin-inline:auto;
  grid-template-columns:.96fr 1.04fr!important;
  gap:38px!important;
}
.risk-image-frame{
  min-height:500px!important;
  border-radius:20px!important;
}
.risk-image-frame img{
  min-height:500px!important;
}
.risk-point{
  padding:21px 22px 21px 24px!important;
  border-radius:16px!important;
}
.risk-point-number{
  font-size:clamp(2.8rem,5.3vw,4.8rem)!important;
  line-height:.9!important;
  /*opacity:.15;*/
}

/* Desafios: cards mais baixos e imagens mais controladas */
.solution-card-v2{
  min-height:0!important;
  grid-template-columns:minmax(240px,.82fr) 1.18fr!important;
  border-radius:20px!important;
}
.solution-card-image{
  min-height:180px!important;
  max-height:230px!important;
}
.solution-card-image img{
  min-height:180px!important;
  height:100%!important;
  object-fit:cover!important;
}
.solution-card-content{
  padding:27px 31px!important;
}
.solution-card-content h3{
  font-size:1.22rem!important;
}
.solution-card-content .solution-quote{
  font-size:.96rem!important;
}

/* Fundador: fotografia um pouco menor */
.founder-grid{
  grid-template-columns:.78fr 1.22fr!important;
  gap:74px!important;
}
.founder-visual{
  min-height:440px!important;
}
.founder-frame{
  width:min(350px,88%)!important;
  height:450px!important;
  padding:0!important;
  border-radius:26px!important;
}
.portrait-placeholder{
  border-radius:26px!important;
}
.orbit-a{width:455px!important;height:455px!important}
.orbit-b{width:510px!important;height:510px!important}

/* Portfólio: previews menores, mas com destaque visual */
.portfolio-grid{
  max-width:1120px;
  margin-inline:auto;
}
.portfolio-shot{
  height:265px!important;
}
.portfolio-card{
  border-radius:20px!important;
}
.portfolio-card-footer{
  padding:17px 20px 19px!important;
}
.portfolio-card-footer h3{
  font-size:1.16rem!important;
}

/* Antes / Depois: compacto e ainda legível */
.existing-site-strip{
  max-width:1120px;
  margin:34px auto 0!important;
  padding:24px!important;
  gap:32px!important;
  border-radius:22px!important;
}
.existing-site-visual{
  min-height:220px!important;
}
.site-evolution-card{
  min-height:220px!important;
  border-radius:16px!important;
}
.site-evolution-card img{
  min-height:220px!important;
}
.existing-site-copy h3{
  font-size:clamp(1.8rem,3vw,2.35rem)!important;
}

/* Soluções futuras: cards menos altos */
.roadmap-item{
  min-height:235px!important;
  padding:23px!important;
  border-radius:17px!important;
}
.future-services-grid .roadmap-icon{
  width:48px!important;
  height:48px!important;
}
.vip-cta{
  padding:24px 26px!important;
}

/* Formulário: preserva presença, mas sem ocupar excessivamente a tela */
.form-box{
  max-width:1120px;
  margin-inline:auto;
  padding:16px!important;
  gap:38px!important;
}
.form-copy{
  padding:34px 31px!important;
}
.conversational-form{
  padding:30px!important;
}

/* Modais também mais equilibrados */
.portfolio-modal-image{
  height:300px!important;
}
.portfolio-modal-block{
  min-height:150px!important;
  padding:18px!important;
}

/* 6) Menu — reforço de estabilidade */
.site-header{
  width:100%;
}
.header-inner{
  min-width:0;
}
.desktop-nav{
  min-width:0;
}
.desktop-nav a{
  white-space:nowrap;
}
.mobile-menu-toggle{
  flex:0 0 44px;
}

/* 7) TABLET */
@media(max-width:1000px){
  .section{
    padding-top:82px;
    padding-bottom:82px;
  }
  .section-heading h2,
  .founder-copy h2,
  .faq-heading h2,
  .form-copy h2{
    font-size:clamp(2.2rem,5.3vw,2.85rem)!important;
  }
  .risk-split-layout{
    grid-template-columns:1fr!important;
    gap:28px!important;
  }
  .risk-image-frame,
  .risk-image-frame img{
    min-height:440px!important;
  }
  .solution-card-v2{
    grid-template-columns:minmax(220px,.85fr) 1.15fr!important;
  }
  .founder-grid{
    gap:48px!important;
  }
  .portfolio-shot{
    height:245px!important;
  }
}

/* 8) MOBILE */
@media(max-width:700px){
  .section{
    padding-top:68px!important;
    padding-bottom:68px!important;
  }
  .section-heading{
    margin-bottom:34px!important;
  }
  .section-heading h2,
  .founder-copy h2,
  .faq-heading h2,
  .form-copy h2{
    font-size:clamp(2rem,9.3vw,2.45rem)!important;
    line-height:1.07!important;
    letter-spacing:-1.1px!important;
    font-weight:600!important;
  }

  /* Menu sem estouro */
  .header-inner{
    gap:12px!important;
  }
  .header-logo{
    min-width:0;
  }
  .header-logo img{
    max-width:180px;
    height:40px!important;
    object-fit:contain;
  }
  .mobile-menu{
    width:100%;
  }
  .mobile-menu-inner{
    max-height:calc(100vh - 72px);
    overflow-y:auto;
  }

  /* Risco */
  .risk-image-frame,
  .risk-image-frame img{
    min-height:330px!important;
    height:330px!important;
    border-radius:17px!important;
  }
  .risk-point{
    padding:20px!important;
  }
  .risk-point-number{
    font-size:3.25rem!important;
  }
  .risk-point-copy h3{
    font-size:1.08rem!important;
  }

  /* Desafio */
  .solution-items-v2{
    gap:20px!important;
  }
  .solution-card-v2{
    grid-template-columns:1fr!important;
    overflow:hidden;
  }
  .solution-card-image{
    min-height:190px!important;
    max-height:210px!important;
  }
  .solution-card-image img{
    height:200px!important;
    min-height:200px!important;
  }
  .solution-card-content{
    padding:23px 20px 24px!important;
  }

  /* Fundador */
  .founder-grid{
    gap:34px!important;
  }
  .founder-visual{
    min-height:380px!important;
  }
  .founder-frame{
    width:min(315px,86vw)!important;
    height:390px!important;
  }
  .orbit-a{width:370px!important;height:370px!important}
  .orbit-b{width:410px!important;height:410px!important}

  /* Portfolio */
  .portfolio-grid{
    gap:20px!important;
  }
  .portfolio-shot{
    height:230px!important;
  }
  .portfolio-card-footer{
    padding:16px 17px 18px!important;
  }

  /* Antes / Depois */
  .existing-site-strip{
    padding:18px!important;
    gap:24px!important;
  }
  .existing-site-visual{
    gap:14px!important;
  }
  .site-evolution-card,
  .site-evolution-card img{
    min-height:210px!important;
    height:210px!important;
  }
  .evolution-arrow{
    margin:0!important;
  }

  /* Futuro */
  .future-services-grid{
    gap:16px!important;
  }
  .roadmap-item{
    min-height:auto!important;
    padding:21px!important;
  }

  /* Form */
  .form-box{
    padding:10px!important;
    gap:10px!important;
  }
  .form-copy{
    padding:27px 20px!important;
  }
  .conversational-form{
    padding:24px 20px!important;
  }
}

/* 9) CELULARES PEQUENOS */
@media(max-width:430px){
  .section{
    padding-top:60px!important;
    padding-bottom:60px!important;
  }
  .section-heading h2,
  .founder-copy h2,
  .faq-heading h2,
  .form-copy h2{
    font-size:clamp(1.9rem,9.5vw,2.2rem)!important;
  }
  .risk-image-frame,
  .risk-image-frame img{
    min-height:280px!important;
    height:280px!important;
  }
  .risk-point-number{
    font-size:2.8rem!important;
  }
  .solution-card-image,
  .solution-card-image img{
    min-height:175px!important;
    height:175px!important;
  }
  .founder-frame{
    width:min(290px,84vw)!important;
    height:360px!important;
  }
  .orbit-a{width:330px!important;height:330px!important}
  .orbit-b{width:365px!important;height:365px!important}
  .portfolio-shot{
    height:205px!important;
  }
  .site-evolution-card,
  .site-evolution-card img{
    min-height:185px!important;
    height:185px!important;
  }
  .existing-site-copy h3{
    font-size:1.85rem!important;
  }
}

/* 10) Evita overflow acidental em textos e mídia */
main,
section,
.container,
.risk-split-layout,
.solution-card-v2,
.portfolio-grid,
.existing-site-strip,
.form-box{
  min-width:0;
}
h1,h2,h3,p,blockquote,a,span,strong{
  overflow-wrap:break-word;
}
img{
  max-width:100%;
}


/* =========================================================
   MOBILE POLISH 2026 — somente tablet/mobile
   Desktop acima de 900px permanece intacto
   ========================================================= */

@media (max-width:900px){

  html{
    scroll-padding-top:78px;
  }

  body{
    overflow-x:hidden;
  }

  /* HEADER / MENU */
  .site-header{
    padding:8px 0!important;
  }
  .header-inner{
    min-height:58px!important;
    gap:12px!important;
  }
  .header-logo img{
    width:auto!important;
    height:40px!important;
    max-width:165px!important;
  }
  .btn-header-cta{
    display:none!important;
  }
  .mobile-menu-toggle{
    display:flex!important;
    width:44px!important;
    height:44px!important;
    flex:0 0 44px!important;
  }
  .mobile-menu{
    position:absolute;
    top:100%;
    left:0;
    right:0;
    z-index:99;
    width:100%!important;
    background:rgba(5,3,10,.985)!important;
    box-shadow:0 22px 50px rgba(0,0,0,.38);
  }
  .mobile-menu-inner{
    max-height:calc(100dvh - 76px)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    padding:12px 20px 20px!important;
  }
  .mobile-menu a{
    min-height:50px!important;
    font-size:15px!important;
  }

  /* TÍTULOS — centralizados no mobile/tablet */
  .section-heading,
  .faq-heading,
  .founder-copy,
  .form-copy{
    text-align:center!important;
  }
  .section-heading h2,
  .founder-copy h2,
  .faq-heading h2,
  .form-copy h2{
    max-width:760px;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .section-heading p,
  .faq-heading p,
  .form-copy>p{
    max-width:680px;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* HERO: mantém imagem em tablet, reduzindo escala */
  .hero{
    min-height:auto!important;
    padding:52px 0 68px!important;
  }
  .hero-grid{
    grid-template-columns:1fr!important;
    gap:34px!important;
  }
  .hero-copy{
    text-align:center!important;
  }
  .hero h1{
    max-width:760px;
    margin-top: 30px;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .hero-description{
    max-width:650px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .hero-actions{
    display:flex;
    justify-content:center;
  }
  .microcopy{
    text-align:center!important;
  }
  .hero-visual{
    min-height:390px!important;
  }
  .hero-image-frame{
    width:min(430px,82vw)!important;
    height:390px!important;
    transform:none!important;
    border-radius:24px!important;
  }
  .floating-chip{
    display:none!important;
  }

  /* RISCO */
  .risk-split-layout{
    grid-template-columns:1fr!important;
    gap:28px!important;
  }
  .risk-image-frame{
    width:min(720px,100%);
    margin-inline:auto;
    min-height:400px!important;
    height:auto!important;
  }
  .risk-image-frame img{
    width:100%!important;
    min-height:400px!important;
    height:400px!important;
    object-fit:cover!important;
  }
  .risk-content-column{
    max-width:760px;
    width:100%;
    margin-inline:auto;
  }
  .risk-point{
    grid-template-columns:86px minmax(0,1fr)!important;
    gap:18px!important;
    align-items:center!important;
    padding:22px 20px!important;
  }
  .risk-point-number{
    position:static!important;
    font-size:4rem!important;
    text-align:center!important;
    line-height:.85!important;
  }
  .risk-point-copy{
    grid-column:auto!important;
  }
  .risk-point-copy h3,
  .risk-point-copy p{
    text-align:left!important;
  }

  /* DESAFIOS */
  .solution-layout-v2{
    display:block!important;
  }
  .solution-items-v2{
    width:min(760px,100%);
    margin-inline:auto;
  }
  .solution-card-v2{
    grid-template-columns:42% 58%!important;
    min-height:210px!important;
    overflow:hidden!important;
  }
  .solution-card-image{
    min-height:210px!important;
    max-height:none!important;
  }
  .solution-card-image img{
    height:100%!important;
    min-height:210px!important;
  }
  .solution-card-content{
    padding:24px 24px!important;
  }

  /* FUNDADOR — remove círculos decorativos que criavam overflow */
  .founder-grid{
    grid-template-columns:1fr!important;
    gap:30px!important;
  }
  .founder-visual{
    min-height:auto!important;
  }
  .founder-orbit{
    display:none!important;
  }
  .founder-frame{
    width:min(320px,72vw)!important;
    height:390px!important;
    margin-inline:auto;
  }
  .founder-copy blockquote{
    max-width:700px!important;
    margin-inline:auto!important;
    text-align:left!important;
  }

  /* PORTFÓLIO */
  .portfolio-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:20px!important;
  }
  .portfolio-card:last-child{
    grid-column:1/-1!important;
    width:min(540px,100%)!important;
    justify-self:center!important;
  }
  .portfolio-overlay{
    opacity:1!important;
    background:linear-gradient(180deg,transparent 58%,rgba(4,2,8,.72))!important;
  }
  .portfolio-overlay span{
    padding:8px 12px!important;
    font-size:11px!important;
  }

  /* ANTES / DEPOIS */
  .existing-site-strip{
    grid-template-columns:1fr!important;
    gap:26px!important;
  }
  .existing-site-visual{
    width:min(720px,100%)!important;
    margin-inline:auto;
  }
  .existing-site-copy{
    text-align:center!important;
  }
  .existing-site-copy p{
    margin-inline:auto;
  }
  .existing-site-cta{
    justify-content:center;
  }

  /* FUTURO */
  .future-services-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .future-services-grid .roadmap-item{
    min-height:0!important;
  }

  /* FAQ */
  .faq-grid{
    grid-template-columns:1fr!important;
    gap:34px!important;
  }
  .faq-heading{
    position:static!important;
  }

  /* FORM */
  .form-box{
    grid-template-columns:1fr!important;
    width:min(760px,100%);
    margin-inline:auto;
  }

  /* MODAIS */
  .site-modal{
    padding:12px!important;
    align-items:flex-start!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
  }
  .modal-content,
  .portfolio-modal-content{
    width:min(720px,100%)!important;
    max-width:100%!important;
    max-height:calc(100dvh - 24px)!important;
    margin:auto!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    border-radius:20px!important;
    padding:24px!important;
  }
  .modal-close{
    position:sticky!important;
    top:0!important;
    margin-left:auto!important;
    z-index:10!important;
    display:grid!important;
    place-items:center!important;
    width:42px!important;
    height:42px!important;
    flex:0 0 42px!important;
    background:rgba(23,17,31,.96)!important;
    box-shadow:0 8px 20px rgba(0,0,0,.28);
  }
  .portfolio-modal-head{
    display:block!important;
    padding-right:0!important;
    margin-top:-30px;
  }
  .portfolio-modal-head h2{
    padding-right:48px;
  }
  .portfolio-modal-category{
    display:inline-flex!important;
    margin-top:12px!important;
    white-space:normal!important;
  }
  .portfolio-modal-image{
    height:250px!important;
  }
  .portfolio-modal-grid{
    grid-template-columns:1fr!important;
  }
  .portfolio-modal-block{
    min-height:0!important;
  }
  .portfolio-modal-block ul{
    grid-template-columns:1fr 1fr!important;
  }
  .portfolio-modal-actions{
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .portfolio-open-site{
    width:100%!important;
    white-space:normal!important;
    text-align:center!important;
  }

  #vipModal .modal-content{
    width:min(560px,100%)!important;
  }
  #vipModal .modal-content h2,
  #vipModal .modal-content>p{
    text-align:center!important;
  }
  .modal-form input,
  .modal-form select,
  .lead-form input,
  .lead-form select{
    min-height:48px!important;
    font-size:16px!important;
  }

  /* WHATSAPP: evita conflito com botões e viewport */
  .whatsapp-float-widget{
    right:16px!important;
    bottom:16px!important;
  }
  .whatsapp-float-btn{
    width:52px!important;
    height:52px!important;
  }
  .whatsapp-tooltip{
    display:none!important;
  }
}

@media (max-width:700px){

  html{
    scroll-padding-top:70px;
  }

  .container{
    padding-left:20px!important;
    padding-right:20px!important;
  }

  /* Títulos e textos */
  .section-heading h2,
  .founder-copy h2,
  .faq-heading h2,
  .form-copy h2{
    font-size:clamp(1.95rem,9vw,2.35rem)!important;
    line-height:1.08!important;
    text-align:center!important;
  }
  .section-heading p,
  .faq-heading p,
  .form-copy>p{
    font-size:15px!important;
    line-height:1.65!important;
    text-align:center!important;
  }

  /* HERO */
  .hero{
    padding:42px 0 54px!important;
  }
  .hero h1{
    font-size:clamp(2rem,9.7vw,2.5rem)!important;
    text-align:center!important;
  }
  .hero-description{
    font-size:15px!important;
    line-height:1.68!important;
  }
  .hero-actions .btn-primary{
    width:100%!important;
    max-width:390px;
    min-height:50px;
    padding:14px 18px!important;
    font-size:13px!important;
  }
  .hero-visual{
    min-height:auto!important;
  }
  .hero-image-frame{
    width:min(345px,90vw)!important;
    height:330px!important;
    border-radius:20px!important;
  }
  .scan-line{
    display:none!important;
  }

  /* RISCO: imagem menor + números empilhados para evitar aperto */
  .risk-image-frame{
    min-height:280px!important;
    border-radius:18px!important;
  }
  .risk-image-frame img{
    min-height:280px!important;
    height:280px!important;
  }
  .risk-point{
    grid-template-columns:1fr!important;
    gap:9px!important;
    padding:22px 18px!important;
    text-align:center!important;
  }
  .risk-point-number{
    font-size:3rem!important;
    text-align:center!important;
    opacity:.2!important;
  }
  .risk-point-copy{
    width:100%;
  }
  .risk-point-copy h3,
  .risk-point-copy p{
    text-align:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .risk-point-copy h3{
    font-size:1.14rem!important;
  }
  .risk-point-copy p{
    max-width:430px;
    font-size:14.5px!important;
  }

  /* DESAFIOS: foto em cima, texto embaixo */
  .solution-card-v2{
    grid-template-columns:1fr!important;
    min-height:0!important;
  }
  .solution-card-image{
    height:190px!important;
    min-height:190px!important;
    max-height:190px!important;
    border:0!important;
  }
  .solution-card-image img{
    height:190px!important;
    min-height:190px!important;
  }
  .solution-card-content{
    padding:22px 19px 24px!important;
    text-align:center!important;
  }
  .solution-card-content .solution-index{
    position:static!important;
    display:block!important;
    margin-bottom:8px!important;
    font-size:1.6rem!important;
    text-align:center!important;
  }
  .solution-card-content h3{
    padding-right:0!important;
    text-align:center!important;
  }
  .solution-card-content p{
    text-align:center!important;
  }

  /* FUNDADOR */
  .founder-frame{
    width:min(285px,78vw)!important;
    height:350px!important;
  }
  .founder-copy blockquote{
    font-size:15px!important;
    line-height:1.72!important;
    text-align:left!important;
  }

  /* PORTFÓLIO */
  .portfolio-grid{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  .portfolio-card:last-child{
    grid-column:auto!important;
    width:100%!important;
  }
  .portfolio-shot{
    height:220px!important;
  }
  .portfolio-card-footer{
    text-align:center!important;
  }
  .portfolio-category{
    text-align:center!important;
  }

  /* ANTES/DEPOIS: vertical */
  .existing-site-strip{
    padding:18px!important;
    border-radius:18px!important;
  }
  .existing-site-visual{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .site-evolution-card,
  .site-evolution-card img{
    height:205px!important;
    min-height:205px!important;
  }
  .evolution-arrow{
    min-height:30px!important;
    transform:rotate(90deg)!important;
  }
  .existing-site-copy h3{
    text-align:center!important;
  }

  /* FUTURO: 1 card por linha + ícones centralizados */
  .future-services-grid{
    grid-template-columns:1fr!important;
    gap:15px!important;
  }
  .future-services-grid .roadmap-item{
    align-items:center!important;
    text-align:center!important;
    padding:22px 19px!important;
  }
  .future-services-grid .roadmap-icon{
    margin-inline:auto!important;
  }
  .future-services-grid .roadmap-index{
    position:static!important;
    display:block!important;
    margin-bottom:2px!important;
  }
  .future-services-grid .roadmap-item small{
    margin-top:13px!important;
    text-align:center!important;
  }
  .vip-cta{
    text-align:center!important;
    align-items:center!important;
    padding:22px 18px!important;
  }
  .vip-cta .btn-secondary{
    width:100%!important;
    max-width:390px;
    justify-content:center!important;
  }

  /* FAQ: mantém borda e melhora alvo do + */
  .faq-list summary{
    min-height:60px!important;
    padding:17px 16px!important;
    align-items:center!important;
    font-size:15px!important;
    line-height:1.4!important;
  }
  .faq-list summary span{
    flex:0 0 30px!important;
    width:30px!important;
    height:30px!important;
    display:grid!important;
    place-items:center!important;
    margin-left:8px!important;
    font-size:1.25rem!important;
  }
  .faq-list details p{
    padding:0 16px 18px!important;
    font-size:14.5px!important;
  }

  /* FORM */
  .form-box{
    padding:8px!important;
    border-radius:20px!important;
  }
  .form-copy{
    padding:24px 17px!important;
  }
  .form-promises{
    align-items:center!important;
  }
  .form-promise{
    justify-content:center!important;
    text-align:left!important;
  }
  .conversational-form{
    padding:22px 17px!important;
    border-radius:16px!important;
  }
  .lead-form{
    grid-template-columns:1fr!important;
  }
  .lead-form label,
  .full-field{
    grid-column:1!important;
  }
  .form-submit{
    min-height:52px!important;
    white-space:normal!important;
    line-height:1.35!important;
  }
  .privacy-note{
    line-height:1.55!important;
  }

  /* MODAL PROJETOS */
  .site-modal{
    padding:8px!important;
  }
  .modal-content,
  .portfolio-modal-content{
    width:100%!important;
    max-height:calc(100dvh - 16px)!important;
    padding:18px 15px 20px!important;
    border-radius:16px!important;
  }
  .modal-close{
    width:40px!important;
    height:40px!important;
  }
  .portfolio-modal-head{
    margin-top:-28px!important;
  }
  .portfolio-modal-head h2{
    padding-right:44px!important;
    font-size:1.75rem!important;
    line-height:1.15!important;
  }
  .portfolio-modal-head p{
    font-size:14px!important;
    line-height:1.6!important;
  }
  .portfolio-modal-image{
    height:190px!important;
    margin-top:18px!important;
    border-radius:14px!important;
  }
  .portfolio-modal-grid{
    gap:12px!important;
  }
  .portfolio-modal-block{
    padding:16px!important;
  }
  .portfolio-modal-block ul{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .portfolio-modal-block li,
  .portfolio-modal-block p{
    font-size:14px!important;
  }
  .portfolio-modal-actions{
    gap:13px!important;
  }
  .portfolio-modal-actions p{
    text-align:center!important;
  }
  .portfolio-open-site{
    min-height:50px!important;
    justify-content:center!important;
  }

  /* VIP popup */
  #vipModal .modal-content{
    padding:18px 15px 20px!important;
  }
  #vipModal .modal-content h2{
    font-size:1.7rem!important;
    line-height:1.15!important;
    padding:0 30px;
  }
  #vipModal .modal-content>p{
    font-size:14px!important;
    line-height:1.6!important;
  }
  .modal-form{
    gap:13px!important;
  }
  .modal-form button{
    min-height:50px!important;
    white-space:normal!important;
  }

  /* FOOTER */
  .footer-inner{
    text-align:center!important;
  }
  .footer-logo{
    max-width:165px!important;
    height:auto!important;
  }
}

@media (max-width:430px){

  .container{
    padding-left:17px!important;
    padding-right:17px!important;
  }

  .site-header{
    padding:6px 0!important;
  }
  .header-logo img{
    height:36px!important;
    max-width:145px!important;
  }
  .mobile-menu-toggle{
    width:42px!important;
    height:42px!important;
    flex-basis:42px!important;
  }

  .section{
    padding-top:56px!important;
    padding-bottom:56px!important;
  }
  .section-heading{
    margin-bottom:30px!important;
  }

  .hero h1{
    font-size:clamp(1.9rem,9.4vw,2.25rem)!important;
  }
  .hero-image-frame{
    width:min(300px,88vw)!important;
    height:290px!important;
  }

  /* Em celulares muito estreitos, a imagem do fundador continua útil,
     mas elementos puramente decorativos ficam ocultos. */
  .founder-frame{
    width:min(260px,76vw)!important;
    height:320px!important;
  }

  .risk-image-frame,
  .risk-image-frame img{
    min-height:245px!important;
    height:245px!important;
  }

  .solution-card-image,
  .solution-card-image img{
    height:170px!important;
    min-height:170px!important;
    max-height:170px!important;
  }

  .portfolio-shot{
    height:195px!important;
  }

  .site-evolution-card,
  .site-evolution-card img{
    height:175px!important;
    min-height:175px!important;
  }

  .whatsapp-float-widget{
    right:12px!important;
    bottom:12px!important;
  }
  .whatsapp-float-btn{
    width:48px!important;
    height:48px!important;
  }

  .portfolio-modal-image{
    height:165px!important;
  }

  #vipModal .modal-content h2{
    font-size:1.55rem!important;
  }
}


/* =========================================================
   AJUSTES MOBILE FINAIS — narrativa mais curta e objetiva
   Desktop permanece intacto
   ========================================================= */

.existing-site-mobile-visual{
  display:none;
}

@media(max-width:700px){

  /* HERO
     Ordem mobile: título -> foto -> texto -> CTA -> microcopy */
  .hero-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  .hero-copy{
    display:contents!important;
  }
  .hero h1{
    order:1!important;
    margin-bottom:4px!important;
  }
  .hero-visual{
    order:2!important;
    margin:8px auto 4px!important;
    width:100%;
  }
  .hero-description{
    order:3!important;
    margin-top:10px!important;
  }
  .hero-actions{
    order:4!important;
    margin-top:20px!important;
  }
  .hero .microcopy{
    order:5!important;
    margin-top:10px!important;
  }

  /* Hero visual um pouco menor para não cansar */
  .hero-image-frame{
    width:min(310px,84vw)!important;
    height:300px!important;
  }

  /* SOBRE / RENILSON
     Centraliza não só o título, mas também o conteúdo */
  .founder-copy{
    text-align:center!important;
  }
  .founder-copy blockquote{
    text-align:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
    max-width:540px!important;
  }

  /* ANTES / DEPOIS
     No mobile, usa versão compacta logo abaixo do título */
  .existing-site-strip > .existing-site-visual{
    display:none!important;
  }
  .existing-site-mobile-visual{
    display:grid!important;
    grid-template-columns:1fr auto 1fr;
    gap:8px;
    align-items:center;
    margin:18px 0 20px;
  }
  .existing-site-mobile-visual .site-evolution-card,
  .existing-site-mobile-visual .site-evolution-card img{
    min-height:0!important;
    height:105px!important;
  }
  .existing-site-mobile-visual .site-evolution-card{
    border-radius:12px!important;
    overflow:hidden;
  }
  .existing-site-mobile-visual .site-evolution-card img{
    object-fit:cover!important;
    object-position:center!important;
  }
  .existing-site-mobile-visual .site-evolution-card figcaption{
    top:7px!important;
    left:7px!important;
    padding:6px 8px!important;
    font-size:9px!important;
  }
  .existing-site-mobile-visual .evolution-arrow{
    transform:none!important;
    min-width:18px!important;
    min-height:0!important;
    font-size:1rem!important;
  }

  .existing-site-copy{
    text-align:center!important;
  }
  .existing-site-copy p{
    max-width:500px;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* "E ISSO É SÓ O COMEÇO"
     No mobile vira lista compacta: sem ícones, número, descrição e micro-label */
  .future-services-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    width:min(520px,100%);
    margin-inline:auto;
  }
  .future-services-grid .roadmap-item{
    display:block!important;
    min-height:0!important;
    padding:14px 16px!important;
    text-align:center!important;
    background:rgba(18,12,30,.46)!important;
    border-radius:12px!important;
    box-shadow:0 10px 24px rgba(139,92,246,.08)!important;
  }
  .future-services-grid .roadmap-icon,
  .future-services-grid .roadmap-index,
  .future-services-grid .roadmap-item p,
  .future-services-grid .roadmap-item small{
    display:none!important;
  }
  .future-services-grid .roadmap-item b{
    display:block!important;
    font-size:15px!important;
    line-height:1.35!important;
    font-weight:600!important;
    color:#f4f1f8!important;
  }

  .future-section .section-heading{
    margin-bottom:26px!important;
  }
  .future-section .section-heading p{
    max-width:520px!important;
  }
  .future-section .vip-cta{
    margin-top:20px!important;
  }

  /* Badge do formulário */
  .offer-badge{
    justify-content:center!important;
  }
}

@media(max-width:430px){

  .hero-image-frame{
    width:min(280px,82vw)!important;
    height:275px!important;
  }

  .existing-site-mobile-visual .site-evolution-card,
  .existing-site-mobile-visual .site-evolution-card img{
    height:88px!important;
  }

  .future-services-grid .roadmap-item{
    padding:13px 14px!important;
  }

  .future-services-grid .roadmap-item b{
    font-size:14px!important;
  }
}


/* ===== UI/UX V2 — portfólio, evolução e soluções; desktop/tablet/mobile ===== */
.portfolio-shot{position:relative;overflow:hidden;border-bottom:0!important}
.portfolio-shot img{filter:grayscale(.15) saturate(.65);transition:filter .38s ease,transform .38s ease}
.portfolio-shot:after{content:"";position:absolute;inset:0;background:rgba(124,58,237,.26);pointer-events:none;transition:opacity .38s ease}
.portfolio-card:hover .portfolio-shot img,.portfolio-card:focus-visible .portfolio-shot img{filter:none;transform:scale(1.025)}
.portfolio-card:hover .portfolio-shot:after,.portfolio-card:focus-visible .portfolio-shot:after{opacity:0}
.portfolio-overlay{z-index:2}

.existing-site-section{overflow:hidden}
.existing-site-standalone{display:grid;grid-template-columns:.88fr 1.12fr;gap:64px;align-items:center;max-width:1120px}
.existing-site-copy h2,.future-intro-copy h2{font-family:'Outfit',sans-serif;font-size:clamp(2.45rem,4.5vw,3.2rem);line-height:1.06;letter-spacing:-1.6px;font-weight:600;margin:10px 0 18px}
.existing-site-copy p,.future-intro-copy p{color:var(--muted);max-width:520px;margin-bottom:24px}
.future-intro-copy .existing-site-kicker{display:block;margin-bottom:0}
@media(max-width:700px){.future-intro-copy h2{font-size:clamp(2rem,9vw,2.45rem)}.future-intro-copy p{margin:0 auto 20px}.future-intro-copy .existing-site-cta-primary{width:min(100%,340px)!important;min-height:50px!important}}
.evolution-disclaimer{display:block;color:#77737e;font-size:.72rem;margin-top:14px}
.evolution-carousel{position:relative;min-height:390px;border-radius:24px;overflow:hidden;background:rgba(10,6,17,.72);box-shadow:0 20px 60px rgba(0,0,0,.38),0 0 42px rgba(139,92,246,.16)}
.evolution-slide{position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.015);transition:opacity .7s ease,transform .7s ease;pointer-events:none}
.evolution-slide.is-active{opacity:1;transform:scale(1);pointer-events:auto}
.evolution-slide img{width:100%;height:100%;object-fit:cover;object-position:top center}
.evolution-slide figcaption{position:absolute;top:16px;left:16px;padding:7px 12px;border-radius:999px;background:rgba(5,3,10,.84);font-size:.7rem;font-weight:800;letter-spacing:.8px}
.evolution-dots{position:absolute;z-index:3;left:50%;bottom:15px;transform:translateX(-50%);display:flex;gap:7px}
.evolution-dots span{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.35)}
.evolution-dots span.is-active{width:22px;border-radius:99px;background:var(--purple-light)}

.future-services-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.future-services-grid .roadmap-item{display:block!important;min-height:0!important;padding:22px 23px!important;border:0!important;border-radius:16px!important;background:rgba(18,12,30,.68)!important;box-shadow:0 12px 35px rgba(0,0,0,.24),0 0 26px rgba(139,92,246,.10)!important}
.future-services-grid .roadmap-item:after,.future-services-grid .roadmap-icon,.future-services-grid .roadmap-index,.future-services-grid .roadmap-item small{display:none!important}
.future-services-grid .roadmap-item b{font-size:1rem!important;line-height:1.35!important;margin:0!important}
.future-services-grid .roadmap-item b span{color:var(--purple-light);font-weight:600}
.future-services-grid .roadmap-item p{font-size:.82rem!important;line-height:1.55!important;margin-top:7px!important;color:#aaa7b0!important}
.vip-cta p{color:var(--muted);font-size:.86rem;margin-top:4px}

/* Tablet: mantém a mesma ordem sem inversões — imagem primeiro, texto depois. */
@media (min-width:701px) and (max-width:1024px){
  .hero-grid,.founder-grid,.risk-split-layout,.existing-site-standalone{grid-template-columns:1fr!important}
  .hero-copy{order:1}.hero-visual{order:2}
  .risk-image-column{order:1}.risk-content-column{order:2}
  .founder-visual{order:1}.founder-copy{order:2;text-align:center}
  .founder-copy blockquote{margin-inline:auto}
  .solution-card-v2{grid-template-columns:minmax(220px,38%) 1fr!important}
  .solution-card-image{order:1!important}.solution-card-content{order:2!important}
  .portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
  .existing-site-copy{order:1;text-align:center}.existing-site-copy p{margin-inline:auto}.evolution-carousel{order:2;min-height:360px}
  .future-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:700px){
  .portfolio-shot img{filter:none}.portfolio-shot:after{opacity:.12}.portfolio-overlay{opacity:1!important;background:linear-gradient(transparent 55%,rgba(5,3,10,.72))!important}
  .existing-site-standalone{grid-template-columns:1fr;gap:28px;text-align:center}
  .existing-site-copy{order:1}.evolution-carousel{order:2;min-height:230px;border-radius:18px}
  .existing-site-copy h2{font-size:clamp(2rem,9vw,2.45rem)}
  .existing-site-copy p{margin:0 auto 20px}.evolution-disclaimer{margin-top:12px}
  .future-services-grid{grid-template-columns:1fr!important;gap:10px!important}
  .future-services-grid .roadmap-item{padding:17px 18px!important;text-align:left!important}
  .future-services-grid .roadmap-item b{font-size:.95rem!important}.future-services-grid .roadmap-item p{font-size:.79rem!important}
  .vip-cta{text-align:center!important;align-items:center!important}.vip-cta .btn-secondary{width:100%}
}
@media(max-width:430px){.evolution-carousel{min-height:195px}.future-services-grid .roadmap-item{padding:15px 16px!important}}
@media(prefers-reduced-motion:reduce){.evolution-slide{transition:none}.portfolio-shot img,.portfolio-shot:after{transition:none}}


/* ==========================================================
   REFINO FINAL — estrutura objetiva / sem menu / responsivo
   ========================================================== */

/* Header enxuto: logo + CTA. */
.header-inner-minimal{
  justify-content:space-between!important;
}
.desktop-nav,
.mobile-menu,
.mobile-menu-toggle{
  display:none!important;
}

/* Mantém o CTA sempre disponível, inclusive tablet/mobile. */
.btn-header-cta{
  display:inline-flex!important;
}

/* ----------------------------------------------------------
   ROCKSITES ESTÁ CRESCENDO
   Desktop e tablet: 2 em cima + 2 embaixo.
   ---------------------------------------------------------- */
.future-services-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  width:min(860px,100%);
  margin-inline:auto;
}
.future-services-grid .roadmap-item{
  min-height:138px!important;
  padding:22px 23px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.future-services-grid .roadmap-item p{
  display:block!important;
  margin-top:8px!important;
}
.future-section .section-heading{
  max-width:760px;
}
.future-section .vip-cta{
  width:min(860px,100%);
  margin-left:auto!important;
  margin-right:auto!important;
}

/* ----------------------------------------------------------
   TABLET — mesma narrativa de leitura do mobile:
   título -> imagem -> texto, sempre que há uma imagem-chave.
   ---------------------------------------------------------- */
@media (min-width:701px) and (max-width:1024px){

  .site-header{
    padding:8px 0!important;
  }
  .header-inner-minimal{
    min-height:60px!important;
  }
  .header-logo img{
    height:42px!important;
    max-width:170px!important;
  }
  .btn-header-cta{
    font-size:12px!important;
    padding:10px 15px!important;
    white-space:nowrap;
  }

  /* HERO: título -> imagem -> descrição -> CTA -> microcopy */
  .hero-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:20px!important;
  }
  .hero-copy{
    display:contents!important;
  }
  .hero h1{
    order:1!important;
    text-align:center!important;
    max-width:760px;
    margin:0 auto 8px!important;
  }
  .hero-visual{
    order:2!important;
    width:100%;
    min-height:auto!important;
    margin:4px auto 8px!important;
  }
  .hero-image-frame{
    width:min(410px,68vw)!important;
    height:385px!important;
    transform:none!important;
    margin-inline:auto;
  }
  .hero-description{
    order:3!important;
    text-align:center!important;
    max-width:680px!important;
    margin:8px auto 0!important;
  }
  .hero-actions{
    order:4!important;
    display:flex!important;
    justify-content:center!important;
    margin-top:14px!important;
  }
  .hero .microcopy{
    order:5!important;
    text-align:center!important;
    margin-top:5px!important;
  }

  /* DOR: imagem -> texto. */
  .risk-split-layout{
    grid-template-columns:1fr!important;
  }
  .risk-image-column{order:1!important}
  .risk-content-column{order:2!important}

  /* RENILSON: imagem -> apresentação. */
  .founder-grid{
    grid-template-columns:1fr!important;
  }
  .founder-visual{order:1!important}
  .founder-copy{
    order:2!important;
    text-align:center!important;
  }
  .founder-copy blockquote{
    margin-inline:auto!important;
    text-align:center!important;
  }

  /* JÁ TEM SITE: título -> imagem -> texto/CTA. */
  .existing-site-standalone{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
    text-align:center;
  }
  .existing-site-copy{
    display:contents!important;
  }
  .existing-site-kicker{order:1!important}
  .existing-site-copy h2{
    order:2!important;
    margin-bottom:4px!important;
  }
  .evolution-carousel{
    order:3!important;
    width:min(680px,100%);
    min-height:340px!important;
    margin:10px auto 8px;
  }
  .existing-site-copy p{
    order:4!important;
    max-width:620px!important;
    margin:0 auto 4px!important;
  }
  .existing-site-cta{
    order:5!important;
    justify-self:center!important;
  }
  .evolution-disclaimer{
    order:6!important;
    text-align:center!important;
    margin-top:0!important;
  }

  /* 2 x 2 também no tablet. */
  .future-services-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* ----------------------------------------------------------
   MOBILE — sem menu, CTA compacto e leitura limpa.
   ---------------------------------------------------------- */
@media (max-width:700px){

  .site-header{
    padding:6px 0!important;
  }
  .header-inner-minimal{
    min-height:54px!important;
    gap:10px!important;
  }
  .header-logo img{
    height:36px!important;
    max-width:145px!important;
  }
  .header-actions{
    margin-left:auto!important;
  }
  .btn-header-cta{
    display:inline-flex!important;
    font-size:10.5px!important;
    padding:9px 11px!important;
    min-height:38px!important;
    border-radius:999px!important;
  }
  .btn-header-cta span{
    font-size:11px!important;
  }

  /* Futuras soluções: mantém a explicação no mobile.
     Um item por linha para leitura rápida. */
  .future-services-grid{
    grid-template-columns:1fr!important;
    gap:9px!important;
    width:100%;
  }
  .future-services-grid .roadmap-item{
    min-height:0!important;
    padding:15px 16px!important;
    text-align:left!important;
    align-items:flex-start!important;
  }
  .future-services-grid .roadmap-item b{
    font-size:.94rem!important;
  }
  .future-services-grid .roadmap-item p{
    display:block!important;
    font-size:.8rem!important;
    line-height:1.55!important;
    margin-top:6px!important;
  }

  /* JÁ TEM SITE: título -> imagem -> explicação -> CTA. */
  .existing-site-standalone{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .existing-site-copy{
    display:contents!important;
  }
  .existing-site-kicker{
    order:1!important;
    text-align:center!important;
  }
  .existing-site-copy h2{
    order:2!important;
    text-align:center!important;
    margin-bottom:2px!important;
  }
  .evolution-carousel{
    order:3!important;
    margin:8px auto 4px!important;
  }
  .existing-site-copy p{
    order:4!important;
    text-align:center!important;
    margin:0 auto 4px!important;
  }
  .existing-site-cta{
    order:5!important;
    justify-self:center!important;
  }
  .evolution-disclaimer{
    order:6!important;
    text-align:center!important;
    margin-top:0!important;
  }

  /* WhatsApp: continua flutuante, mas discreto.
     Evita cobrir conteúdo e respeita safe-area do celular. */
  .whatsapp-float-widget{
    right:14px!important;
    bottom:max(14px, env(safe-area-inset-bottom))!important;
  }
  .whatsapp-float-btn{
    width:48px!important;
    height:48px!important;
    animation:none!important;
  }
  .whatsapp-float-btn svg{
    width:22px!important;
    height:22px!important;
  }
  .whatsapp-tooltip{
    display:none!important;
  }
}

@media(max-width:380px){
  .header-logo img{
    max-width:132px!important;
    height:34px!important;
  }
  .btn-header-cta{
    font-size:9.8px!important;
    padding:8px 9px!important;
  }
}

/* A barra fixa inferior não é usada: o WhatsApp flutuante
   compete menos com os CTAs principais e ocupa menos viewport. */


/* ==========================================================
   CORREÇÕES FINAIS V2
   ========================================================== */

.existing-site-mobile-compare{
  display:none;
}

/* CTA "Já tem um site?" segue o padrão dos CTAs principais */
.existing-site-cta-primary{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  margin-top:18px!important;
  padding:14px 20px!important;
  border:0!important;
  border-bottom:0!important;
  border-radius:14px!important;
  background:var(--gradient)!important;
  color:#fff!important;
  font-size:.82rem!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
  box-shadow:0 0 28px rgba(139,92,246,.28)!important;
  transition:transform .28s ease,box-shadow .28s ease,filter .28s ease!important;
}
.existing-site-cta-primary b{
  color:#fff!important;
  transition:transform .28s ease!important;
}
.existing-site-cta-primary:hover,
.existing-site-cta-primary:focus-visible{
  transform:translateY(-3px)!important;
  box-shadow:0 0 44px rgba(139,92,246,.58)!important;
  filter:brightness(1.06);
}
.existing-site-cta-primary:hover b,
.existing-site-cta-primary:focus-visible b{
  transform:translateX(4px)!important;
}

/* Centraliza de verdade o badge "Vamos conversar?" */
@media(max-width:700px){
  .form-copy .offer-badge{
    margin-left:auto!important;
    margin-right:auto!important;
    justify-content:center!important;
    text-align:center!important;
  }

  /* Mobile: título -> antes/depois -> texto -> CTA.
     Usa comparação estática para evitar falha/ausência do carrossel. */
  .existing-site-section .evolution-carousel{
    display:none!important;
  }
  .existing-site-mobile-compare{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    align-items:center;
    gap:8px;
    width:100%;
    max-width:520px;
    margin:16px auto 18px;
  }
  .existing-site-mobile-compare figure{
    position:relative;
    margin:0;
    height:118px;
    overflow:hidden;
    border-radius:14px;
    background:rgba(10,6,17,.75);
    box-shadow:0 10px 28px rgba(0,0,0,.32),0 0 22px rgba(139,92,246,.10);
  }
  .existing-site-mobile-compare img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center;
  }
  .existing-site-mobile-compare figcaption{
    position:absolute;
    top:7px;
    left:7px;
    padding:5px 7px;
    border-radius:999px;
    background:rgba(5,3,10,.86);
    color:#fff;
    font-size:9px;
    font-weight:800;
    letter-spacing:.06em;
  }
  .mobile-compare-arrow{
    color:var(--purple-light);
    font:700 1rem 'Outfit',sans-serif;
  }

  .existing-site-cta-primary{
    width:min(100%,340px)!important;
    min-height:50px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

@media(max-width:430px){
  .existing-site-mobile-compare{
    gap:6px;
    margin-top:14px;
  }
  .existing-site-mobile-compare figure{
    height:98px;
    border-radius:12px;
  }
  .existing-site-mobile-compare figcaption{
    top:6px;
    left:6px;
    font-size:8px;
  }
}


/* AJUSTES FINAIS SOLICITADOS — 28/09/2026 */
.site-header{
  padding-top:0;
  background:transparent;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  border-bottom-color:transparent;
}

/* Ajustes solicitados: Hero e etiquetas da comparação. */
.hero{margin-top:-60px}
.evolution-slide figcaption,
.existing-site-mobile-compare figcaption{left:50%;transform:translateX(-50%);white-space:nowrap;text-align:center}

/* Menu translúcido após sair do topo. */
.site-header{transition:background-color .25s ease,backdrop-filter .25s ease,border-color .25s ease}
.site-header.is-scrolled{background:rgba(0,0,0,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom-color:rgba(255,255,255,.08)}
/* Centralização nos dois eixos em todas as imagens de comparação. */
.evolution-slide figcaption,
.existing-site-mobile-compare figcaption{top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;white-space:nowrap;text-align:center}

/* AJUSTES PONTUAIS — carrossel antes/depois e seção Soluções sob medida */
.future-intro-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);
  align-items:center;
  gap:clamp(28px,5vw,64px);
  width:min(1080px,100%);
  margin:0 auto 36px;
}
.future-intro-copy{min-width:0;text-align:left}
.future-intro-copy h2{margin-top:12px}
.future-intro-copy p{max-width:620px}
.future-intro-copy .btn-secondary{margin-top:10px}
.future-intro-visual{min-width:0;display:flex;align-items:center;justify-content:center}
.future-intro-visual img{
  display:block;
  width:100%;
  max-width:470px;
  max-height:440px;
  object-fit:contain;
  object-position:center;
  border-radius:22px;
  filter:drop-shadow(0 18px 35px rgba(0,0,0,.25));
}
/* O carrossel não deve depender de outro botão existir na página. */
.existing-site-section .evolution-carousel{display:block}
@media (min-width:1025px){
  .existing-site-standalone{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}
}
@media (min-width:701px) and (max-width:1024px){
  .future-intro-grid{grid-template-columns:minmax(0,1fr) minmax(250px,.8fr);gap:28px}
  .future-intro-visual img{max-height:360px}
}
@media (max-width:700px){
  .future-intro-grid{grid-template-columns:1fr;gap:22px;margin-bottom:28px}
  .future-intro-copy{text-align:center}
  .future-intro-copy p{margin-left:auto;margin-right:auto}
  .future-intro-copy .btn-secondary{margin-left:auto;margin-right:auto}
  .future-intro-visual{order:2}
  .future-intro-visual img{max-width:360px;max-height:330px}
}


/* Campo opcional exibido somente quando a pessoa escolhe o diagnóstico gratuito */
.diagnostic-challenge-field[hidden]{display:none!important}
.conversational-form .diagnostic-challenge-field{grid-column:1/-1}
.conversational-form .optional-label{font-size:.68rem;color:#8f899b;font-weight:400}
.conversational-form textarea{
  display:block;width:100%;min-height:112px;margin-top:9px;
  background:rgba(5,3,10,.55);border:1px solid rgba(139,92,246,.17);
  color:#f4f1f8;padding:14px 15px;border-radius:11px;
  font:inherit;font-size:.82rem;line-height:1.55;resize:vertical;
  transition:border-color .2s,box-shadow .2s
}
.conversational-form textarea::placeholder{color:#777180}
.conversational-form textarea:hover{border-color:rgba(139,92,246,.28)}
.conversational-form textarea:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px rgba(56,189,248,.08)}

/* MOBILE — logo centralizada e imagens logo abaixo do título */
@media (max-width:700px){
  .header-inner-minimal{justify-content:center!important}
  .header-inner-minimal .header-logo{margin:0 auto!important;display:flex;justify-content:center}

  /* Pode evoluir: título -> antes/depois -> texto -> CTA */
  .existing-site-mobile-compare{order:3!important}

  /* Soluções sob medida: kicker -> título -> imagem -> texto -> CTA */
  .future-intro-grid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}
  .future-intro-copy{display:contents!important}
  .future-intro-copy .existing-site-kicker{order:1;text-align:center}
  .future-intro-copy h2{order:2;text-align:center;margin:0!important}
  .future-intro-visual{order:3!important}
  .future-intro-copy p{order:4;text-align:center}
  .future-intro-copy .existing-site-cta-primary{order:5;justify-self:center}
}

/* Popup do projeto: imagem rolável para ver o site completo */
.portfolio-modal-image{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:rgba(139,92,246,.6) transparent;
}
.portfolio-modal-image img{
  display:block;
  width:100%!important;
  height:auto!important;
  object-fit:initial!important;
}
.portfolio-modal-image::-webkit-scrollbar{width:6px}
.portfolio-modal-image::-webkit-scrollbar-thumb{background:rgba(139,92,246,.6);border-radius:99px}

/* Badges de dor flutuando ao redor do empresário */
.future-intro-visual .future-stage{position:relative;width:100%;max-width:470px}
.future-intro-visual .future-stage img{max-width:100%;max-height:none;width:100%;height:auto}
.pain-badge{
  position:absolute;z-index:2;
  display:inline-flex;align-items:center;gap:7px;
  padding:7px 12px 7px 8px;
  border-radius:999px;
  background:rgba(14,9,24,.82);
  border:1px solid rgba(167,139,250,.38);
  box-shadow:0 8px 22px rgba(0,0,0,.45),0 0 18px rgba(139,92,246,.22);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  color:#fff;font-size:.72rem;font-weight:700;line-height:1.1;white-space:nowrap;
  animation:painFloat 4.6s ease-in-out infinite;
  will-change:translate;
}
.pain-badge i{
  flex:none;width:18px;height:18px;border-radius:50%;
  display:grid;place-items:center;
  background:#f59e0b;color:#1a1020;font:800 .7rem/1 'Outfit',sans-serif;
}
.pain-badge--1{top:5%;left:1%;animation-duration:4.4s}
.pain-badge--2{top:10%;right:1%;animation-duration:5.2s;animation-delay:-1.6s}
.pain-badge--3{top:70%;left:1%;animation-duration:4.9s;animation-delay:-3s}
.pain-badge--4{top:73%;right:1%;animation-duration:5.6s;animation-delay:-.8s}
.pain-badge--5{bottom:4%;left:50%;transform:translateX(-50%);animation-duration:4.1s;animation-delay:-2.3s}
@keyframes painFloat{
  0%,100%{translate:0 0}
  50%{translate:0 -9px}
}
@media (max-width:700px){
  .pain-badge{font-size:.6rem;gap:5px;padding:5px 9px 5px 6px}
  .pain-badge i{width:14px;height:14px;font-size:.56rem}
  .pain-badge--1{top:3%;left:0}
  .pain-badge--2{top:9%;right:0}
  .pain-badge--3{top:68%;left:0}
  .pain-badge--4{top:72%;right:0}
  .pain-badge--5{bottom:2%}
}
@media (max-width:380px){
  .pain-badge{font-size:.54rem;padding:4px 7px 4px 5px}
}
@media (prefers-reduced-motion:reduce){.pain-badge{animation:none}}