:root {
  --bg: #080706;
  --bg-soft: #0e0c0b;
  --panel: #12100f;
  --panel-2: #171311;
  --cream: #f4eadf;
  --cream-2: #d9c9bc;
  --muted: #94877e;
  --muted-2: #655b55;
  --coral: #f05b43;
  --coral-bright: #ff765d;
  --red: #b72c23;
  --green: #65c98b;
  --line: rgba(244, 234, 223, .12);
  --line-strong: rgba(244, 234, 223, .2);
  --shell: min(1180px, calc(100vw - 40px));
  --serif: "Cormorant Garamond", Georgia, serif;
  --sans: "Instrument Sans", Arial, sans-serif;
}

@property --led-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg); }
body {
  margin: 0;
  min-width: 320px;
  color: var(--cream);
  background: var(--bg);
  font-family: var(--sans);
  overflow-x: clip;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 50;
  box-shadow: inset 0 0 180px rgba(0,0,0,.38);
}
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; height: auto; }
h1, h2, h3, p { margin-top: 0; }
button, a, summary { -webkit-tap-highlight-color: transparent; }
::selection { color: white; background: var(--coral); }

.page-noise {
  position: fixed;
  inset: 0;
  z-index: 49;
  pointer-events: none;
  opacity: .055;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");
}
.skip-link {
  position: fixed;
  z-index: 1000;
  top: 8px;
  left: 8px;
  padding: 12px 16px;
  color: var(--bg);
  background: var(--cream);
  transform: translateY(-150%);
}
.skip-link:focus { transform: none; }

