:root{
  --bg:#070a0f;--bg2:#0c1017;--panel:#111720;--text:#f5f6f7;--muted:#a9afb9;
  --gold:#d6a94f;--gold2:#f2d28a;--line:rgba(214,169,79,.24);--radius:22px;
  --shadow:0 24px 80px rgba(0,0,0,.38)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(1120px,calc(100% - 40px));margin-inline:auto}.narrow{width:min(820px,calc(100% - 40px))}.skip-link{position:fixed;left:12px;top:-60px;background:#fff;color:#000;padding:10px 14px;z-index:1000}.skip-link:focus{top:12px}.site-header{position:fixed;inset:0 0 auto 0;height:82px;padding:0 max(20px,env(safe-area-inset-right)) 0 max(20px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;z-index:100;transition:.35s;background:linear-gradient(to bottom,rgba(6,9,14,.72),transparent)}.site-header.scrolled{height:70px;background:rgba(7,10,15,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}.brand{display:flex;flex-direction:column;gap:0;line-height:1}.brand-mark{font-size:26px;letter-spacing:-1.6px;font-weight:800}.brand-gold,.brand-dot{color:var(--gold)}.brand-sub{font-size:8px;letter-spacing:3.2px;color:#c6c9ce;margin-top:5px}.menu{display:flex;align-items:center;gap:26px;font-size:14px;color:#c9cdd3}.menu a:hover{color:#fff}.menu-cta{border:1px solid var(--line);padding:10px 16px;border-radius:999px;color:var(--gold2)!important}.menu-btn{display:none;background:none;border:0;width:42px;height:42px;position:relative}.menu-btn span{position:absolute;width:23px;height:1px;background:#fff;right:4px;transition:.25s}.menu-btn span:first-child{top:15px}.menu-btn span:last-child{top:24px}.hero{min-height:100svh;position:relative;display:flex;align-items:flex-end;overflow:hidden;background:#05070b}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,6,10,.28) 0%,rgba(4,6,10,.12) 30%,rgba(4,6,10,.62) 62%,#070a0f 100%),linear-gradient(90deg,rgba(0,0,0,.24),transparent 65%)}.hero-content{position:relative;z-index:2;padding-bottom:10vh;max-width:760px}.eyebrow{margin:0 0 18px;color:var(--gold2);font-size:11px;font-weight:700;letter-spacing:3px}.hero h1,.section-head h2,.final-cta h2{font-size:clamp(44px,6.5vw,82px);line-height:1.01;letter-spacing:-.045em;margin:0}.hero h1 span,.section-head h2 span,.final-cta h2 span{color:var(--gold2)}.hero-copy{max-width:620px;color:#d4d7dd;font-size:clamp(17px,2vw,21px);margin:24px 0 30px}.btn{display:inline-flex;align-items:center;gap:14px;font-weight:750;border-radius:999px;padding:15px 22px;transition:.25s}.btn-primary{background:linear-gradient(135deg,var(--gold2),#b9822e);color:#12100c;box-shadow:0 16px 50px rgba(214,169,79,.18)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 60px rgba(214,169,79,.28)}.hero-proof{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:#aeb3bb;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;margin-top:30px}.hero-proof i{width:3px;height:3px;border-radius:50%;background:var(--gold)}.scroll-cue{position:absolute;z-index:3;bottom:22px;right:30px;width:30px;height:48px;border:1px solid rgba(255,255,255,.22);border-radius:20px;display:grid;place-items:start center;padding-top:8px}.scroll-cue span{width:3px;height:8px;border-radius:4px;background:var(--gold2);animation:scroll 1.8s infinite}@keyframes scroll{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(18px)}}.section{padding:120px 0;position:relative}.intro{background:linear-gradient(180deg,#070a0f 0%,#0b1017 100%)}.section-head{max-width:800px}.section-head h2{font-size:clamp(39px,5.6vw,70px)}.section-head>p:last-child{max-width:650px;color:var(--muted);font-size:18px;margin-top:22px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:64px}.feature-card{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.07);border-radius:var(--radius);padding:28px;min-height:260px;transition:.3s}.feature-card:hover{border-color:var(--line);transform:translateY(-4px)}.feature-card .num,.solution-card div>span{color:var(--gold);font-size:12px;letter-spacing:2px}.feature-card h3,.solution-card h3,.step h3{font-size:22px;margin:52px 0 10px}.feature-card p,.solution-card p,.step p{color:var(--muted);margin:0}.statement{font-size:clamp(28px,4vw,48px);line-height:1.14;letter-spacing:-.03em;max-width:860px;margin:110px 0 0}.statement span{color:#a9afb9}.solutions{background:#0b1017}.solution-stack{margin-top:58px;display:grid;gap:14px}.solution-card{border:1px solid rgba(255,255,255,.08);background:#0f151e;border-radius:var(--radius);padding:32px;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:170px;transition:.3s}.solution-card:hover{border-color:var(--line);transform:translateX(5px)}.solution-card h3{margin:8px 0 0;font-size:28px}.solution-card p{max-width:490px}.local-card{grid-template-columns:1fr 1fr;row-gap:22px}.flow{grid-column:1/-1;display:flex;align-items:center;gap:10px;border-top:1px solid rgba(255,255,255,.07);padding-top:20px;color:#e5e7eb}.flow b{font-size:12px;letter-spacing:1px;text-transform:uppercase}.flow em{font-style:normal;color:var(--gold)}.solution-card.special{border-color:var(--line);background:linear-gradient(135deg,rgba(214,169,79,.12),rgba(255,255,255,.02))}.solution-card.special a{color:var(--gold2);justify-self:end}.process{background:linear-gradient(180deg,#0b1017,#070a0f)}.timeline{position:relative;margin-top:72px;max-width:860px}.timeline-line{position:absolute;left:29px;top:10px;bottom:48px;width:1px;background:rgba(255,255,255,.08)}.timeline-line span{display:block;width:100%;height:0;background:linear-gradient(var(--gold2),var(--gold));transition:height .15s}.step{position:relative;display:grid;grid-template-columns:60px 1fr;gap:30px;padding:0 0 70px}.step b{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);background:#0b1017;color:var(--gold2);z-index:1}.step h3{margin:4px 0 8px;font-size:26px}.step p{max-width:610px}.launch{display:flex;align-items:center;gap:16px;margin-left:19px;color:var(--gold2);font-size:11px;letter-spacing:2.6px;font-weight:700}.launch i{width:20px;height:20px;border-radius:50%;background:var(--gold2);box-shadow:0 0 30px rgba(242,210,138,.75)}.seo{background:#080b10}.seo-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:80px;align-items:center}.search-visual{position:relative;border:1px solid rgba(255,255,255,.08);border-radius:30px;padding:34px;background:radial-gradient(circle at 50% 0%,rgba(214,169,79,.12),transparent 40%),#0d121a;box-shadow:var(--shadow)}.searchbar{height:62px;border:1px solid rgba(255,255,255,.12);background:#101722;border-radius:999px;display:flex;align-items:center;gap:12px;padding:0 20px;color:#d6d9df}.searchbar span{font-size:24px;color:var(--gold2)}.searchbar b{font-size:14px;font-weight:500}.result{margin-top:18px;padding:24px;border-radius:18px;background:#111923;border:1px solid rgba(255,255,255,.07)}.result small{display:block;color:var(--gold);letter-spacing:1.8px;font-size:9px}.result strong{display:block;margin:8px 0 12px;font-size:19px}.result span{display:block;height:6px;border-radius:3px;background:#2b323d;width:80%;margin:6px 0}.result span:last-child{width:56%}.result.dim{opacity:.46;transform:scale(.96)}.seo-points{display:grid;grid-template-columns:1fr 1fr;gap:24px 28px;margin-top:34px}.seo-points div{display:flex;flex-direction:column;gap:7px}.seo-points b{color:#fff}.seo-points span{font-size:14px;color:var(--muted)}.seo-note{border-left:2px solid var(--gold);padding-left:16px;color:#d4d6da!important;font-size:15px!important}.custom{background:linear-gradient(180deg,#080b10,#0d1219)}.check-grid{margin-top:55px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.check-grid span{border:1px solid rgba(255,255,255,.08);border-radius:15px;padding:18px 20px;color:#dfe2e6;background:rgba(255,255,255,.025)}.check-grid span:before{content:"✓";color:var(--gold2);margin-right:12px}.center-cta{text-align:center;margin-top:70px}.center-cta p{font-size:22px;color:#c8ccd2}.center-cta strong{color:#fff}.faq{background:#0d1219}.accordion{margin-top:48px;border-top:1px solid rgba(255,255,255,.1)}details{border-bottom:1px solid rgba(255,255,255,.1);padding:0}summary{list-style:none;cursor:pointer;padding:24px 40px 24px 0;font-size:18px;font-weight:650;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:4px;top:21px;color:var(--gold2);font-size:26px;font-weight:300}details[open] summary:after{content:"–"}details p{color:var(--muted);margin:0;padding:0 44px 24px 0;max-width:720px}.final-cta{position:relative;overflow:hidden;padding:150px 0;text-align:center;background:#05070b}.final-glow{position:absolute;width:540px;height:540px;border-radius:50%;background:radial-gradient(circle,rgba(214,169,79,.16),transparent 66%);left:50%;top:45%;transform:translate(-50%,-50%)}.final-cta .container{position:relative}.final-cta h2{max-width:900px;margin:auto;font-size:clamp(44px,6vw,78px)}.final-cta>div p:not(.eyebrow){color:var(--muted);font-size:19px}.btn-large{padding:18px 28px;margin-top:12px}.final-cta small{display:block;margin-top:16px;color:#7e858f}.footer{border-top:1px solid rgba(255,255,255,.07);padding:60px 0 40px;background:#05070b}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px}.footer-brand p{font-size:9px;letter-spacing:3px;color:#c8cbd1;margin:7px 0}.footer-brand small,.footer-meta{color:#747b85}.footer nav{display:grid;gap:9px;font-size:14px;color:#aeb4bc}.footer-meta{font-size:12px}.whatsapp-float{position:fixed;z-index:60;right:18px;bottom:max(18px,env(safe-area-inset-bottom));width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#f2d28a,#b9822e);display:grid;place-items:center;box-shadow:0 12px 35px rgba(0,0,0,.45)}.whatsapp-float svg{width:27px;fill:#15120d}.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s ease}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:850px){.site-header{height:72px}.menu-btn{display:block}.menu{position:fixed;inset:70px 14px auto 14px;background:rgba(10,14,20,.97);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:18px;display:grid;gap:8px;transform:translateY(-12px);opacity:0;pointer-events:none;transition:.25s}.menu.open{opacity:1;transform:none;pointer-events:auto}.menu a{padding:12px 10px}.menu-cta{text-align:center}.hero-content{padding-bottom:11vh}.feature-grid{grid-template-columns:1fr 1fr}.seo-grid{grid-template-columns:1fr;gap:58px}.search-visual{order:2}.footer-grid{grid-template-columns:1fr 1fr}.footer-meta{grid-column:1/-1}.solution-card{grid-template-columns:1fr;gap:18px}.solution-card.special a{justify-self:start}.local-card{grid-template-columns:1fr}.seo-points{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.container,.narrow{width:min(100% - 32px,1120px)}.hero{min-height:100svh}.hero-video{object-position:50% 50%}.hero-shade{background:linear-gradient(180deg,rgba(4,6,10,.36),rgba(4,6,10,.1) 24%,rgba(4,6,10,.7) 64%,#070a0f 100%)}.hero-content{padding-bottom:12vh}.hero h1{font-size:clamp(46px,13.2vw,64px)}.hero-copy{font-size:16px;line-height:1.55;margin:20px 0 24px}.hero-proof{font-size:9px;gap:8px}.scroll-cue{display:none}.section{padding:90px 0}.section-head h2{font-size:clamp(39px,11.4vw,54px)}.section-head>p:last-child{font-size:16px}.feature-grid{grid-template-columns:1fr;margin-top:44px}.feature-card{min-height:0;padding:25px}.feature-card h3{margin:32px 0 8px}.statement{margin-top:75px}.solution-stack{margin-top:42px}.solution-card{padding:25px}.solution-card h3{font-size:24px}.process .section-head{padding-right:20px}.timeline{margin-top:52px}.step{grid-template-columns:50px 1fr;gap:20px;padding-bottom:58px}.step b{width:46px;height:46px;font-size:12px}.timeline-line{left:23px}.step h3{font-size:21px}.launch{margin-left:14px}.search-visual{padding:20px;border-radius:22px}.searchbar{height:52px}.result{padding:20px}.seo-points{grid-template-columns:1fr}.check-grid{grid-template-columns:1fr}.center-cta{text-align:left}.center-cta .btn{width:100%;justify-content:center}.final-cta{padding:110px 0}.final-cta h2{font-size:clamp(42px,12vw,56px)}.footer-grid{grid-template-columns:1fr}.footer-meta{grid-column:auto}.whatsapp-float{width:52px;height:52px;right:14px}.brand-sub{letter-spacing:2.6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.hero-video{display:none}.scroll-cue span{animation:none}.btn,.feature-card,.solution-card{transition:none}}




.card-kicker, .solution-index, .feature-index, .card-index,
.card-number, .step-number, .number, .index,
[class*="card-number"], [class*="step-number"],
[class*="solution-index"], [class*="feature-index"] {
  display: none !important;
}



/* V4 — correção mobile da seção "Da sua ideia ao site publicado" */
@media (max-width: 700px) {
  .timeline {
    position: relative !important;
    display: block !important;
    margin-top: 2.2rem !important;
    padding-left: 1.8rem !important;
    width: 100% !important;
  }

  .timeline-line {
    position: absolute !important;
    left: 0.35rem !important;
    top: 0.4rem !important;
    bottom: 0.4rem !important;
    width: 1px !important;
    height: auto !important;
    overflow: visible !important;
  }

  .timeline-line span {
    display: block !important;
    width: 1px !important;
    height: 100% !important;
  }

  .step {
    position: relative !important;
    display: block !important;
    grid-template-columns: none !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 0 2.8rem 0 !important;
    padding: 0 0 0 1rem !important;
  }

  .step > div {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  .step h3 {
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 0.8rem !important;
    font-size: clamp(1.45rem, 7vw, 2rem) !important;
    line-height: 1.12 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  .step p {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    font-size: 1.04rem !important;
    line-height: 1.65 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  .step::before {
    content: "" !important;
    position: absolute !important;
    left: -1.58rem !important;
    top: 0.35rem !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: var(--gold, #d8aa55) !important;
    box-shadow: 0 0 0 5px rgba(216,170,85,.08) !important;
  }

  .process-section .section-head,
  #processo .section-head {
    margin-bottom: 1.5rem !important;
  }
}



.pricing-offer {
  position: relative;
  overflow: hidden;
}
.pricing-offer::before {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(222,177,88,.14), transparent 68%);
  left: 50%;
  top: 45%;
  transform: translate(-50%,-50%);
  pointer-events: none;
}
.pricing-card {
  position: relative;
  border: 1px solid rgba(224,181,95,.28);
  border-radius: 32px;
  padding: clamp(2rem, 6vw, 4rem);
  background: linear-gradient(145deg, rgba(19,24,31,.96), rgba(8,11,15,.98));
  box-shadow: 0 28px 80px rgba(0,0,0,.3);
}
.pricing-card h2 { max-width: 780px; }
.pricing-card h2 span { color: var(--gold, #e0b55f); }
.pricing-intro {
  max-width: 700px;
  color: var(--muted, #a9adb5);
  line-height: 1.7;
}
.price-lockup {
  margin: 2.4rem 0;
  padding: 2rem 0;
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.price-from {
  display: block;
  color: var(--gold, #e0b55f);
  letter-spacing: .18em;
  font-size: .72rem;
  font-weight: 700;
}
.price {
  font-size: clamp(4.5rem, 17vw, 8.5rem);
  line-height: .95;
  font-weight: 700;
  letter-spacing: -.06em;
  color: var(--gold, #e0b55f);
  margin: .45rem 0 1rem;
}
.price small {
  font-size: .28em;
  vertical-align: top;
  position: relative;
  top: .35em;
  letter-spacing: 0;
}
.domain-badge {
  display: inline-flex;
  padding: .72rem 1rem;
  border-radius: 999px;
  border: 1px solid rgba(224,181,95,.3);
  background: rgba(224,181,95,.08);
  color: #f2d18b;
  font-size: .92rem;
}
.pricing-benefits {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: .9rem 1.5rem;
  margin: 2rem 0;
  color: #e9ebef;
}
.pricing-benefits div { line-height: 1.5; }
.pricing-cta {
  display: inline-flex;
  justify-content: center;
  margin-top: .5rem;
}
.pricing-note {
  max-width: 720px;
  margin-top: 1.2rem;
  color: var(--muted, #8f949e);
  font-size: .78rem;
  line-height: 1.55;
}
@media (max-width:700px) {
  .pricing-card { border-radius: 26px; padding: 2rem 1.35rem; }
  .pricing-benefits { grid-template-columns: 1fr; }
  .pricing-cta { width: 100%; }
  .price { font-size: clamp(4.7rem, 23vw, 7rem); }
  .pricing-offer::before { width: 300px; height: 300px; }
}


/* V5 — correção desktop da timeline.
   Os marcadores numéricos foram removidos do HTML; no desktop o grid antigo
   ainda reservava uma coluna de 60px e colocava todo o texto dentro dela. */
@media (min-width: 701px) {
  #processo .timeline {
    padding-left: 90px;
    max-width: 860px;
  }

  #processo .timeline-line {
    left: 29px;
  }

  #processo .step {
    display: block;
    width: 100%;
    min-width: 0;
    padding: 0 0 70px 0;
  }

  #processo .step > div {
    width: 100%;
    max-width: 680px;
    min-width: 0;
  }

  #processo .step h3,
  #processo .step p {
    width: 100%;
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
  }

  #processo .step::before {
    content: "";
    position: absolute;
    left: -65px;
    top: 11px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--gold2);
    box-shadow: 0 0 0 6px rgba(214,169,79,.08);
  }

  #processo .launch {
    margin-left: -71px;
  }
}


/* V2.2 — correção definitiva da seção processo no desktop */
@media (min-width: 701px) {
  #processo .timeline {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 860px !important;
    padding-left: 72px !important;
    margin-top: 72px !important;
  }

  #processo .timeline-line {
    position: absolute !important;
    left: 28px !important;
    top: 12px !important;
    bottom: 48px !important;
    width: 1px !important;
  }

  #processo .step {
    position: relative !important;
    display: block !important;
    grid-template-columns: none !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 0 64px 0 !important;
  }

  #processo .step > div {
    display: block !important;
    width: min(680px, 100%) !important;
    max-width: 680px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #processo .step h3 {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 10px !important;
    font-size: 26px !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  #processo .step p {
    display: block !important;
    width: 100% !important;
    max-width: 610px !important;
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  #processo .step::before {
    content: "" !important;
    position: absolute !important;
    left: -48px !important;
    top: 8px !important;
    width: 9px !important;
    height: 9px !important;
    border-radius: 50% !important;
    background: var(--gold2) !important;
    box-shadow: 0 0 0 6px rgba(214,169,79,.08) !important;
  }

  #processo .launch {
    margin-left: -53px !important;
  }
}