@font-face { font-family: Geist; font-style: normal; font-weight: 100 900; font-display: swap; src: url("https://sitegenclone.vercel.app/_next/static/media/fef07dbb0973bf53-s.12tyk43_3sh9u.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: Geist; font-style: normal; font-weight: 100 900; font-display: swap; src: url("https://sitegenclone.vercel.app/_next/static/media/8a480f0b521d4e75-s.0jzbimsg8vl84.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: Geist; font-style: normal; font-weight: 100 900; font-display: swap; src: url("https://sitegenclone.vercel.app/_next/static/media/53b9e256198e5412-s.0-wfv7uh4i7h9.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: Geist; font-style: normal; font-weight: 100 900; font-display: swap; src: url("https://sitegenclone.vercel.app/_next/static/media/7178b3e590c64307-s.0nx0ww8fni_q3.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Geist; font-style: normal; font-weight: 100 900; font-display: swap; src: url("https://sitegenclone.vercel.app/_next/static/media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Geist Fallback"; src: local("Arial"); ascent-override: 95.94%; descent-override: 28.16%; line-gap-override: 0%; size-adjust: 104.76%; }
.geist_a71539c9-module__T19VSG__className { font-family: Geist, "Geist Fallback"; font-style: normal; }
.geist_a71539c9-module__T19VSG__variable { --font-geist-sans: "Geist", "Geist Fallback"; }
@font-face { font-family: "Geist Mono"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("https://sitegenclone.vercel.app/_next/static/media/5ce348bf30bf5439-s.0zgw-jeven.3w.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: "Geist Mono"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("https://sitegenclone.vercel.app/_next/static/media/4fa387ec64143e14-s.0wkzw~je483f-.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: "Geist Mono"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("https://sitegenclone.vercel.app/_next/static/media/6306c77e7c8268e4-s.0rhz0arwfsn~5.woff2") format("woff2"); unicode-range: U+2000-2001, U+2004-2008, U+200A, U+23B8-23BD, U+2500-259F; }
@font-face { font-family: "Geist Mono"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("https://sitegenclone.vercel.app/_next/static/media/7d817b4c03b0c5f1-s.0l76wvqk9d84w.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: "Geist Mono"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("https://sitegenclone.vercel.app/_next/static/media/bbc41e54d2fcbd21-s.0k4k9394f2q-k.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Geist Mono"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("https://sitegenclone.vercel.app/_next/static/media/797e433ab948586e-s.p.08e28id.o-okb.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Geist Mono Fallback"; src: local("Arial"); ascent-override: 74.67%; descent-override: 21.92%; line-gap-override: 0%; size-adjust: 134.59%; }
.geist_mono_8d43a2aa-module__8Li5zG__className { font-family: "Geist Mono", "Geist Mono Fallback"; font-style: normal; }
.geist_mono_8d43a2aa-module__8Li5zG__variable { --font-geist-mono: "Geist Mono", "Geist Mono Fallback"; }
@layer theme {
  :root, :host { --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --spacing: .25rem; --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); }
}
@layer base {
  *, ::after, ::before, ::backdrop { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; }
  ::file-selector-button { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; }
  html, :host { text-size-adjust: 100%; tab-size: 4; line-height: 1.5; font-family: var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings,normal); font-variation-settings: var(--default-font-variation-settings,normal); -webkit-tap-highlight-color: transparent; }
  hr { height: 0px; color: inherit; border-top-width: 1px; }
  abbr:where([title]) { text-decoration: underline dotted; }
  h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
  a { color: inherit; text-decoration: inherit; }
  b, strong { font-weight: bolder; }
  code, kbd, samp, pre { font-family: var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-feature-settings: var(--default-mono-font-feature-settings,normal); font-variation-settings: var(--default-mono-font-variation-settings,normal); font-size: 1em; }
  small { font-size: 80%; }
  sub, sup { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; }
  sub { bottom: -0.25em; }
  sup { top: -0.5em; }
  table { text-indent: 0px; border-color: inherit; border-collapse: collapse; }
  progress { vertical-align: baseline; }
  summary { display: list-item; }
  ol, ul, menu { list-style: none; }
  img, svg, video, canvas, audio, iframe, embed, object { vertical-align: middle; display: block; }
  img, video { max-width: 100%; height: auto; }
  button, input, select, optgroup, textarea { font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px; }
  ::file-selector-button { font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px; }
  :where(select:is([multiple], [size])) optgroup { font-weight: bolder; }
  :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; }
  ::file-selector-button { margin-inline-end: 4px; }
  ::placeholder { opacity: 1; }
  @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
  ::placeholder { color: currentcolor; }
  @supports (color:color-mix(in lab, red, red)) {
  ::placeholder { color: color-mix(currentcolor, transparent); }
}
}
  textarea { resize: vertical; }
  ::-webkit-search-decoration { appearance: none; }
  ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; }
  ::-webkit-datetime-edit { display: inline-flex; }
  ::-webkit-datetime-edit-fields-wrapper { padding: 0px; }
  ::-webkit-datetime-edit { padding-block: 0px; }
  ::-webkit-datetime-edit-year-field { padding-block: 0px; }
  ::-webkit-datetime-edit-month-field { padding-block: 0px; }
  ::-webkit-datetime-edit-day-field { padding-block: 0px; }
  ::-webkit-datetime-edit-hour-field { padding-block: 0px; }
  ::-webkit-datetime-edit-minute-field { padding-block: 0px; }
  ::-webkit-datetime-edit-second-field { padding-block: 0px; }
  ::-webkit-datetime-edit-millisecond-field { padding-block: 0px; }
  ::-webkit-datetime-edit-meridiem-field { padding-block: 0px; }
  ::-webkit-calendar-picker-indicator { line-height: 1; }
  button, input:where([type="button"], [type="reset"], [type="submit"]) { appearance: button; }
  ::file-selector-button { appearance: button; }
  ::-webkit-inner-spin-button { height: auto; }
  ::-webkit-outer-spin-button { height: auto; }
  [hidden]:where(:not([hidden="until-found"])) { display: none !important; }
}
@layer utilities {
  .visible { visibility: visible; }
  .sticky { position: sticky; }
  .start { inset-inline-start: var(--spacing); }
  .container { width: 100%; }
  @media (min-width: 40rem) {
  .container { max-width: 40rem; }
}
  @media (min-width: 48rem) {
  .container { max-width: 48rem; }
}
  @media (min-width: 64rem) {
  .container { max-width: 64rem; }
}
  @media (min-width: 80rem) {
  .container { max-width: 80rem; }
}
  @media (min-width: 96rem) {
  .container { max-width: 96rem; }
}
  .grid { display: grid; }
  .table { display: table; }
  .antialiased { -webkit-font-smoothing: antialiased; }
}
:root { --navy: #071c3d; --blue: #075fe4; --blue-dark: #0346b8; --cyan: #16b8ff; --sky: #eaf5ff; --ice: #f6fbff; --ink: #0d2342; --muted: #58708f; --white: #fff; --green: #15b876; --red: #ef3f50; --line: #075fe424; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { background: var(--white); color: var(--ink); margin: 0px; font-family: Arial, Helvetica, sans-serif; overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
.topbar { z-index: 50; backdrop-filter: blur(18px); background: rgba(255, 255, 255, 0.9); border: 1px solid rgba(7, 95, 228, 0.12); border-radius: 22px; justify-content: space-between; align-items: center; width: min(1220px, 100% - 32px); min-height: 84px; padding: 7px 12px 7px 18px; display: flex; position: fixed; top: 18px; left: 50%; transform: translate(-50%); box-shadow: rgba(7, 38, 86, 0.12) 0px 18px 55px; }
.brand { align-items: center; display: inline-flex; }
.brand-logo { object-fit: contain; mix-blend-mode: multiply; width: 180px; height: 66px; display: block; }
.header-cta { background: var(--navy); color: rgb(255, 255, 255); text-transform: uppercase; letter-spacing: 0.06em; border-radius: 13px; padding: 13px 18px; font-size: 12px; font-weight: 900; transition: transform 0.25s, background 0.25s; }
.header-cta:hover { background: var(--blue); transform: translateY(-2px); }
.hero { text-align: center; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(242, 248, 255) 72%, rgb(255, 255, 255) 100%); flex-direction: column; align-items: center; padding: 158px 24px 92px; display: flex; position: relative; overflow: hidden; }
.hero::before { content: ""; filter: blur(2px); background: rgba(22, 184, 255, 0.12); border-radius: 50%; width: 700px; height: 700px; position: absolute; top: 90px; left: -430px; }
.hero-orb { filter: blur(3px); border-radius: 50%; animation: 8s ease-in-out 0s infinite normal none running float; position: absolute; }
.hero-orb-one { background: radial-gradient(circle, rgba(7, 95, 228, 0.2), rgba(0, 0, 0, 0) 68%); width: 420px; height: 420px; top: 7%; left: -230px; }
.hero-orb-two { background: radial-gradient(circle, rgba(22, 184, 255, 0.18), rgba(0, 0, 0, 0) 68%); width: 560px; height: 560px; animation-delay: -3s; top: 26%; right: -270px; }
.hero > :not(.hero-orb) { z-index: 1; position: relative; }
.eyebrow, .kicker { color: var(--blue); letter-spacing: 0.16em; text-transform: uppercase; margin: 0px 0px 20px; font-size: 12px; font-weight: 950; }
.red-line { max-width: 1240px; color: var(--blue); letter-spacing: -0.075em; text-wrap: balance; text-shadow: rgba(7, 95, 228, 0.15) 0px 10px 38px; margin: 0px; font-size: clamp(52px, 8.5vw, 128px); font-weight: 950; line-height: 0.85; }
.hero-copy { max-width: 760px; color: var(--muted); margin: 30px 0px 42px; font-size: clamp(17px, 2vw, 21px); line-height: 1.58; }
.hero-carousel { width: min(100%, 1040px); margin: -13px 0px 34px; overflow: hidden; mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0), rgb(0, 0, 0) 8%, rgb(0, 0, 0) 92%, rgba(0, 0, 0, 0)); }
.hero-carousel-track { align-items: center; gap: 12px; width: max-content; animation: 28s linear 0s infinite normal none running heroMarquee; display: flex; }
.hero-carousel-track span { color: var(--navy); letter-spacing: 0.045em; text-transform: uppercase; white-space: nowrap; background: rgba(255, 255, 255, 0.86); border: 1px solid rgba(7, 95, 228, 0.18); border-radius: 999px; align-items: center; gap: 9px; padding: 10px 15px; font-size: 11px; font-weight: 900; display: inline-flex; box-shadow: rgba(7, 56, 135, 0.08) 0px 10px 28px; }
.hero-carousel-track b { color: var(--blue); font-size: 13px; }
.video-shell { aspect-ratio: 16 / 9; color: rgb(255, 255, 255); background: var(--navy); border: 8px solid rgb(255, 255, 255); border-radius: 26px; place-items: center; width: min(100%, 1240px); display: grid; position: relative; overflow: hidden; box-shadow: rgba(5, 41, 96, 0.25) 0px 38px 90px; }
.video-shell::before { content: ""; background: radial-gradient(circle, rgba(22, 184, 255, 0.22), rgba(0, 0, 0, 0) 34%), linear-gradient(135deg, rgba(7, 95, 228, 0.28), rgba(0, 0, 0, 0) 55%); position: absolute; inset: 0px; }
.video-shell::after { content: ""; aspect-ratio: 1 / 1; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 50%; width: 38%; animation: 6s linear 0s infinite normal none running videoRing; position: absolute; }
.video-ambient { filter: blur(70px); background: rgba(7, 95, 228, 0.18); border-radius: 50%; width: 75%; height: 75%; animation: 5s ease-in-out 0s infinite normal none running ambient; position: absolute; }
.play { z-index: 3; color: rgb(255, 255, 255); background: var(--blue); cursor: default; border: 1px solid rgba(255, 255, 255, 0.48); border-radius: 50%; place-items: center; width: 96px; height: 96px; padding-left: 7px; font-size: 30px; animation: 2s ease 0s infinite normal none running playPulse; display: grid; position: relative; box-shadow: rgba(22, 184, 255, 0.55) 0px 0px; }
.video-label { z-index: 3; text-align: left; flex-direction: column; gap: 5px; display: flex; position: absolute; bottom: 25px; left: 30px; }
.video-label strong { letter-spacing: 0.12em; font-size: 13px; }
.video-label span { color: rgb(185, 214, 250); font-size: 12px; }
.launch-offer { color: rgb(255, 255, 255); background: var(--navy); border-radius: 0px 0px 24px 24px; grid-template-columns: 1fr auto auto; align-items: center; gap: 24px; width: min(100%, 1160px); margin-top: -1px; padding: 24px 26px; display: grid; box-shadow: rgba(5, 41, 96, 0.18) 0px 28px 65px; }
.launch-copy { text-align: left; flex-direction: column; gap: 5px; display: flex; }
.launch-copy span { color: rgb(134, 217, 255); letter-spacing: 0.13em; font-size: 10px; font-weight: 900; }
.launch-copy strong { font-size: 18px; }
.launch-pill { color: rgb(255, 255, 255); background: var(--red); letter-spacing: 0.09em; border-radius: 999px; width: fit-content; padding: 8px 12px; font-size: 10px; font-weight: 950; animation: 1.5s ease-in-out 0s infinite normal none running launchPulse; display: inline-flex; }
.price-block { flex-direction: column; align-items: flex-start; display: flex; }
.price-block.compact { align-items: center; }
.price-block.compact .launch-pill { display: none; }
.price-comparison { align-items: center; gap: 13px; margin-top: 12px; display: flex; }
.compact .price-comparison { margin-top: 0px; }
.old-price { color: var(--navy); white-space: nowrap; letter-spacing: -0.035em; font-size: 30px; font-weight: 950; position: relative; }
.old-price small { text-transform: uppercase; font-size: 11px; }
.old-price::before, .old-price::after { content: ""; background: var(--red); border-radius: 2px; width: 110%; height: 4px; position: absolute; top: 50%; left: -5%; transform: rotate(10deg); box-shadow: rgba(255, 255, 255, 0.4) 0px 1px; }
.old-price::after { transform: rotate(-10deg); }
.price-arrow { color: var(--cyan); font-size: 25px; }
.new-price { color: var(--blue); letter-spacing: -0.07em; white-space: nowrap; font-size: 78px; font-weight: 950; line-height: 0.92; }
.compact .new-price { color: rgb(255, 255, 255); font-size: 43px; }
.compact .old-price { color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.28) 0px 2px 12px; font-size: 28px; }
.new-price small { letter-spacing: 0px; margin-right: 5px; font-size: 19px; }
.compact .new-price small { font-size: 14px; }
.new-price sup { letter-spacing: -0.03em; font-size: 0.42em; position: relative; top: -0.55em; }
.annual-label { color: var(--blue); letter-spacing: 0.13em; margin: 7px 0px 0px; font-size: 11px; font-weight: 950; }
.compact .annual-label { color: rgb(134, 217, 255); }
.primary-cta, .buy-button { color: rgb(255, 255, 255); background: var(--blue); border-radius: 14px; justify-content: center; align-items: center; gap: 16px; padding: 18px 24px; font-size: 15px; font-weight: 900; transition: transform 0.25s, background 0.25s, box-shadow 0.25s; display: inline-flex; box-shadow: rgba(7, 95, 228, 0.28) 0px 14px 32px; }
.primary-cta:hover, .buy-button:hover { background: var(--cyan); transform: translateY(-3px); box-shadow: rgba(22, 184, 255, 0.3) 0px 19px 38px; }
.microcopy { color: var(--muted); margin: 15px 0px 0px; font-size: 12px; }
.guarantee-carousel { color: rgb(255, 255, 255); background: var(--blue); border-block: 1px solid rgba(255, 255, 255, 0.26); width: 100vw; margin: 52px -24px -92px; overflow: hidden; transform: rotate(-1deg); box-shadow: rgba(7, 95, 228, 0.2) 0px 18px 45px; }
.guarantee-track { width: max-content; padding: 16px 0px; animation: 24s linear 0s infinite normal none running guaranteeMarquee; display: flex; }
.guarantee-track span { white-space: nowrap; border-right: 1px solid rgba(255, 255, 255, 0.4); align-items: center; gap: 12px; padding: 0px 24px; display: inline-flex; }
.guarantee-track b { letter-spacing: 0.08em; font-size: 14px; }
.guarantee-track i { color: rgb(201, 236, 255); letter-spacing: 0.1em; font-size: 10px; font-style: normal; font-weight: 800; }
.section { border-top: 1px solid var(--line); padding: 104px max(24px, -590px + 50vw); position: relative; }
.section-heading { max-width: 910px; margin-bottom: 54px; }
.section-heading.centered { text-align: center; margin-inline: auto; }
.section h2, .offer h2 { color: var(--navy); letter-spacing: -0.065em; margin: 0px; font-size: clamp(42px, 6vw, 76px); line-height: 0.98; }
.section-intro { max-width: 720px; color: var(--muted); margin: 23px auto 0px; font-size: 15px; line-height: 1.6; }
.problems { background: linear-gradient(rgb(255, 255, 255) 0%, rgb(244, 249, 255) 100%); overflow: hidden; }
.showcase-intro { max-width: 790px; color: var(--muted); margin: 25px 0px 0px; font-size: 18px; line-height: 1.7; }
.showcase-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 24px; display: grid; }
.showcase-card { border: 1px solid var(--line); background: rgb(255, 255, 255); border-radius: 28px; grid-template-columns: minmax(170px, 0.82fr) 1fr; min-height: 440px; transition: transform 0.35s, border-color 0.35s, box-shadow 0.35s; display: grid; overflow: hidden; box-shadow: rgba(7, 38, 86, 0.09) 0px 24px 65px; }
.showcase-card:hover { border-color: rgba(7, 95, 228, 0.34); transform: translateY(-9px); box-shadow: rgba(7, 56, 135, 0.16) 0px 34px 78px; }
.showcase-visual { background: var(--navy); min-width: 0px; position: relative; overflow: hidden; }
.showcase-visual::after { content: ""; pointer-events: none; background: linear-gradient(rgba(3, 16, 39, 0.02) 48%, rgba(3, 16, 39, 0.68) 100%); position: absolute; inset: 0px; }
.showcase-visual img { object-fit: cover; object-position: center top; width: 100%; height: 100%; transition: transform 0.75s cubic-bezier(0.2, 0.75, 0.2, 1), object-position 2.8s; display: block; }
.showcase-card:hover .showcase-visual img { object-position: center center; transform: scale(1.045); }
.showcase-tag { z-index: 2; color: rgb(255, 255, 255); backdrop-filter: blur(10px); letter-spacing: 0.12em; background: rgba(7, 95, 228, 0.88); border: 1px solid rgba(255, 255, 255, 0.38); border-radius: 999px; padding: 8px 10px; font-size: 8px; font-weight: 950; position: absolute; bottom: 16px; left: 15px; }
.showcase-number { z-index: 2; color: rgba(255, 255, 255, 0.9); letter-spacing: 0.12em; text-shadow: rgba(0, 0, 0, 0.45) 0px 2px 9px; font-size: 11px; font-weight: 900; position: absolute; top: 13px; right: 14px; }
.showcase-copy { flex-direction: column; justify-content: flex-end; padding: 34px 29px; display: flex; }
.showcase-copy h3 { color: var(--blue); letter-spacing: -0.055em; margin: 0px 0px 15px; font-size: clamp(27px, 2.6vw, 39px); line-height: 1.02; }
.showcase-featured { border-color: rgba(7, 95, 228, 0.3); grid-column: 1 / -1; grid-template-columns: minmax(330px, 0.95fr) 1.1fr; min-height: 520px; }
.showcase-featured .showcase-copy { padding: 48px 44px; }
.showcase-featured .showcase-copy h3 { max-width: 650px; color: var(--blue); font-size: clamp(42px, 5.4vw, 72px); line-height: 0.94; }
.showcase-featured .showcase-copy p { max-width: 620px; font-size: 17px; }
.showcase-copy p { color: var(--muted); margin: 0px; font-size: 15px; line-height: 1.65; }
.showcase-banner { color: rgb(255, 255, 255); background: linear-gradient(115deg, var(--navy), #083b88); border-radius: 25px; grid-template-columns: 1fr 1.25fr auto; align-items: center; gap: 30px; margin-top: 28px; padding: 34px 38px; display: grid; box-shadow: rgba(7, 38, 86, 0.18) 0px 25px 65px; }
.showcase-banner strong { letter-spacing: -0.045em; font-size: clamp(24px, 3vw, 36px); line-height: 1.05; }
.showcase-banner p { color: rgb(201, 222, 247); margin: 0px; font-size: 15px; line-height: 1.55; }
.showcase-banner a { color: var(--navy); white-space: nowrap; background: rgb(255, 255, 255); border-radius: 13px; align-items: center; gap: 17px; padding: 15px 18px; font-size: 13px; font-weight: 900; transition: transform 0.25s, color 0.25s; display: inline-flex; }
.showcase-banner a:hover { color: var(--blue); transform: translateY(-3px); }
.showcase-note { color: rgb(113, 131, 154); text-align: center; max-width: 880px; margin: 17px auto 0px; font-size: 10px; line-height: 1.55; }
.audience { background: var(--ice); }
.feature-list { border-top: 1px solid var(--line); overflow: hidden; }
.feature-row { border-bottom: 1px solid var(--line); grid-template-columns: 52px 1fr; align-items: center; gap: 22px; padding: 25px 8px; transition: padding-left 0.25s, background 0.25s; display: grid; }
.feature-row:hover { background: rgba(255, 255, 255, 0.55); padding-left: 17px; }
.feature-row p { letter-spacing: -0.025em; max-width: 980px; margin: 0px; font-size: clamp(18px, 2.2vw, 26px); font-weight: 750; line-height: 1.25; }
.check, .cross { color: rgb(255, 255, 255); background: var(--green); border-radius: 50%; flex: 0 0 auto; place-items: center; width: 42px; height: 42px; font-size: 22px; font-weight: 900; display: inline-grid; }
.cross { background: var(--red); }
.scenarios { background: rgb(255, 255, 255); }
.review-grid { grid-template-columns: repeat(2, 1fr); gap: 22px; display: grid; }
.google-review { background: rgb(255, 255, 255); border: 1px solid rgb(229, 233, 239); border-radius: 18px; padding: 27px; transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s; box-shadow: rgba(7, 38, 86, 0.08) 0px 16px 46px; }
.google-review:hover { border-color: rgba(7, 95, 228, 0.25); transform: translateY(-6px); box-shadow: rgba(7, 38, 86, 0.13) 0px 25px 58px; }
.review-topline { grid-template-columns: 48px 1fr auto; align-items: center; gap: 12px; display: grid; }
.review-topline > div { flex-direction: column; gap: 3px; display: flex; }
.review-topline strong { color: rgb(32, 33, 36); font-size: 15px; }
.review-topline small { color: rgb(112, 117, 122); font-size: 11px; }
.google-g { color: rgb(66, 133, 244); font-size: 23px; font-weight: 900; }
.review-stars { color: rgb(251, 188, 4); letter-spacing: 3px; margin: 18px 0px 7px; font-size: 22px; line-height: 1; }
.review-stars small { color: rgb(112, 117, 122); letter-spacing: 0.04em; text-transform: uppercase; margin-left: 8px; font-size: 9px; font-weight: 800; }
.review-highlight { color: rgb(32, 33, 36); margin-bottom: 10px; font-size: 15px; display: block; }
.google-review > p { color: rgb(60, 64, 67); margin: 0px; font-size: 14px; line-height: 1.65; }
.whatsapp-chat { background: rgb(239, 234, 226); border: 1px solid rgb(216, 225, 221); border-radius: 23px; transition: transform 0.3s, box-shadow 0.3s; overflow: hidden; box-shadow: rgba(7, 38, 86, 0.1) 0px 22px 58px; }
.whatsapp-chat:hover { transform: translateY(-7px); box-shadow: rgba(7, 38, 86, 0.15) 0px 30px 70px; }
.chat-topbar { color: rgb(17, 17, 17); background: rgba(249, 246, 238, 0.97); border-bottom: 1px solid rgba(16, 31, 26, 0.08); align-items: center; gap: 10px; min-height: 72px; padding: 11px 15px; display: flex; }
.chat-back { color: rgb(17, 17, 17); font-size: 34px; font-weight: 300; line-height: 1; }
.message-avatar { color: rgb(255, 255, 255); border: 2px solid rgba(255, 255, 255, 0.72); border-radius: 50%; flex: 0 0 auto; place-items: center; width: 45px; height: 45px; font-size: 12px; font-weight: 900; display: grid; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 8px; }
.avatar-blue { background: linear-gradient(145deg, rgb(23, 142, 207), rgb(7, 80, 157)); }
.avatar-rose { background: linear-gradient(145deg, rgb(239, 121, 155), rgb(169, 39, 88)); }
.avatar-amber { background: linear-gradient(145deg, rgb(239, 173, 66), rgb(168, 93, 8)); }
.avatar-violet { background: linear-gradient(145deg, rgb(166, 120, 228), rgb(95, 47, 157)); }
.chat-contact { flex-direction: column; flex: 1 1 0%; gap: 2px; min-width: 0px; display: flex; }
.chat-contact strong { text-overflow: ellipsis; white-space: nowrap; font-size: 15px; overflow: hidden; }
.chat-contact small { color: rgb(108, 113, 111); text-overflow: ellipsis; white-space: nowrap; font-size: 10px; overflow: hidden; }
.chat-header-icons { align-items: center; gap: 14px; display: flex; }
.chat-header-icons svg { fill: none; stroke: rgb(17, 17, 17); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8px; width: 22px; height: 22px; }
.chat-wallpaper { background-color: rgb(239, 234, 226); background-image: radial-gradient(circle at 16% 20%, rgba(84, 101, 94, 0.075) 0px, rgba(84, 101, 94, 0.075) 1.5px, rgba(0, 0, 0, 0) 2px), radial-gradient(circle at 72% 35%, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 7px, rgba(84, 101, 94, 0.05) 7.5px, rgba(84, 101, 94, 0.05) 8.5px, rgba(0, 0, 0, 0) 9px), linear-gradient(45deg, rgba(0, 0, 0, 0) 48%, rgba(84, 101, 94, 0.04) 49%, rgba(84, 101, 94, 0.04) 51%, rgba(0, 0, 0, 0) 52%); background-size: 31px 31px, 54px 54px, 42px 42px; flex-direction: column; align-items: flex-start; gap: 9px; min-height: 360px; padding: 20px 16px 18px; display: flex; position: relative; }
.chat-date { color: rgb(78, 98, 94); background: rgba(255, 255, 255, 0.88); border-radius: 8px; align-self: center; margin-bottom: 3px; padding: 5px 11px; font-size: 9px; font-weight: 800; box-shadow: rgba(0, 0, 0, 0.09) 0px 1px 2px; }
.message-bubble { border-radius: 4px 10px 10px; max-width: 88%; padding: 10px 12px 19px; position: relative; box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 2px; }
.message-bubble.incoming { background: rgb(255, 255, 255); }
.message-bubble.incoming::before { content: ""; border-top: 10px solid rgb(255, 255, 255); border-left: 8px solid rgba(0, 0, 0, 0); position: absolute; top: 0px; left: -7px; }
.message-bubble.outgoing { background: rgb(217, 253, 211); border-radius: 10px 4px 10px 10px; align-self: flex-end; }
.message-bubble.outgoing::after { content: ""; border-top: 10px solid rgb(217, 253, 211); border-right: 8px solid rgba(0, 0, 0, 0); position: absolute; top: 0px; right: -7px; }
.message-bubble p { color: rgb(31, 45, 41); margin: 0px; font-size: 13px; line-height: 1.48; }
.message-bubble time { color: rgb(129, 145, 140); font-size: 8px; position: absolute; bottom: 5px; right: 8px; }
.message-bubble time span { color: rgb(27, 155, 215); font-weight: 900; }
.audio-bubble { width: min(88%, 330px); padding: 11px 12px 22px; }
.audio-message { grid-template-rows: 24px 13px; grid-template-columns: 25px 1fr; align-items: center; column-gap: 8px; min-height: 42px; display: grid; }
.audio-play { color: rgb(104, 117, 112); grid-row: 1 / 3; font-size: 17px; }
.audio-track { align-items: center; gap: 2px; height: 24px; display: flex; overflow: hidden; }
.audio-track i { background: rgb(156, 167, 163); border-radius: 999px; flex: 0 0 auto; width: 2px; height: 7px; }
.audio-track i:nth-child(3n) { height: 17px; }
.audio-track i:nth-child(4n) { height: 12px; }
.audio-track i:nth-child(7n) { height: 21px; }
.audio-duration { color: rgb(112, 127, 122); font-size: 9px; }
.audio-mic { color: rgb(70, 169, 231); justify-self: end; font-size: 8px; }
.chat-input { color: rgb(135, 147, 143); background: rgb(255, 255, 255); border-radius: 999px; justify-content: space-between; align-items: center; margin: 9px 11px 12px; padding: 8px 8px 8px 15px; font-size: 11px; display: flex; }
.chat-input b { color: rgb(255, 255, 255); background: rgb(0, 168, 132); border-radius: 50%; place-items: center; width: 31px; height: 31px; font-size: 12px; display: grid; }
.not-for { background: rgb(243, 247, 252); }
.offer { color: rgb(255, 255, 255); background: var(--navy); grid-template-columns: 1.08fr 0.8fr; align-items: center; gap: 90px; padding: 120px max(24px, -590px + 50vw); display: grid; position: relative; overflow: hidden; }
.offer-glow { background: radial-gradient(circle, rgba(22, 184, 255, 0.32), rgba(0, 0, 0, 0) 68%); border-radius: 50%; width: 760px; height: 760px; position: absolute; bottom: -470px; left: -350px; }
.offer-copy, .offer-panel { z-index: 1; position: relative; }
.offer h2 { color: rgb(255, 255, 255); }
.offer-copy > p:not(.kicker) { color: rgb(185, 209, 237); max-width: 620px; margin: 28px 0px; font-size: 18px; line-height: 1.6; }
.offer-copy > .secret-prompts { color: rgb(142, 232, 255); background: rgba(22, 184, 255, 0.09); border: 1px solid rgba(142, 232, 255, 0.34); border-radius: 14px; width: fit-content; margin-top: -10px; padding: 12px 16px; font-weight: 900; line-height: 1.35; box-shadow: rgba(255, 255, 255, 0.08) 0px 1px inset; }
.offer ul { gap: 13px; margin: 0px; padding: 0px; list-style: none; display: grid; }
.offer li { color: rgb(231, 242, 255); align-items: center; gap: 12px; font-weight: 700; display: flex; }
.offer li .check { width: 28px; height: 28px; font-size: 15px; }
.offer-panel { color: rgb(255, 255, 255); backdrop-filter: blur(14px); background: linear-gradient(145deg, rgba(7, 95, 228, 0.28), rgba(22, 184, 255, 0.08)); border: 1px solid rgba(121, 207, 255, 0.42); border-radius: 28px; padding: 32px; box-shadow: rgba(255, 255, 255, 0.12) 0px 1px inset, rgba(0, 0, 0, 0.24) 0px 35px 80px; }
.guarantee-seal { text-align: center; width: 82px; height: 82px; color: var(--navy); background: rgb(142, 232, 255); border: 4px solid rgb(255, 255, 255); border-radius: 50%; place-content: center; margin-bottom: 17px; display: grid; transform: rotate(-7deg); box-shadow: rgba(142, 232, 255, 0.17) 0px 0px 0px 6px, rgba(0, 0, 0, 0.2) 0px 16px 35px; }
.guarantee-seal strong { font-size: 40px; line-height: 0.8; }
.guarantee-seal span { letter-spacing: 0.14em; margin-top: 5px; font-size: 10px; font-weight: 950; }
.guarantee-copy { flex-direction: column; gap: 6px; margin-bottom: 21px; display: flex; }
.guarantee-copy strong { letter-spacing: -0.025em; font-size: 22px; }
.guarantee-copy span { color: rgb(197, 220, 246); font-size: 12px; line-height: 1.5; }
.offer-panel .old-price { color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.25) 0px 2px 12px; }
.offer-panel .new-price, .offer-panel .annual-label { color: rgb(142, 232, 255); }
.offer-panel .launch-pill { background: var(--red); }
.buy-button { width: 100%; margin-top: 25px; }
.buy-button span { font-size: 22px; }
.whatsapp-secondary { color: rgb(8, 127, 80); background: rgb(237, 255, 246); border: 1px solid rgba(21, 184, 118, 0.35); border-radius: 14px; justify-content: center; align-items: center; gap: 10px; width: 100%; margin-top: 12px; padding: 13px 18px; font-size: 14px; font-weight: 900; transition: transform 0.25s, background 0.25s; display: inline-flex; }
.whatsapp-secondary:hover { background: rgb(220, 255, 237); transform: translateY(-2px); }
.secure { color: var(--muted); text-align: center; margin-top: 14px; font-size: 11px; display: block; }
.whatsapp-float { z-index: 70; color: rgb(255, 255, 255); background: rgb(0, 168, 90); border: 1px solid rgba(255, 255, 255, 0.72); border-radius: 999px; align-items: center; gap: 11px; min-height: 64px; padding: 8px 18px 8px 8px; transition: transform 0.25s, background 0.25s; animation: 1.8s ease-in-out 0s infinite normal none running whatsappNeon; display: flex; position: fixed; bottom: 20px; right: 20px; box-shadow: rgba(38, 255, 142, 0.55) 0px 0px, rgba(0, 124, 65, 0.42) 0px 18px 45px; }
.whatsapp-float:hover { background: rgb(7, 138, 80); transform: translateY(-3px); }
.whatsapp-icon { color: rgb(255, 255, 255); background: rgb(32, 216, 121); border-radius: 50%; flex: 0 0 auto; place-items: center; width: 46px; height: 46px; display: grid; box-shadow: rgba(255, 255, 255, 0.92) 0px 0px 0px 2px, rgba(47, 255, 151, 0.82) 0px 0px 20px; }
.whatsapp-logo { width: 29px; height: 29px; display: block; }
.whatsapp-secondary .whatsapp-icon { width: 31px; height: 31px; box-shadow: rgba(255, 255, 255, 0.92) 0px 0px 0px 2px, rgba(47, 255, 151, 0.55) 0px 0px 12px; }
.whatsapp-secondary .whatsapp-logo { width: 20px; height: 20px; }
.whatsapp-text { flex-direction: column; gap: 1px; line-height: 1.1; display: flex; }
.whatsapp-text strong { font-size: 13px; }
.whatsapp-text small { color: rgba(255, 255, 255, 0.82); font-size: 10px; }
footer { color: var(--muted); border-top: 1px solid var(--line); background: rgb(255, 255, 255); justify-content: space-between; align-items: center; gap: 22px; padding: 34px max(24px, -590px + 50vw); font-size: 12px; display: flex; }
.footer-brand .brand-logo { width: 150px; height: 58px; }
.reveal { animation-duration: 0.8s; animation-timing-function: ease; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: appear; animation-timeline: view(); animation-range: entry 8% cover 27%; }
.hero .reveal { animation: 0.8s ease 0s 1 normal both running heroEnter; }
.hero .red-line { animation: 0.8s ease 0s 1 normal both running heroEnter, 2.8s ease-in-out 1s infinite normal none running headlinePulse; }
.hero .hero-copy { animation-delay: 0.1s; }
.hero .video-shell { animation-delay: 0.18s; }
.hero .launch-offer { animation-delay: 0.28s; }
@keyframes headlinePulse { 
  0%, 100% { filter: saturate(); transform: scale(1); }
  50% { filter: saturate(1.15); transform: scale(1.012); }
}
@keyframes launchPulse { 
  0%, 100% { transform: scale(1); box-shadow: rgba(239, 63, 80, 0.32) 0px 0px; }
  50% { transform: scale(1.045); box-shadow: rgba(239, 63, 80, 0) 0px 0px 0px 9px; }
}
@keyframes playPulse { 
  0% { box-shadow: rgba(22, 184, 255, 0.55) 0px 0px; }
  70% { box-shadow: rgba(22, 184, 255, 0) 0px 0px 0px 24px; }
  100% { box-shadow: rgba(22, 184, 255, 0) 0px 0px; }
}
@keyframes float { 
  0%, 100% { transform: translate(0px) scale(1); }
  50% { transform: translate(28px, 20px) scale(1.07); }
}
@keyframes videoRing { 
  100% { transform: rotate(360deg) scale(1.05); }
}
@keyframes ambient { 
  0%, 100% { opacity: 0.65; transform: scale(0.9); }
  50% { opacity: 1; transform: scale(1.12); }
}
@keyframes heroMarquee { 
  100% { transform: translate(-50%); }
}
@keyframes guaranteeMarquee { 
  100% { transform: translate(-50%); }
}
@keyframes appear { 
  0% { opacity: 0; transform: translateY(32px); }
  100% { opacity: 1; transform: none; }
}
@keyframes heroEnter { 
  0% { opacity: 0; transform: translateY(26px); }
  100% { opacity: 1; transform: none; }
}
@media (max-width: 900px) {
  .launch-offer { grid-template-columns: 1fr 1fr; }
  .launch-offer .primary-cta { grid-column: 1 / -1; }
  .review-grid, .showcase-grid { grid-template-columns: 1fr; }
  .showcase-featured { grid-column: auto; }
  .showcase-banner { text-align: center; grid-template-columns: 1fr; gap: 18px; }
  .showcase-banner a { justify-self: center; }
}
@media (max-width: 760px) {
  .topbar { border-radius: 18px; width: calc(100% - 20px); min-height: 72px; padding: 5px 9px 5px 11px; top: 10px; }
  .header-cta { padding: 11px 13px; font-size: 9px; }
  .brand-logo { width: 132px; height: 58px; }
  .hero { padding: 128px 14px 74px; }
  .eyebrow { max-width: 300px; line-height: 1.5; }
  .red-line { font-size: clamp(47px, 16.5vw, 72px); line-height: 0.88; }
  .hero-copy { margin: 24px 5px 30px; font-size: 16px; }
  .hero-carousel { margin: -8px 0px 27px; }
  .video-shell { aspect-ratio: 16 / 9; border-width: 5px; border-radius: 17px; width: 100%; }
  .play { width: 64px; height: 64px; font-size: 22px; }
  .video-label { bottom: 12px; left: 14px; }
  .video-label strong { font-size: 10px; }
  .video-label span { display: none; }
  .launch-offer { border-radius: 0px 0px 20px 20px; grid-template-columns: 1fr; gap: 19px; width: calc(100% - 10px); padding: 24px 18px; }
  .launch-copy { text-align: center; }
  .launch-copy span { line-height: 1.4; }
  .launch-offer .primary-cta { grid-column: auto; width: 100%; }
  .price-comparison { gap: 10px; }
  .compact .new-price { font-size: 46px; }
  .microcopy { padding-inline: 10px; line-height: 1.5; }
  .guarantee-carousel { margin: 44px -14px -74px; }
  .guarantee-track { padding: 13px 0px; }
  .section { padding: 88px 20px; }
  .section-heading { margin-bottom: 38px; }
  .section h2, .offer h2 { font-size: 42px; }
  .showcase-intro { font-size: 16px; }
  .showcase-card { border-radius: 22px; grid-template-columns: 42% 1fr; min-height: 350px; }
  .showcase-featured { grid-template-columns: 42% 1fr; min-height: 430px; }
  .showcase-featured .showcase-copy { padding: 28px 22px; }
  .showcase-featured .showcase-copy h3 { font-size: 38px; }
  .showcase-featured .showcase-copy p { font-size: 14px; }
  .showcase-copy { padding: 25px 20px; }
  .showcase-copy h3 { font-size: 26px; }
  .showcase-copy p { font-size: 13px; line-height: 1.55; }
  .showcase-tag { white-space: nowrap; max-width: calc(100% - 18px); padding: 7px 8px; font-size: 7px; bottom: 10px; left: 9px; }
  .showcase-banner { padding: 28px 23px; }
  .feature-row { grid-template-columns: 42px 1fr; gap: 14px; padding: 21px 0px; }
  .feature-row:hover { padding-left: 7px; }
  .feature-row p { font-size: 18px; }
  .check, .cross { width: 36px; height: 36px; }
  .offer { grid-template-columns: 1fr; gap: 52px; padding: 88px 20px; }
  .offer-panel { padding: 27px 22px; }
  .offer-panel .new-price { font-size: 66px; }
  .offer-panel .old-price { font-size: 27px; }
  .whatsapp-float { right: 12px; bottom: calc(12px + env(safe-area-inset-bottom)); min-height: 64px; padding-right: 17px; }
  footer { text-align: center; flex-direction: column; padding-block: 30px; }
  .footer-brand .brand-logo { width: 160px; height: 68px; }
}
@media (max-width: 430px) {
  .showcase-card { grid-template-columns: 1fr; min-height: 0px; }
  .showcase-visual { height: 390px; }
  .showcase-copy { min-height: 210px; }
  .showcase-featured .showcase-copy { justify-content: center; min-height: 360px; }
  .showcase-featured .showcase-copy h3 { font-size: 39px; }
}
@keyframes whatsappNeon { 
  0%, 100% { transform: translateY(0px) scale(1); box-shadow: rgba(38, 255, 142, 0.48) 0px 0px, rgba(0, 124, 65, 0.42) 0px 18px 45px; }
  50% { transform: translateY(-4px) scale(1.025); box-shadow: rgba(38, 255, 142, 0) 0px 0px 0px 12px, rgba(0, 183, 96, 0.52) 0px 24px 55px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, ::before, ::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; }
}

/* === SITEGEN V8: SOMENTE CARROSSEIS, PREÇO E LGPD === */
.monthly-equivalent{margin:6px 0 0;text-align:center;display:grid;gap:2px}
.monthly-equivalent strong{font-size:12px;letter-spacing:.12em;color:#79d9ff}
.monthly-equivalent span{font-size:11px;color:#a9b7cd}

.sg-compat{background:#07090c;color:#fff;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);padding:54px 0;overflow:hidden}
.sg-overline{text-align:center;color:#7f8794;font-size:12px;letter-spacing:.16em;margin:0 0 30px}
.sg-marquee{width:100%;overflow:hidden}
.sg-marquee-track{display:flex;gap:16px;width:max-content;animation:sgScroll 34s linear infinite;padding:4px 0}
.sg-marquee-track.sg-reverse{animation-direction:reverse;animation-duration:38s}
.sg-chip{height:54px;padding:0 22px;display:flex;align-items:center;gap:11px;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));font-size:16px;font-weight:600;color:#f5f7fb;white-space:nowrap;box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)}
.sg-chip img{width:27px;height:27px;object-fit:contain}
.sg-symbol,.sg-emoji{width:28px;min-width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:900}
@keyframes sgScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.sg-ai{padding-top:58px;padding-bottom:64px}
.sg-ai-head{text-align:center;max-width:760px;margin:0 auto 48px;padding:0 20px}
.sg-badge{display:inline-flex;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 16px;font-size:12px;letter-spacing:.07em;margin:0 0 24px}
.sg-ai-head h2{font-size:clamp(38px,5vw,62px);line-height:.98;letter-spacing:-.05em;margin:0 0 24px;font-weight:500}
.sg-ai-head h2 span{color:#8c94a4}
.sg-ai-head>p:last-child{font-size:16px;color:#aeb5c0;line-height:1.6;margin:0}

.legal-links{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;align-items:center;padding:18px 16px 4px}
.legal-links a,.legal-links button{color:inherit;opacity:.72;font:inherit;font-size:12px;text-decoration:underline;background:none;border:0;padding:0;cursor:pointer}
.legal-links a:hover,.legal-links button:hover{opacity:1}

.cookie-banner{position:fixed;left:20px;right:20px;bottom:20px;z-index:9999;max-width:1080px;margin:auto;background:#08162d;color:#fff;border:1px solid rgba(255,255,255,.16);border-radius:18px;box-shadow:0 24px 80px rgba(0,0,0,.38);padding:18px;display:none}
.cookie-banner.is-visible{display:block}
.cookie-banner-inner{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}
.cookie-banner h3{margin:0 0 6px;font-size:17px}
.cookie-banner p{margin:0;color:#c6d1e0;font-size:13px;line-height:1.5}
.cookie-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.cookie-actions button{border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer}
.cookie-primary{background:#1069ef;color:#fff;border:1px solid #1069ef}
.cookie-secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.25)}

.cookie-modal{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.7);display:none;place-items:center;padding:20px}
.cookie-modal.is-visible{display:grid}
.cookie-panel{width:min(720px,100%);max-height:90vh;overflow:auto;background:#fff;color:#0d1a2d;border-radius:18px;padding:24px}
.cookie-panel h2{margin-top:0}
.cookie-row{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-top:1px solid #e6e9ee}
.cookie-row small{display:block;color:#687386;line-height:1.45;margin-top:4px}
.cookie-switch{width:48px;height:26px}
.cookie-panel-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:18px}
.cookie-panel-actions button{padding:10px 14px;border-radius:10px;font-weight:700;cursor:pointer}

@media(max-width:700px){
  .sg-compat{padding:42px 0}
  .sg-chip{height:50px;padding:0 18px;font-size:14px;border-radius:14px}
  .sg-chip img{width:24px;height:24px}
  .sg-ai-head{margin-bottom:36px}
  .sg-ai-head h2{font-size:42px}
  .cookie-banner{left:10px;right:10px;bottom:10px}
  .cookie-banner-inner{grid-template-columns:1fr}
  .cookie-actions{justify-content:stretch}
  .cookie-actions button{flex:1 1 140px}
}


/* === SITEGEN V9 — CORREÇÕES VISUAIS PONTUAIS === */

/* Foto 01 — faixa de garantia reta */
.guarantee-carousel{
  transform:none !important;
  margin-top:38px !important;
  margin-bottom:-72px !important;
}

/* Foto 02 e 03 — não deixar grandes vazios nas áreas de texto dos exemplos */
.showcase-copy{
  justify-content:center !important;
  position:relative;
}
.showcase-copy::before{
  content:"REFERÊNCIA CAPTURADA";
  display:inline-flex;
  width:max-content;
  max-width:100%;
  margin-bottom:18px;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(7,95,228,.08);
  border:1px solid rgba(7,95,228,.14);
  color:#075fe4;
  font-size:10px;
  line-height:1;
  font-weight:900;
  letter-spacing:.12em;
}
.showcase-copy::after{
  content:"Estrutura  •  Assets  •  Estilos  •  Referências";
  display:block;
  width:100%;
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid rgba(7,38,86,.10);
  color:#72809a;
  font-size:12px;
  line-height:1.45;
}

/* Foto 04 — diminuir respiros excessivos entre as seções */
.section{
  padding-top:72px !important;
  padding-bottom:72px !important;
}
.section-heading{
  margin-bottom:38px !important;
}
.showcase-grid{
  margin-bottom:0 !important;
}

/* Foto 05 — símbolos locais das IAs; não dependem de CDN */
.ai-mark{
  width:28px;
  min-width:28px;
  height:28px;
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
  line-height:1;
  font-weight:900;
  color:#fff;
}
.ai-mark.claude{background:#d97757}
.ai-mark.chatgpt{background:#111827}
.ai-mark.gemini{background:linear-gradient(135deg,#4285f4,#a855f7,#f97316)}
.ai-mark.cursor{background:#111}
.ai-mark.lovable{background:linear-gradient(135deg,#ff4da6,#7c3aed)}
.ai-mark.vscode{background:#0878d1;font-size:10px}
.ai-mark.copilot{background:#27272a;font-size:15px}
.ai-mark.bolt{background:#f4f4f5;color:#111}
.ai-mark.replit{background:#f26207}
.ai-mark.windsurf{background:#111827;font-size:20px}
.ai-mark.vzero{background:#fff;color:#111;border:1px solid #333;font-size:10px}
.sg-ai{
  padding-top:50px !important;
  padding-bottom:52px !important;
}

/* Foto 06 — header deixa de acompanhar o scroll */
.topbar{
  position:absolute !important;
  top:18px !important;
  background:#fff !important;
  backdrop-filter:none !important;
}
.brand{
  background:#fff !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:hidden;
}
.brand-logo{
  width:180px !important;
  height:66px !important;
  object-fit:contain !important;
  mix-blend-mode:normal !important;
  background:#fff !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

/* Mobile/tablet */
@media (max-width: 800px){
  .section{
    padding-top:54px !important;
    padding-bottom:54px !important;
  }
  .section-heading{
    margin-bottom:28px !important;
  }
  .showcase-card,
  .showcase-featured{
    grid-template-columns:1fr !important;
    min-height:0 !important;
  }
  .showcase-visual{
    min-height:260px !important;
  }
  .showcase-copy{
    min-height:auto !important;
    padding:26px 22px !important;
  }
  .showcase-copy::before{margin-bottom:14px}
  .showcase-copy::after{margin-top:14px;padding-top:13px}
  .guarantee-carousel{
    margin-top:28px !important;
    margin-bottom:-48px !important;
  }
  .topbar{
    width:calc(100% - 20px) !important;
    top:10px !important;
    min-height:70px !important;
    padding:5px 8px 5px 12px !important;
  }
  .brand-logo{
    width:128px !important;
    height:52px !important;
  }
  .sg-ai-head h2{
    font-size:clamp(34px,11vw,48px) !important;
  }
  .sg-chip{
    height:48px !important;
    padding:0 16px !important;
    font-size:13px !important;
  }
}


/* === SITEGEN V10 — AJUSTES FINAIS PONTUAIS === */

/* Header sem o retângulo externo: apenas logo e CTA flutuam no topo */
.topbar{
  position:absolute !important;
  top:18px !important;
  left:50% !important;
  width:min(1220px, calc(100% - 32px)) !important;
  min-height:76px !important;
  padding:0 6px !important;
  transform:translateX(-50%) !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}
.brand{
  background:#fff !important;
  padding:5px 8px !important;
  border-radius:12px !important;
  border:0 !important;
  box-shadow:none !important;
}
.brand-logo{
  display:block !important;
  width:158px !important;
  height:58px !important;
  object-fit:contain !important;
  background:#fff !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

/* CTA de acesso mais visível, 3D e pulsante */
.header-cta{
  position:relative !important;
  isolation:isolate;
  overflow:visible;
  border-radius:15px !important;
  padding:15px 23px !important;
  color:#fff !important;
  background:linear-gradient(135deg,#075fe4 0%,#234ee8 48%,#6425f5 100%) !important;
  border:1px solid rgba(255,255,255,.28) !important;
  box-shadow:
    0 10px 0 #061f58,
    0 18px 30px rgba(25,70,220,.30),
    inset 0 1px 0 rgba(255,255,255,.35) !important;
  transform:translateY(-4px) perspective(500px) rotateX(2deg) !important;
  animation:sitegenCtaPulse 2.2s ease-in-out infinite !important;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}
.header-cta::before{
  content:"";
  position:absolute;
  inset:-8px;
  z-index:-1;
  border-radius:21px;
  border:1px solid rgba(68,119,255,.34);
  opacity:.65;
  animation:sitegenCtaRing 2.2s ease-out infinite;
}
.header-cta:hover{
  filter:brightness(1.06);
  transform:translateY(-7px) perspective(500px) rotateX(0deg) scale(1.035) !important;
  box-shadow:
    0 13px 0 #061f58,
    0 24px 42px rgba(25,70,220,.38),
    inset 0 1px 0 rgba(255,255,255,.4) !important;
}
.header-cta:active{
  transform:translateY(2px) !important;
  box-shadow:
    0 4px 0 #061f58,
    0 10px 20px rgba(25,70,220,.24) !important;
}
@keyframes sitegenCtaPulse{
  0%,100%{filter:brightness(1); box-shadow:0 10px 0 #061f58,0 18px 30px rgba(25,70,220,.28),inset 0 1px 0 rgba(255,255,255,.35)}
  50%{filter:brightness(1.08); box-shadow:0 10px 0 #061f58,0 20px 42px rgba(63,76,255,.48),0 0 0 7px rgba(68,119,255,.08),inset 0 1px 0 rgba(255,255,255,.4)}
}
@keyframes sitegenCtaRing{
  0%{transform:scale(.96);opacity:.65}
  75%,100%{transform:scale(1.16);opacity:0}
}

/* Corrige o vão ao lado do card Apple: o último exemplo ocupa a linha inteira */
.showcase-grid > .showcase-card:last-child{
  grid-column:1 / -1 !important;
  grid-template-columns:minmax(360px,.88fr) 1.12fr !important;
  min-height:430px !important;
}
.showcase-grid > .showcase-card:last-child .showcase-copy{
  padding:42px 46px !important;
}
.showcase-grid > .showcase-card:last-child .showcase-copy h3{
  font-size:clamp(38px,4.2vw,60px) !important;
  max-width:620px;
}
.showcase-grid > .showcase-card:last-child .showcase-copy p{
  max-width:620px;
  font-size:16px !important;
}

/* Espaçamento mais enxuto sem alterar a composição */
.section{
  padding-top:62px !important;
  padding-bottom:62px !important;
}
.section-heading{
  margin-bottom:32px !important;
}

/* Mobile/tablet */
@media (max-width:800px){
  .topbar{
    top:10px !important;
    width:calc(100% - 20px) !important;
    min-height:60px !important;
    padding:0 !important;
  }
  .brand{
    padding:3px 5px !important;
    border-radius:9px !important;
  }
  .brand-logo{
    width:116px !important;
    height:46px !important;
  }
  .header-cta{
    padding:12px 14px !important;
    font-size:9px !important;
    border-radius:12px !important;
    box-shadow:0 7px 0 #061f58,0 13px 24px rgba(25,70,220,.28) !important;
    transform:translateY(-2px) !important;
  }
  .showcase-grid > .showcase-card:last-child{
    grid-column:auto !important;
    grid-template-columns:1fr !important;
    min-height:0 !important;
  }
  .showcase-grid > .showcase-card:last-child .showcase-visual{
    height:330px !important;
  }
  .showcase-grid > .showcase-card:last-child .showcase-copy{
    padding:26px 22px !important;
  }
  .showcase-grid > .showcase-card:last-child .showcase-copy h3{
    font-size:31px !important;
  }
  .showcase-grid > .showcase-card:last-child .showcase-copy p{
    font-size:14px !important;
  }
  .section{
    padding-top:48px !important;
    padding-bottom:48px !important;
  }
}
@media (prefers-reduced-motion: reduce){
  .header-cta,.header-cta::before{animation:none !important}
}

.legal-identity{
  text-align:center;
  padding:10px 16px 0;
  font-size:12px;
  line-height:1.5;
  color:inherit;
  opacity:.68;
}
.legal-identity a{color:inherit;text-decoration:underline}


/* === SITEGEN V12 — SOMENTE MOBILE: VÍDEO x CHECKOUT === */
@media (max-width: 700px) {
  /* Vídeo recebe prioridade visual maior que o checkout no celular */
  .video-shell{
    width:calc(100% - 22px) !important;
    min-height:0 !important;
    aspect-ratio:16 / 9 !important;
    margin:22px auto 20px !important;
    border-radius:18px !important;
  }

  .video-label{
    padding:14px 16px !important;
  }

  .video-label strong{
    font-size:12px !important;
    line-height:1.2 !important;
  }

  .video-label span{
    font-size:11px !important;
    line-height:1.35 !important;
  }

  /* Oferta inicial deixa de parecer maior que o vídeo */
  .launch-offer{
    width:calc(100% - 30px) !important;
    margin:16px auto 0 !important;
    padding:16px 14px !important;
    border-radius:18px !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:13px !important;
  }

  .launch-copy{
    text-align:center !important;
  }

  .launch-copy span{
    font-size:9px !important;
    letter-spacing:.12em !important;
  }

  .launch-copy strong{
    display:block !important;
    margin-top:4px !important;
    font-size:15px !important;
    line-height:1.3 !important;
  }

  .price-block.compact{
    transform:none !important;
    padding:8px 4px !important;
  }

  .price-comparison{
    justify-content:center !important;
    gap:9px !important;
  }

  .old-price{
    font-size:17px !important;
  }

  .new-price{
    font-size:42px !important;
    line-height:.95 !important;
  }

  .new-price small{
    font-size:13px !important;
  }

  .new-price sup{
    font-size:17px !important;
    top:-.72em !important;
  }

  .annual-label{
    margin-top:7px !important;
    font-size:9px !important;
    letter-spacing:.16em !important;
  }

  .monthly-equivalent{
    margin-top:6px !important;
    gap:2px !important;
  }

  .monthly-equivalent strong{
    font-size:9px !important;
  }

  .monthly-equivalent span{
    font-size:10px !important;
    line-height:1.35 !important;
  }

  .primary-cta{
    width:min(100%, 290px) !important;
    justify-self:center !important;
    padding:14px 15px !important;
    border-radius:13px !important;
    font-size:13px !important;
    line-height:1.2 !important;
    text-align:center !important;
    animation:sitegenMobileCheckoutPulse 2s ease-in-out infinite !important;
    box-shadow:
      0 8px 0 #071b48,
      0 14px 28px rgba(7,95,228,.28) !important;
  }

  .primary-cta:active{
    transform:translateY(4px) !important;
    box-shadow:
      0 3px 0 #071b48,
      0 8px 16px rgba(7,95,228,.24) !important;
  }

  .microcopy{
    margin-top:14px !important;
    font-size:10px !important;
    text-align:center !important;
  }

  /* Checkout final também compacto e pulsante no mobile */
  .offer{
    padding-top:46px !important;
    padding-bottom:46px !important;
  }

  .offer-panel{
    padding:22px 18px !important;
    border-radius:20px !important;
  }

  .buy-button{
    min-height:0 !important;
    padding:15px 16px !important;
    font-size:14px !important;
    border-radius:14px !important;
    animation:sitegenMobileCheckoutPulse 2s ease-in-out infinite !important;
  }

  @keyframes sitegenMobileCheckoutPulse{
    0%,100%{
      transform:translateY(0) scale(1);
      filter:brightness(1);
    }
    50%{
      transform:translateY(-2px) scale(1.025);
      filter:brightness(1.08);
    }
  }
}

@media (max-width: 390px) {
  .video-shell{
    width:calc(100% - 16px) !important;
  }
  .launch-offer{
    width:calc(100% - 20px) !important;
  }
  .new-price{
    font-size:38px !important;
  }
}
@media (prefers-reduced-motion: reduce){
  .primary-cta,.buy-button{animation:none !important}
}

/* === SITEGEN V13 — AJUSTE FINO MOBILE: CHECKOUT MENOR QUE O VÍDEO === */
@media (max-width: 700px){
  .hero .media-stack{
    gap: 12px !important;
  }

  .video-shell{
    width: calc(100% - 18px) !important;
    max-width: 360px !important;
    aspect-ratio: 16 / 9.4 !important;
    border-width: 6px !important;
    border-radius: 18px !important;
    box-shadow: rgba(5,41,96,.20) 0 20px 44px !important;
  }

  .launch-offer{
    width: calc(100% - 52px) !important;
    max-width: 320px !important;
    margin: 10px auto 0 !important;
    padding: 12px 12px 14px !important;
    gap: 10px !important;
    border-radius: 18px !important;
    box-shadow: rgba(5,41,96,.16) 0 12px 28px !important;
  }

  .launch-copy span{
    font-size: 8px !important;
    letter-spacing: .14em !important;
  }

  .launch-copy strong{
    font-size: 13px !important;
    line-height: 1.25 !important;
    margin-top: 2px !important;
  }

  .price-block.compact{
    padding: 2px 0 !important;
  }

  .price-comparison{
    gap: 8px !important;
    margin-top: 4px !important;
  }

  .old-price{
    font-size: 15px !important;
  }

  .old-price small{
    font-size: 9px !important;
  }

  .new-price{
    font-size: 36px !important;
    line-height: .92 !important;
  }

  .new-price small{
    font-size: 11px !important;
    margin-right: 3px !important;
  }

  .new-price sup{
    font-size: 15px !important;
    top: -.68em !important;
  }

  .annual-label{
    margin-top: 4px !important;
    font-size: 8px !important;
    letter-spacing: .14em !important;
  }

  .monthly-equivalent{
    margin-top: 4px !important;
  }

  .monthly-equivalent strong{
    font-size: 8px !important;
    letter-spacing: .08em !important;
  }

  .monthly-equivalent span{
    font-size: 9px !important;
    line-height: 1.25 !important;
  }

  .primary-cta{
    width: min(100%, 256px) !important;
    padding: 12px 14px !important;
    font-size: 12px !important;
    border-radius: 12px !important;
    box-shadow: 0 6px 0 #071b48, 0 10px 20px rgba(7,95,228,.22) !important;
  }

  .microcopy{
    margin-top: 10px !important;
    font-size: 9px !important;
    line-height: 1.35 !important;
  }
}

@media (max-width: 390px){
  .video-shell{
    width: calc(100% - 14px) !important;
    max-width: 350px !important;
  }

  .launch-offer{
    width: calc(100% - 44px) !important;
    max-width: 308px !important;
  }

  .new-price{
    font-size: 34px !important;
  }
}


/* === SITEGEN V15 — PATCH MOBILE SOBRE A BASE COMPLETA ===
   Objetivo: preservar todo o CSS original e apenas equilibrar vídeo x checkout no celular. */
@media (max-width: 700px){
  .video-shell{
    width:calc(100% - 18px) !important;
    max-width:360px !important;
    aspect-ratio:16 / 9.4 !important;
    margin-left:auto !important;
    margin-right:auto !important;
    border-width:6px !important;
    border-radius:18px !important;
    box-shadow:rgba(5,41,96,.20) 0 20px 44px !important;
  }

  .launch-offer{
    width:calc(100% - 52px) !important;
    max-width:320px !important;
    margin:10px auto 0 !important;
    padding:12px 12px 14px !important;
    gap:10px !important;
    border-radius:18px !important;
    box-shadow:rgba(5,41,96,.16) 0 12px 28px !important;
  }

  .launch-copy span{
    font-size:8px !important;
    letter-spacing:.14em !important;
  }

  .launch-copy strong{
    font-size:13px !important;
    line-height:1.25 !important;
    margin-top:2px !important;
  }

  .price-block.compact{
    padding:2px 0 !important;
  }

  .price-comparison{
    gap:8px !important;
    margin-top:4px !important;
    justify-content:center !important;
  }

  .launch-offer .old-price{
    font-size:15px !important;
  }

  .launch-offer .old-price small{
    font-size:9px !important;
  }

  .launch-offer .new-price{
    font-size:36px !important;
    line-height:.92 !important;
  }

  .launch-offer .new-price small{
    font-size:11px !important;
    margin-right:3px !important;
  }

  .launch-offer .new-price sup{
    font-size:15px !important;
    top:-.68em !important;
  }

  .launch-offer .annual-label{
    margin-top:4px !important;
    font-size:8px !important;
    letter-spacing:.14em !important;
  }

  .launch-offer .monthly-equivalent{
    margin-top:4px !important;
  }

  .launch-offer .monthly-equivalent strong{
    font-size:8px !important;
    letter-spacing:.08em !important;
  }

  .launch-offer .monthly-equivalent span{
    font-size:9px !important;
    line-height:1.25 !important;
  }

  .launch-offer .primary-cta{
    width:min(100%,256px) !important;
    justify-self:center !important;
    padding:12px 14px !important;
    font-size:12px !important;
    border-radius:12px !important;
    box-shadow:0 6px 0 #071b48,0 10px 20px rgba(7,95,228,.22) !important;
  }

  .microcopy{
    margin-top:10px !important;
    font-size:9px !important;
    line-height:1.35 !important;
  }
}

@media (max-width:390px){
  .video-shell{
    width:calc(100% - 14px) !important;
    max-width:350px !important;
  }

  .launch-offer{
    width:calc(100% - 44px) !important;
    max-width:308px !important;
  }

  .launch-offer .new-price{
    font-size:34px !important;
  }
}

/* Vídeo principal: preserva todo o enquadramento original em qualquer tela. */
.video-shell.has-video{
  aspect-ratio:170 / 91 !important;
  display:block !important;
  width:min(100%,1240px) !important;
  max-width:1240px !important;
  height:auto !important;
  background:#050b16;
  border:8px solid #fff;
  border-radius:26px;
  overflow:hidden;
}

.video-shell.has-video::before,
.video-shell.has-video::after{
  display:none !important;
}

.demo-video{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  background:#050b16;
}

@media (max-width:700px){
  .video-shell.has-video{
    aspect-ratio:170 / 91 !important;
    width:100% !important;
    max-width:100% !important;
    border-width:4px !important;
    border-radius:16px !important;
    margin-inline:auto !important;
  }
}