.site-header {
  position: fixed;
  z-index: 100;
  top: 16px;
  left: 0;
  right: 0;
  transition: transform .35s ease;
}
.nav-shell {
  width: var(--shell);
  height: 64px;
  margin: auto;
  padding: 8px 9px 8px 17px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 17px;
  background: rgba(10, 8, 7, .68);
  box-shadow: 0 12px 50px rgba(0,0,0,.24);
  backdrop-filter: blur(18px) saturate(130%);
  transition: background .3s ease, border-color .3s ease;
}
.site-header.is-scrolled .nav-shell {
  background: rgba(10,8,7,.9);
  border-color: rgba(255,255,255,.16);
}
.brand { display: inline-flex; align-items: center; gap: 10px; font-size: 15px; letter-spacing: -.03em; white-space: nowrap; }
.brand img { width: 34px; height: 34px; border-radius: 9px; }
.brand b { color: var(--coral-bright); font-weight: 600; }
.nav-links { display: flex; align-items: center; gap: 28px; color: #c9bbb1; font-size: 12px; }
.nav-links a { transition: color .2s ease; }
.nav-links a:hover { color: white; }

.mini-cta, .led-button, .scroll-orb {
  --led-angle: 0deg;
  position: relative;
  isolation: isolate;
}
.mini-cta::before, .led-button::before, .scroll-orb::before {
  content: "";
  position: absolute;
  z-index: -2;
  inset: -1px;
  border-radius: inherit;
  background: conic-gradient(from var(--led-angle), rgba(255,255,255,.08) 0 42%, var(--coral-bright) 48%, #ffd1c8 50%, var(--coral) 52%, rgba(255,255,255,.08) 58% 100%);
  animation: led-spin 3.8s linear infinite;
}
.mini-cta::after, .led-button::after, .scroll-orb::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 1px;
  border-radius: inherit;
  background: #15100f;
}
@keyframes led-spin { to { --led-angle: 360deg; } }

.mini-cta {
  min-width: 140px;
  min-height: 46px;
  padding: 0 15px 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border-radius: 12px;
  font-size: 12px;
  font-style: normal;
  background: #15100f;
}
.mini-cta i { color: var(--coral-bright); font-size: 16px; font-style: normal; }

.hero {
  position: relative;
  min-height: 100svh;
  padding: 148px max(20px, calc((100vw - 1180px) / 2)) 118px;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(330px, .85fr);
  align-items: center;
  gap: 40px;
  overflow: hidden;
  border-bottom: 1px solid var(--line);
}
.hero::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 20%;
  pointer-events: none;
  background: linear-gradient(transparent, rgba(8,7,6,.92));
}
.hero-aura {
  position: absolute;
  width: 780px;
  height: 780px;
  top: -290px;
  right: -210px;
  border-radius: 50%;
  opacity: .78;
  filter: blur(9px);
  background: radial-gradient(circle, rgba(239,91,67,.26), rgba(126,25,18,.08) 45%, transparent 69%);
}
.hero-grid {
  position: absolute;
  inset: 0;
  opacity: .22;
  background-image: linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: radial-gradient(circle at 65% 35%, black 0, transparent 68%);
}
.hero-copy { position: relative; z-index: 3; padding-bottom: 32px; }
.eyebrow, .section-code {
  margin-bottom: 26px;
  color: #bdaca1;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: .19em;
  text-transform: uppercase;
}
.live-dot {
  width: 7px;
  height: 7px;
  margin-right: 8px;
  display: inline-block;
  border-radius: 50%;
  background: var(--coral);
  box-shadow: 0 0 0 5px rgba(240,91,67,.11), 0 0 18px var(--coral);
}
.hero h1 { margin: 0; font-size: clamp(48px, 6.15vw, 91px); font-weight: 500; line-height: .92; letter-spacing: -.07em; }
.headline-line { display: block; }
.headline-line.accent { color: var(--coral-bright); font-family: var(--serif); font-size: 1.13em; font-style: italic; font-weight: 600; letter-spacing: -.055em; }
.hero-lead { max-width: 610px; margin: 35px 0 0; color: #afa198; font-size: clamp(16px, 1.45vw, 19px); line-height: 1.6; }
.hero-actions { margin-top: 36px; display: flex; align-items: center; gap: 24px; }
.hero-actions > p { margin: 0; color: #6f655f; font-size: 11px; line-height: 1.45; text-transform: uppercase; letter-spacing: .09em; }
.hero-actions > p strong { color: #b7a89f; font-weight: 600; }
.led-button {
  min-height: 61px;
  padding: 0 18px 0 23px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  border-radius: 15px;
  color: white;
  background: #171110;
  box-shadow: 0 12px 40px rgba(0,0,0,.3), 0 0 28px rgba(240,91,67,.09);
  font-size: 14px;
  font-weight: 600;
  transition: transform .25s ease, box-shadow .25s ease;
}
.led-button b { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 9px; color: #190d0a; background: var(--coral-bright); font-size: 18px; }
.led-button:hover { transform: translateY(-3px); box-shadow: 0 18px 55px rgba(0,0,0,.4), 0 0 40px rgba(240,91,67,.15); }

.hero-product {
  position: relative;
  z-index: 2;
  width: min(100%, 490px);
  min-height: 600px;
  justify-self: end;
  display: grid;
  place-items: center;
  perspective: 1200px;
}
.hero-product > img {
  position: relative;
  z-index: 3;
  width: min(78%, 365px);
  transform: rotate(6deg) translateY(6px);
  filter: drop-shadow(0 38px 42px rgba(0,0,0,.62));
  will-change: transform;
}
.product-halo {
  position: absolute;
  width: 440px;
  height: 440px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(240,91,67,.31), rgba(146,35,26,.11) 46%, transparent 69%);
  filter: blur(8px);
}
.phone-shadow { position: absolute; bottom: 54px; width: 70%; height: 54px; border-radius: 50%; background: rgba(0,0,0,.9); filter: blur(22px); transform: rotate(4deg); }
.floating-chip {
  position: absolute;
  z-index: 5;
  min-width: 160px;
  padding: 13px 16px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 12px;
  background: rgba(17,14,13,.82);
  box-shadow: 0 18px 45px rgba(0,0,0,.35);
  backdrop-filter: blur(13px);
}
.floating-chip small { display: block; margin-bottom: 6px; color: #81756e; font-size: 8px; letter-spacing: .14em; }
.floating-chip strong { font-size: 15px; font-weight: 600; }
.chip-profit { right: -5px; top: 27%; }
.chip-profit strong { color: var(--green); }
.chip-time { left: -28px; bottom: 20%; }

.hero-bottom {
  position: absolute;
  z-index: 5;
  left: max(20px, calc((100vw - 1180px) / 2));
  bottom: 28px;
  display: flex;
  align-items: center;
  gap: 27px;
  color: #7f746d;
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.micro-proof span { margin-right: 6px; color: var(--coral); }
.scroll-orb {
  position: absolute;
  z-index: 6;
  left: 50%;
  bottom: 23px;
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #e2d5cc;
  background: #15100f;
  font-size: 16px;
}
.scroll-orb span { animation: arrow-bob 1.8s ease-in-out infinite; }
@keyframes arrow-bob { 50% { transform: translateY(4px); } }

.manifesto {
  min-height: 88svh;
  padding: 130px max(20px, calc((100vw - 1180px) / 2));
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: radial-gradient(circle at 80% 90%, rgba(240,91,67,.08), transparent 34%);
}
.manifesto h2, .result-head h2, .final-cta h2 {
  max-width: 1060px;
  margin: 0;
  color: #f1e8df;
  font-size: clamp(46px, 7vw, 94px);
  font-weight: 500;
  line-height: .98;
  letter-spacing: -.065em;
}
[data-word-reveal] .word {
  display: inline-block;
  margin-right: .21em;
  color: #f2e8df;
  opacity: .12;
  transform: translateY(.22em);
  transition: color .35s ease, opacity .35s ease, transform .35s ease;
}
[data-word-reveal] .word.is-lit { opacity: 1; transform: none; }
[data-word-reveal] .word.word-accent { color: var(--coral-bright); }
.manifesto-note { max-width: 620px; margin: 42px 0 0 auto; color: #93867e; font-size: 16px; line-height: 1.65; }

.quantity-band {
  position: relative;
  z-index: 3;
  width: 100%;
  padding: 21px 0;
  overflow: hidden;
  border-top: 1px solid rgba(240,91,67,.27);
  border-bottom: 1px solid rgba(240,91,67,.27);
  background: #120d0c;
  transform: rotate(-1deg) scale(1.02);
}
.band-track { width: max-content; display: flex; align-items: center; gap: 35px; color: #cdbeb4; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; animation: marquee 32s linear infinite; }
.band-track i { color: var(--coral); font-size: 7px; font-style: normal; }
@keyframes marquee { to { transform: translateX(-50%); } }

.product-story {
  position: relative;
  width: var(--shell);
  margin: 0 auto;
  display: grid;
  grid-template-columns: .92fr 1.08fr;
  gap: clamp(60px, 8vw, 130px);
}
.story-visual { position: relative; }
.visual-stage {
  position: sticky;
  top: 9vh;
  height: 82vh;
  min-height: 620px;
  display: grid;
  place-items: center;
  overflow: hidden;
}
.visual-stage::before {
  content: "";
  position: absolute;
  width: 76%;
  aspect-ratio: 1;
  border: 1px solid rgba(240,91,67,.11);
  border-radius: 50%;
  box-shadow: 0 0 0 45px rgba(240,91,67,.018), 0 0 0 90px rgba(240,91,67,.012);
}
.stage-glow { position: absolute; width: 480px; height: 480px; border-radius: 50%; background: radial-gradient(circle, rgba(239,91,67,.24), transparent 68%); filter: blur(18px); }
.story-phone {
  position: absolute;
  z-index: 2;
  width: min(62%, 330px);
  opacity: 0;
  transform: translateY(40px) rotate(-7deg) scale(.94);
  filter: drop-shadow(0 35px 42px rgba(0,0,0,.58));
  transition: opacity .65s ease, transform .85s cubic-bezier(.2,.75,.2,1);
}
.story-phone.is-active { opacity: 1; transform: translateY(0) rotate(4deg) scale(1); }
.stage-index { position: absolute; z-index: 3; left: 20px; bottom: 45px; display: flex; align-items: center; gap: 10px; color: #756861; font-size: 10px; }
.stage-index span { width: 72px; height: 1px; background: linear-gradient(90deg, var(--coral) 33.33%, #4a413c 33.33%); }
.story-content { position: relative; }
.story-step {
  min-height: 100vh;
  padding: 17vh 0 11vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  opacity: .35;
  transition: opacity .5s ease;
}
.story-step.is-active { opacity: 1; }
.story-step h2, .materials-heading h2, .offer-heading h2, .faq-heading h2 {
  margin-bottom: 30px;
  font-size: clamp(48px, 5.7vw, 80px);
  font-weight: 500;
  line-height: .94;
  letter-spacing: -.06em;
}
.story-step h2 em, .materials-heading h2 em, .offer-heading h2 em, .faq-heading h2 em {
  color: var(--coral-bright);
  font-family: var(--serif);
  font-weight: 600;
}
.story-step > p:not(.section-code), .materials-heading > p:last-child { max-width: 545px; color: #93867e; font-size: 17px; line-height: 1.66; }
.story-step ul { margin: 24px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; list-style: none; }
.story-step li { padding: 9px 12px; border: 1px solid var(--line); border-radius: 99px; color: #a99b92; background: rgba(255,255,255,.025); font-size: 11px; }
.metric { width: min(360px, 100%); margin-top: 25px; padding: 18px 20px; border: 1px solid rgba(240,91,67,.24); border-radius: 14px; background: linear-gradient(120deg, rgba(240,91,67,.11), rgba(255,255,255,.025)); }
.metric small { display: block; margin-bottom: 8px; color: #766963; font-size: 9px; letter-spacing: .15em; }
.metric strong { color: var(--coral-bright); font-size: 28px; }
.metric.green { border-color: rgba(101,201,139,.24); background: linear-gradient(120deg, rgba(101,201,139,.09), rgba(255,255,255,.025)); }
.metric.green strong { color: var(--green); }

.result-section { padding: 150px max(20px, calc((100vw - 1180px) / 2)); border-top: 1px solid var(--line); background: #0b0908; }
.result-head h2 { max-width: 1020px; font-size: clamp(45px, 6.2vw, 82px); }
.result-grid { margin-top: 80px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; }
.result-card { min-height: 310px; padding: 28px; display: flex; flex-direction: column; justify-content: flex-end; border: 1px solid var(--line); border-radius: 19px; background: linear-gradient(145deg, rgba(255,255,255,.035), rgba(255,255,255,.008)); }
.result-card > span { margin-bottom: auto; color: #665b55; font-size: 11px; }
.result-card h3 { margin-bottom: 12px; font-size: 32px; font-weight: 500; letter-spacing: -.04em; }
.result-card p { margin: 0; color: #8f827a; font-size: 14px; line-height: 1.58; }
.result-card.featured { border-color: rgba(240,91,67,.34); background: radial-gradient(circle at 70% 5%, rgba(240,91,67,.22), transparent 44%), #15100f; transform: translateY(-18px); box-shadow: 0 24px 70px rgba(0,0,0,.22); }
.result-card.featured > span, .result-card.featured h3 { color: var(--coral-bright); }

.materials { position: relative; padding: 155px max(20px, calc((100vw - 1180px) / 2)) 180px; overflow: hidden; }
.materials::before { content: ""; position: absolute; width: 700px; height: 700px; right: -300px; bottom: -250px; border-radius: 50%; background: radial-gradient(circle, rgba(240,91,67,.12), transparent 68%); }
.materials-heading { display: grid; grid-template-columns: 1.05fr .95fr; column-gap: 80px; }
.materials-heading .section-code { grid-column: 1 / -1; }
.materials-heading h2 { margin: 0; }
.materials-heading > p:last-child { align-self: end; margin: 0 0 8px; }
.cover-gallery { position: relative; margin-top: 110px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(36px, 8vw, 120px); align-items: start; }
.cover-card { position: relative; display: grid; grid-template-columns: minmax(180px, 260px) 1fr; align-items: end; gap: 28px; }
.cover-card::before { content: ""; position: absolute; left: 3%; bottom: 42px; width: 47%; height: 40px; border-radius: 50%; background: #000; filter: blur(20px); }
.cover-card img { position: relative; z-index: 2; width: 100%; border-radius: 3px; box-shadow: 0 35px 60px rgba(0,0,0,.55), -12px 8px 0 #301d18; transform: perspective(900px) rotateY(8deg) rotateZ(-2deg); }
.cover-right { margin-top: 90px; }
.cover-right img { transform: perspective(900px) rotateY(-8deg) rotateZ(2deg); box-shadow: 0 35px 60px rgba(0,0,0,.55), 12px 8px 0 #301d18; }
.cover-light { position: absolute; z-index: 1; top: 5%; left: -10%; width: 65%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgba(240,91,67,.38), transparent 68%); filter: blur(18px); }
.cover-card > div:last-child { position: relative; z-index: 3; padding-bottom: 23px; }
.cover-card small { color: var(--coral); font-size: 9px; letter-spacing: .17em; }
.cover-card h3 { margin: 12px 0 10px; font-size: clamp(26px, 3vw, 39px); font-weight: 500; line-height: .95; letter-spacing: -.05em; }
.cover-card p { margin: 0; color: #8c8079; font-size: 13px; line-height: 1.5; }

.offer { position: relative; padding: 150px max(20px, calc((100vw - 1240px) / 2)) 170px; overflow: hidden; border-top: 1px solid rgba(240,91,67,.15); background: #0a0807; }
.offer-aura { position: absolute; left: 50%; top: 43%; width: 950px; height: 630px; transform: translate(-50%, -50%); border-radius: 50%; background: radial-gradient(circle, rgba(174,39,29,.22), rgba(93,15,12,.08) 43%, transparent 70%); filter: blur(20px); }
.offer-heading { position: relative; z-index: 2; text-align: center; }
.offer-heading h2 { font-size: clamp(47px, 5.3vw, 76px); }
.offer-layout { position: relative; z-index: 3; margin-top: 75px; display: grid; grid-template-columns: 1fr minmax(340px, 400px) 1fr; gap: 22px; align-items: center; }
.offer-side { display: grid; gap: 16px; }
.offer-side article { min-height: 155px; padding: 23px; border: 1px solid var(--line); border-radius: 17px; background: rgba(18,15,14,.72); backdrop-filter: blur(10px); }
.offer-side span { display: inline-flex; margin-bottom: 18px; padding: 6px 8px; border-radius: 6px; color: var(--coral-bright); background: rgba(240,91,67,.1); font-size: 8px; font-weight: 700; letter-spacing: .12em; }
.offer-side h3 { margin-bottom: 7px; font-size: 19px; font-weight: 500; letter-spacing: -.03em; }
.offer-side p { margin: 0; color: #81756f; font-size: 12px; line-height: 1.5; }
.side-left { text-align: right; }
.side-left span { margin-left: auto; }
.offer-side .bonus { border-color: rgba(101,201,139,.2); }
.offer-side .bonus span { color: var(--green); background: rgba(101,201,139,.09); }
.price-card { position: relative; padding: 30px 29px 27px; overflow: hidden; text-align: center; border: 1px solid rgba(240,91,67,.36); border-radius: 24px; background: linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.015)), #15100f; box-shadow: 0 35px 100px rgba(0,0,0,.55), 0 0 70px rgba(240,91,67,.1); }
.price-card::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 50% -10%, rgba(240,91,67,.28), transparent 42%); pointer-events: none; }
.price-card > * { position: relative; z-index: 1; }
.price-brand { display: flex; align-items: center; justify-content: center; gap: 11px; }
.price-brand img { width: 43px; height: 43px; border-radius: 11px; }
.price-brand span { color: #bcaea5; font-size: 9px; letter-spacing: .15em; }
.price-intro { margin: 28px 0 5px; color: #756a64; font-size: 11px; text-transform: uppercase; letter-spacing: .14em; }
.old-price { position: relative; display: inline-block; color: #756963; font-size: 25px; font-weight: 500; }
.old-price::after { content: ""; position: absolute; left: -6px; right: -6px; top: 52%; height: 2px; background: var(--coral); transform: rotate(-5deg); box-shadow: 0 0 10px var(--coral); }
.price-now { margin-top: 12px; }
.price-now small { display: block; margin-bottom: 3px; color: #c0b2a8; font-size: 11px; }
.price-now strong { display: inline-flex; align-items: flex-start; color: #fff8f2; font-size: 92px; line-height: .9; letter-spacing: -.08em; }
.price-now sup { padding-top: 12px; margin-right: 4px; color: var(--coral-bright); font-size: 18px; letter-spacing: 0; }
.price-now sub { align-self: flex-end; margin: 0 0 9px 2px; color: #b9aaa1; font-size: 25px; letter-spacing: -.04em; }
.payment-copy { margin: 20px 0 23px; color: #8a7e76; font-size: 12px; line-height: 1.5; }
.payment-copy b { color: var(--cream); font-weight: 500; }
.price-button { width: 100%; min-height: 60px; text-align: left; }
.payment-line { margin-top: 18px; color: #615750; font-size: 9px; letter-spacing: .05em; }

.faq { width: var(--shell); margin: auto; padding: 150px 0; display: grid; grid-template-columns: .78fr 1.22fr; gap: 90px; }
.faq-heading { position: sticky; top: 135px; align-self: start; }
.faq-heading h2 { font-size: clamp(52px, 6vw, 82px); }
.faq-list { border-top: 1px solid var(--line); }
.faq details { border-bottom: 1px solid var(--line); }
.faq summary { min-height: 88px; display: flex; align-items: center; justify-content: space-between; gap: 20px; cursor: pointer; list-style: none; font-size: 17px; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary span { width: 30px; height: 30px; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: var(--coral); transition: transform .3s ease; }
.faq details[open] summary span { transform: rotate(45deg); }
.faq details p { max-width: 620px; margin: -6px 50px 25px 0; color: #8e827a; font-size: 14px; line-height: 1.65; }

.final-cta { min-height: 90svh; padding: 130px max(20px, calc((100vw - 1180px) / 2)); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; border-top: 1px solid var(--line); background: radial-gradient(circle at 50% 68%, rgba(240,91,67,.17), transparent 38%), #090706; }
.final-cta h2 { max-width: 1030px; }
.final-cta .led-button { margin-top: 55px; }

footer { width: var(--shell); min-height: 120px; margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 25px; border-top: 1px solid var(--line); color: #6f645e; font-size: 11px; text-transform: uppercase; letter-spacing: .12em; }
.footer-brand { color: var(--cream); font-size: 14px; text-transform: none; letter-spacing: -.02em; }
footer p { margin: 0; }
footer > a:hover { color: var(--cream); }

.mobile-buy { display: none; }
.toast { position: fixed; z-index: 500; left: 50%; bottom: 28px; width: max-content; max-width: calc(100vw - 32px); padding: 13px 18px; border: 1px solid rgba(255,255,255,.13); border-radius: 12px; color: #ded1c8; background: rgba(18,14,13,.94); box-shadow: 0 18px 55px rgba(0,0,0,.5); backdrop-filter: blur(12px); font-size: 12px; opacity: 0; transform: translate(-50%, 20px); pointer-events: none; transition: opacity .3s ease, transform .3s ease; }
.toast.is-visible { opacity: 1; transform: translate(-50%, 0); }

.reveal { opacity: 0; transform: translateY(27px); transition: opacity .75s cubic-bezier(.2,.75,.2,1), transform .75s cubic-bezier(.2,.75,.2,1); }
.reveal.is-visible { opacity: 1; transform: none; }
.headline-line:nth-child(2) { transition-delay: .08s; }
.hero-lead { transition-delay: .15s; }
.hero-actions { transition-delay: .22s; }

@media (max-width: 1000px) {
  .hero { grid-template-columns: 1.08fr .92fr; }
  .hero-product { min-height: 520px; }
  .floating-chip { min-width: 140px; }
  .chip-profit { right: -14px; }
  .chip-time { left: -20px; }
  .product-story { gap: 45px; }
  .story-phone { width: min(75%, 320px); }
  .materials-heading { grid-template-columns: 1fr; }
  .materials-heading > p:last-child { margin-top: 26px; }
  .cover-card { grid-template-columns: minmax(150px, 230px) 1fr; }
  .offer-layout { grid-template-columns: .86fr minmax(325px, 370px) .86fr; gap: 13px; }
  .offer-side article { padding: 18px; }
}

@media (max-width: 760px) {
  :root { --shell: calc(100vw - 30px); }
  body { padding-bottom: calc(73px + env(safe-area-inset-bottom)); }
  body::before { box-shadow: inset 0 0 90px rgba(0,0,0,.25); }
  .page-noise { opacity: .045; }
  .site-header { top: 9px; }
  .nav-shell { height: 56px; padding: 7px 8px 7px 12px; border-radius: 14px; }
  .brand { font-size: 13px; gap: 7px; }
  .brand img { width: 30px; height: 30px; }
  .nav-links { display: none; }
  .mini-cta { min-width: auto; min-height: 40px; padding: 0 11px 0 13px; gap: 9px; border-radius: 10px; font-size: 10px; }

  .hero { height: 100svh; min-height: 720px; padding: 101px 20px 92px; display: block; }
  .hero-copy { z-index: 5; padding: 0; }
  .eyebrow { margin-bottom: 19px; font-size: 9px; }
  .hero h1 { font-size: clamp(44px, 13.2vw, 63px); line-height: .9; }
  .headline-line { white-space: normal; }
  .headline-line.accent { font-size: 1.06em; }
  .hero-lead { max-width: 94%; margin-top: 24px; font-size: 15px; line-height: 1.54; }
  .hero-actions { margin-top: 26px; align-items: stretch; }
  .hero-actions .led-button { flex: 1; }
  .hero-actions > p { display: none; }
  .led-button { min-height: 57px; padding: 0 13px 0 17px; gap: 14px; border-radius: 14px; font-size: 12px; }
  .led-button b { width: 29px; height: 29px; flex: 0 0 auto; }
  .hero-product { position: absolute; z-index: 2; left: 20px; right: 20px; bottom: 50px; width: auto; height: 350px; min-height: 0; margin: 0; }
  .hero-product::before { content: ""; position: absolute; z-index: 4; left: -20px; right: -20px; top: -10px; height: 90px; background: linear-gradient(var(--bg), transparent); pointer-events: none; }
  .hero-product > img { width: min(57%, 225px); transform: rotate(5deg) translate(22px, 34px); }
  .product-halo { width: 360px; height: 360px; }
  .phone-shadow { bottom: 3px; }
  .floating-chip { min-width: 124px; padding: 10px 11px; border-radius: 10px; }
  .floating-chip small { font-size: 6px; }
  .floating-chip strong { font-size: 12px; }
  .chip-profit { right: 2px; top: 43%; }
  .chip-time { left: 0; bottom: 8%; }
  .hero-bottom { left: 20px; right: 20px; bottom: 22px; justify-content: space-between; gap: 8px; font-size: 7px; }
  .scroll-orb { display: none; }

  .manifesto { min-height: 75svh; padding: 100px 20px; }
  .section-code { margin-bottom: 22px; font-size: 9px; }
  .manifesto h2, .result-head h2, .final-cta h2 { font-size: clamp(42px, 12.5vw, 58px); line-height: .96; }
  .manifesto-note { margin: 34px 0 0; font-size: 14px; }
  .quantity-band { padding: 16px 0; transform: none; }
  .band-track { gap: 25px; font-size: 9px; }

  .product-story { width: 100%; display: block; }
  .story-visual { position: sticky; z-index: 4; top: 54px; height: 51svh; pointer-events: none; background: linear-gradient(var(--bg) 78%, transparent); }
  .visual-stage { position: relative; top: auto; height: 100%; min-height: 0; }
  .visual-stage::before { width: 65%; box-shadow: 0 0 0 30px rgba(240,91,67,.014); }
  .stage-glow { width: 310px; height: 310px; }
  .story-phone { width: min(48%, 205px); }
  .stage-index { left: 20px; bottom: 35px; }
  .story-content { position: relative; z-index: 5; margin-top: -2px; }
  .story-step { min-height: 77svh; padding: 27svh 20px 11vh; justify-content: flex-end; background: linear-gradient(transparent, var(--bg) 28%); opacity: .35; }
  .story-step h2, .materials-heading h2, .offer-heading h2, .faq-heading h2 { margin-bottom: 21px; font-size: clamp(42px, 12vw, 58px); line-height: .93; }
  .story-step > p:not(.section-code), .materials-heading > p:last-child { font-size: 14px; }
  .story-step ul { margin-top: 17px; }
  .metric { margin-top: 18px; padding: 14px 16px; }
  .metric strong { font-size: 23px; }

  .result-section { padding: 105px 20px; }
  .result-grid { margin-top: 53px; grid-template-columns: 1fr; gap: 10px; }
  .result-card { min-height: 220px; padding: 23px; }
  .result-card.featured { transform: none; }

  .materials { padding: 105px 20px 120px; }
  .materials-heading { display: block; }
  .cover-gallery { margin-top: 70px; grid-template-columns: 1fr; gap: 75px; }
  .cover-card { grid-template-columns: minmax(135px, 48%) 1fr; gap: 18px; }
  .cover-right { margin-top: 0; }
  .cover-card h3 { font-size: 27px; }
  .cover-card p { font-size: 11px; }

  .offer { padding: 105px 15px 115px; }
  .offer-heading h2 br { display: none; }
  .offer-layout { margin-top: 50px; display: flex; flex-direction: column; gap: 11px; }
  .price-card { order: 1; width: 100%; max-width: 400px; padding: 27px 23px 24px; }
  .side-left { order: 2; }
  .side-right { order: 3; }
  .offer-side { width: 100%; max-width: 400px; grid-template-columns: 1fr 1fr; text-align: left; gap: 10px; }
  .side-left span { margin-left: 0; }
  .offer-side article { min-height: 155px; padding: 16px; }
  .offer-side h3 { font-size: 16px; }
  .offer-side p { font-size: 10px; }
  .price-now strong { font-size: 82px; }

  .faq { width: auto; padding: 105px 20px; display: block; }
  .faq-heading { position: static; margin-bottom: 55px; }
  .faq summary { min-height: 76px; font-size: 14px; }
  .faq details p { margin-right: 20px; font-size: 12px; }
  .final-cta { min-height: 78svh; padding: 110px 20px; }
  .final-cta .section-code { line-height: 1.5; }
  .final-cta .led-button { margin-top: 38px; }
  footer { min-height: 150px; flex-direction: column; justify-content: center; gap: 14px; text-align: center; }

  .mobile-buy {
    position: fixed;
    z-index: 200;
    left: 10px;
    right: 10px;
    bottom: calc(9px + env(safe-area-inset-bottom));
    min-height: 56px;
    padding: 0 13px 0 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 14px;
    color: white;
    background: rgba(220,61,44,.93);
    box-shadow: 0 16px 45px rgba(0,0,0,.5), 0 0 22px rgba(240,91,67,.2);
    backdrop-filter: blur(16px);
    font-size: 13px;
    font-weight: 600;
    opacity: 0;
    transform: translateY(90px);
    pointer-events: none;
    transition: opacity .35s ease, transform .35s ease;
  }
  .mobile-buy b { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 9px; color: #39120d; background: #fff0ea; font-size: 18px; }
  .mobile-buy.is-visible { opacity: 1; transform: none; pointer-events: auto; }
  .toast { bottom: calc(80px + env(safe-area-inset-bottom)); text-align: center; }
}

@media (max-width: 390px) {
  .brand span { max-width: 112px; overflow: hidden; }
  .hero { padding-left: 16px; padding-right: 16px; }
  .hero-bottom { left: 16px; right: 16px; }
  .floating-chip { min-width: 112px; }
  .offer-side { grid-template-columns: 1fr; }
  .offer-side article { min-height: 125px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
  [data-word-reveal] .word { opacity: 1; transform: none; }
}

/* Hero editorial — composição inspirada na referência aprovada */
.hero.hero-v2 {
  position: relative;
  min-height: max(900px, 100svh);
  padding: 72px max(28px, calc((100vw - 1340px) / 2));
  display: grid;
  grid-template-columns: minmax(420px, .78fr) minmax(650px, 1.35fr);
  align-items: center;
  gap: 10px;
  isolation: isolate;
  overflow: hidden;
  border-bottom: 1px solid rgba(240,91,67,.16);
  background:
    radial-gradient(circle at 68% 45%, rgba(241,73,39,.25), transparent 31%),
    radial-gradient(circle at 85% 5%, rgba(133,35,20,.2), transparent 31%),
    #050403;
}
.hero.hero-v2::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -3;
  background:
    linear-gradient(90deg, rgba(5,4,3,.98) 0%, rgba(5,4,3,.89) 29%, rgba(5,4,3,.2) 59%, rgba(5,4,3,.72) 100%),
    repeating-radial-gradient(ellipse at 66% 54%, transparent 0 57px, rgba(240,91,67,.055) 58px 59px);
}
.hero.hero-v2::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 870px;
  height: 870px;
  left: 51%;
  top: 50%;
  transform: translate(-20%, -48%);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,105,63,.42) 0, rgba(214,54,27,.22) 17%, rgba(110,23,13,.09) 46%, transparent 70%);
  filter: blur(13px);
}
.hero-v2-atmosphere { position: absolute; z-index: -2; inset: 0; overflow: hidden; pointer-events: none; }
.hero-v2-atmosphere::before {
  content: "";
  position: absolute;
  width: 740px;
  height: 740px;
  left: 51%;
  top: 46%;
  transform: translate(-5%, -50%);
  border: 1px solid rgba(255,102,64,.14);
  border-radius: 50%;
  box-shadow: 0 0 0 52px rgba(255,92,54,.025), 0 0 0 112px rgba(255,92,54,.018), 0 0 90px rgba(240,72,36,.17);
}
.hero-v2-atmosphere i {
  position: absolute;
  width: 2px;
  height: 52%;
  left: calc(53% + var(--x, 0px));
  top: -10%;
  opacity: .36;
  transform: rotate(var(--r, 18deg));
  transform-origin: bottom;
  background: linear-gradient(transparent, rgba(255,100,57,.8), transparent);
  filter: drop-shadow(0 0 5px #f95e36);
}
.hero-v2-atmosphere i:nth-child(2) { --x: 90px; --r: 9deg; height: 38%; }
.hero-v2-atmosphere i:nth-child(3) { --x: 180px; --r: 25deg; height: 55%; }
.hero-v2-atmosphere i:nth-child(4) { --x: 310px; --r: 35deg; height: 48%; }
.hero-v2-atmosphere i:nth-child(5) { --x: 420px; --r: 42deg; height: 36%; }
.hero-v2-atmosphere i:nth-child(6) { --x: -90px; --r: -8deg; height: 42%; }
.hero-v2-atmosphere i:nth-child(7) { --x: -180px; --r: -18deg; height: 34%; }
.hero-v2-atmosphere i:nth-child(8) { --x: 510px; --r: 51deg; height: 40%; }

.hero-v2-copy { position: relative; z-index: 10; align-self: center; width: min(100%, 495px); }
.hero-v2-kicker { margin: 0 0 25px 4px; color: #d0c2b8; font-size: 10px; font-weight: 500; line-height: 1.8; letter-spacing: .17em; text-transform: uppercase; }
.hero-v2-kicker span { width: 8px; height: 8px; margin: 0 10px 1px 0; display: inline-block; border-radius: 50%; background: var(--coral-bright); box-shadow: 0 0 14px var(--coral); }
.hero-v2-copy h1 { margin: 0; letter-spacing: -.045em; }
.hero-v2-copy h1 strong { display: block; margin-bottom: 7px; color: var(--coral-bright); font-family: var(--serif); font-size: clamp(57px, 4.65vw, 75px); font-weight: 600; line-height: .78; }
.headline-nowrap { white-space: nowrap; }
.hero-v2-copy h1 > span { display: block; color: #f1e6dc; font-family: var(--serif); font-size: clamp(35px, 2.72vw, 44px); font-weight: 600; line-height: .91; }
.hero-v2-copy h1 u { text-underline-offset: .14em; text-decoration-color: rgba(244,234,223,.8); text-decoration-thickness: 1px; }
.hero-v2-copy h1 em { color: var(--coral-bright); font-style: normal; }
.hero-v2-lead { max-width: 470px; margin: 25px 0 19px; color: #b3a79f; font-size: 12px; line-height: 1.55; }
.hero-benefits { margin: 0 0 22px; padding: 0; display: grid; gap: 10px; list-style: none; color: #d7cbc2; font-size: 12px; }
.hero-benefits li { display: flex; align-items: center; gap: 11px; }
.hero-benefits b { width: 29px; height: 29px; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid rgba(240,91,67,.25); border-radius: 50%; color: var(--coral-bright); background: rgba(240,91,67,.04); font-size: 13px; font-weight: 500; box-shadow: inset 0 0 14px rgba(240,91,67,.05); }
.hero-v2-cta { width: min(100%, 380px); min-height: 61px; text-transform: uppercase; }
.hero-v2-trust { margin: 14px 0 0; display: flex; align-items: center; gap: 10px; color: #796e68; font-size: 8px; }
.hero-v2-trust i { color: var(--coral); font-style: normal; }

.hero-scene { position: relative; z-index: 4; width: 100%; height: min(830px, calc(100svh - 80px)); min-height: 720px; perspective: 1600px; transform-style: preserve-3d; }
.scene-rings { position: absolute; left: 49%; top: 51%; width: 710px; aspect-ratio: 1; transform: translate(-50%, -50%) rotateX(68deg); border: 1px solid rgba(255,100,57,.24); border-radius: 50%; box-shadow: 0 0 0 35px rgba(255,91,49,.035), 0 0 0 73px rgba(255,91,49,.022), inset 0 0 80px rgba(232,57,27,.13); }
.scene-rings::before, .scene-rings::after { content: ""; position: absolute; inset: 14%; border: 1px dashed rgba(255,105,63,.19); border-radius: 50%; }
.scene-rings::after { inset: 31%; border-style: solid; box-shadow: 0 0 45px rgba(255,93,53,.14); }
.scene-ghosts { position: absolute; inset: 18% 2% 19% 3%; opacity: .18; }
.scene-ghosts span { position: absolute; min-width: 130px; padding: 15px; border: 1px solid rgba(240,91,67,.24); border-radius: 9px; color: #e76a50; background: rgba(42,15,10,.44); font-size: 10px; }
.scene-ghosts span:nth-child(1) { left: 0; top: 18%; }
.scene-ghosts span:nth-child(2) { right: 0; top: 13%; }
.scene-ghosts span:nth-child(3) { left: 4%; top: 35%; }
.scene-ghosts span:nth-child(4) { right: 1%; top: 31%; }

.scene-phone { position: absolute; z-index: 4; margin: 0; transform-style: preserve-3d; will-change: transform; }
.scene-phone::after { content: ""; position: absolute; z-index: -1; inset: 8% -10%; border-radius: 45%; background: rgba(255,82,39,.33); filter: blur(35px); opacity: .8; }
.scene-phone img { position: relative; z-index: 2; width: 100%; filter: drop-shadow(0 32px 28px rgba(0,0,0,.78)) drop-shadow(0 0 8px rgba(255,116,73,.25)); }
.phone-edge { position: absolute; z-index: 3; inset: 1.5% 2.4%; border: 1px solid rgba(255,126,86,.66); border-radius: 11% / 6%; box-shadow: inset 0 0 10px rgba(255,102,62,.17), 0 0 13px rgba(255,89,49,.42); pointer-events: none; }
.phone-left { left: 11%; top: 25%; width: min(27%, 245px); transform: rotate(-7deg) rotateY(11deg) translateZ(-20px); }
.phone-main { z-index: 6; left: 36%; top: 7%; width: min(36%, 330px); transform: rotate(5deg) translateZ(55px); }
.phone-right { z-index: 5; right: 8%; top: 24%; width: min(28%, 255px); transform: rotate(8deg) rotateY(-11deg) translateZ(5px); }

.scene-metric { position: absolute; z-index: 9; min-width: 155px; padding: 13px 15px; display: flex; align-items: center; gap: 11px; border: 1px solid rgba(255,118,76,.42); border-radius: 11px; color: white; background: linear-gradient(135deg, rgba(75,30,21,.88), rgba(23,13,10,.88)); box-shadow: inset 0 1px rgba(255,255,255,.09), 0 14px 35px rgba(0,0,0,.43), 0 0 19px rgba(240,76,41,.12); backdrop-filter: blur(12px); will-change: transform; }
.scene-metric > b { width: 30px; height: 30px; flex: 0 0 auto; display: grid; place-items: center; border-right: 1px solid rgba(240,91,67,.28); color: var(--coral-bright); font-size: 18px; font-weight: 500; }
.scene-metric span { display: grid; }
.scene-metric small { margin-bottom: 4px; color: #cabbb2; font-size: 9px; }
.scene-metric strong { font-size: 17px; line-height: 1; }
.scene-metric em { margin-top: 5px; color: #9b8c83; font-size: 8px; font-style: normal; }
.metric-cost { left: 13%; top: 4%; }
.metric-profit { right: 13%; top: 3%; }
.metric-total { right: 0; top: 48%; }
.metric-budget { left: 0; bottom: 12%; }
.metric-signal { left: 42%; bottom: 4%; }

.scene-materials { position: absolute; z-index: 8; right: -3%; bottom: -1%; width: 34%; height: 245px; display: flex; align-items: flex-end; justify-content: center; gap: 8px; will-change: transform; }
.scene-materials img { position: relative; z-index: 2; width: 42%; border-radius: 2px; filter: drop-shadow(0 18px 18px rgba(0,0,0,.7)); transform: rotate(-4deg); }
.scene-materials img:nth-of-type(2) { transform: rotate(3deg); }
.material-pedestal { position: absolute; z-index: 1; left: 0; right: 0; bottom: -15px; height: 55px; border: 1px solid rgba(255,103,63,.46); border-radius: 50%; background: radial-gradient(ellipse, rgba(104,30,17,.88), #090504 72%); box-shadow: inset 0 3px 12px rgba(255,92,48,.16), 0 0 28px rgba(238,67,31,.16); transform: perspective(500px) rotateX(57deg); }

@media (max-width: 1120px) and (min-width: 761px) {
  .hero.hero-v2 { grid-template-columns: minmax(380px, .78fr) minmax(520px, 1.1fr); padding-inline: 35px; }
  .hero-v2-copy h1 strong { font-size: 57px; }
  .hero-v2-copy h1 > span { font-size: 34px; }
  .hero-scene { transform: translateX(-3%); }
}

@media (max-width: 760px) {
  .hero.hero-v2 {
    height: auto;
    min-height: 1770px;
    padding: 42px 16px 160px;
    display: block;
    overflow: hidden;
    background: radial-gradient(circle at 50% 35%, rgba(237,69,34,.24), transparent 26%), #050403;
  }
  .hero.hero-v2::before { background: linear-gradient(rgba(5,4,3,.15), rgba(5,4,3,.46) 33%, rgba(5,4,3,.72) 100%); }
  .hero.hero-v2::after { width: 570px; height: 900px; left: 50%; top: 37%; transform: translate(-50%, -50%); opacity: .75; }
  .hero-v2-atmosphere::before { width: 530px; height: 530px; left: 50%; top: 34%; transform: translate(-50%, -50%); }
  .hero-v2-atmosphere i { left: calc(48% + var(--x, 0px)); height: 32%; }
  .hero-v2-atmosphere i:nth-child(n+6) { display: none; }
  .hero-v2-copy { position: static; width: 100%; }
  .hero-v2-kicker { margin: 0 0 22px; font-size: 7px; line-height: 1.65; letter-spacing: .13em; }
  .hero-v2-kicker span { width: 5px; height: 5px; margin-right: 6px; }
  .hero-v2-copy h1 strong { margin-bottom: 6px; font-size: clamp(45px, 13.5vw, 57px); line-height: .82; }
  .hero-v2-copy h1 > span { font-size: clamp(27px, 8.5vw, 34px); line-height: .91; }
  .hero-v2-lead, .hero-benefits { display: none; }
  .hero-v2-cta { position: absolute; z-index: 20; left: 16px; right: 16px; bottom: 85px; width: auto; min-height: 58px; }
  .hero-v2-trust { position: absolute; z-index: 20; left: 16px; right: 16px; bottom: 36px; justify-content: center; gap: 7px; font-size: 7px; white-space: nowrap; }

  .hero-scene { position: absolute; z-index: 3; left: 0; right: 0; top: 430px; width: 100%; height: 1160px; min-height: 0; transform: none; perspective: 1000px; }
  .scene-rings { left: 50%; top: 25%; width: 470px; transform: translate(-50%, -50%) rotateX(69deg); }
  .scene-ghosts { display: none; }
  .phone-main { left: 50%; top: 3%; width: 46%; transform: translateX(-50%) rotate(3deg) translateZ(35px); }
  .phone-left { left: 5%; top: 13%; width: 36%; transform: rotate(-7deg) rotateY(10deg); }
  .phone-right { right: 4%; top: 13%; width: 36%; transform: rotate(7deg) rotateY(-10deg); }
  .scene-phone::after { inset: 11% -5%; filter: blur(25px); }
  .phone-edge { border-radius: 12% / 6%; }

  .scene-metric { left: 16px; right: 16px; width: auto; min-width: 0; min-height: 70px; padding: 11px 14px; }
  .scene-metric > b { width: 32px; }
  .scene-metric small { font-size: 8px; }
  .scene-metric strong { font-size: 17px; }
  .metric-cost { top: 495px; }
  .metric-profit { top: 573px; }
  .metric-total { top: 651px; }
  .metric-budget { top: 729px; bottom: auto; }
  .metric-signal { top: 807px; bottom: auto; }
  .scene-materials { right: 8%; bottom: 7px; width: 84%; height: 250px; gap: 13px; }
  .scene-materials img { width: 35%; }
  .material-pedestal { bottom: -10px; height: 62px; }
}

@media (max-width: 380px) {
  .hero.hero-v2 { min-height: 1720px; }
  .hero-scene { top: 415px; height: 1115px; }
  .hero-v2-copy h1 strong { font-size: 44px; }
  .hero-v2-copy h1 > span { font-size: 26px; }
  .scene-metric { left: 12px; right: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  .scene-phone, .scene-metric, .scene-materials { transform: none !important; }
}

/* CTA coral e refinamentos solicitados */
.led-button {
  justify-content: center;
  color: #fff8f4;
  background: linear-gradient(135deg, #f05b43, #d94231);
  box-shadow: 0 16px 45px rgba(0,0,0,.34), 0 0 28px rgba(240,91,67,.16);
}
.led-button::after { background: linear-gradient(135deg, #f05b43, #d94231); }
.led-button::before {
  background: conic-gradient(
    from var(--led-angle),
    rgba(255,255,255,.1) 0 42%,
    rgba(255,255,255,.72) 47%,
    #fff 50%,
    rgba(255,255,255,.72) 53%,
    rgba(255,255,255,.1) 58% 100%
  );
  filter: drop-shadow(0 0 4px rgba(255,255,255,.9));
}
.led-button:hover { box-shadow: 0 19px 58px rgba(0,0,0,.43), 0 0 42px rgba(240,91,67,.3); }
.mobile-buy { justify-content: center; }

@media (max-width: 760px) {
  .hero.hero-v2 { min-height: 1770px; }
  .hero-v2-copy { position: relative; z-index: 12; }
  .hero-v2-cta {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    width: 100%;
    margin-top: 24px;
  }
  .hero-v2-trust {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    margin: 13px 0 0;
  }
  .hero-scene { top: 495px; }
  .phone-main { left: 50%; width: 50%; }
  .phone-left { left: 2%; width: 41%; top: 12%; }
  .phone-right { right: 2%; width: 41%; top: 12%; }
}

@media (max-width: 380px) {
  .hero-scene { top: 480px; }
}

/* Acabamento premium limpo e tipografia integralmente em caixa alta */
body { text-transform: uppercase; }
.page-noise { display: none; }
body::before {
  box-shadow: inset 0 0 110px rgba(0,0,0,.24);
}
.hero.hero-v2 {
  background:
    radial-gradient(circle at 70% 43%, rgba(255,73,35,.3) 0, rgba(149,32,17,.13) 27%, transparent 55%),
    linear-gradient(135deg, #020202 0%, #080403 48%, #120503 100%);
}
.hero.hero-v2::before {
  background:
    linear-gradient(90deg, rgba(2,2,2,.99) 0%, rgba(3,2,2,.88) 31%, rgba(5,2,1,.18) 63%, rgba(3,2,2,.63) 100%),
    radial-gradient(circle at 69% 48%, rgba(255,103,62,.1), transparent 54%);
}
.hero.hero-v2::after {
  background: radial-gradient(circle, rgba(255,103,61,.38) 0, rgba(225,54,24,.17) 25%, rgba(103,19,9,.055) 48%, transparent 70%);
  filter: blur(6px);
}
.hero-v2-atmosphere { opacity: .72; }
.hero-v2-atmosphere::before {
  border-color: rgba(255,110,70,.18);
  box-shadow: 0 0 0 52px rgba(255,92,54,.016), 0 0 0 112px rgba(255,92,54,.01), 0 0 72px rgba(240,72,36,.13);
}
.scene-rings {
  border-color: rgba(255,114,72,.2);
  box-shadow: 0 0 0 35px rgba(255,91,49,.02), 0 0 0 73px rgba(255,91,49,.012), inset 0 0 60px rgba(232,57,27,.09);
}

@media (max-width: 760px) {
  body::before { box-shadow: inset 0 0 55px rgba(0,0,0,.17); }
  .hero.hero-v2 {
    background:
      radial-gradient(circle at 50% 37%, rgba(255,76,38,.25), transparent 31%),
      linear-gradient(180deg, #020202 0%, #080302 58%, #0d0302 100%);
  }
  .hero.hero-v2::before {
    background: linear-gradient(180deg, rgba(2,2,2,.05), rgba(2,1,1,.32) 43%, rgba(3,1,1,.7) 100%);
  }
  .scene-phone { transform-style: flat; backface-visibility: hidden; }
  .scene-phone img {
    filter: none;
    image-rendering: auto;
    backface-visibility: hidden;
  }
  .phone-main { transform: translateX(-50%) rotate(2deg); }
  .phone-left { transform: rotate(-5deg); }
  .phone-right { transform: rotate(5deg); }
  .phone-edge { box-shadow: inset 0 0 7px rgba(255,102,62,.12), 0 0 10px rgba(255,89,49,.35); }
  .hero.hero-v2 { min-height: 1820px; }
  .hero-v2-copy h1 > span {
    font-size: clamp(23px, 6.8vw, 27px);
    line-height: .96;
    letter-spacing: -.04em;
  }
  .hero-scene { top: 545px; }
}

@media (max-width: 380px) {
  .hero-scene { top: 530px; }
}

@media (max-width: 760px) {
  .hero-v2-copy h1 strong {
    font-size: clamp(36px, 11.2vw, 45px);
    letter-spacing: -.045em;
  }
  .hero.hero-v2 { min-height: 1745px; }
  .hero-scene { top: 510px; }
}

@media (max-width: 380px) {
  .hero-scene { top: 500px; }
}

@media (min-width: 381px) and (max-width: 760px) {
  .hero-scene { top: 465px; }
}

/* Estrutura pós-hero inspirada na arquitetura do Guincheiro Lucrativo */
.lp-trustbar {
  min-height: 76px;
  padding: 18px max(20px, calc((100vw - 1180px) / 2));
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 28px;
  border-block: 1px solid rgba(255,255,255,.09);
  color: #9e928a;
  background: #0b0908;
  font-size: 10px;
  letter-spacing: .09em;
}
.lp-trustbar i { color: var(--coral); font-style: normal; }

.lp-heading { max-width: 790px; margin-bottom: 65px; }
.lp-heading.centered { margin-inline: auto; text-align: center; }
.lp-heading h2 {
  margin: 0;
  color: var(--cream);
  font-size: clamp(48px, 5.7vw, 78px);
  font-weight: 500;
  line-height: .92;
  letter-spacing: -.06em;
}
.lp-heading h2 em, .lp-material-copy h3 em, .lp-last-call h2 em {
  color: var(--coral-bright);
  font-family: var(--serif);
  font-weight: 600;
}
.lp-heading > p:last-child { max-width: 640px; margin: 25px auto 0; color: #90847d; font-size: 15px; line-height: 1.6; }

.lp-deliver, .lp-demo, .lp-steps, .lp-materials, .lp-audience, .lp-offer, .lp-last-call {
  position: relative;
  padding: 135px max(20px, calc((100vw - 1180px) / 2));
}
.lp-deliver { background: linear-gradient(180deg, #080706, #0c0807); }
.lp-app-card {
  min-height: 650px;
  padding: clamp(28px, 4vw, 60px);
  display: grid;
  grid-template-columns: 1.02fr .98fr;
  align-items: center;
  gap: 55px;
  overflow: hidden;
  border: 1px solid rgba(240,91,67,.22);
  border-radius: 28px;
  background: radial-gradient(circle at 26% 50%, rgba(240,91,67,.19), transparent 43%), linear-gradient(135deg, #15100e, #0b0908 70%);
  box-shadow: 0 35px 100px rgba(0,0,0,.35);
}
.lp-app-visual { position: relative; height: 560px; display: grid; place-items: center; }
.lp-orbit { position: absolute; width: 430px; aspect-ratio: 1; border: 1px solid rgba(255,107,67,.22); border-radius: 50%; box-shadow: 0 0 0 40px rgba(255,92,54,.018), 0 0 70px rgba(240,72,36,.12); }
.lp-app-visual img { position: absolute; filter: drop-shadow(0 35px 35px rgba(0,0,0,.65)); }
.lp-phone-front { z-index: 2; width: 285px; transform: rotate(4deg) translateX(45px); }
.lp-phone-back { z-index: 1; width: 230px; opacity: .72; transform: rotate(-7deg) translate(-110px, 35px); }
.lp-app-copy { position: relative; z-index: 3; }
.lp-number { width: 42px; height: 42px; margin-bottom: 17px; display: grid; place-items: center; border: 1px solid rgba(240,91,67,.4); border-radius: 50%; color: var(--coral-bright); background: rgba(240,91,67,.08); font-size: 17px; }
.lp-app-copy small, .lp-material-copy small { color: var(--coral-bright); font-size: 9px; letter-spacing: .16em; }
.lp-app-copy h3, .lp-material-copy h3 { margin: 15px 0 23px; font-size: clamp(35px, 4vw, 54px); font-weight: 500; line-height: .96; letter-spacing: -.05em; }
.lp-app-copy ul, .lp-material-copy ul { margin: 0 0 30px; padding: 0; display: grid; gap: 12px; color: #aa9d95; font-size: 13px; line-height: 1.45; list-style: none; }
.lp-app-copy li::first-letter, .lp-material-copy li::first-letter { color: var(--coral); }

.lp-demo { overflow: hidden; border-top: 1px solid var(--line); background: #080706; }
.lp-demo::before { content: ""; position: absolute; left: 50%; top: 55%; width: 900px; height: 600px; transform: translate(-50%,-50%); background: radial-gradient(circle, rgba(240,73,37,.19), transparent 68%); }
.lp-demo-stage { position: relative; max-width: 980px; min-height: 660px; margin: 0 auto 65px; display: flex; align-items: center; justify-content: center; gap: 0; perspective: 1400px; }
.lp-demo-glow { position: absolute; width: 520px; height: 520px; border-radius: 50%; background: radial-gradient(circle, rgba(255,96,56,.28), transparent 68%); filter: blur(10px); }
.lp-demo-stage figure { position: relative; z-index: 2; width: 255px; margin: 0 -20px; text-align: center; transform: rotate(-7deg) scale(.88); }
.lp-demo-stage figure.active { z-index: 4; width: 325px; transform: translateY(-20px) scale(1); }
.lp-demo-stage figure:last-child { transform: rotate(7deg) scale(.88); }
.lp-demo-stage img { width: 100%; filter: drop-shadow(0 35px 30px rgba(0,0,0,.68)); }
.lp-demo-stage figcaption { margin-top: 15px; color: #857871; font-size: 9px; letter-spacing: .11em; }
.lp-center-cta {
  width: min(390px, 100%);
  margin-inline: auto;
  display: flex;
}

.lp-steps { border-top: 1px solid var(--line); background: #0b0908; }
.lp-step-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 13px; }
.lp-step-grid article { min-height: 310px; padding: 30px; display: flex; flex-direction: column; justify-content: flex-end; border: 1px solid var(--line); border-radius: 21px; background: linear-gradient(145deg, rgba(255,255,255,.04), rgba(255,255,255,.008)); }
.lp-step-grid article:nth-child(2) { border-color: rgba(240,91,67,.34); background: radial-gradient(circle at 70% 0, rgba(240,91,67,.2), transparent 48%), #15100f; }
.lp-step-grid b { margin-bottom: auto; color: var(--coral); font-size: 36px; font-weight: 500; }
.lp-step-grid h3 { margin-bottom: 13px; font-size: 27px; font-weight: 500; line-height: 1; letter-spacing: -.04em; }
.lp-step-grid p { margin: 0; color: #8f827a; font-size: 13px; line-height: 1.55; }

.lp-materials { border-top: 1px solid var(--line); overflow: hidden; background: #080706; }
.lp-material-row { max-width: 1000px; min-height: 610px; margin: 0 auto 85px; display: grid; grid-template-columns: .78fr 1.22fr; align-items: center; gap: 90px; }
.lp-material-row.reverse { grid-template-columns: 1.22fr .78fr; }
.lp-material-row.reverse .lp-cover-wrap { order: 2; }
.lp-cover-wrap { position: relative; height: 560px; display: grid; place-items: center; }
.lp-cover-wrap span { position: absolute; width: 380px; height: 380px; border-radius: 50%; background: radial-gradient(circle, rgba(240,91,67,.25), transparent 69%); filter: blur(10px); }
.lp-cover-wrap img { position: relative; z-index: 2; width: min(310px, 80%); border-radius: 3px; box-shadow: 0 40px 65px rgba(0,0,0,.55), -11px 8px 0 #321c17; transform: rotate(-3deg); }
.lp-material-row.reverse img { box-shadow: 0 40px 65px rgba(0,0,0,.55), 11px 8px 0 #321c17; transform: rotate(3deg); }

.lp-audience { border-top: 1px solid var(--line); background: linear-gradient(180deg, #0b0908, #080706); }
.lp-audience-grid { max-width: 980px; margin: auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 11px; }
.lp-audience-grid span { min-height: 130px; padding: 23px; display: flex; align-items: flex-end; border: 1px solid var(--line); border-radius: 17px; color: #d4c7be; background: linear-gradient(140deg, rgba(240,91,67,.06), rgba(255,255,255,.015)); font-size: 14px; line-height: 1.35; }

.lp-guarantee { width: min(1080px, calc(100vw - 40px)); margin: 80px auto; padding: 42px 48px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 35px; border: 1px solid rgba(101,201,139,.27); border-radius: 24px; background: radial-gradient(circle at 8% 50%, rgba(101,201,139,.12), transparent 30%), #11100e; }
.lp-guarantee-seal { width: 110px; height: 110px; display: grid; place-content: center; text-align: center; border: 1px solid rgba(101,201,139,.38); border-radius: 50%; color: var(--green); box-shadow: inset 0 0 28px rgba(101,201,139,.09); }
.lp-guarantee-seal strong { font-size: 45px; line-height: .8; }
.lp-guarantee-seal span { margin-top: 8px; font-size: 9px; letter-spacing: .13em; }
.lp-guarantee h2 { margin-bottom: 8px; font-size: 39px; font-weight: 500; letter-spacing: -.04em; }
.lp-guarantee p:last-child { max-width: 560px; margin: 0; color: #8f827a; font-size: 12px; line-height: 1.55; }

.lp-offer { overflow: hidden; border-top: 1px solid rgba(240,91,67,.19); background: #070504; }
.lp-offer-aura { position: absolute; left: 50%; top: 52%; width: 1000px; height: 1000px; transform: translate(-50%,-50%); border-radius: 50%; background: radial-gradient(circle, rgba(174,39,29,.2), transparent 67%); filter: blur(18px); }
.lp-offer > *:not(.lp-offer-aura) { position: relative; z-index: 2; }
.lp-offer-stack { max-width: 880px; margin: auto; display: grid; gap: 12px; }
.lp-offer-main { min-height: 310px; padding: 30px 45px; display: grid; grid-template-columns: 230px 1fr; align-items: center; gap: 55px; overflow: hidden; border: 1px solid rgba(240,91,67,.27); border-radius: 22px; background: radial-gradient(circle at 15% 50%, rgba(240,91,67,.2), transparent 45%), #15100f; }
.lp-offer-main img { width: 190px; margin: -80px auto -95px; transform: rotate(4deg); filter: drop-shadow(0 25px 25px rgba(0,0,0,.55)); }
.lp-offer-main span, .lp-offer-items span { color: var(--coral-bright); font-size: 9px; letter-spacing: .12em; }
.lp-offer-main h3 { margin: 10px 0 16px; font-size: 36px; font-weight: 500; letter-spacing: -.04em; }
.lp-offer-main ul { margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 8px 18px; color: #92857d; font-size: 11px; list-style: none; }
.lp-offer-items { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.lp-offer-items article { min-height: 155px; padding: 18px; display: flex; align-items: center; gap: 20px; border: 1px solid var(--line); border-radius: 17px; background: rgba(18,15,14,.84); }
.lp-offer-items img { width: 72px; max-height: 118px; object-fit: cover; object-position: top; border-radius: 2px; box-shadow: 0 12px 24px rgba(0,0,0,.4); }
.lp-offer-items h3 { margin: 7px 0 0; font-size: 19px; font-weight: 500; line-height: 1.05; }
.lp-offer-items .bonus { border-color: rgba(101,201,139,.22); }
.lp-offer-items .bonus > b { width: 68px; height: 68px; display: grid; place-items: center; border: 1px solid rgba(101,201,139,.25); border-radius: 50%; color: var(--green); font-size: 9px; letter-spacing: .1em; }
.lp-offer-items .bonus span { color: var(--green); }
.lp-price-card { margin-top: 18px; padding: 50px; text-align: center; border: 1px solid rgba(240,91,67,.38); border-radius: 26px; background: radial-gradient(circle at 50% 0, rgba(240,91,67,.26), transparent 42%), linear-gradient(145deg, #191210, #0f0c0b); box-shadow: 0 35px 100px rgba(0,0,0,.48); }
.lp-price-card > p:first-child { color: var(--coral-bright); font-size: 11px; letter-spacing: .12em; }
.lp-price-old { margin-bottom: 12px; color: #756963; font-size: 24px; text-decoration: line-through var(--coral) 2px; }
.lp-price-card > span { color: #a99c94; font-size: 10px; letter-spacing: .13em; }
.lp-price { display: flex; align-items: flex-start; justify-content: center; margin: 4px 0 22px; }
.lp-price sup { padding-top: 17px; color: var(--coral-bright); font-size: 20px; }
.lp-price strong { font-size: 104px; line-height: .88; letter-spacing: -.09em; }
.lp-price sub { align-self: flex-end; margin-bottom: 8px; color: #b9aaa1; font-size: 28px; }
.lp-price-card > p:nth-of-type(2) { color: #81756e; font-size: 10px; }
.lp-price-card .led-button { width: min(470px, 100%); margin: 27px auto 0; }
.lp-secure { margin-top: 24px; display: flex; justify-content: center; gap: 20px; color: #71665f; font-size: 8px; }

.lp-faq { width: min(1080px, calc(100vw - 40px)); grid-template-columns: .72fr 1.28fr; }
.lp-faq .faq-heading h2 { font-size: clamp(48px, 5vw, 72px); }
.lp-last-call { min-height: 620px; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 60px; border-top: 1px solid var(--line); background: radial-gradient(circle at 74% 46%, rgba(240,91,67,.17), transparent 33%), #080706; }
.lp-last-call h2 { max-width: 780px; margin-bottom: 18px; font-size: clamp(52px, 6vw, 86px); font-weight: 500; line-height: .91; letter-spacing: -.065em; }
.lp-last-call > div:first-child > p:last-child { color: #887b74; font-size: 12px; }
.lp-last-price { display: flex; align-items: flex-start; color: var(--cream); }
.lp-last-price span { padding-top: 18px; color: var(--coral-bright); font-size: 20px; }
.lp-last-price strong { font-size: 110px; line-height: .82; letter-spacing: -.09em; }
.lp-last-price small { align-self: flex-end; margin-bottom: 8px; color: #aa9c94; font-size: 25px; }
.lp-last-call .led-button { grid-column: 1 / -1; width: min(430px, 100%); }

@media (max-width: 760px) {
  .lp-trustbar { min-height: 67px; padding-inline: 15px; gap: 10px; justify-content: flex-start; overflow-x: auto; white-space: nowrap; font-size: 7px; scrollbar-width: none; }
  .lp-trustbar::-webkit-scrollbar { display: none; }
  .lp-heading { margin-bottom: 45px; }
  .lp-heading h2 { font-size: clamp(40px, 11.4vw, 54px); }
  .lp-heading > p:last-child { margin-top: 19px; font-size: 12px; }
  .lp-deliver, .lp-demo, .lp-steps, .lp-materials, .lp-audience, .lp-offer, .lp-last-call { padding: 95px 15px; }
  .lp-app-card { min-height: 0; padding: 24px 18px 32px; display: flex; flex-direction: column; gap: 20px; border-radius: 20px; }
  .lp-app-visual { width: 100%; height: 440px; }
  .lp-orbit { width: 310px; }
  .lp-phone-front { width: 205px; transform: rotate(3deg) translateX(33px); }
  .lp-phone-back { width: 168px; transform: rotate(-6deg) translate(-75px, 29px); }
  .lp-app-copy h3, .lp-material-copy h3 { font-size: 36px; }
  .lp-app-copy ul, .lp-material-copy ul { font-size: 11px; }
  .lp-app-copy .led-button { width: 100%; }
  .lp-demo-stage { min-height: 470px; margin-bottom: 45px; overflow: hidden; }
  .lp-demo-stage figure { width: 36%; margin-inline: -9%; }
  .lp-demo-stage figure.active { width: 48%; }
  .lp-demo-stage figcaption { display: none; }
  .lp-step-grid { grid-template-columns: 1fr; }
  .lp-step-grid article { min-height: 220px; }
  .lp-material-row, .lp-material-row.reverse { min-height: 0; margin-bottom: 95px; display: flex; flex-direction: column; gap: 35px; }
  .lp-material-row.reverse .lp-cover-wrap { order: 0; }
  .lp-cover-wrap { width: 100%; height: 440px; }
  .lp-cover-wrap img { width: 225px; }
  .lp-material-copy { width: 100%; }
  .lp-audience-grid { grid-template-columns: 1fr 1fr; }
  .lp-audience-grid span { min-height: 115px; padding: 17px; font-size: 11px; }
  .lp-guarantee { width: calc(100vw - 30px); margin: 60px auto; padding: 30px 22px; grid-template-columns: 1fr; text-align: center; }
  .lp-guarantee-seal { margin: auto; }
  .lp-guarantee h2 { font-size: 35px; }
  .lp-guarantee .led-button { width: 100%; }
  .lp-offer-stack { width: 100%; }
  .lp-offer-main { min-height: 350px; padding: 25px 20px; grid-template-columns: 125px 1fr; gap: 20px; }
  .lp-offer-main img { width: 125px; margin: -35px auto -45px; }
  .lp-offer-main h3 { font-size: 27px; }
  .lp-offer-main ul { grid-template-columns: 1fr; font-size: 9px; }
  .lp-offer-items { grid-template-columns: 1fr; }
  .lp-offer-items article { min-height: 130px; }
  .lp-price-card { padding: 38px 18px; }
  .lp-price strong { font-size: 88px; }
  .lp-secure { gap: 9px; font-size: 6px; }
  .lp-offer { padding-bottom: 58px; }
  .lp-faq { width: auto; padding-top: 70px; }
  .lp-last-call { min-height: 670px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 35px; }
  .lp-last-call h2 { font-size: 48px; }
  .lp-last-price strong { font-size: 90px; }
  .lp-last-call .led-button { width: 100%; }
}

/* Direção clean editorial — marfim, blush e palco de produto em contraste */
:root {
  --bg: #fffdfb;
  --bg-soft: #f9f2ed;
  --panel: #fffdf9;
  --panel-2: #f4e6de;
  --cream: #3e2a24;
  --cream-2: #6e554c;
  --muted: #806b63;
  --muted-2: #aa9389;
  --coral: #df573f;
  --coral-bright: #ed654b;
  --red: #b93f31;
  --green: #4e8167;
  --line: rgba(91, 55, 43, .12);
  --line-strong: rgba(91, 55, 43, .2);
}

html, body { background: var(--bg); }
body { color: var(--cream); }
body::before { display: none; }
::selection { color: #fffaf5; background: var(--coral); }

.eyebrow, .section-code { color: #9b7568; }
.section-code { letter-spacing: .2em; }
.lp-heading h2, .faq-heading h2 { color: #422d26; }
.lp-heading > p:last-child { color: #8c746a; }
.lp-heading h2 em, .lp-material-copy h3 em, .lp-last-call h2 em { color: var(--coral); }

/* Hero: conteúdo claro e uma vitrine escura exclusiva para o produto */
.hero.hero-v2 {
  min-height: max(900px, 100svh);
  padding: 58px max(30px, calc((100vw - 1400px) / 2));
  grid-template-columns: minmax(430px, .76fr) minmax(680px, 1.24fr);
  gap: clamp(24px, 3vw, 54px);
  border-bottom-color: rgba(126, 72, 53, .12);
  background:
    radial-gradient(circle at 12% 18%, #ffffff, transparent 30%),
    radial-gradient(circle at 56% 92%, rgba(231,126,101,.11), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, #fffdfb 57%, #faf0ea 100%);
}
.hero.hero-v2::before {
  background:
    linear-gradient(90deg, rgba(255,255,255,.44), transparent 36%),
    repeating-radial-gradient(ellipse at 8% 25%, transparent 0 78px, rgba(181,91,65,.045) 79px 80px);
}
.hero.hero-v2::after {
  width: 580px;
  height: 580px;
  left: 18%;
  top: 100%;
  transform: translate(-50%, -55%);
  background: radial-gradient(circle, rgba(223,87,63,.13), transparent 69%);
  filter: blur(2px);
}
.hero-v2-atmosphere { opacity: .22; }
.hero-v2-atmosphere::before { left: 8%; top: 55%; border-color: rgba(199,86,60,.15); box-shadow: 0 0 0 50px rgba(222,92,67,.02), 0 0 0 106px rgba(222,92,67,.016); }
.hero-v2-atmosphere i { left: calc(10% + var(--x, 0px)); opacity: .18; background: linear-gradient(transparent, rgba(211,81,54,.55), transparent); filter: none; }
.hero-v2-copy { width: min(100%, 520px); }
.hero-v2-kicker { color: #7e635a; }
.hero-v2-kicker span { box-shadow: 0 0 0 5px rgba(223,87,63,.08), 0 0 12px rgba(223,87,63,.28); }
.hero-v2-copy h1 strong { color: var(--coral); }
.hero-v2-copy h1 > span { color: #432d26; }
.hero-v2-copy h1 u { text-decoration-color: rgba(67,45,38,.58); }
.hero-v2-lead { color: #79645b; }
.hero-benefits { color: #513c35; }
.hero-benefits b { border-color: rgba(223,87,63,.22); color: var(--coral); background: rgba(255,255,255,.7); box-shadow: 0 6px 18px rgba(112,62,47,.07); }
.hero-v2-trust { color: #9a8278; }

.hero-scene {
  height: min(810px, calc(100svh - 70px));
  min-height: 720px;
  overflow: hidden;
  border: 1px solid rgba(101,52,39,.16);
  border-radius: 42px;
  background:
    radial-gradient(circle at 50% 44%, rgba(255,92,50,.4) 0, rgba(160,40,20,.18) 27%, transparent 58%),
    linear-gradient(145deg, #1d0d0a 0%, #090605 50%, #170907 100%);
  box-shadow: 0 36px 90px rgba(84,45,34,.18), inset 0 1px rgba(255,255,255,.08);
}
.hero-scene::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(115deg, transparent 15%, rgba(255,121,82,.08) 40%, transparent 63%),
    radial-gradient(circle at 50% 44%, transparent 0 33%, rgba(255,104,64,.06) 34% 34.4%, transparent 35% 100%);
}
.scene-rings { left: 51%; top: 51%; width: min(76%, 690px); }
.phone-left { left: 6%; top: 24%; width: min(31%, 260px); transform: rotate(-7deg) rotateY(10deg) translateZ(-20px); }
.phone-main { left: 34%; top: 6%; width: min(38%, 342px); transform: rotate(4deg) translateZ(55px); }
.phone-right { right: 3%; top: 23%; width: min(31%, 270px); transform: rotate(7deg) rotateY(-10deg) translateZ(5px); }
.scene-phone::after { background: rgba(255,82,39,.26); opacity: .72; }
.scene-phone img { filter: drop-shadow(0 30px 27px rgba(0,0,0,.72)) drop-shadow(0 0 7px rgba(255,116,73,.2)); }
.scene-metric { background: linear-gradient(135deg, rgba(83,31,21,.9), rgba(24,13,10,.92)); }
.metric-cost { left: 5%; top: 4%; }
.metric-profit { right: 5%; top: 4%; }
.metric-total { right: 1.5%; top: 50%; }
.metric-budget { left: 1.5%; bottom: 11%; }
.metric-signal { left: 39%; bottom: 3%; }
.scene-materials { right: -1%; bottom: -1%; width: 37%; height: 250px; }

/* Conteúdo pós-hero em superfícies claras */
.lp-trustbar {
  border-color: rgba(104,61,47,.1);
  color: #785f56;
  background: #f1e3da;
}
.lp-deliver { background: linear-gradient(180deg, #ffffff, #fffaf7); }
.lp-app-card {
  border-color: rgba(171,88,63,.18);
  background: radial-gradient(circle at 24% 50%, rgba(231,108,78,.16), transparent 42%), rgba(255,253,249,.94);
  box-shadow: 0 35px 90px rgba(101,57,43,.1);
}
.lp-orbit { border-color: rgba(211,91,63,.2); box-shadow: 0 0 0 40px rgba(217,92,64,.025), 0 0 70px rgba(214,92,64,.09); }
.lp-app-visual img { filter: drop-shadow(0 32px 28px rgba(61,34,26,.28)); }
.lp-number { border-color: rgba(223,87,63,.3); color: var(--coral); background: #fff8f2; }
.lp-app-copy small, .lp-material-copy small { color: var(--coral); }
.lp-app-copy h3, .lp-material-copy h3 { color: #432d26; }
.lp-app-copy ul, .lp-material-copy ul { color: #745e55; }

.lp-demo {
  border-color: rgba(104,61,47,.1);
  background: #fbf3ee;
}
.lp-demo::before { background: radial-gradient(circle, rgba(230,102,75,.17), transparent 68%); }
.lp-demo-glow { background: radial-gradient(circle, rgba(230,97,68,.22), transparent 68%); }
.lp-demo-stage img { filter: drop-shadow(0 32px 27px rgba(70,38,28,.27)); }
.lp-demo-stage figcaption { color: #90776c; }

.lp-steps { border-color: rgba(104,61,47,.1); background: #ffffff; }
.lp-step-grid article {
  border-color: rgba(104,61,47,.12);
  background: rgba(255,255,255,.72);
  box-shadow: 0 18px 50px rgba(104,61,47,.05);
}
.lp-step-grid article:nth-child(2) { border-color: rgba(223,87,63,.26); background: radial-gradient(circle at 74% 0, rgba(229,105,78,.16), transparent 48%), #fff6f0; }
.lp-step-grid h3 { color: #432d26; }
.lp-step-grid p { color: #806a61; }

.lp-materials { border-color: rgba(104,61,47,.1); background: #fbf4ef; }
.lp-cover-wrap span { background: radial-gradient(circle, rgba(229,105,78,.18), transparent 69%); }
.lp-cover-wrap img { box-shadow: 0 35px 60px rgba(78,42,32,.2), -10px 8px 0 #e7cfc2; }
.lp-material-row.reverse img { box-shadow: 0 35px 60px rgba(78,42,32,.2), 10px 8px 0 #e7cfc2; }

.lp-audience { border-color: rgba(104,61,47,.1); background: linear-gradient(180deg, #ffffff, #fffaf7); }
.lp-audience-grid span { border-color: rgba(104,61,47,.12); color: #5f4840; background: linear-gradient(140deg, rgba(255,255,255,.82), rgba(230,112,83,.05)); }

.lp-guarantee { border-color: rgba(78,129,103,.23); background: radial-gradient(circle at 8% 50%, rgba(96,150,121,.12), transparent 30%), #fbfdf9; box-shadow: 0 24px 65px rgba(76,112,92,.08); }
.lp-guarantee h2 { color: #3e352d; }
.lp-guarantee p:last-child { color: #746b61; }

.lp-offer { border-color: rgba(104,61,47,.1); background: #fbf3ee; }
.lp-offer-aura { background: radial-gradient(circle, rgba(220,91,63,.14), transparent 67%); }
.lp-offer-main { border-color: rgba(223,87,63,.2); background: radial-gradient(circle at 15% 50%, rgba(231,109,80,.18), transparent 45%), #fffaf6; }
.lp-offer-main img { filter: drop-shadow(0 25px 22px rgba(68,36,27,.26)); }
.lp-offer-main h3, .lp-offer-items h3 { color: #432d26; }
.lp-offer-main ul { color: #806a61; }
.lp-offer-items article { border-color: rgba(104,61,47,.12); background: rgba(255,253,249,.92); box-shadow: 0 15px 35px rgba(92,49,36,.05); }
.lp-offer-items img { box-shadow: 0 12px 24px rgba(72,37,27,.18); }
.lp-offer-items .bonus { border-color: rgba(78,129,103,.2); background: #fbfdf9; }
.lp-price-card { border-color: rgba(223,87,63,.28); background: radial-gradient(circle at 50% 0, rgba(234,115,86,.18), transparent 44%), #fffaf6; box-shadow: 0 32px 80px rgba(95,50,37,.12); }
.lp-price-old { color: #ad9287; }
.lp-price-card > span, .lp-price-card > p:nth-of-type(2), .lp-secure { color: #8f776d; }
.lp-price strong { color: #432d26; }
.lp-price sub { color: #7f685e; }

.faq { background: #ffffff; }
.faq-list { border-color: rgba(104,61,47,.14); }
.faq details { border-color: rgba(104,61,47,.14); }
.faq summary { color: #4a352e; }
.faq summary span { border-color: rgba(104,61,47,.18); }
.faq details p { color: #816a60; }

.lp-last-call {
  border-color: rgba(104,61,47,.1);
  background: radial-gradient(circle at 74% 46%, rgba(255,255,255,.14), transparent 33%), linear-gradient(135deg, #d94f39, #b93f31);
}
.lp-last-call h2, .lp-last-call h2 em, .lp-last-price, .lp-last-price span { color: #fff9f3; }
.lp-last-call > div:first-child > p:last-child, .lp-last-price small { color: rgba(255,249,243,.72); }

footer { border-color: rgba(104,61,47,.1); color: #8e766c; background: #f4e7df; }
.mobile-buy { color: #fff; background: linear-gradient(135deg, #ed654b, #cf4836); box-shadow: 0 14px 32px rgba(131,58,41,.24); backdrop-filter: blur(16px); }
.toast { color: #fff8f3; background: #3d2923; box-shadow: 0 16px 45px rgba(65,35,27,.22); }

@media (max-width: 1120px) and (min-width: 761px) {
  .hero.hero-v2 { grid-template-columns: minmax(370px, .76fr) minmax(520px, 1.15fr); padding-inline: 28px; }
  .hero-scene { border-radius: 34px; }
}

@media (max-width: 760px) {
  body { padding-bottom: calc(73px + env(safe-area-inset-bottom)); }
  .hero.hero-v2 {
    min-height: 0;
    padding: 38px 15px 66px;
    display: block;
    background:
      radial-gradient(circle at 88% 7%, rgba(234,119,91,.12), transparent 27%),
      linear-gradient(180deg, #ffffff 0%, #fffaf8 100%);
  }
  .hero.hero-v2::before { background: radial-gradient(circle at 0 18%, rgba(255,255,255,.75), transparent 34%); }
  .hero.hero-v2::after { width: 330px; height: 330px; left: 100%; top: 5%; opacity: .7; }
  .hero-v2-atmosphere { display: none; }
  .hero-v2-copy { position: relative; width: 100%; }
  .hero-v2-kicker { color: #84695f; }
  .hero-v2-copy h1 > span { color: #432d26; }
  .hero-v2-cta { position: relative; width: 100%; margin-top: 24px; }
  .hero-v2-trust { position: relative; margin-top: 13px; color: #9a8278; }
  .hero-scene {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    width: 100%;
    height: 760px;
    min-height: 0;
    margin-top: 42px;
    border-radius: 30px;
    perspective: 1000px;
    background:
      radial-gradient(circle at 50% 34%, rgba(255,91,49,.43), rgba(143,34,18,.16) 29%, transparent 57%),
      linear-gradient(165deg, #1b0b08, #070504 58%, #170806);
    box-shadow: 0 30px 70px rgba(79,42,31,.2), inset 0 1px rgba(255,255,255,.08);
  }
  .scene-rings { left: 50%; top: 31%; width: 440px; }
  .phone-main { left: 50%; top: 10%; width: 50%; transform: translateX(-50%) rotate(2deg); }
  .phone-left { left: 1%; top: 20%; width: 40%; transform: rotate(-6deg); }
  .phone-right { right: 1%; top: 20%; width: 40%; transform: rotate(6deg); }
  .scene-metric { left: auto; right: auto; width: 126px; min-width: 0; min-height: 0; padding: 8px 9px; gap: 7px; border-radius: 9px; }
  .scene-metric > b { width: 22px; height: 26px; font-size: 13px; }
  .scene-metric small { font-size: 6px; }
  .scene-metric strong { font-size: 12px; }
  .scene-metric em { font-size: 5px; }
  .metric-cost { left: 8px; top: 12px; }
  .metric-profit { right: 8px; top: 12px; }
  .metric-total { right: 8px; top: 53%; }
  .metric-budget { left: 8px; top: 57%; bottom: auto; }
  .metric-signal { left: 50%; top: 65%; bottom: auto; transform: translateX(-50%); }
  .scene-materials { right: 5%; bottom: 10px; width: 90%; height: 220px; gap: 10px; }
  .scene-materials img { width: 32%; }
  .material-pedestal { left: 6%; right: 6%; }

  .lp-trustbar { color: #71584f; background: #efe0d6; }
  .lp-app-card, .lp-step-grid article, .lp-offer-main, .lp-offer-items article, .lp-price-card { box-shadow: 0 20px 48px rgba(90,48,36,.08); }
  .lp-demo-stage { overflow: visible; }
  .lp-guarantee { background: #fbfdf9; }
  .lp-last-call { background: linear-gradient(145deg, #df583f, #b83d30); }
}

@media (max-width: 380px) {
  .hero-scene { height: 720px; }
  .scene-metric { width: 118px; }
  .scene-materials { height: 205px; }
}

/* Reconstrução vetorial da composição de referência com assets nítidos */
.hero-cosmos {
  position: relative;
  width: 100%;
  height: min(790px, calc(100svh - 54px));
  min-height: 700px;
  margin: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  perspective: 1500px;
  transform-style: preserve-3d;
}
.hero-cosmos::before { display: none; }
.cosmos-aura {
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 48%;
  width: min(96%, 820px);
  aspect-ratio: 1.08;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(245,94,55,.42) 0, rgba(235,91,50,.22) 24%, rgba(228,107,75,.085) 48%, transparent 70%);
  filter: blur(7px);
}
.cosmos-orbits {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 53%;
  width: min(88%, 700px);
  aspect-ratio: 1;
  transform: translate(-50%, -50%) rotateX(68deg);
  border: 1px solid rgba(220,83,55,.2);
  border-radius: 50%;
  box-shadow: 0 0 0 38px rgba(226,93,64,.035), 0 0 0 82px rgba(226,93,64,.018), inset 0 0 75px rgba(226,93,64,.1);
}
.cosmos-orbits::before, .cosmos-orbits::after {
  content: "";
  position: absolute;
  inset: 16%;
  border: 1px dashed rgba(214,77,49,.22);
  border-radius: 50%;
}
.cosmos-orbits::after { inset: 34%; border-style: solid; }
.cosmos-ghosts { position: absolute; z-index: 1; inset: 14% 0 17%; opacity: .34; }
.cosmos-ghosts span {
  position: absolute;
  min-width: 138px;
  padding: 15px 17px;
  border: 1px solid rgba(213,82,55,.18);
  border-radius: 12px;
  color: rgba(142,68,51,.55);
  background: rgba(255,250,246,.62);
  box-shadow: 0 12px 35px rgba(139,67,48,.06);
  font-size: 9px;
  letter-spacing: .08em;
}
.cosmos-ghosts span:nth-child(1) { left: 0; top: 25%; }
.cosmos-ghosts span:nth-child(2) { right: 0; top: 19%; }
.cosmos-ghosts span:nth-child(3) { left: 3%; top: 42%; }
.cosmos-ghosts span:nth-child(4) { right: 2%; top: 39%; }

.cosmos-phone { position: absolute; z-index: 4; margin: 0; transform-style: preserve-3d; }
.cosmos-phone::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 7% -8%;
  border-radius: 44%;
  background: rgba(235,76,39,.19);
  filter: blur(28px);
}
.cosmos-phone img {
  width: 100%;
  max-width: none;
  filter: drop-shadow(0 32px 30px rgba(75,38,28,.28)) drop-shadow(0 0 7px rgba(229,80,44,.18));
  backface-visibility: hidden;
  will-change: transform;
}
.cosmos-phone-left { left: 5%; top: 26%; width: min(29%, 246px); transform: rotate(-7deg) rotateY(9deg) translateZ(-18px); }
.cosmos-phone-main { z-index: 7; left: 34%; top: 8%; width: min(37%, 326px); transform: rotate(4deg) translateZ(55px); }
.cosmos-phone-right { z-index: 6; right: 4%; top: 25%; width: min(30%, 254px); transform: rotate(7deg) rotateY(-9deg) translateZ(5px); }

.cosmos-stat {
  position: absolute;
  z-index: 10;
  min-width: 166px;
  padding: 13px 15px;
  display: flex;
  align-items: center;
  gap: 11px;
  border: 1px solid rgba(211,83,56,.26);
  border-radius: 13px;
  color: #432d26;
  background: rgba(255,253,250,.88);
  box-shadow: 0 18px 45px rgba(103,53,39,.11), inset 0 1px rgba(255,255,255,.92);
  backdrop-filter: blur(14px);
  transform: translateZ(120px);
  will-change: transform;
}
.cosmos-stat > b { width: 31px; height: 34px; flex: 0 0 auto; display: grid; place-items: center; border-right: 1px solid rgba(214,82,55,.2); color: var(--coral); font-size: 17px; font-weight: 500; }
.cosmos-stat span { display: grid; }
.cosmos-stat small { margin-bottom: 4px; color: #8b7167; font-size: 8px; }
.cosmos-stat strong { color: #432d26; font-size: 17px; line-height: 1; }
.cosmos-stat em { margin-top: 5px; color: #a18a80; font-size: 7px; font-style: normal; }
.cosmos-cost { left: 8%; top: 3%; }
.cosmos-profit { right: 7%; top: 3%; }
.cosmos-total { right: 0; top: 51%; }
.cosmos-budget { left: 0; bottom: 11%; }
.cosmos-signal { left: 40%; bottom: 2%; }

.cosmos-books { position: absolute; z-index: 9; right: -2%; bottom: -1%; width: 37%; height: 255px; display: flex; align-items: flex-end; justify-content: center; gap: 8px; will-change: transform; }
.cosmos-books > span { position: absolute; z-index: 0; left: 0; right: 0; bottom: -10px; height: 54px; border: 1px solid rgba(216,82,54,.27); border-radius: 50%; background: radial-gradient(ellipse, rgba(234,111,82,.2), rgba(255,250,246,.72) 72%); box-shadow: 0 18px 40px rgba(109,56,41,.08); transform: perspective(500px) rotateX(58deg); }
.cosmos-books img { position: relative; z-index: 2; width: 43%; border-radius: 2px; filter: drop-shadow(0 19px 17px rgba(75,37,27,.22)); transform: rotate(-4deg); }
.cosmos-books img:last-child { transform: rotate(3deg); }

/* A mesma linguagem visual nas demonstrações internas */
.lp-app-card, .lp-demo-stage {
  border-color: rgba(211,83,56,.18);
  background:
    radial-gradient(circle at 49% 47%, rgba(235,103,70,.16), transparent 43%),
    linear-gradient(145deg, #fffefd, #fff8f3);
  box-shadow: 0 32px 85px rgba(103,53,39,.09);
}
.lp-demo-stage {
  padding: 32px 20px 20px;
  border: 1px solid rgba(211,83,56,.16);
  border-radius: 34px;
}
.lp-demo-stage figure { margin-inline: -27px; }
.lp-demo-stage figure.active { width: 340px; }
.lp-demo-stage img { filter: drop-shadow(0 32px 27px rgba(68,36,27,.22)); }
.lp-cover-wrap img { filter: saturate(1.03) contrast(1.01); }

@media (max-width: 760px) {
  .hero-cosmos {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    width: calc(100% + 30px);
    height: 765px;
    min-height: 0;
    margin: 24px -15px 0;
    overflow: hidden;
    perspective: 1000px;
  }
  .cosmos-aura { top: 24%; width: 520px; background: radial-gradient(circle, rgba(244,94,55,.38), rgba(232,94,58,.16) 28%, transparent 68%); }
  .cosmos-orbits { top: 27%; width: 455px; }
  .cosmos-ghosts { display: none; }
  .cosmos-phone-main { left: 50%; top: 3%; width: 49%; transform: translateX(-50%) rotate(2deg); }
  .cosmos-phone-left { left: 1%; top: 13%; width: 39%; transform: rotate(-6deg); }
  .cosmos-phone-right { right: 1%; top: 13%; width: 39%; transform: rotate(6deg); }
  .cosmos-phone::before { filter: blur(22px); }
  .cosmos-phone img { filter: drop-shadow(0 24px 22px rgba(69,35,25,.23)); }
  .cosmos-stat {
    left: 15px;
    right: 15px;
    width: auto;
    min-width: 0;
    min-height: 68px;
    padding: 10px 15px;
    border-radius: 13px;
    background: rgba(255,253,250,.94);
    box-shadow: 0 14px 36px rgba(103,53,39,.1);
  }
  .cosmos-stat > b { width: 34px; }
  .cosmos-stat small { font-size: 8px; }
  .cosmos-stat strong { font-size: 17px; }
  .cosmos-stat em { font-size: 7px; }
  .cosmos-cost { top: 370px; }
  .cosmos-profit { top: 442px; }
  .cosmos-total { top: 514px; }
  .cosmos-budget { top: 586px; bottom: auto; }
  .cosmos-signal { top: 658px; bottom: auto; }
  .cosmos-books { display: none; }
  .lp-demo-stage { padding-inline: 0; border-radius: 24px; overflow: hidden; }
  .lp-demo-stage figure { margin-inline: -9%; }
  .lp-demo-stage figure.active { width: 48%; }
}

@media (max-width: 380px) {
  .hero-cosmos { height: 745px; }
  .cosmos-cost { top: 350px; }
  .cosmos-profit { top: 420px; }
  .cosmos-total { top: 490px; }
  .cosmos-budget { top: 560px; }
  .cosmos-signal { top: 630px; }
}

/* Reversão para a primeira versão branca aprovada */
.lp-app-card {
  border-color: rgba(171,88,63,.18);
  background: radial-gradient(circle at 24% 50%, rgba(231,108,78,.16), transparent 42%), rgba(255,253,249,.94);
  box-shadow: 0 35px 90px rgba(101,57,43,.1);
}
.lp-demo-stage {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.lp-demo-stage figure { margin: 0 -20px; }
.lp-demo-stage figure.active { width: 325px; }
.lp-demo-stage img { filter: drop-shadow(0 32px 27px rgba(70,38,28,.27)); }
.lp-cover-wrap img { filter: none; }

@media (max-width: 760px) {
  .lp-demo-stage { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; overflow: hidden; }
  .lp-demo-stage figure { margin-inline: -9%; }
  .lp-demo-stage figure.active { width: 48%; }
}

/* Hero com capitalização natural e sublinhado gestual */
.hero-v2-copy h1 { text-transform: none; }
.hero-v2-copy h1 > span {
  max-width: 490px;
  font-size: clamp(27px, 2.25vw, 35px);
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: -.035em;
}
.hero-v2-copy h1 .marker-underline {
  position: relative;
  z-index: 0;
  display: inline-block;
  white-space: nowrap;
  text-decoration: none;
}
.hero-v2-copy h1 .marker-underline::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: -.04em;
  right: -.05em;
  bottom: -.03em;
  height: .24em;
  pointer-events: none;
  opacity: .82;
  transform: rotate(-1deg);
  transform-origin: left center;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 18' preserveAspectRatio='none'%3E%3Cpath d='M3 11 C49 5 96 15 148 10 S246 7 297 11' fill='none' stroke='%23df573f' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M5 14 C76 10 157 16 295 12' fill='none' stroke='%23ed654b' stroke-width='2.4' stroke-linecap='round' opacity='.42'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
}

@media (max-width: 760px) {
  .hero-v2-copy h1 > span {
    max-width: 100%;
    font-size: clamp(20.5px, 5.9vw, 23.5px);
    line-height: 1.12;
    letter-spacing: -.025em;
  }
}

/* Renderização nítida dos mockups: sem rasterização 3D ou filtros no PNG */
.hero-scene {
  perspective: none;
  transform-style: flat;
}
.scene-phone {
  transform-style: flat;
  will-change: auto;
  backface-visibility: visible;
}
.scene-phone img {
  filter: none !important;
  image-rendering: auto;
  backface-visibility: visible;
  will-change: auto;
  transform: none !important;
}
.phone-left { transform: rotate(-6deg); }
.phone-main { transform: rotate(3deg); }
.phone-right { transform: rotate(6deg); }

@media (max-width: 760px) {
  .phone-main { transform: translateX(-50%) rotate(1deg); }
  .phone-left { transform: rotate(-4deg); }
  .phone-right { transform: rotate(4deg); }
}

/* Headline geométrica e limpa da nova referência — sempre em uma linha */
.hero-v2-copy h1 strong {
  display: block;
  margin-bottom: 10px;
  font-family: "Montserrat", "Instrument Sans", sans-serif;
  font-size: clamp(27px, 2.35vw, 34px);
  font-weight: 400;
  line-height: 1.04;
  letter-spacing: -.065em;
  text-transform: uppercase;
  white-space: nowrap;
}
.hero-v2-copy h1 strong .headline-nowrap {
  display: block;
  white-space: nowrap;
}

.keep-together { white-space: nowrap; }

@media (max-width: 760px) {
  .hero-v2-copy h1 strong {
    margin-bottom: 9px;
    font-size: clamp(18px, 5.45vw, 22px);
    line-height: 1.04;
    letter-spacing: -.065em;
  }
}

@media (max-width: 360px) {
  .hero-v2-copy h1 strong { font-size: 18px; }
}

/* Capas e mockup da oferta renderizados sem rasterização suave */
.lp-offer-items img {
  width: 80px;
  height: auto;
  max-height: none;
  object-fit: contain;
  filter: none !important;
  transform: none !important;
  image-rendering: auto;
  backface-visibility: visible;
  will-change: auto;
}
.lp-offer-main img {
  filter: none !important;
  transform: none !important;
  image-rendering: auto;
  backface-visibility: visible;
  will-change: auto;
}

/* Oferta unificada: preço primeiro e tudo que está incluso no mesmo card */
.lp-price-card {
  max-width: 920px;
  margin-inline: auto;
  padding: clamp(24px, 4vw, 48px);
}
.lp-price-summary {
  max-width: 580px;
  margin-inline: auto;
  text-align: center;
}
.lp-price-box {
  padding: 24px 24px 22px;
  border: 1px solid rgba(223,87,63,.28);
  border-radius: 23px;
  background: linear-gradient(145deg, rgba(255,248,244,.98), rgba(255,239,232,.84));
  box-shadow: inset 0 1px rgba(255,255,255,.9);
}
.lp-savings-pill {
  width: max-content;
  margin: 0 auto 14px;
  padding: 7px 14px;
  border: 1px solid rgba(223,87,63,.34);
  border-radius: 999px;
  color: #b74b36;
  background: #fff4e3;
  font-size: 11px;
  font-weight: 600;
}
.lp-price-context { margin: 0; color: #765f56; font-size: 14px; }
.lp-price-context s { color: #df573f; font-weight: 600; text-decoration-thickness: 2px; }
.lp-price-main {
  margin: 5px 0 2px;
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 7px;
  color: var(--coral);
  font-family: "Instrument Sans", sans-serif;
  font-variant-numeric: tabular-nums;
}
.lp-price-main small { font-size: 25px; font-weight: 700; }
.lp-price-main strong { font-size: clamp(86px, 8vw, 112px); font-weight: 700; line-height: .78; letter-spacing: -.055em; }
.lp-installment {
  margin: 13px 0 0;
  color: #756057;
  font-size: 16px;
  letter-spacing: -.02em;
}
.lp-installment strong { color: #432d26; font-size: 17px; font-weight: 700; }
.lp-access-pill {
  width: max-content;
  max-width: 100%;
  margin: 15px auto 0;
  padding: 8px 15px;
  border-radius: 999px;
  color: #a24836;
  background: rgba(223,87,63,.11);
  font-size: 11px;
}
.lp-access-pill b { margin-right: 6px; color: var(--coral); font-size: 15px; }
.lp-price-summary .led-button { width: 100%; margin: 20px auto 0; min-height: 66px; }
.lp-price-includes {
  margin-top: 38px;
  padding-top: 34px;
  border-top: 1px solid rgba(223,87,63,.18);
  text-align: left;
}
.lp-includes-title {
  margin: 0 0 18px;
  color: #604940;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .12em;
  text-align: center;
  text-transform: uppercase;
}
.lp-price-includes .lp-offer-main { margin-bottom: 12px; }

@media (max-width: 760px) {
  .lp-price-card { padding: 25px 12px 14px; border-radius: 24px; }
  .lp-price-summary { padding-inline: 0; }
  .lp-price-box { padding: 22px 12px 20px; border-radius: 20px; }
  .lp-price-main strong { font-size: clamp(76px, 23vw, 92px); }
  .lp-price-main small { font-size: 22px; }
  .lp-installment { font-size: 14px; }
  .lp-installment strong { font-size: 16px; }
  .lp-access-pill { padding-inline: 11px; font-size: 10px; }
  .lp-price-includes { margin-top: 30px; padding-top: 28px; }
  .lp-price-includes .lp-offer-main { margin-bottom: 12px; }
  .lp-includes-title { font-size: 10px; }
}

/* Pré-checkout compacto: itens primeiro, preço e CTA logo em seguida */
.lp-price-card {
  max-width: 640px;
  padding: 30px;
  scroll-margin-top: 18px;
}
.lp-includes-compact {
  margin: 0;
  padding: 0 6px 22px;
  border-top: 0;
  border-bottom: 1px solid rgba(104,61,47,.14);
}
.lp-includes-compact .lp-includes-title {
  margin-bottom: 10px;
  color: #7a6258;
  font-size: 10px;
  text-align: left;
}
.lp-offer-checklist {
  margin: 0;
  padding: 0;
  display: grid;
  list-style: none;
}
.lp-offer-checklist li {
  min-height: 46px;
  padding: 8px 0;
  display: grid;
  grid-template-columns: 20px minmax(0,1fr) auto;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid rgba(104,61,47,.1);
  color: #4d3932;
  font-size: 14px;
}
.lp-offer-checklist li:last-child { border-bottom: 0; }
.lp-offer-checklist i { color: var(--coral); font-size: 15px; font-style: normal; font-weight: 700; }
.lp-offer-checklist em {
  padding: 5px 9px;
  border-radius: 999px;
  color: #a14a38;
  background: rgba(223,87,63,.1);
  font-size: 9px;
  font-style: normal;
  font-weight: 600;
}
.lp-offer-checklist em.bonus { color: #4f7a61; background: #edf7f0; }
.lp-price-card .lp-price-summary {
  margin-top: 22px;
}
.lp-price-card .lp-price-box { padding-block: 20px 18px; }
.lp-price-card .lp-price-summary .led-button { margin-top: 18px; }
.lp-price-main-installment {
  gap: 6px;
  white-space: nowrap;
}
.lp-price-main-installment strong {
  font-size: clamp(64px, 6.2vw, 86px);
  letter-spacing: -.055em;
}
.lp-price-main-installment .installment-times { color: var(--coral); text-transform: uppercase; }
.lp-price-main-installment > span {
  color: #765f56;
  font-size: 21px;
  font-weight: 600;
  text-transform: lowercase;
}
.lp-price-main-installment small { margin-left: 3px; font-size: 22px; }

@media (max-width: 760px) {
  .lp-price-card { padding: 15px 12px 12px; scroll-margin-top: 8px; }
  .lp-includes-compact { padding: 0 7px 16px; }
  .lp-offer-checklist li { min-height: 39px; padding-block: 6px; font-size: 12px; }
  .lp-offer-checklist em { padding: 4px 7px; font-size: 8px; }
  .lp-price-card .lp-price-summary { margin-top: 13px; }
  .lp-price-card .lp-price-box { padding: 15px 10px 14px; }
  .lp-price-card .lp-price-main-installment strong { font-size: clamp(50px, 14.5vw, 56px); }
  .lp-price-main-installment { gap: 4px; }
  .lp-price-main-installment > span { font-size: 16px; }
  .lp-price-main-installment small { margin-left: 1px; font-size: 17px; }
  .lp-price-card .lp-price-summary .led-button { min-height: 60px; margin-top: 14px; }
}

/* A oferta inteira cabe na primeira tela aberta pelos CTAs do mobile */
@media (max-width: 760px) {
  .lp-offer {
    padding: 30px 15px 58px;
    scroll-margin-top: 0;
  }
  .lp-offer .lp-heading { margin-bottom: 13px; }
  .lp-offer .lp-heading h2 {
    font-size: clamp(31px, 8.8vw, 35px);
    line-height: .92;
  }
  .lp-offer .lp-heading > p:last-child {
    margin-top: 9px;
    font-size: 8px;
    line-height: 1.3;
  }
  .lp-offer .lp-price-card {
    padding: 10px 10px 9px;
    border-radius: 20px;
  }
  .lp-offer .lp-includes-compact { padding: 0 5px 9px; }
  .lp-offer .lp-includes-compact .lp-includes-title { margin-bottom: 2px; font-size: 8px; }
  .lp-offer .lp-offer-checklist li {
    min-height: 31px;
    padding-block: 3px;
    grid-template-columns: 16px minmax(0,1fr) auto;
    gap: 5px;
    font-size: 10.5px;
  }
  .lp-offer .lp-offer-checklist i { font-size: 12px; }
  .lp-offer .lp-offer-checklist em { padding: 3px 6px; font-size: 7px; }
  .lp-offer .lp-price-card .lp-price-summary { margin-top: 8px; }
  .lp-offer .lp-price-card .lp-price-box { padding: 10px 8px 9px; border-radius: 17px; }
  .lp-offer .lp-savings-pill { margin-bottom: 7px; padding: 5px 10px; font-size: 8px; }
  .lp-offer .lp-price-context { font-size: 10px; }
  .lp-offer .lp-price-main-installment { margin-block: 2px; }
  .lp-offer .lp-price-card .lp-price-main-installment strong { font-size: 47px; }
  .lp-offer .lp-price-main-installment > span,
  .lp-offer .lp-price-main-installment small { font-size: 13px; }
  .lp-offer .lp-installment { margin-top: 7px; font-size: 10px; }
  .lp-offer .lp-installment strong { font-size: 12px; }
  .lp-offer .lp-access-pill { margin-top: 8px; padding: 5px 9px; font-size: 8px; }
  .lp-offer .lp-access-pill b { font-size: 11px; }
  .lp-offer .lp-price-card .lp-price-summary .led-button {
    min-height: 52px;
    margin-top: 10px;
    border-radius: 13px;
    font-size: 11px;
  }
  .lp-offer .lp-secure { margin-top: 10px; gap: 8px; font-size: 6px; }
}

/* Hero dark reconstruída a partir da referência premium */
.hero.hero-v2 {
  min-height: 100svh;
  height: auto;
  padding: 48px max(32px, calc((100vw - 1280px) / 2));
  grid-template-columns: minmax(390px, .88fr) minmax(560px, 1.12fr);
  align-items: center;
  gap: clamp(28px, 4vw, 72px);
  overflow: hidden;
  border-bottom: 1px solid rgba(232,81,55,.22);
  background:
    radial-gradient(circle at 76% 43%, rgba(229,69,39,.2), transparent 31%),
    radial-gradient(circle at 12% 32%, rgba(223,87,63,.07), transparent 26%),
    #030303;
}
.hero.hero-v2::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, #030303 0 31%, rgba(3,3,3,.78) 47%, rgba(3,3,3,.08) 70%, #030303 100%),
    linear-gradient(180deg, rgba(255,255,255,.018), transparent 35%, rgba(0,0,0,.5));
}
.hero.hero-v2::after {
  content: "";
  position: absolute;
  left: 53%;
  top: 50%;
  width: 520px;
  height: 92%;
  transform: translateY(-50%);
  pointer-events: none;
  opacity: .48;
  background: radial-gradient(ellipse, rgba(238,74,42,.28), rgba(143,31,18,.1) 40%, transparent 72%);
  filter: blur(30px);
}
.hero-v2-atmosphere { opacity: .28; }
.hero-v2-atmosphere::before {
  left: 70%;
  top: 50%;
  width: 520px;
  height: 520px;
  border-color: rgba(236,87,56,.12);
  box-shadow: 0 0 0 70px rgba(229,71,41,.018), 0 0 0 145px rgba(229,71,41,.012);
}
.hero-v2-atmosphere i { opacity: .1; }

.hero-v2-copy {
  z-index: 12;
  width: min(100%, 590px);
  color: #fff;
}
.hero-v2-kicker {
  margin: 0 0 23px;
  color: #a89b96;
  font-size: 9px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.hero-v2-kicker span {
  width: 7px;
  height: 7px;
  margin-right: 9px;
  background: var(--coral);
  box-shadow: 0 0 0 5px rgba(223,87,63,.09), 0 0 18px rgba(223,87,63,.8);
}
.hero-v2-copy h1 {
  margin: 0;
  font-family: "Montserrat", "Instrument Sans", sans-serif;
  letter-spacing: -.06em;
  text-transform: none;
}
.hero-v2-copy h1 strong,
.hero-v2-copy h1 > span {
  display: block;
  max-width: 100%;
  margin: 0;
  font-family: "Montserrat", "Instrument Sans", sans-serif;
  font-style: normal;
  font-weight: 800;
  line-height: .94;
  letter-spacing: -.06em;
  text-transform: none;
  white-space: normal;
}
.hero-v2-copy h1 strong {
  color: #fff;
  font-size: clamp(46px, 4.2vw, 66px);
}
.hero-v2-copy h1 > span {
  color: #ef654b;
  font-size: clamp(42px, 3.8vw, 60px);
}
.hero-v2-lead {
  display: block;
  max-width: 510px;
  margin: 25px 0 0;
  color: #c4b9b4;
  font-size: 14px;
  line-height: 1.55;
  text-transform: none;
}
.hero-benefits { display: none; }
.hero-v2-cta {
  position: relative;
  width: min(100%, 365px);
  min-height: 62px;
  margin-top: 26px;
  border-radius: 6px;
  background: linear-gradient(100deg, #d94b35, #f26e50);
  box-shadow: 0 18px 50px rgba(174,48,29,.35), 0 0 32px rgba(239,91,67,.17);
}
.hero-v2-cta::after { background: linear-gradient(100deg, #d94b35, #f26e50); }
.hero-v2-trust {
  position: relative;
  margin-top: 15px;
  color: #776b66;
  font-size: 7px;
}

.hero-scene {
  position: relative;
  z-index: 5;
  width: 100%;
  height: min(680px, calc(100svh - 96px));
  min-height: 560px;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  perspective: none;
}
.hero-scene::before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 49%;
  top: -10%;
  bottom: -10%;
  width: 34%;
  transform: translateX(-50%);
  background:
    linear-gradient(180deg, rgba(235,88,56,.15), rgba(194,48,28,.38) 45%, rgba(91,18,11,.13)),
    radial-gradient(circle at 50% 38%, rgba(255,123,86,.34), transparent 58%);
  box-shadow: 0 0 80px rgba(221,66,36,.25), inset 0 0 65px rgba(255,137,99,.11);
}
.hero-scene::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 47%;
  top: 48%;
  width: 620px;
  aspect-ratio: 1;
  transform: translate(-50%,-50%);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(239,83,48,.25), rgba(145,30,18,.1) 38%, transparent 70%);
  filter: blur(8px);
}
.scene-rings,
.scene-ghosts,
.scene-metric,
.scene-materials { display: none; }
.scene-phone { transform-style: flat; will-change: auto; }
.scene-phone::after {
  inset: 9% -8%;
  background: rgba(238,75,43,.2);
  filter: blur(30px);
  opacity: .7;
}
.phone-edge { display: none; }
.scene-phone img { filter: none !important; transform: none !important; }
.phone-left {
  z-index: 1;
  left: -4%;
  top: 21%;
  width: min(39%, 330px);
  opacity: .18;
  transform: rotate(-13deg) scale(1.12);
  filter: blur(6px);
}
.phone-main {
  z-index: 7;
  left: 26%;
  top: 8%;
  width: min(38%, 335px);
  transform: rotate(-7deg);
}
.phone-right {
  z-index: 6;
  right: 3%;
  top: 18%;
  width: min(35%, 310px);
  transform: rotate(8deg);
}

@media (max-width: 1120px) and (min-width: 761px) {
  .hero.hero-v2 {
    padding-inline: 30px;
    grid-template-columns: minmax(360px, .86fr) minmax(500px, 1.14fr);
  }
  .hero-v2-copy h1 strong { font-size: 48px; }
  .hero-v2-copy h1 > span { font-size: 43px; }
}

@media (max-width: 760px) {
  .hero.hero-v2 {
    min-height: 100svh;
    padding: 42px 18px 0;
    display: block;
    background:
      radial-gradient(circle at 72% 55%, rgba(222,65,37,.23), transparent 29%),
      #030303;
  }
  .hero.hero-v2::before {
    background: linear-gradient(180deg, rgba(3,3,3,.15), rgba(3,3,3,.28) 58%, #030303 100%);
  }
  .hero.hero-v2::after { left: 30%; top: 69%; width: 420px; height: 52%; }
  .hero-v2-atmosphere { display: block; opacity: .16; }
  .hero-v2-copy { width: 100%; }
  .hero-v2-kicker { margin-bottom: 17px; color: #8e817c; font-size: 7px; }
  .hero-v2-kicker span { width: 5px; height: 5px; margin-right: 6px; }
  .hero-v2-copy h1 strong { font-size: clamp(36px, 10.6vw, 43px); line-height: .95; }
  .hero-v2-copy h1 > span { font-size: clamp(33px, 9.8vw, 40px); line-height: .96; }
  .hero-v2-lead { margin-top: 18px; color: #b9ada8; font-size: 12px; line-height: 1.5; }
  .hero-v2-cta {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    width: 100%;
    min-height: 58px;
    margin-top: 20px;
  }
  .hero-v2-trust {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    margin-top: 11px;
    justify-content: center;
    color: #6f625e;
    font-size: 6px;
  }
  .hero-scene {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    width: calc(100% + 36px);
    height: 390px;
    min-height: 0;
    margin: 18px -18px 0;
    overflow: hidden;
  }
  .hero-scene::before { top: -4%; bottom: -8%; width: 43%; }
  .hero-scene::after { left: 49%; top: 50%; width: 430px; }
  .phone-left {
    left: -12%;
    top: 20%;
    width: 48%;
    transform: rotate(-12deg) scale(1.08);
  }
  .phone-main {
    left: 24%;
    top: 3%;
    width: 46%;
    transform: rotate(-6deg);
  }
  .phone-right {
    right: -4%;
    top: 13%;
    width: 43%;
    transform: rotate(8deg);
  }
}

/* Correção de fidelidade: texto anterior + composição 3D da referência */
.hero-v2-copy h1 > .hero-supporting {
  margin-top: 7px;
  color: #f0e8e4;
  font-size: clamp(21px, 1.8vw, 27px);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -.035em;
}
.hero-v2-copy h1 > .hero-supporting b {
  display: block;
  margin-bottom: 5px;
  color: #ef654b;
  font-size: 1.48em;
  font-weight: 800;
  line-height: .98;
  letter-spacing: -.055em;
}
.hero-v2-copy h1 > .hero-supporting u { color: #fff; }
.hero-v2-copy h1 > .hero-supporting em { color: #ef654b; font-weight: 800; }
.hero-v2-lead {
  max-width: 520px;
  margin-top: 18px;
  color: #9f938e;
  font-size: 11px;
  line-height: 1.55;
}

.hero-scene {
  perspective: 1400px;
  transform-style: preserve-3d;
}
.hero-ghost-screens {
  position: absolute;
  z-index: 2;
  inset: 5% -7% 3%;
  overflow: hidden;
  pointer-events: none;
}
.hero-ghost-screens img {
  position: absolute;
  width: 43%;
  opacity: .16;
  filter: blur(5px) saturate(.7) brightness(.72);
}
.hero-ghost-screens img:first-child {
  left: -3%;
  top: 17%;
  transform: perspective(900px) rotateY(22deg) rotateZ(-10deg) scale(1.12);
}
.hero-ghost-screens img:last-child {
  right: -4%;
  top: 24%;
  transform: perspective(900px) rotateY(-22deg) rotateZ(10deg) scale(1.08);
}
.hero-scene .phone-left { display: none; }
.hero-scene .phone-main,
.hero-scene .phone-right {
  transform-style: preserve-3d;
  filter: drop-shadow(0 36px 32px rgba(0,0,0,.68)) drop-shadow(0 0 10px rgba(235,78,45,.14));
}
.hero-scene .phone-main {
  left: 25%;
  top: 7%;
  width: min(41%, 355px);
  transform: perspective(1200px) rotateY(17deg) rotateZ(-6deg) translateZ(24px);
  transform-origin: 56% 50%;
}
.hero-scene .phone-right {
  right: 3%;
  top: 15%;
  width: min(39%, 338px);
  transform: perspective(1200px) rotateY(-18deg) rotateZ(7deg) translateZ(8px);
  transform-origin: 44% 50%;
}
.hero-scene .phone-main::before,
.hero-scene .phone-right::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 2.5%;
  bottom: 2.5%;
  width: 10px;
  border: 1px solid rgba(255,132,94,.24);
  border-radius: 8px;
  background: linear-gradient(180deg, #3a201b, #0d0908 45%, #41221c);
  box-shadow: inset 0 0 6px rgba(255,125,85,.18);
}
.hero-scene .phone-main::before { right: -5px; }
.hero-scene .phone-right::before { left: -5px; }

@media (max-width: 760px) {
  .hero-v2-copy h1 strong { font-size: clamp(34px, 9.8vw, 40px); }
  .hero-v2-copy h1 > .hero-supporting {
    margin-top: 5px;
    font-size: clamp(17px, 4.7vw, 19px);
    line-height: 1.08;
  }
  .hero-v2-copy h1 > .hero-supporting b {
    margin-bottom: 4px;
    font-size: 1.38em;
  }
  .hero-v2-lead { margin-top: 13px; font-size: 9px; line-height: 1.48; }
  .hero-v2-cta { margin-top: 16px; }
  .hero-scene { height: 335px; margin-top: 12px; perspective: 1050px; }
  .hero-ghost-screens { inset: 3% -11% 0; }
  .hero-ghost-screens img { width: 50%; opacity: .14; filter: blur(4px) saturate(.7) brightness(.72); }
  .hero-scene .phone-main {
    left: 20%;
    top: 3%;
    width: 50%;
    transform: perspective(900px) rotateY(15deg) rotateZ(-6deg) translateZ(16px);
  }
  .hero-scene .phone-right {
    right: -3%;
    top: 12%;
    width: 47%;
    transform: perspective(900px) rotateY(-17deg) rotateZ(7deg) translateZ(4px);
  }
  .hero-scene .phone-main::before,
  .hero-scene .phone-right::before { width: 7px; }
}

/* Cena de produto: aparelhos realmente sobrepostos em perspectiva */
.hero-scene {
  isolation: isolate;
  perspective: 1100px;
  perspective-origin: 52% 42%;
}
.hero-scene::before {
  left: 52%;
  top: -14%;
  bottom: -12%;
  width: 31%;
  background:
    linear-gradient(180deg, rgba(255,108,73,.08), rgba(222,65,37,.44) 43%, rgba(74,13,7,.08)),
    radial-gradient(circle at 50% 38%, rgba(255,141,105,.42), transparent 56%);
  box-shadow:
    0 0 110px rgba(222,65,37,.34),
    inset 0 0 70px rgba(255,153,113,.14);
}
.hero-scene::after {
  left: 52%;
  top: 55%;
  width: 700px;
  background: radial-gradient(circle, rgba(244,91,53,.34), rgba(142,29,16,.13) 40%, transparent 70%);
  filter: blur(18px);
}
.hero-ghost-screens {
  inset: 0 -15% -2%;
  z-index: 1;
}
.hero-ghost-screens img {
  width: 48%;
  opacity: .12;
  filter: blur(7px) saturate(.78) brightness(.72);
}
.hero-ghost-screens img:first-child {
  left: -6%;
  top: 16%;
  transform: perspective(950px) rotateY(30deg) rotateZ(-8deg) scale(1.18);
}
.hero-ghost-screens img:last-child {
  right: -7%;
  top: 19%;
  transform: perspective(950px) rotateY(-30deg) rotateZ(8deg) scale(1.16);
}
.hero-scene .scene-phone {
  margin: 0;
  overflow: visible;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  will-change: transform;
}
.hero-scene .phone-main {
  z-index: 8;
  left: 14%;
  top: 7%;
  width: min(46%, 370px);
  transform: rotateX(3deg) rotateY(20deg) rotateZ(-6deg) translateZ(38px);
  transform-origin: 58% 48%;
  filter: drop-shadow(32px 38px 30px rgba(0,0,0,.72)) drop-shadow(0 0 18px rgba(245,89,50,.18));
}
.hero-scene .phone-right {
  z-index: 7;
  right: 4%;
  top: 14%;
  width: min(42%, 345px);
  transform: rotateX(2deg) rotateY(-21deg) rotateZ(7deg) translateZ(3px);
  transform-origin: 42% 48%;
  filter: drop-shadow(-28px 38px 30px rgba(0,0,0,.72)) drop-shadow(0 0 18px rgba(245,89,50,.16));
}
.hero-scene .phone-main img,
.hero-scene .phone-right img {
  position: relative;
  z-index: 3;
  display: block;
  width: 100%;
  height: auto;
  transform: translateZ(15px) !important;
  backface-visibility: hidden;
  image-rendering: auto;
  filter: contrast(1.035) saturate(1.04) !important;
}
.hero-scene .phone-main::before,
.hero-scene .phone-right::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 1.5% 1.5% 2%;
  width: auto;
  border: 1px solid rgba(255,125,87,.28);
  border-radius: 12% / 6%;
  background: #090706;
  transform: translateZ(-5px);
  box-shadow: 0 0 0 2px #100b09, inset 0 0 14px rgba(255,112,70,.1);
}
.hero-scene .phone-edge {
  display: block;
  position: absolute;
  z-index: 2;
  top: 3.2%;
  bottom: 3.4%;
  width: 18px;
  border: 1px solid rgba(255,135,96,.32);
  border-radius: 8px;
  background:
    linear-gradient(90deg, #070505 0%, #2a1713 35%, #080505 68%, #4b241b 100%);
  box-shadow: inset 0 0 8px rgba(255,131,90,.2);
}
.hero-scene .phone-main .phone-edge {
  right: -8px;
  transform: rotateY(90deg);
}
.hero-scene .phone-right .phone-edge {
  left: -8px;
  transform: rotateY(-90deg);
}
.hero-scene .phone-main::after,
.hero-scene .phone-right::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 13% -7% 8%;
  border-radius: 44%;
  background: rgba(235,69,35,.28);
  filter: blur(34px);
  opacity: .72;
  transform: translateZ(-26px);
}

@media (max-width: 760px) {
  .hero-scene {
    height: 430px;
    margin-top: 8px;
    perspective: 820px;
    perspective-origin: 50% 39%;
  }
  .hero-scene::before { left: 50%; width: 39%; top: -7%; bottom: -10%; }
  .hero-scene::after { left: 50%; top: 53%; width: 470px; }
  .hero-ghost-screens { inset: 1% -21% -4%; }
  .hero-ghost-screens img { width: 59%; opacity: .1; filter: blur(6px) brightness(.68); }
  .hero-scene .phone-main {
    left: 2%;
    top: 2%;
    width: 55%;
    transform: rotateX(3deg) rotateY(20deg) rotateZ(-6deg) translateZ(26px);
  }
  .hero-scene .phone-right {
    right: -3%;
    top: 10%;
    width: 52%;
    transform: rotateX(2deg) rotateY(-21deg) rotateZ(7deg) translateZ(2px);
  }
  .hero-scene .phone-edge { width: 15px; }
  .hero-scene .phone-main .phone-edge { right: -7px; }
  .hero-scene .phone-right .phone-edge { left: -7px; }
}

/* Hero final: telas reais dentro de molduras premium de iPhone */
.hero-scene .scene-phone { display: none !important; }
.iphone-device {
  position: absolute;
  z-index: 8;
  width: 284px;
  aspect-ratio: 0.489;
  margin: 0;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  will-change: transform;
}
.iphone-primary {
  left: 15%;
  top: 6%;
  transform: rotateX(2deg) rotateY(18deg) rotateZ(-8deg) translateZ(42px);
  transform-origin: 60% 48%;
}
.iphone-secondary {
  right: 5%;
  top: 13%;
  width: 270px;
  z-index: 7;
  transform: rotateX(2deg) rotateY(-18deg) rotateZ(8deg) translateZ(4px);
  transform-origin: 40% 48%;
}
.iphone-shell {
  position: absolute;
  inset: 0;
  padding: 7px;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 52px;
  background:
    linear-gradient(105deg, #625c59 0%, #181616 8%, #050505 42%, #2e2927 78%, #766c67 94%, #171414 100%);
  box-shadow:
    0 44px 58px rgba(0,0,0,.68),
    0 0 0 2px rgba(0,0,0,.9),
    0 0 28px rgba(239,86,51,.18),
    inset 1px 0 rgba(255,255,255,.16),
    inset -1px 0 rgba(255,133,91,.14);
  transform-style: preserve-3d;
}
.iphone-shell::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 4px -10px 4px 10px;
  border-radius: 52px;
  background: linear-gradient(90deg, #0a0808, #3a2722 48%, #0b0807);
  transform: translateZ(-18px);
  box-shadow: 0 0 0 1px rgba(255,126,86,.18);
}
.iphone-shell::after {
  content: "";
  position: absolute;
  z-index: -2;
  inset: 13% -13% 9%;
  border-radius: 48%;
  background: rgba(231,67,34,.3);
  filter: blur(32px);
  transform: translateZ(-30px);
}
.iphone-screen {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 45px;
  background: #120c0a;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.82);
}
.iphone-screen img {
  position: absolute;
  top: -4.2%;
  left: -16.7%;
  width: 133.4%;
  max-width: none;
  height: auto;
  filter: contrast(1.04) saturate(1.04) !important;
  transform: none !important;
}
.iphone-island {
  position: absolute;
  z-index: 5;
  top: 15px;
  left: 50%;
  width: 82px;
  height: 24px;
  transform: translateX(-50%) translateZ(3px);
  border-radius: 999px;
  background: #020202;
  box-shadow: inset 0 -1px rgba(255,255,255,.05), 0 1px 3px rgba(0,0,0,.55);
}
.iphone-island::after {
  content: "";
  position: absolute;
  right: 8px;
  top: 8px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 35%, #24394f, #070b10 62%);
}
.iphone-button {
  position: absolute;
  z-index: 1;
  width: 4px;
  border-radius: 3px;
  background: linear-gradient(180deg, #514b48, #121010 30%, #272321);
  box-shadow: 0 0 0 1px rgba(255,255,255,.06);
}
.iphone-action { left: -4px; top: 104px; height: 30px; }
.iphone-volume-up { left: -4px; top: 153px; height: 54px; }
.iphone-volume-down { left: -4px; top: 219px; height: 54px; }
.iphone-power { right: -4px; top: 164px; height: 84px; }

@media (max-width: 760px) {
  .hero-scene { height: 430px; perspective: 860px; }
  .iphone-device { width: 182px; }
  .iphone-primary {
    left: 5%;
    top: 3%;
    transform: rotateX(2deg) rotateY(17deg) rotateZ(-7deg) translateZ(28px);
  }
  .iphone-secondary {
    right: 2%;
    top: 11%;
    width: 174px;
    transform: rotateX(2deg) rotateY(-17deg) rotateZ(7deg) translateZ(2px);
  }
  .iphone-shell { padding: 5px; border-radius: 39px; }
  .iphone-shell::before { inset: 3px -7px 3px 7px; border-radius: 39px; transform: translateZ(-13px); }
  .iphone-screen { border-radius: 34px; }
  .iphone-island { top: 11px; width: 61px; height: 18px; }
  .iphone-island::after { right: 6px; top: 6px; width: 5px; height: 5px; }
  .iphone-action { top: 78px; }
  .iphone-volume-up { top: 114px; height: 41px; }
  .iphone-volume-down { top: 164px; height: 41px; }
  .iphone-power { top: 123px; height: 63px; }
}

/* Hero clara: mesma tipografia da landing e composição fiel à referência */
.hero.hero-v2 {
  min-height: max(760px, 100svh);
  padding: 48px max(30px, calc((100vw - 1280px) / 2));
  grid-template-columns: minmax(430px, .86fr) minmax(590px, 1.14fr);
  gap: clamp(28px, 4vw, 64px);
  border-bottom: 1px solid rgba(101,52,39,.1);
  background:
    radial-gradient(circle at 8% 12%, #fff 0, transparent 32%),
    linear-gradient(135deg, #fff 0%, #fffdf9 58%, #fbf1eb 100%);
}
.hero.hero-v2::before {
  background:
    linear-gradient(90deg, rgba(255,255,255,.65), transparent 42%),
    repeating-radial-gradient(ellipse at 10% 28%, transparent 0 92px, rgba(185,92,67,.035) 93px 94px);
}
.hero.hero-v2::after {
  left: 16%;
  top: 100%;
  width: 560px;
  height: 420px;
  background: radial-gradient(circle, rgba(223,87,63,.1), transparent 70%);
  filter: none;
}
.hero-v2-atmosphere { display: none; }
.hero-v2-copy { width: min(100%, 560px); }
.hero-v2-kicker {
  margin-bottom: 22px;
  color: #8d746a;
  font-family: var(--sans);
}
.hero-v2-kicker span { box-shadow: 0 0 0 5px rgba(223,87,63,.08); }
.hero-v2-copy h1,
.hero-v2-copy h1 strong,
.hero-v2-copy h1 > .hero-supporting,
.hero-v2-copy h1 > .hero-supporting b {
  font-family: var(--sans);
  text-transform: none;
}
.hero-v2-copy h1 strong {
  margin: 0;
  color: #422d26;
  font-size: clamp(48px, 5.7vw, 78px);
  font-weight: 500;
  line-height: .92;
  letter-spacing: -.06em;
}
.hero-v2-copy h1 > .hero-supporting {
  margin-top: 15px;
  color: #6f554b;
  font-size: clamp(18px, 1.65vw, 24px);
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: -.035em;
}
.hero-v2-copy h1 > .hero-supporting b {
  margin-bottom: 6px;
  color: #422d26;
  font-size: 1.28em;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -.05em;
}
.hero-v2-copy h1 > .hero-supporting u {
  color: #422d26;
  text-decoration-color: rgba(223,87,63,.75);
}
.hero-v2-copy h1 > .hero-supporting em {
  color: var(--coral);
  font-family: var(--serif);
  font-weight: 600;
  font-style: italic;
}
.hero-v2-lead {
  max-width: 520px;
  margin-top: 20px;
  color: #806a61;
  font-family: var(--sans);
  font-size: 12px;
  line-height: 1.6;
}
.hero-v2-trust { color: #9b8379; }

.hero-scene {
  height: min(650px, calc(100svh - 96px));
  min-height: 560px;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  perspective: 1200px;
  perspective-origin: 50% 45%;
}
.hero-scene::before {
  z-index: 0;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 42%;
  transform: translateX(-50%);
  border: 0;
  background:
    linear-gradient(180deg, rgba(236,115,88,.66), rgba(222,80,53,.9) 48%, rgba(190,58,37,.72)),
    radial-gradient(circle at 50% 36%, rgba(255,205,189,.55), transparent 58%);
  box-shadow: 0 0 60px rgba(217,83,56,.13);
}
.hero-scene::after {
  z-index: 1;
  left: 50%;
  top: 48%;
  width: 76%;
  background: radial-gradient(circle, rgba(224,79,50,.18), transparent 68%);
  filter: blur(20px);
}
.hero-ghost-screens {
  z-index: 1;
  inset: 0 -4%;
}
.hero-ghost-screens img {
  width: 37%;
  opacity: .22;
  filter: blur(4px) saturate(.65) brightness(.76);
}
.hero-ghost-screens img:first-child {
  left: -1%;
  top: 18%;
  transform: rotate(-8deg) scale(1.04);
}
.hero-ghost-screens img:last-child {
  right: -1%;
  top: 24%;
  transform: rotate(8deg) scale(1.02);
}
.iphone-device { width: 200px; }
.iphone-primary {
  left: 22%;
  top: 10%;
  z-index: 8;
  transform: rotateX(1deg) rotateY(-13deg) rotateZ(-7deg) translateZ(32px);
  transform-origin: 58% 52%;
}
.iphone-secondary {
  left: 48%;
  right: auto;
  top: 15%;
  width: 195px;
  z-index: 7;
  transform: rotateX(1deg) rotateY(14deg) rotateZ(6deg) translateZ(5px);
  transform-origin: 42% 52%;
}
.iphone-shell {
  box-shadow:
    0 36px 44px rgba(61,35,28,.32),
    0 0 0 2px rgba(20,13,11,.86),
    0 0 20px rgba(177,62,39,.12),
    inset 1px 0 rgba(255,255,255,.18),
    inset -1px 0 rgba(255,133,91,.12);
}
.iphone-shell::after { opacity: .34; }

@media (max-width: 1120px) and (min-width: 761px) {
  .hero.hero-v2 { grid-template-columns: minmax(400px, .9fr) minmax(500px, 1.1fr); }
  .hero-v2-copy h1 strong { font-size: clamp(48px, 5.2vw, 65px); }
  .iphone-device { width: 185px; }
  .iphone-secondary { width: 180px; }
}

@media (max-width: 760px) {
  .hero.hero-v2 {
    min-height: 100svh;
    padding: 36px 18px 0;
    background: linear-gradient(180deg, #fff 0%, #fffdf9 64%, #fbf0e9 100%);
  }
  .hero.hero-v2::before { background: linear-gradient(180deg, rgba(255,255,255,.4), transparent 50%); }
  .hero-v2-kicker { margin-bottom: 16px; color: #8d746a; }
  .hero-v2-copy h1 strong { font-size: clamp(40px, 11.4vw, 54px); }
  .hero-v2-copy h1 > .hero-supporting { margin-top: 10px; font-size: 16px; }
  .hero-v2-copy h1 > .hero-supporting b { font-size: 1.2em; }
  .hero-v2-lead { margin-top: 13px; color: #806a61; font-size: 9px; }
  .hero-v2-cta { margin-top: 16px; }
  .hero-v2-trust { color: #9b8379; }
  .hero-scene {
    height: 460px;
    min-height: 0;
    margin-top: 8px;
    perspective: 900px;
  }
  .hero-scene::before { left: 50%; top: 0; bottom: 0; width: 43%; }
  .hero-ghost-screens { inset: 0 -8%; }
  .hero-ghost-screens img { width: 42%; opacity: .18; }
  .iphone-device { width: 174px; }
  .iphone-primary {
    left: 7%;
    top: 5%;
    transform: rotateX(1deg) rotateY(-12deg) rotateZ(-7deg) translateZ(25px);
  }
  .iphone-secondary {
    left: 47%;
    top: 11%;
    width: 168px;
    transform: rotateX(1deg) rotateY(13deg) rotateZ(6deg) translateZ(3px);
  }
}

/* Estabilidade mobile: sem composição 3D no compositor durante o scroll */
@media (max-width: 760px) {
  .hero-scene {
    perspective: none;
    transform-style: flat;
    contain: layout paint;
  }
  .iphone-device {
    transform-style: flat;
    backface-visibility: visible;
    will-change: auto;
  }
  .iphone-primary {
    transform: rotate(-7deg);
  }
  .iphone-secondary {
    transform: rotate(6deg);
  }
  .iphone-shell {
    transform-style: flat;
  }
  .iphone-shell::before {
    transform: none;
  }
  .iphone-screen img {
    backface-visibility: visible;
    will-change: auto;
  }
}

/* Vitrine simplificada: celular central, materiais e resultados */
.hero-scene {
  height: min(650px, calc(100svh - 96px));
  min-height: 570px;
  overflow: hidden;
  border: 1px solid rgba(128,78,60,.1);
  border-radius: 32px;
  background-color: #fffdf9;
  background-image:
    linear-gradient(rgba(128,78,60,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(128,78,60,.055) 1px, transparent 1px),
    radial-gradient(circle at 50% 42%, rgba(234,100,70,.13), transparent 42%);
  background-size: 42px 42px, 42px 42px, auto;
  box-shadow: 0 30px 70px rgba(88,49,37,.08);
  perspective: none;
}
.hero-scene::before {
  left: 50%;
  top: 7%;
  bottom: 15%;
  width: 34%;
  transform: translateX(-50%);
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(246,151,126,.58), rgba(223,87,63,.82));
  box-shadow: 0 22px 55px rgba(217,83,56,.16);
}
.hero-scene::after {
  left: 50%;
  top: 48%;
  width: 470px;
  background: radial-gradient(circle, rgba(223,87,63,.14), transparent 69%);
  filter: blur(16px);
}
.hero-ghost-screens,
.metric-budget,
.metric-signal { display: none !important; }
.iphone-primary {
  left: 53%;
  top: 7%;
  z-index: 8;
  width: 235px;
  transform: translateX(-50%) rotate(-1.5deg);
  transform-style: flat;
  backface-visibility: visible;
  will-change: auto;
}
.iphone-secondary {
  display: block !important;
  left: 19%;
  right: auto;
  top: 12%;
  z-index: 7;
  width: 188px;
  transform: rotate(-7deg);
  transform-style: flat;
  backface-visibility: visible;
  will-change: auto;
}
.iphone-secondary .iphone-shell { transform-style: flat; }
.iphone-secondary .iphone-shell::before { transform: none; }
.iphone-primary .iphone-shell { transform-style: flat; }
.iphone-primary .iphone-shell::before { transform: none; }

.scene-metric {
  display: flex;
  z-index: 11;
  min-width: 148px;
  padding: 11px 12px;
  gap: 9px;
  border: 1px solid rgba(220,91,62,.22);
  border-radius: 13px;
  color: #432d26;
  background: rgba(255,253,249,.92);
  box-shadow: 0 15px 35px rgba(91,51,39,.1), inset 0 1px rgba(255,255,255,.95);
  backdrop-filter: blur(10px);
  will-change: auto;
}
.scene-metric > b {
  width: 28px;
  height: 32px;
  border-right-color: rgba(223,87,63,.18);
  color: var(--coral);
  font-size: 16px;
}
.scene-metric small { color: #8a7167; font-size: 8px; }
.scene-metric strong { color: #432d26; font-size: 16px; }
.scene-metric em { color: #a18a80; font-size: 7px; }
.metric-cost { left: 3%; top: 18%; }
.metric-profit { left: 2%; right: auto; top: 37%; }
.metric-total { left: 5%; right: auto; top: 56%; }

.scene-materials {
  display: block;
  z-index: 6;
  right: 1%;
  bottom: 15%;
  width: 232px;
  height: 455px;
  will-change: auto;
}
.scene-materials .material-pedestal { display: none; }
.scene-materials img {
  position: absolute;
  width: 128px;
  border: 1px solid rgba(113,66,50,.12);
  border-radius: 7px;
  background: #fff;
  box-shadow: 0 0 0 5px rgba(255,255,255,.88), 0 22px 34px rgba(72,40,30,.2);
  filter: contrast(1.04) saturate(1.08);
}
.scene-materials img:nth-of-type(1) {
  right: 2px;
  top: 10px;
  transform: rotate(5deg);
}
.scene-materials img:nth-of-type(2) {
  right: 18px;
  top: 220px;
  transform: rotate(-4deg);
}

.scene-benefit-tags {
  position: absolute;
  z-index: 40;
  left: 4%;
  right: 4%;
  bottom: 4%;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}
.scene-benefit-tags span {
  position: relative;
  z-index: 41;
  min-height: 30px;
  padding: 7px 9px;
  display: flex;
  align-items: center;
  border: 1px solid rgba(223,87,63,.16);
  border-radius: 8px;
  color: #5a4037;
  background: rgba(255,255,255,.9);
  box-shadow: 0 8px 20px rgba(83,47,36,.07);
  font-size: 8px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
}
.scene-benefit-tags span::first-letter { color: var(--coral); }

@media (max-width: 760px) {
  .hero-scene {
    height: 650px;
    min-height: 0;
    margin-top: 8px;
    border-radius: 24px 24px 0 0;
    contain: layout paint;
  }
  .hero-scene::before { top: 5%; bottom: 25%; width: 38%; }
  .iphone-primary {
    left: 56%;
    top: 5%;
    width: 205px;
    transform: translateX(-50%) rotate(-1.5deg);
  }
  .iphone-secondary {
    left: 7%;
    top: 10%;
    width: 166px;
    transform: rotate(-7deg);
  }
  .scene-metric {
    min-width: 128px;
    padding: 8px 9px;
    border-radius: 10px;
  }
  .scene-metric > b { width: 23px; height: 27px; font-size: 13px; }
  .scene-metric small { font-size: 6px; }
  .scene-metric strong { font-size: 13px; }
  .scene-metric em { font-size: 6px; }
  .metric-cost { left: 2%; top: 13%; }
  .metric-profit { left: 1%; top: 27%; }
  .metric-total { left: 3%; top: 41%; }
  .scene-materials {
    right: -2%;
    bottom: 18%;
    width: 142px;
    height: 360px;
  }
  .scene-materials img { width: 82px; border-radius: 5px; box-shadow: 0 0 0 3px rgba(255,255,255,.9), 0 15px 24px rgba(72,40,30,.16); }
  .scene-materials img:nth-of-type(1) { right: 1px; top: 14px; }
  .scene-materials img:nth-of-type(2) { right: 10px; top: 165px; }
  .scene-benefit-tags {
    left: 3%;
    right: 3%;
    bottom: 3%;
    gap: 6px;
  }
  .scene-benefit-tags span { min-height: 34px; padding: 7px; font-size: 7px; }
}

/* Sublinhado de caneta: curto, irregular e mais expressivo */
.hero-v2-copy h1 .marker-underline::after {
  z-index: 1;
  left: .03em;
  right: .03em;
  bottom: -.12em;
  height: .34em;
  opacity: 1;
  transform: rotate(-1.7deg) skewX(-5deg);
  mix-blend-mode: multiply;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 30' preserveAspectRatio='none'%3E%3Cpath d='M8 19 L46 12 L91 18 L134 10 L181 17 L226 9 L292 15' fill='none' stroke='%23df573f' stroke-width='7.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13 24 C62 18 104 25 151 19 S238 16 287 20' fill='none' stroke='%23ff765d' stroke-width='3.2' stroke-linecap='round' opacity='.95'/%3E%3Cpath d='M35 9 L264 21' fill='none' stroke='%23b93f31' stroke-width='2' stroke-linecap='round' opacity='.46'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
}

/* Copy da hero com quebras editoriais intencionais */
.hero-v2-copy h1 strong {
  text-transform: uppercase;
}
.hero-v2-copy h1 > .hero-supporting {
  display: block;
  max-width: 540px;
  line-height: 1.08;
}
.hero-v2-copy h1 > .hero-supporting .support-lead {
  display: block;
  margin-bottom: 9px;
  font-size: 1em;
  white-space: nowrap;
}
.hero-v2-copy h1 > .hero-supporting .support-lead span,
.hero-v2-copy h1 > .hero-supporting .support-row {
  display: block;
}
.hero-v2-copy h1 > .hero-supporting .support-row {
  margin-top: 3px;
}
.hero-v2-copy h1 > .hero-supporting .support-row-long {
  white-space: nowrap;
}

@media (max-width: 760px) {
  .hero-v2-copy h1 > .hero-supporting {
    line-height: 1.12;
  }
  .hero-v2-copy h1 > .hero-supporting .support-lead {
    margin-bottom: 7px;
    font-size: 1.08em;
  }
  .hero-v2-copy h1 > .hero-supporting .support-row {
    margin-top: 2px;
  }
}

/* O LED branco gira por baixo; a borda laranja contínua fica por cima da luz */
.led-button {
  border: 1px solid rgba(240,91,67,.98);
}
.led-button::before {
  inset: -2px;
  background: conic-gradient(
    from var(--led-angle),
    rgba(255,255,255,.06) 0 42%,
    rgba(255,255,255,.48) 45%,
    #fff 48%,
    #fff 52%,
    rgba(255,255,255,.48) 55%,
    rgba(255,255,255,.06) 58% 100%
  );
  filter:
    drop-shadow(0 0 3px rgba(255,255,255,1))
    drop-shadow(0 0 8px rgba(255,255,255,.96));
}

/* Assinatura do produto integrada à vitrine da hero */
.scene-kit-name {
  position: absolute;
  z-index: 46;
  top: 18px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 43px;
  padding: 6px 18px 6px 7px;
  border: 1px solid rgba(223,87,63,.34);
  border-radius: 999px;
  color: #432d26;
  background: rgba(255,253,249,.93);
  box-shadow: 0 16px 34px rgba(82,46,35,.14), 0 0 0 5px rgba(240,91,67,.045), inset 0 1px rgba(255,255,255,.96);
  backdrop-filter: blur(10px);
  font-family: var(--sans);
  line-height: 1;
  letter-spacing: -.02em;
  text-transform: uppercase;
}
.scene-kit-name span {
  min-width: 47px;
  padding: 9px 11px;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(135deg, #f05b43, #d94231);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  text-align: center;
}
.scene-kit-name strong {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .055em;
}

@media (max-width: 760px) {
  .scene-kit-name {
    top: 12px;
    left: 50%;
    gap: 8px;
    min-height: 38px;
    padding: 5px 14px 5px 5px;
  }
  .scene-kit-name span { min-width: 41px; padding: 8px 9px; font-size: 9px; }
  .scene-kit-name strong { font-size: 10px; }
}

/* Demonstração real do aplicativo dentro de um mockup de celular */
.lp-demo {
  padding-top: 90px;
}
.lp-demo .lp-heading {
  margin-bottom: 28px;
}
.lp-demo-stage {
  min-height: 0;
  align-items: flex-start;
  overflow: visible;
}
.lp-demo-stage figure.lp-demo-video-phone,
.lp-demo-stage figure.lp-demo-video-phone:last-child {
  position: relative;
  z-index: 3;
  width: clamp(285px, 29vw, 370px);
  margin: 0;
  text-align: center;
  transform: none !important;
  rotate: 0deg !important;
  scale: 1 !important;
}
.lp-demo-stage .lp-demo-phone-shell {
  position: relative;
  width: 100%;
  transform: none !important;
  rotate: 0deg !important;
  padding: 10px;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 52px;
  background: linear-gradient(110deg, #6e625e 0%, #171313 7%, #050505 42%, #302a28 80%, #776b66 95%, #181414 100%);
  box-shadow:
    0 42px 75px rgba(74,38,27,.3),
    0 0 0 2px rgba(24,14,11,.9),
    0 0 0 10px rgba(255,255,255,.5),
    0 0 55px rgba(230,91,61,.2),
    inset 1px 0 rgba(255,255,255,.2),
    inset -1px 0 rgba(255,133,91,.13);
}
.lp-demo-stage .lp-demo-phone-shell::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 12% -12% 6%;
  border-radius: 45%;
  background: rgba(229,92,62,.2);
  filter: blur(38px);
}
.lp-demo-stage .lp-demo-video-phone video {
  display: block;
  width: 100%;
  transform: none !important;
  rotate: 0deg !important;
  aspect-ratio: 9 / 16;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 42px;
  background: #160f0c;
  object-fit: cover;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.75);
}
.lp-demo-camera {
  position: absolute;
  z-index: 5;
  top: 20px;
  left: 50%;
  width: 10px;
  height: 10px;
  transform: translateX(-50%);
  border: 2px solid #080808;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 35%, #36536d, #050608 64%);
  box-shadow: 0 0 0 2px rgba(0,0,0,.55);
  pointer-events: none;
}
.lp-demo-side-button {
  position: absolute;
  width: 4px;
  border-radius: 3px;
  background: linear-gradient(180deg, #5b524e, #151212 35%, #302a27);
  box-shadow: 0 0 0 1px rgba(255,255,255,.05);
}
.lp-demo-volume { left: -5px; top: 145px; height: 76px; }
.lp-demo-power { right: -5px; top: 180px; height: 88px; }
.lp-demo-stage .lp-demo-video-phone figcaption {
  margin-top: 28px;
  color: #725a51;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .12em;
  line-height: 1.4;
  text-transform: uppercase;
}

@media (max-width: 760px) {
  .lp-demo { padding-top: 58px; }
  .lp-demo .lp-heading { margin-bottom: 18px; }
  .lp-demo-stage {
    min-height: 0;
    margin-bottom: 36px;
    overflow: visible;
  }
  .lp-demo-stage .lp-demo-video-phone { width: min(300px, 82vw); }
  .lp-demo-stage .lp-demo-phone-shell {
    padding: 8px;
    border-radius: 44px;
    box-shadow:
      0 34px 58px rgba(74,38,27,.26),
      0 0 0 2px rgba(24,14,11,.9),
      0 0 0 7px rgba(255,255,255,.48),
      0 0 42px rgba(230,91,61,.17);
  }
  .lp-demo-stage .lp-demo-video-phone video { border-radius: 37px; }
  .lp-demo-camera { top: 17px; width: 9px; height: 9px; }
  .lp-demo-volume { top: 120px; height: 63px; }
  .lp-demo-power { top: 150px; height: 73px; }
  .lp-demo-stage .lp-demo-video-phone figcaption { margin-top: 22px; font-size: 8px; }
}

/* LED branco também no CTA fixo do mobile */
@media (max-width: 760px) {
  .mobile-buy {
    --led-angle: 0deg;
    isolation: isolate;
    justify-content: center;
    border-color: rgba(240,91,67,.98);
  }
  .mobile-buy::before,
  .mobile-buy::after {
    content: "";
    position: absolute;
    border-radius: inherit;
    pointer-events: none;
  }
  .mobile-buy::before {
    z-index: -2;
    inset: -2px;
    background: conic-gradient(
      from var(--led-angle),
      rgba(255,255,255,.06) 0 42%,
      rgba(255,255,255,.48) 45%,
      #fff 48%,
      #fff 52%,
      rgba(255,255,255,.48) 55%,
      rgba(255,255,255,.06) 58% 100%
    );
    filter:
      drop-shadow(0 0 3px rgba(255,255,255,1))
      drop-shadow(0 0 8px rgba(255,255,255,.96));
    animation: led-spin 3.8s linear infinite;
  }
  .mobile-buy::after {
    z-index: -1;
    inset: 1px;
    background: linear-gradient(135deg, #ed654b, #cf4836);
  }
  .mobile-buy span { position: relative; z-index: 1; }
}

/* Centavos menores para deixar o preço parcelado mais harmônico */
.lp-price-main-installment strong.installment-number {
  display: inline-flex;
  align-items: baseline;
}
.lp-offer .lp-price-card .lp-price-main-installment strong.installment-number .installment-cents {
  margin-left: .02em;
  font-size: .62em;
  line-height: 1;
  letter-spacing: -.035em;
}

/* Prova social: carrossel nativo com brilho inspirado na referência */
.lp-proof {
  position: relative;
  overflow: hidden;
  padding: 110px max(20px, calc((100vw - 1180px) / 2)) 120px;
  border-top: 1px solid rgba(104,61,47,.1);
  background:
    radial-gradient(circle at 50% 42%, rgba(230,96,68,.13), transparent 34%),
    linear-gradient(180deg, #fff 0%, #fbf2ed 100%);
}
.lp-proof::before,
.lp-proof::after {
  content: "";
  position: absolute;
  pointer-events: none;
  border-radius: 50%;
}
.lp-proof::before {
  top: 24%;
  left: -130px;
  width: 320px;
  height: 320px;
  border: 1px solid rgba(223,87,63,.09);
  box-shadow: 0 0 0 42px rgba(223,87,63,.025), 0 0 0 84px rgba(223,87,63,.015);
}
.lp-proof::after {
  right: -120px;
  bottom: 4%;
  width: 280px;
  height: 280px;
  background: radial-gradient(circle, rgba(231,100,71,.11), transparent 68%);
}
.lp-proof .lp-heading {
  position: relative;
  z-index: 2;
  max-width: 850px;
  margin: 0 auto 42px;
}
.proof-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 22px;
  padding: 8px 13px;
  border: 1px solid rgba(223,87,63,.2);
  border-radius: 999px;
  color: #ad4b38;
  background: rgba(255,255,255,.72);
  box-shadow: 0 9px 24px rgba(100,52,39,.06);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.proof-eyebrow::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--coral);
  box-shadow: 0 0 0 4px rgba(240,91,67,.1);
}
.proof-carousel {
  position: relative;
  z-index: 2;
  width: min(100%, 1120px);
  margin: auto;
  outline: none;
}
.proof-viewport {
  width: 100%;
  overflow: hidden;
  padding: 18px 0 34px;
  cursor: grab;
  touch-action: pan-y;
  user-select: none;
}
.proof-viewport:active { cursor: grabbing; }
.proof-track {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  width: max-content;
  transition: transform .58s cubic-bezier(.22,.76,.22,1);
  will-change: transform;
}
.proof-card {
  --glare-x: 50%;
  --glare-y: 50%;
  position: relative;
  flex: 0 0 clamp(300px, 29vw, 360px);
  overflow: hidden;
  border: 1px solid rgba(123,72,56,.16);
  border-radius: 30px;
  color: #432d26;
  background: rgba(255,253,250,.96);
  box-shadow: 0 22px 54px rgba(91,48,35,.1), inset 0 1px rgba(255,255,255,.94);
  opacity: .56;
  transform: translateY(13px);
  transition: opacity .45s ease, transform .45s ease, border-color .45s ease, box-shadow .45s ease;
  isolation: isolate;
}
.proof-card::before,
.proof-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  border-radius: inherit;
}
.proof-card::before {
  inset: 1px;
  background: linear-gradient(128deg, transparent 22%, rgba(255,255,255,.28) 42%, transparent 61%);
  opacity: .2;
  mix-blend-mode: soft-light;
}
.proof-card::after {
  background: radial-gradient(circle at var(--glare-x) var(--glare-y), rgba(255,255,255,.48) 0 8%, rgba(255,183,151,.18) 24%, transparent 58%);
  opacity: 0;
  mix-blend-mode: screen;
  transition: opacity .22s ease;
}
.proof-card:hover::after,
.proof-card:focus-visible::after { opacity: .72; }
.proof-card.is-active {
  opacity: 1;
  transform: none;
  border-color: rgba(223,87,63,.3);
  box-shadow: 0 30px 70px rgba(91,48,35,.17), 0 0 0 7px rgba(240,91,67,.04), inset 0 1px rgba(255,255,255,.98);
}
.proof-card:focus-visible {
  outline: 3px solid rgba(240,91,67,.32);
  outline-offset: 4px;
}
.proof-media {
  position: relative;
  aspect-ratio: 9 / 15;
  overflow: hidden;
  border-bottom: 1px solid rgba(116,68,52,.11);
  background: #101518;
}
.proof-media::after {
  content: "Conversa real no WhatsApp";
  position: absolute;
  z-index: 2;
  top: 14px;
  right: 14px;
  padding: 7px 10px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  color: rgba(255,255,255,.84);
  background: rgba(9,15,18,.72);
  backdrop-filter: blur(10px);
  font-size: 7px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.proof-media img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: top center;
  image-rendering: auto;
  -webkit-user-drag: none;
}
.proof-card-footer {
  position: relative;
  z-index: 2;
  min-height: 148px;
  padding: 20px 22px 22px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,248,243,.98));
}
.proof-card-footer > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.proof-card-footer strong {
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .03em;
}
.proof-card-footer span {
  color: #ad4b38;
  font-size: 7px;
  font-weight: 700;
  letter-spacing: .08em;
}
.proof-card-footer p {
  margin: 0;
  color: #6f554b;
  font-family: var(--serif);
  font-size: 19px;
  font-style: italic;
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: -.02em;
  text-transform: none;
}
.proof-navigation {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
}
.proof-arrow {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(223,87,63,.24);
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(135deg, #ef654b, #d94835);
  box-shadow: 0 12px 28px rgba(147,60,42,.2), inset 0 1px rgba(255,255,255,.2);
  font-family: var(--sans);
  font-size: 21px;
  cursor: pointer;
  transition: transform .2s ease, opacity .2s ease, box-shadow .2s ease;
}
.proof-arrow:hover:not(:disabled) { transform: translateY(-2px); box-shadow: 0 16px 34px rgba(147,60,42,.27), inset 0 1px rgba(255,255,255,.2); }
.proof-arrow:disabled { opacity: .28; cursor: default; }
.proof-dots {
  min-width: 92px;
  min-height: 42px;
  padding: 7px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid rgba(113,67,52,.11);
  border-radius: 999px;
  background: rgba(255,255,255,.68);
  box-shadow: 0 10px 26px rgba(90,46,34,.07);
}
.proof-dot {
  width: 8px;
  height: 8px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(89,55,45,.23);
  cursor: pointer;
  transition: width .25s ease, border-radius .25s ease, background .25s ease;
}
.proof-dot.is-active { width: 25px; border-radius: 999px; background: var(--coral); }
.proof-swipe-hint {
  margin: 16px 0 0;
  color: #947b71;
  font-size: 8px;
  letter-spacing: .13em;
  text-align: center;
  text-transform: uppercase;
}

@media (max-width: 760px) {
  .lp-proof { padding: 72px 0 82px; }
  .lp-proof .lp-heading { padding-inline: 15px; margin-bottom: 24px; }
  .lp-proof .lp-heading h2 { font-size: clamp(40px, 11.4vw, 51px); }
  .lp-proof .lp-heading > p:last-child { margin-top: 16px; font-size: 11px; }
  .proof-eyebrow { margin-bottom: 17px; padding: 7px 11px; font-size: 7px; }
  .proof-viewport { padding-block: 12px 27px; }
  .proof-track { gap: 14px; }
  .proof-card { flex-basis: min(80vw, 310px); border-radius: 25px; }
  .proof-media { aspect-ratio: 9 / 15; }
  .proof-media::after { top: 10px; right: 10px; padding: 6px 8px; font-size: 6px; }
  .proof-card-footer { min-height: 132px; padding: 17px 18px 19px; }
  .proof-card-footer strong { font-size: 12px; }
  .proof-card-footer span { font-size: 6px; }
  .proof-card-footer p { font-size: 17px; }
  .proof-arrow { width: 48px; height: 48px; }
  .proof-dots { min-width: 82px; min-height: 39px; }
  .proof-swipe-hint { margin-top: 13px; font-size: 7px; }
}

@media (prefers-reduced-motion: reduce) {
  .proof-track,
  .proof-card,
  .proof-arrow,
  .proof-dot { transition-duration: .01ms !important; }
}

/* Controle grande de play e pausa no centro do mockup de vídeo */
.lp-demo-play-toggle {
  position: absolute;
  z-index: 8;
  top: 10px;
  right: 10px;
  bottom: 66px;
  left: 10px;
  padding: 0;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 38px;
  color: #fff;
  background: transparent;
  cursor: pointer;
  outline: 0;
}
.lp-demo-play-disc {
  position: relative;
  width: 94px;
  height: 94px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.78);
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(242,101,76,.96), rgba(207,64,47,.96));
  box-shadow:
    0 18px 46px rgba(77,27,18,.38),
    0 0 0 8px rgba(255,255,255,.15),
    0 0 28px rgba(255,255,255,.55),
    inset 0 1px rgba(255,255,255,.38);
  backdrop-filter: blur(10px);
  opacity: .96;
  transform: scale(1);
  transition: opacity .16s ease, transform .2s ease, box-shadow .2s ease;
}
.lp-demo-play-disc::after {
  content: "";
  position: absolute;
  inset: -12px;
  border: 1px solid rgba(255,255,255,.56);
  border-radius: 50%;
  animation: demo-play-pulse 1.9s ease-out infinite;
  pointer-events: none;
}
.lp-demo-play-disc i {
  width: 0;
  height: 0;
  display: block;
  margin-left: 7px;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 23px solid currentColor;
  filter: drop-shadow(0 2px 2px rgba(77,25,17,.2));
}
.lp-demo-play-toggle:hover,
.lp-demo-play-toggle:focus-visible {
  outline: 0;
}
.lp-demo-play-toggle:hover .lp-demo-play-disc,
.lp-demo-play-toggle:focus-visible .lp-demo-play-disc {
  opacity: 1;
  transform: scale(1.06);
  box-shadow:
    0 21px 52px rgba(77,27,18,.42),
    0 0 0 10px rgba(255,255,255,.18),
    0 0 36px rgba(255,255,255,.72),
    inset 0 1px rgba(255,255,255,.4);
}
.lp-demo-play-toggle:focus-visible .lp-demo-play-disc {
  outline: 3px solid rgba(240,91,67,.35);
  outline-offset: 6px;
}
.lp-demo-play-toggle.is-playing {
  cursor: pointer;
}
.lp-demo-play-toggle.is-playing .lp-demo-play-disc {
  opacity: 0;
  transform: scale(.92);
  pointer-events: none;
}
@keyframes demo-play-pulse {
  0% { transform: scale(.9); opacity: .76; }
  75%, 100% { transform: scale(1.2); opacity: 0; }
}

@media (max-width: 760px) {
  .lp-demo-play-toggle {
    top: 8px;
    right: 8px;
    bottom: 58px;
    left: 8px;
  }
  .lp-demo-play-disc { width: 82px; height: 82px; }
  .lp-demo-play-disc i {
    border-top-width: 13px;
    border-bottom-width: 13px;
    border-left-width: 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lp-demo-play-disc,
  .lp-demo-play-disc::after { animation: none; transition-duration: .01ms; }
}

/* O sensor do scroll fica imóvel; somente o CTA recebe o efeito de entrada. */
.hero-v2-cta-anchor {
  width: min(100%, 365px);
  margin-top: 26px;
}
.hero-v2-cta-anchor .hero-v2-cta {
  width: 100%;
  margin-top: 0;
}

@media (max-width: 760px) {
  .hero-v2-cta-anchor {
    width: 100%;
    margin-top: 16px;
  }
}

/* Hero 2026: telas atuais do app, preservadas sem recorte ou redesenho. */
.hero-scene-current {
  isolation: isolate;
  min-height: 590px;
  background:
    linear-gradient(rgba(68,45,36,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(68,45,36,.045) 1px, transparent 1px),
    radial-gradient(circle at 53% 41%, rgba(239,103,75,.18), transparent 38%),
    #fffdf9;
  background-size: 44px 44px, 44px 44px, auto, auto;
}
.hero-scene-current::before {
  top: 5%;
  bottom: 12%;
  width: 37%;
  border-radius: 999px 999px 36px 36px;
  background:
    linear-gradient(180deg, rgba(255,190,172,.74), rgba(239,100,72,.86) 50%, rgba(205,66,42,.68));
  box-shadow:
    0 30px 70px rgba(217,83,56,.18),
    inset 0 1px rgba(255,255,255,.75);
}
.hero-scene-current::after {
  top: 46%;
  width: 74%;
  height: 60%;
  opacity: .8;
  background: radial-gradient(ellipse, rgba(223,87,63,.15), transparent 69%);
  filter: blur(18px);
}
.hero-scene-current .iphone-device {
  aspect-ratio: auto;
  height: auto;
  filter: drop-shadow(0 34px 32px rgba(72,39,29,.28));
}
.hero-scene-current .phone-dashboard {
  z-index: 12;
  left: 49%;
  top: 5.5%;
  width: 252px;
  transform: translateX(-50%) rotate(-.8deg);
}
.hero-scene-current .phone-budget {
  z-index: 8;
  left: 12%;
  top: 11%;
  width: 226px;
  transform: rotate(-6deg);
  opacity: .98;
}
.hero-scene-current .iphone-shell {
  position: relative;
  inset: auto;
  width: 100%;
  height: auto;
  padding: 6px;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 36px;
  background: linear-gradient(135deg, #383838, #0b0b0c 44%, #56504d 78%, #141314);
  box-shadow:
    0 0 0 2px #090909,
    0 24px 48px rgba(56,30,23,.26),
    inset 1px 0 rgba(255,255,255,.28),
    inset -1px 0 rgba(255,119,82,.12);
  transform: none;
}
.hero-scene-current .iphone-shell::before {
  inset: 7px -5px 7px 5px;
  border-radius: 30px;
  background: linear-gradient(90deg, #090909, #4a4542 55%, #101010);
  transform: none;
  opacity: .74;
}
.hero-scene-current .iphone-shell::after {
  inset: 11% -13% 6%;
  background: rgba(224,80,52,.2);
  filter: blur(26px);
  transform: none;
}
.hero-scene-current .iphone-screen {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: auto;
  overflow: hidden;
  border-radius: 29px;
  background: #071326;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06);
}
.hero-scene-current .iphone-screen img {
  position: relative;
  inset: auto;
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
  filter: none !important;
  transform: none !important;
  image-rendering: auto;
}
.hero-scene-current .iphone-island {
  top: 11px;
  width: 8px;
  height: 8px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 50%;
  background: #030405;
  box-shadow: 0 0 0 2px rgba(0,0,0,.24);
}
.hero-scene-current .iphone-island::after { display: none; }
.hero-scene-current .phone-budget .iphone-screen { background: #071326; }
.hero-scene-current .phone-budget .iphone-shell { border-radius: 34px; }
.hero-scene-current .phone-budget .iphone-screen { border-radius: 27px; }
.hero-scene-current .scene-kit-name {
  top: 17px;
  z-index: 50;
}
.hero-scene-current .metric-cost {
  z-index: 18;
  left: 2.5%;
  top: 9%;
}
.hero-scene-current .metric-profit {
  z-index: 18;
  left: auto;
  right: 2.5%;
  top: 8%;
}
.hero-scene-current .metric-total {
  z-index: 18;
  left: auto;
  right: 2%;
  top: 43%;
}
.hero-scene-current .scene-materials {
  z-index: 10;
  right: 1%;
  bottom: 15%;
}
.hero-scene-current .scene-benefit-tags { z-index: 30; }

@media (max-width: 1120px) and (min-width: 761px) {
  .hero-scene-current .phone-dashboard { width: 232px; }
  .hero-scene-current .phone-budget { left: 8%; width: 205px; }
  .hero-scene-current .scene-materials { right: -4%; }
}

@media (max-width: 760px) {
  .hero-scene-current {
    height: 660px;
    min-height: 0;
    margin-inline: -2px;
    background-size: 36px 36px, 36px 36px, auto, auto;
  }
  .hero-scene-current::before {
    top: 4%;
    bottom: 26%;
    width: 42%;
  }
  .hero-scene-current .phone-dashboard {
    left: 56%;
    top: 5%;
    width: 210px;
    transform: translateX(-50%);
  }
  .hero-scene-current .phone-budget {
    left: 2%;
    top: 11%;
    width: 170px;
    transform: rotate(-5deg);
  }
  .hero-scene-current .scene-kit-name {
    top: 14px;
    transform: translateX(-50%) scale(.88);
    transform-origin: top center;
  }
  .hero-scene-current .metric-cost {
    left: 1.5%;
    top: 42%;
  }
  .hero-scene-current .metric-profit {
    left: auto;
    right: 1.5%;
    top: 43%;
  }
  .hero-scene-current .metric-total {
    left: 3%;
    right: auto;
    top: 54%;
  }
  .hero-scene-current .scene-materials {
    right: -1%;
    bottom: 17%;
  }
}

/* Mockups internos atualizados com as mesmas telas reais da hero. */
.lp-app-visual-current {
  isolation: isolate;
  overflow: visible;
}
.lp-app-visual-current .lp-orbit {
  width: min(82%, 430px);
  background:
    radial-gradient(circle, rgba(239,103,75,.12), transparent 64%);
}
.lp-app-visual-current .lp-phone-front,
.lp-app-visual-current .lp-phone-back {
  position: absolute;
  margin: 0;
  filter: drop-shadow(0 32px 28px rgba(61,34,26,.24));
}
.lp-app-visual-current .lp-phone-front {
  z-index: 4;
  width: 258px;
  transform: translate(56px, -3px) rotate(-1deg);
}
.lp-app-visual-current .lp-phone-back {
  z-index: 2;
  width: 225px;
  opacity: .98;
  transform: translate(-107px, 24px) rotate(-6deg);
}
.lp-app-visual-current .lp-device-shell {
  position: relative;
  width: 100%;
  padding: 6px;
  border: 1px solid rgba(255,255,255,.3);
  border-radius: 36px;
  background: linear-gradient(135deg, #3b3a39, #0a0a0b 44%, #554e4b 78%, #141313);
  box-shadow:
    0 0 0 2px #090909,
    0 24px 48px rgba(56,30,23,.2),
    inset 1px 0 rgba(255,255,255,.28),
    inset -1px 0 rgba(255,119,82,.12);
}
.lp-app-visual-current .lp-device-shell::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 7px -5px 7px 5px;
  border-radius: 30px;
  background: linear-gradient(90deg, #090909, #494441 55%, #101010);
  opacity: .74;
}
.lp-app-visual-current .lp-device-shell::after {
  content: "";
  position: absolute;
  z-index: -2;
  inset: 12% -13% 6%;
  border-radius: 34px;
  background: rgba(224,80,52,.18);
  filter: blur(26px);
}
.lp-app-visual-current .lp-device-screen {
  position: relative;
  overflow: hidden;
  border-radius: 29px;
  background: #071326;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06);
}
.lp-app-visual-current .lp-device-screen img {
  position: relative;
  width: 100%;
  height: auto;
  display: block;
  filter: none !important;
  transform: none !important;
  image-rendering: auto;
}
.lp-app-visual-current .lp-device-camera {
  position: absolute;
  z-index: 5;
  top: 11px;
  left: 50%;
  width: 8px;
  height: 8px;
  transform: translateX(-50%);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 50%;
  background: #030405;
  box-shadow: 0 0 0 2px rgba(0,0,0,.24);
}

@media (max-width: 760px) {
  .lp-app-visual-current {
    height: 470px;
  }
  .lp-app-visual-current .lp-phone-front {
    width: 214px;
    transform: translate(42px, -5px);
  }
  .lp-app-visual-current .lp-phone-back {
    width: 184px;
    transform: translate(-78px, 22px) rotate(-5deg);
  }
  .lp-app-visual-current .lp-device-shell {
    padding: 5px;
    border-radius: 30px;
  }
  .lp-app-visual-current .lp-device-screen { border-radius: 24px; }
  .lp-app-visual-current .lp-device-camera { top: 9px; width: 7px; height: 7px; }
}

/* Demonstração horizontal: o vídeo já contém um smartphone completo. */
.lp-demo-stage figure.lp-demo-video-landscape,
.lp-demo-stage figure.lp-demo-video-landscape:last-child {
  width: min(1120px, 94vw);
}
.lp-demo-stage .lp-demo-video-landscape .lp-demo-phone-shell {
  padding: 10px;
  border: 1px solid rgba(255,255,255,.32);
  border-radius: 32px;
  background:
    linear-gradient(125deg, #766b67 0%, #171313 3%, #050505 36%, #302a28 82%, #80736e 97%, #181414 100%);
  box-shadow:
    0 42px 85px rgba(74,38,27,.25),
    0 0 0 2px rgba(24,14,11,.92),
    0 0 0 9px rgba(255,255,255,.54),
    0 0 60px rgba(230,91,61,.18),
    inset 1px 0 rgba(255,255,255,.22),
    inset -1px 0 rgba(255,133,91,.13);
}
.lp-demo-stage .lp-demo-video-landscape .lp-demo-phone-shell::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 5px;
  left: 50%;
  width: 74px;
  height: 3px;
  transform: translateX(-50%);
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.42), transparent);
  opacity: .72;
  pointer-events: none;
}
.lp-demo-stage .lp-demo-video-landscape video {
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 22px;
  object-fit: contain;
  object-position: center;
  background: #071626;
}
.lp-demo-video-landscape .lp-demo-camera,
.lp-demo-video-landscape .lp-demo-side-button {
  display: none;
}
.lp-demo-video-landscape .lp-demo-play-toggle {
  inset: 10px;
  border-radius: 22px;
}
.lp-demo-stage .lp-demo-video-landscape figcaption {
  margin-top: 24px;
}

@media (max-width: 760px) {
  .lp-demo-stage figure.lp-demo-video-landscape,
  .lp-demo-stage figure.lp-demo-video-landscape:last-child {
    width: min(94vw, 640px);
  }
  .lp-demo-stage .lp-demo-video-landscape .lp-demo-phone-shell {
    padding: 6px;
    border-radius: 18px;
    box-shadow:
      0 25px 48px rgba(74,38,27,.22),
      0 0 0 2px rgba(24,14,11,.9),
      0 0 0 5px rgba(255,255,255,.52),
      0 0 35px rgba(230,91,61,.14);
  }
  .lp-demo-stage .lp-demo-video-landscape video {
    border-radius: 12px;
  }
  .lp-demo-video-landscape .lp-demo-play-toggle {
    inset: 6px;
    border-radius: 12px;
  }
  .lp-demo-video-landscape .lp-demo-play-disc {
    width: 68px;
    height: 68px;
  }
  .lp-demo-video-landscape .lp-demo-play-disc i {
    border-top-width: 11px;
    border-bottom-width: 11px;
    border-left-width: 17px;
  }
  .lp-demo-stage .lp-demo-video-landscape figcaption {
    margin-top: 18px;
  }
}

/* Ajustes mínimos de agrupamento para a comunicação comercial atual. */
.hero-v2-copy h1 strong {
  font-size: clamp(44px, 4.6vw, 64px);
  line-height: .9;
}
.hero-v2-copy h1 > .hero-supporting {
  max-width: 550px;
  margin-top: 17px;
}
.hero-v2-copy h1 > .hero-supporting .support-lead {
  margin-bottom: 0;
  white-space: normal;
}
.hero-v2-lead {
  max-width: 550px;
}
.lp-offer-app-copy {
  display: grid;
  gap: 3px;
}
.lp-offer-app-copy strong {
  font-size: 1em;
  font-weight: 500;
}
.lp-offer-app-copy small {
  max-width: 390px;
  color: #8f776d;
  font-size: 9px;
  line-height: 1.35;
}
.lp-audience-grid span:last-child {
  grid-column: 2;
}

@media (max-width: 1100px) and (min-width: 761px) {
  .lp-step-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 760px) {
  .hero-v2-copy h1 strong {
    font-size: clamp(32px, 9.4vw, 40px);
    line-height: .92;
  }
  .hero-v2-copy h1 > .hero-supporting {
    margin-top: 12px;
    font-size: 16px;
  }
  .hero-v2-copy h1 > .hero-supporting .support-lead {
    font-size: 1.08em;
    line-height: 1.08;
  }
  .hero-v2-trust {
    flex-wrap: wrap;
    row-gap: 5px;
    white-space: normal;
  }
  .lp-offer-app-copy small {
    font-size: 7.5px;
    line-height: 1.25;
  }
  .lp-audience-grid span:last-child {
    grid-column: 1 / -1;
  }
}

/* Hero: PDFs na posição lateral original, acima dos aparelhos e abaixo dos balões. */
.hero-scene-current .scene-materials {
  z-index: 15;
  right: 0;
  bottom: 14%;
  width: 242px;
  height: 465px;
}
.hero-scene-current .scene-materials .material-pedestal {
  display: none;
}
.hero-scene-current .scene-materials img {
  z-index: 2;
  width: 136px;
  border-radius: 7px;
  box-shadow:
    0 0 0 4px rgba(255, 255, 255, .94),
    0 23px 37px rgba(71, 37, 27, .22),
    0 7px 16px rgba(223, 87, 63, .1);
  filter: contrast(1.06) saturate(1.08);
  transform-origin: 50% 100%;
}
.hero-scene-current .scene-materials img:nth-of-type(1) {
  left: auto;
  right: 1px;
  top: 8px;
  transform: rotate(4deg);
}
.hero-scene-current .scene-materials img:nth-of-type(2) {
  left: auto;
  right: 17px;
  top: 224px;
  transform: rotate(-4deg);
}

@media (max-width: 1120px) and (min-width: 761px) {
  .hero-scene-current .scene-materials {
    right: -4%;
    width: 218px;
    height: 440px;
  }
  .hero-scene-current .scene-materials img { width: 124px; }
}

@media (max-width: 760px) {
  .hero-scene-current .scene-materials {
    left: auto;
    right: 10%;
    bottom: 16%;
    width: 158px;
    height: 375px;
    transform: none;
  }
  .hero-scene-current .scene-materials img {
    width: 94px;
    box-shadow:
      0 0 0 3px rgba(255, 255, 255, .95),
      0 16px 26px rgba(71, 37, 27, .2);
  }
  .hero-scene-current .scene-materials img:nth-of-type(1) {
    left: auto;
    right: 1px;
    top: 10px;
    transform: rotate(4deg);
  }
  .hero-scene-current .scene-materials img:nth-of-type(2) {
    right: 12px;
    top: 185px;
    transform: rotate(-4deg);
  }
}

/* Hero editorial: destaques tipográficos e marcador laranja atrás das palavras. */
.hero-v2-copy h1 strong.hero-title-current {
  font-size: clamp(43px, 4.05vw, 58px);
  line-height: .89;
  letter-spacing: -.064em;
}
.hero-title-current > span {
  position: relative;
  width: max-content;
  max-width: 100%;
  display: block;
  white-space: nowrap;
}
.hero-title-accent {
  color: var(--coral);
  font-family: inherit;
  font-style: normal;
  font-weight: inherit;
}
.hero-title-profit {
  color: var(--coral);
  font-family: var(--serif);
  font-size: 1.08em;
  font-style: italic;
  font-weight: 600;
  letter-spacing: -.045em;
}
.hero-title-result {
  font-size: .78em;
  letter-spacing: -.04em;
}
.hero-marker {
  position: relative;
  z-index: 0;
  display: inline-block;
  padding: 0 .08em .02em;
  color: #422d26;
  background: transparent;
}
.hero-marker::before,
.hero-marker::after {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
}
.hero-marker::before {
  left: -.08em;
  right: -.12em;
  top: 28%;
  height: .7em;
  background: linear-gradient(90deg, rgba(241, 89, 57, .28), rgba(255, 120, 83, .44) 50%, rgba(223, 87, 63, .3));
  clip-path: polygon(1% 16%, 98% 2%, 100% 78%, 4% 100%, 0 72%);
  transform: rotate(-1.2deg);
  box-shadow: 0 3px 10px rgba(223, 87, 63, .08);
}
.hero-marker::after {
  left: -.02em;
  right: .02em;
  top: 45%;
  height: .3em;
  border-radius: 50%;
  background: rgba(255, 137, 100, .18);
  filter: blur(3px);
}
.hero-v2-copy h1 > .hero-supporting .support-lead {
  line-height: 1.18;
}
.hero-v2-copy h1 > .hero-supporting .hero-marker-small {
  padding-inline: .04em;
  font: inherit;
}
.hero-v2-copy h1 > .hero-supporting .hero-marker-small::before {
  top: 34%;
  height: .7em;
}
.hero-v2-copy h1 > .hero-supporting .support-lead > em {
  color: var(--coral);
  font-family: var(--serif);
  font-size: 1.12em;
  font-style: italic;
  font-weight: 600;
}

@media (max-width: 760px) {
  .hero-v2-copy h1 strong.hero-title-current {
    font-size: clamp(34px, 9.75vw, 38px);
    line-height: .9;
    letter-spacing: -.065em;
  }
  .hero-title-current > span {
    width: 100%;
  }
  .hero-title-current > span:nth-child(2),
  .hero-title-current > span:nth-child(3) {
    width: max-content;
  }
  .hero-title-result {
    font-size: .78em;
    white-space: nowrap;
  }
  .hero-title-profit {
    font-size: 1.12em;
  }
  .hero-v2-copy h1 > .hero-supporting {
    max-width: 335px;
    margin-top: 16px;
  }
  .hero-v2-copy h1 > .hero-supporting .support-lead {
    font-size: 1.02em;
    line-height: 1.22;
  }
}

/* Demonstração vertical: vídeo novo dentro de um celular reto e centralizado. */
.lp-demo-stage figure.lp-demo-video-portrait,
.lp-demo-stage figure.lp-demo-video-portrait:last-child {
  width: clamp(292px, 27vw, 356px);
}
.lp-demo-stage .lp-demo-video-portrait .lp-demo-phone-shell {
  padding: 8px;
  border-radius: 48px;
  background:
    linear-gradient(125deg, #77706d 0%, #171414 4%, #050505 37%, #393330 82%, #8b807b 97%, #181515 100%);
  box-shadow:
    0 42px 82px rgba(74, 38, 27, .25),
    0 0 0 2px rgba(24, 14, 11, .94),
    0 0 0 8px rgba(255, 255, 255, .52),
    0 0 55px rgba(230, 91, 61, .18),
    inset 1px 0 rgba(255, 255, 255, .22),
    inset -1px 0 rgba(255, 133, 91, .13);
}
.lp-demo-stage .lp-demo-video-portrait video {
  width: 100%;
  aspect-ratio: 54 / 113;
  border-radius: 40px;
  object-fit: cover;
  object-position: center;
  background: #071626;
}
.lp-demo-video-portrait .lp-demo-camera {
  display: none;
}
.lp-demo-video-portrait .lp-demo-play-toggle {
  inset: 8px;
  border-radius: 40px;
}
.lp-demo-stage .lp-demo-video-portrait figcaption {
  margin-top: 27px;
}

@media (max-width: 760px) {
  .lp-demo-stage figure.lp-demo-video-portrait,
  .lp-demo-stage figure.lp-demo-video-portrait:last-child {
    width: min(78vw, 300px);
  }
  .lp-demo-stage .lp-demo-video-portrait .lp-demo-phone-shell {
    padding: 7px;
    border-radius: 43px;
    box-shadow:
      0 31px 58px rgba(74, 38, 27, .24),
      0 0 0 2px rgba(24, 14, 11, .92),
      0 0 0 6px rgba(255, 255, 255, .5),
      0 0 40px rgba(230, 91, 61, .16);
  }
  .lp-demo-stage .lp-demo-video-portrait video {
    border-radius: 36px;
  }
  .lp-demo-video-portrait .lp-demo-play-toggle {
    inset: 7px;
    border-radius: 36px;
  }
  .lp-demo-video-portrait .lp-demo-play-disc {
    width: 72px;
    height: 72px;
  }
  .lp-demo-stage .lp-demo-video-portrait figcaption {
    margin-top: 22px;
  }
}