@font-face {
  font-family: "Geist";
  src: url("/fonts/geist-8ac0455e797f/geist-98bbbccb.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
body[data-tenant-font="geist"]{font-family:var(--font-geist),Arial,sans-serif}body[data-tenant-font="system"]{font-family:ui-sans-serif,system-ui,sans-serif}body[data-tenant-buttons="rounded"] .button,body[data-tenant-buttons="rounded"] .nav-cta{border-radius:14px}body[data-tenant-buttons="square"] .button,body[data-tenant-buttons="square"] .nav-cta{border-radius:3px}body[data-tenant-cards="solid"] .featured-product,body[data-tenant-cards="solid"] .journey-grid article,body[data-tenant-cards="solid"] .faq-item{background:var(--tenant-surface);backdrop-filter:none}body[data-tenant-cards="outline"] .featured-product,body[data-tenant-cards="outline"] .journey-grid article,body[data-tenant-cards="outline"] .faq-item{background:transparent;border-color:var(--cyan);box-shadow:none}body[data-tenant-motion="off"] *,body[data-tenant-motion="off"] *::before,body[data-tenant-motion="off"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}body[data-tenant-motion="subtle"] .energy-particles,body[data-tenant-motion="subtle"] .light-streak,body[data-tenant-motion="subtle"] .global-scan,body[data-tenant-motion="subtle"] .contact-sparks{display:none!important}main>section[hidden]{display:none!important}
@font-face {
  font-family: "Manrope";
  src: url("/fonts/manrope-76eca2803f7f/manrope-81401990.woff2") format("woff2");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}
:root {
  --font-geist: "Geist";
  --font-manrope: "Manrope";
}
html { background: #03071c; }
body { overflow-x: hidden; }
body.quiz-open { overflow: hidden; }
.skip-link {
  position: fixed;
  top: 8px;
  left: 12px;
  z-index: 999;
  color: #031f58;
  background: #dffbff;
  border-radius: 999px;
  padding: 10px 14px;
  font-size: 12px;
  font-weight: 800;
  transform: translateY(-160%);
  transition: transform .2s ease;
}
.skip-link:focus { transform: none; }

@layer properties {
  @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
  *, ::before, ::after, ::backdrop { --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --neon-angle: 0deg; }
}
}
@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 components;
@layer utilities {
  .visible { visibility: visible; }
  .relative { position: relative; }
  .start { inset-inline-start: var(--spacing); }
  .hidden { display: none; }
  .table { display: table; }
  .transform { transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); }
}
:root { --navy: #03071c; --cyan: #12dff3; --white: #f7fbff; --tenant-background:#03071c; --tenant-surface:#071a43; --tenant-accent-secondary:#49f3c6; --tenant-content-width:1180px; --tenant-radius:22px; --tenant-font-scale:100%; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { color: var(--white); background: var(--tenant-background); font-family: var(--font-manrope),Arial,sans-serif; margin: 0px; font-size:var(--tenant-font-scale); }
#app main { width:100%; margin:0; padding:0; }
#app main > section { width:100%; max-width:none; margin:0; border:0; border-radius:0; outline:0; }
#app main > section + section { margin-top:-1px; }
button, a { font: inherit; }
button { color: inherit; }
.wrap { width: min(var(--tenant-content-width), 100% - 48px); margin-inline: auto; }
.progress { z-index: 100; background: linear-gradient(90deg,var(--cyan),#fff); height: 2px; box-shadow: 0 0 16px var(--cyan); position: fixed; top: 0px; left: 0px; }
.nav-shell { z-index: 90; backdrop-filter: blur(22px); background: linear-gradient(90deg, rgba(2, 6, 25, 0.93), rgba(5, 17, 52, 0.86) 52%, rgba(2, 7, 29, 0.94)); border-bottom: 1px solid rgba(18, 223, 243, 0.13); position: fixed; top: 0px; left: 0px; right: 0px; box-shadow: rgba(0, 0, 0, 0.28) 0px 12px 42px; }
.nav-shell::after { content: ""; pointer-events: none; background: linear-gradient(90deg, transparent, rgba(18, 223, 243, 0.46), transparent); height: 1px; position: absolute; right: 8%; bottom: -1px; left: 8%; animation: navLineGlow 4.8s ease-in-out infinite; }
.nav { width: min(1400px, calc(100% - 24px)); justify-content: space-between; align-items: center; min-height: 84px; display: flex; }
.brand { cursor: pointer; background: 0px 0px; border: 0px; flex: 0 0 auto; padding: 0px; }
.brand img { object-fit: contain; filter: none; width: 140px; height: 52px; display: block; }
.nav-links { align-items: center; gap: 8px; padding: 0px; border: 0px; border-radius: 0px; background: transparent; box-shadow: none; display: flex; }
.nav-links > button { isolation: isolate; cursor: pointer; color: rgb(220, 232, 251); background: rgba(5, 15, 49, 0.8); border: 1px solid rgba(18, 223, 243, 0.32); border-radius: 999px; min-height: 44px; padding: 0px 14px; font-size: 11px; font-weight: 700; transition: color 0.25s, background 0.25s, border-color 0.25s, box-shadow 0.25s, transform 0.25s; position: relative; overflow: hidden; }
.nav-links > button::before { content: ""; z-index: -1; opacity: 0; background: linear-gradient(105deg, transparent 32%, rgba(100, 244, 255, 0.18) 49%, transparent 66%); transition: opacity .25s, transform .55s; position: absolute; inset: 0px; transform: translateX(-75%); }
.nav-links > button:hover { color: rgb(255, 255, 255); background: rgba(18, 223, 243, 0.08); border-color: rgba(18, 223, 243, 0.86); transform: translateY(-2px); box-shadow: rgba(18, 223, 243, 0.2) 0px 0px 25px, rgba(18, 223, 243, 0.06) 0px 0px 18px inset; }
.nav-links > button:hover::before { opacity: 1; transform: translateX(75%); }
.nav-links .pwg-nav { color: rgb(157, 246, 255); letter-spacing: 0.14em; text-shadow: rgba(18, 223, 243, 0.32) 0px 0px 12px; font-weight: 820; }
.nav-links .pwg-nav:hover { color: rgb(255, 255, 255); box-shadow: rgba(18, 223, 243, 0.24) 0px 0px 24px, rgba(18, 223, 243, 0.07) 0px 0px 18px inset; }
.nav-links .testimonials-nav { isolation: isolate; color: rgb(255, 255, 255); cursor: pointer; background: linear-gradient(135deg, rgba(8, 111, 211, 0.2), rgba(18, 223, 243, 0.06)); border: 1px solid rgba(18, 223, 243, 0.5); border-radius: 999px; align-items: center; gap: 7px; min-height: 44px; padding: 0 14px; font-size: 11px; font-weight: 700; text-decoration: none; display: flex; transition: transform .25s, border-color .25s, box-shadow .25s, background .25s; box-shadow: rgba(18, 223, 243, 0.06) 0px 0px 16px inset, rgba(18, 223, 243, 0.12) 0px 0px 18px; }
.nav-links .testimonials-nav:hover { background: rgba(18, 223, 243, .1); border-color: rgba(184, 251, 255, .96); transform: translateY(-2px); box-shadow: rgba(18, 223, 243, .28) 0 0 28px, rgba(18, 223, 243, .08) 0 0 18px inset; }
.lead-finder-nav { isolation: isolate; color: rgb(238, 253, 255); background: linear-gradient(135deg, rgba(10, 66, 149, 0.94), rgba(4, 22, 65, 0.98)); border: 1px solid rgba(18, 223, 243, 0.5); border-radius: 999px; align-items: center; gap: 9px; min-height: 48px; padding: 6px 12px 6px 7px; font-size: 10px; font-weight: 800; text-decoration: none; display: flex; position: relative; overflow: hidden; box-shadow: rgba(18, 223, 243, 0.15) 0px 0px 22px, rgba(255, 255, 255, 0.08) 0px 1px inset, rgba(0, 0, 0, 0.24) 0px 8px 20px; transition: transform 0.25s, border-color 0.25s, box-shadow 0.25s; }
.lead-finder-nav::before { content: ""; pointer-events: none; background: linear-gradient(105deg, transparent 34%, rgba(255, 255, 255, 0.22) 49%, transparent 64%); animation: exclusiveShine 4.6s ease-in-out infinite; position: absolute; inset: -80% -35%; transform: translateX(-65%) rotate(10deg); }
.lead-finder-nav:hover { border-color: rgba(184, 251, 255, 0.96); transform: translateY(-2px); box-shadow: rgba(18, 223, 243, 0.34) 0px 0px 34px, rgba(255, 255, 255, 0.1) 0px 1px inset, rgba(0, 0, 0, 0.32) 0px 12px 28px; }
.lead-finder-icon { z-index: 1; border-radius: 12px; background: linear-gradient(145deg, rgba(91, 241, 255, 0.24), rgba(8, 74, 165, 0.34)); border: 1px solid rgba(112, 244, 255, 0.38); flex: 0 0 34px; place-items: center; width: 34px; height: 34px; display: grid !important; box-shadow: rgba(18, 223, 243, 0.14) 0px 0px 16px; }
.lead-finder-nav svg { color: var(--cyan); fill: none; stroke: currentcolor; stroke-width: 1.8px; width: 16px; height: 16px; }
.lead-finder-nav > span:nth-child(2) { z-index: 1; color: #fff; white-space: nowrap; line-height: 1.05; display: grid; gap: 3px; }
.lead-finder-nav strong { color: rgb(111, 241, 252); letter-spacing: 0.12em; font-size: 7px; }
.meeting-room-nav { background: linear-gradient(135deg, rgba(17, 107, 124, .94), rgba(4, 22, 65, .98)); border-color: rgba(89,245,212,.55); }
.meeting-room-nav strong { color: #79f8d0; }
.exclusive-status { z-index: 1; background: #68ffe1; border-radius: 50%; flex: 0 0 6px; width: 6px; height: 6px; box-shadow: rgba(104, 255, 225, 0.9) 0px 0px 10px; animation: exclusiveStatus 1.8s ease-in-out infinite; }
.acupressure-nav { isolation: isolate; color: rgb(232, 255, 251); background: linear-gradient(135deg, rgba(18, 115, 128, .9), rgba(5, 35, 74, .98)); border: 1px solid rgba(89, 245, 212, .55); border-radius: 999px; align-items: center; gap: 8px; min-height: 48px; padding: 6px 11px 6px 7px; font-size: 10px; font-weight: 820; text-decoration: none; display: flex; position: relative; overflow: hidden; box-shadow: rgba(89, 245, 212, .14) 0px 0px 22px, rgba(255, 255, 255, .08) 0px 1px inset, rgba(0, 0, 0, .24) 0px 8px 20px; transition: transform .25s, border-color .25s, box-shadow .25s; }
.acupressure-nav::before { content: ""; pointer-events: none; background: linear-gradient(105deg, transparent 34%, rgba(255, 255, 255, .24) 49%, transparent 64%); animation: exclusiveShine 4.2s ease-in-out infinite; position: absolute; inset: -80% -35%; transform: translateX(-65%) rotate(10deg); }
.acupressure-nav:hover { border-color: rgba(203, 255, 242, .98); transform: translateY(-2px); box-shadow: rgba(89, 245, 212, .32) 0px 0px 34px, rgba(255, 255, 255, .1) 0px 1px inset, rgba(0, 0, 0, .32) 0px 12px 28px; }
.acupressure-nav-icon { z-index: 1; border-radius: 12px; background: linear-gradient(145deg, rgba(91, 255, 218, .24), rgba(8, 92, 151, .34)); border: 1px solid rgba(112, 255, 226, .38); flex: 0 0 34px; place-items: center; width: 34px; height: 34px; display: grid !important; box-shadow: rgba(89, 245, 212, .14) 0px 0px 16px; }
.acupressure-nav svg { color: #63f2c2; fill: none; stroke: currentcolor; stroke-width: 1.7px; width: 16px; height: 16px; }
.acupressure-nav > span:nth-child(2) { z-index: 1; color: #fff; white-space: nowrap; line-height: 1.05; display: grid; gap: 3px; }
.acupressure-nav strong { color: #79f8d0; letter-spacing: .12em; font-size: 7px; }
.admin-panel-nav { isolation: isolate; color: #efffff; background: linear-gradient(135deg, rgba(10, 112, 137, .96), rgba(5, 25, 69, .98)); border: 1px solid rgba(113, 248, 255, .66); border-radius: 999px; align-items: center; gap: 8px; min-height: 48px; padding: 6px 12px 6px 7px; font-size: 10px; font-weight: 820; text-decoration: none; display: flex; position: relative; overflow: hidden; box-shadow: rgba(18, 223, 243, .2) 0 0 24px, rgba(255, 255, 255, .1) 0 1px inset, rgba(0, 0, 0, .25) 0 8px 20px; transition: transform .25s, border-color .25s, box-shadow .25s; }
.admin-panel-nav[hidden] { display: none !important; }
.video-media iframe { width: 100%; height: 100%; border: 0; background: #010718; }
.admin-panel-nav::before { content: ""; pointer-events: none; background: linear-gradient(105deg, transparent 34%, rgba(255,255,255,.28) 49%, transparent 64%); animation: exclusiveShine 3.8s ease-in-out infinite; position: absolute; inset: -80% -35%; transform: translateX(-65%) rotate(10deg); }
.admin-panel-nav::after { content: ""; z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient(from var(--neon-angle),transparent 0 28%,#12dff357 36%,var(--cyan) 43%,#fff 47%,#32aaff 52%,transparent 62% 100%); filter: drop-shadow(rgba(18,223,243,.8) 0 0 4px); padding: 1px; animation: 3.4s linear infinite menuNeon; position: absolute; inset: 0; mask: linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0); }
.admin-panel-nav:hover { border-color: #d8fdff; transform: translateY(-2px); box-shadow: rgba(18,223,243,.4) 0 0 38px, rgba(255,255,255,.12) 0 1px inset, rgba(0,0,0,.32) 0 12px 28px; }
.admin-panel-icon { z-index: 1; border-radius: 12px; background: linear-gradient(145deg, rgba(103,255,240,.28), rgba(13,104,181,.38)); border: 1px solid rgba(142,255,247,.46); flex: 0 0 34px; place-items: center; width: 34px; height: 34px; display: grid; box-shadow: rgba(90,255,236,.18) 0 0 17px; }
.admin-panel-icon svg { color: #76ffe5; fill: none; stroke: currentColor; stroke-width: 1.7px; width: 17px; height: 17px; }
.admin-panel-nav > span:nth-child(2) { z-index: 1; color: #fff; white-space: nowrap; line-height: 1.05; display: grid; gap: 3px; }
.admin-panel-nav small { color: #7ed8e8; letter-spacing: .12em; font-size: 6px; }
.admin-panel-nav strong { color: #8affea; letter-spacing: .1em; font-size: 8px; }
.admin-panel-nav > i { z-index: 1; background: #78ffe5; border-radius: 50%; flex: 0 0 6px; width: 6px; height: 6px; box-shadow: rgba(120,255,229,.9) 0 0 10px; animation: exclusiveStatus 1.8s ease-in-out infinite; }
.testimonials-nav svg, .materials-trigger > svg:first-child, .materials-dropdown svg { fill: none; width: 15px; height: 15px; stroke: var(--cyan); stroke-width: 1.7px; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(rgba(18, 223, 243, 0.55) 0px 0px 5px); flex: 0 0 15px; }
.materials-picker { z-index: 9; position: relative; }
.materials-trigger { isolation: isolate; color: rgb(220, 232, 251); cursor: pointer; background: rgba(5, 15, 49, 0.8); border: 1px solid rgba(18, 223, 243, 0.32); border-radius: 999px; align-items: center; gap: 8px; min-height: 44px; padding: 0px 12px; font-size: 10px; font-weight: 720; transition: 0.25s; display: flex; position: relative; overflow: hidden; }
.nav-links > button::after, .lead-finder-nav::after, .acupressure-nav::after, .materials-trigger::before, .language-trigger::before, .vip-login::after, .nav-cta::after, .button.primary::before { content: ""; z-index: -1; border-radius: inherit; pointer-events: none; background: conic-gradient(from var(--neon-angle),transparent 0 28%,#12dff357 36%,var(--cyan) 43%,#fff 47%,#32aaff 52%,transparent 62% 100%); filter: drop-shadow(rgba(18, 223, 243, 0.8) 0px 0px 4px); padding: 1px; animation: 3.4s linear 0s infinite normal none running menuNeon; position: absolute; inset: 0px; mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) 0px 0px content-box exclude, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) 0px 0px; }
.materials-trigger:hover, .materials-picker.open .materials-trigger { color: rgb(255, 255, 255); background: rgba(18, 223, 243, 0.08); border-color: rgba(18, 223, 243, 0.86); box-shadow: rgba(18, 223, 243, 0.2) 0px 0px 25px, rgba(18, 223, 243, 0.06) 0px 0px 18px inset; }
.materials-trigger > svg:last-child { fill: none; stroke: rgb(142, 167, 205); stroke-width: 1.8px; width: 13px; transition: transform 0.25s; }
.materials-picker.open .materials-trigger > svg:last-child { stroke: var(--cyan); transform: rotate(180deg); }
.materials-dropdown { opacity: 0; visibility: hidden; pointer-events: none; transform-origin: 100% 0px; background: linear-gradient(150deg, rgba(8, 24, 67, 0.99), rgba(2, 7, 27, 0.99)); border: 1px solid rgba(18, 223, 243, 0.38); border-radius: 19px; width: 380px; padding: 9px; transition: 0.22s; position: absolute; top: calc(100% + 13px); right: 0px; transform: translateY(-8px) scale(0.97); box-shadow: rgba(0, 0, 0, 0.58) 0px 26px 65px, rgba(18, 223, 243, 0.16) 0px 0px 38px, rgba(255, 255, 255, 0.08) 0px 1px inset; }
.materials-picker.open .materials-dropdown { opacity: 1; visibility: visible; pointer-events: auto; transform: none; }
.materials-dropdown-head { border-bottom: 1px solid rgba(255, 255, 255, 0.07); justify-content: space-between; align-items: center; padding: 8px 10px 10px; display: flex; }
.materials-dropdown-head span { color: rgb(255, 255, 255); letter-spacing: 0.08em; text-transform: uppercase; font-size: 9px; font-weight: 780; }
.materials-dropdown-head small { color: var(--cyan); letter-spacing: 0.13em; font-size: 7px; }
.materials-language-tabs { grid-template-columns: repeat(3, 1fr); gap: 6px; padding: 9px 4px 6px; display: grid; }
.materials-language-tabs button { color: rgb(155, 172, 200); cursor: pointer; background: rgba(255, 255, 255, 0.024); border: 1px solid rgba(18, 223, 243, 0.14); border-radius: 12px; justify-content: center; align-items: center; gap: 7px; min-height: 48px; transition: 0.22s; display: flex; }
.materials-language-tabs button:hover, .materials-language-tabs button.active { color: rgb(255, 255, 255); background: rgba(18, 223, 243, 0.1); border-color: rgba(18, 223, 243, 0.68); box-shadow: rgba(18, 223, 243, 0.15) 0px 0px 18px, rgba(18, 223, 243, 0.06) 0px 0px 12px inset; }
.materials-language-tabs .language-flag { border-width: 1px; width: 25px; height: 25px; }
.materials-language-tabs .flag-pt i { width: 13px; height: 13px; }
.materials-language-tabs .flag-pt i::after { width: 7px; height: 7px; top: 3px; left: 3px; }
.materials-language-tabs .flag-es i { top: 7px; left: 7px; }
.materials-language-tabs b { letter-spacing: 0.08em; font-size: 8px; }
.materials-list a, .material-disabled { color: rgb(234, 247, 255); border: 1px solid rgba(0, 0, 0, 0); border-radius: 13px; grid-template-columns: 28px 1fr 18px; align-items: center; gap: 9px; min-height: 58px; padding: 9px 11px; text-decoration: none; transition: 0.22s; display: grid; }
.materials-list a:hover { background: rgba(18, 223, 243, 0.08); border-color: rgba(18, 223, 243, 0.3); transform: translate(3px); }
.materials-list > * > span { color: var(--cyan); letter-spacing: 0.1em; font-size: 8px; font-weight: 850; }
.materials-list b { flex-direction: column; gap: 4px; font-size: 10px; line-height: 1.35; display: flex; }
.materials-list b small { color: rgb(100, 119, 148); letter-spacing: 0.1em; text-transform: uppercase; font-size: 7px; font-weight: 700; }
.materials-list { max-height: min(420px, 62vh); overflow: auto; scrollbar-width: thin; scrollbar-color: rgba(18, 223, 243, .5) transparent; }
.materials-list .disabled { opacity: .55; color: rgb(178, 193, 219); border: 1px solid transparent; border-radius: 13px; grid-template-columns: 28px 1fr 18px; align-items: center; gap: 9px; min-height: 58px; padding: 9px 11px; display: grid; }
.material-disabled { opacity: 0.42; cursor: not-allowed; }
.material-disabled svg { stroke: rgb(98, 112, 138); }
.language-picker { z-index: 8; position: relative; }
.language-trigger { isolation: isolate; color: rgb(234, 252, 255); cursor: pointer; background: rgba(5, 15, 49, 0.8); border: 1px solid rgba(18, 223, 243, 0.32); border-radius: 999px; align-items: center; gap: 8px; min-height: 46px; padding: 5px 10px 5px 6px; transition: transform 0.25s, border-color 0.25s, box-shadow 0.25s, background 0.25s; display: flex; position: relative; overflow: hidden; box-shadow: rgba(255, 255, 255, 0.06) 0px 1px inset, rgba(0, 0, 0, 0.18) 0px 8px 24px, rgba(18, 223, 243, 0.06) 0px 0px 18px; }
.language-trigger:hover, .language-picker.open .language-trigger { border-color: rgba(18, 223, 243, 0.9); transform: translateY(-1px); box-shadow: rgba(255, 255, 255, 0.12) 0px 1px inset, rgba(0, 0, 0, 0.28) 0px 10px 28px, rgba(18, 223, 243, 0.2) 0px 0px 26px; }
.language-globe { isolation: isolate; background: radial-gradient(circle at 32% 22%, rgb(216, 255, 255) 0px, rgb(216, 255, 255) 5%, rgb(76, 245, 255) 12%, rgb(11, 159, 215) 45%, rgb(7, 82, 166) 72%, rgb(3, 27, 96) 100%); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 50%; flex: 0 0 34px; place-items: center; width: 34px; height: 34px; display: grid; position: relative; overflow: hidden; box-shadow: rgba(255, 255, 255, 0.42) 2px 2px 4px inset, rgba(0, 12, 70, 0.42) -4px -5px 8px inset, rgb(4, 39, 110) 0px 5px, rgba(0, 172, 222, 0.26) 0px 9px 16px; }
.language-globe::before { content: ""; opacity: 0.55; background: linear-gradient(rgba(255, 255, 255, 0.85), rgba(0, 0, 0, 0)); border-radius: 50%; height: 35%; position: absolute; inset: 2px 5px auto; }
.language-globe svg { fill: none; stroke: rgb(255, 255, 255); stroke-width: 1.05px; stroke-linecap: round; opacity: 0.95; filter: drop-shadow(rgba(0, 0, 0, 0.35) 0px 1px 2px); width: 21px; }
.language-trigger-copy { flex-direction: column; align-items: flex-start; min-width: 30px; line-height: 1; display: flex; }
.language-trigger-copy small { color: rgb(127, 147, 184); letter-spacing: 0.12em; text-transform: uppercase; font-size: 6px; font-weight: 750; }
.language-trigger-copy strong { color: rgb(255, 255, 255); letter-spacing: 0.08em; margin-top: 4px; font-size: 10px; }
.language-trigger > svg { fill: none; stroke: rgb(138, 163, 201); stroke-width: 1.8px; width: 14px; transition: transform 0.28s, stroke 0.28s; }
.language-picker.open .language-trigger > svg { stroke: var(--cyan); transform: rotate(180deg); }
.language-dropdown { backdrop-filter: blur(22px); opacity: 0; visibility: hidden; pointer-events: none; transform-origin: 100% 0px; background: linear-gradient(155deg, rgba(10, 24, 67, 0.98), rgba(2, 7, 27, 0.99)); border: 1px solid rgba(18, 223, 243, 0.35); border-radius: 22px; width: 252px; padding: 8px; transition: opacity 0.22s, visibility 0.22s, transform 0.22s; position: absolute; top: calc(100% + 13px); right: 0px; overflow: hidden; transform: translateY(-8px) scale(0.96); box-shadow: rgba(255, 255, 255, 0.08) 0px 1px inset, rgba(0, 0, 0, 0.52) 0px 24px 60px, rgba(18, 223, 243, 0.14) 0px 0px 42px; }
.language-dropdown::before { content: ""; background: rgb(9, 24, 62); border-top: 1px solid rgba(18, 223, 243, 0.35); border-left: 1px solid rgba(18, 223, 243, 0.35); width: 12px; height: 12px; position: absolute; top: -6px; right: 26px; transform: rotate(45deg); }
.language-picker.open .language-dropdown { opacity: 1; visibility: visible; pointer-events: auto; transform: none; }
.language-dropdown-head { border-bottom: 1px solid rgba(255, 255, 255, 0.07); justify-content: space-between; align-items: center; padding: 8px 10px 10px; display: flex; }
.language-dropdown-head span { color: rgb(255, 255, 255); letter-spacing: 0.08em; text-transform: uppercase; font-size: 9px; font-weight: 760; }
.language-dropdown-head small { color: rgb(69, 233, 246); letter-spacing: 0.12em; font-size: 7px; }
.language-option { color: rgb(255, 255, 255); text-align: left; cursor: pointer; background: 0px 0px; border: 1px solid rgba(0, 0, 0, 0); border-radius: 15px; grid-template-columns: 42px 1fr 22px; align-items: center; gap: 10px; width: 100%; min-height: 58px; margin-top: 5px; padding: 7px 10px; transition: background 0.22s, border-color 0.22s, transform 0.22s; display: grid; }
.language-option:hover { background: rgba(18, 223, 243, 0.08); border-color: rgba(18, 223, 243, 0.22); transform: translate(2px); }
.language-option.active { background: linear-gradient(90deg, rgba(18, 223, 243, 0.14), rgba(18, 223, 243, 0.035)); border-color: rgba(18, 223, 243, 0.35); box-shadow: rgba(18, 223, 243, 0.04) 0px 0px 18px inset; }
.language-flag { isolation: isolate; border: 2px solid rgba(255, 255, 255, 0.7); border-radius: 50%; width: 38px; height: 38px; display: block; position: relative; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.24) -5px -6px 8px inset, rgba(255, 255, 255, 0.28) 3px 3px 5px inset, rgba(0, 0, 0, 0.35) 0px 5px 9px; }
.language-flag::after { content: ""; z-index: 3; opacity: 0.65; background: linear-gradient(rgba(255, 255, 255, 0.72), rgba(0, 0, 0, 0)); border-radius: 50%; height: 34%; position: absolute; inset: 2px 6px auto; }
.flag-pt { background: linear-gradient(145deg, rgb(31, 186, 85), rgb(8, 115, 47)); }
.flag-pt i { background: rgb(245, 213, 47); border-radius: 3px; width: 19px; height: 19px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); box-shadow: rgba(252, 225, 65, 0.42) 0px 0px 6px; }
.flag-pt i::after { content: ""; background: rgb(25, 85, 165); border-radius: 50%; width: 11px; height: 11px; position: absolute; top: 4px; left: 4px; box-shadow: rgba(255, 255, 255, 0.45) 0px 1px 2px inset; }
.flag-es { background: linear-gradient(rgb(183, 32, 43) 0px, rgb(183, 32, 43) 28%, rgb(255, 212, 71) 28%, rgb(255, 212, 71) 72%, rgb(183, 32, 43) 72%); }
.flag-es i { background: linear-gradient(90deg, rgb(214, 44, 57), rgb(241, 189, 40), rgb(214, 44, 57)); border-radius: 2px; width: 5px; height: 11px; position: absolute; top: 13px; left: 11px; box-shadow: rgba(88, 14, 16, 0.65) 0px 0px 2px; }
.flag-en { background: linear-gradient(33deg, rgba(0, 0, 0, 0) 42%, rgb(255, 255, 255) 42%, rgb(255, 255, 255) 47%, rgb(215, 36, 63) 47%, rgb(215, 36, 63) 53%, rgb(255, 255, 255) 53%, rgb(255, 255, 255) 58%, rgba(0, 0, 0, 0) 58%), linear-gradient(-33deg, rgba(0, 0, 0, 0) 42%, rgb(255, 255, 255) 42%, rgb(255, 255, 255) 47%, rgb(215, 36, 63) 47%, rgb(215, 36, 63) 53%, rgb(255, 255, 255) 53%, rgb(255, 255, 255) 58%, rgba(0, 0, 0, 0) 58%), rgb(23, 61, 134); }
.flag-en i { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 38%, rgb(255, 255, 255) 38%, rgb(255, 255, 255) 45%, rgb(215, 36, 63) 45%, rgb(215, 36, 63) 55%, rgb(255, 255, 255) 55%, rgb(255, 255, 255) 62%, rgba(0, 0, 0, 0) 62%), linear-gradient(rgba(0, 0, 0, 0) 38%, rgb(255, 255, 255) 38%, rgb(255, 255, 255) 45%, rgb(215, 36, 63) 45%, rgb(215, 36, 63) 55%, rgb(255, 255, 255) 55%, rgb(255, 255, 255) 62%, rgba(0, 0, 0, 0) 62%); position: absolute; inset: 0px; }
.language-option-copy { flex-direction: column; gap: 4px; display: flex; }
.language-option-copy strong { font-size: 11px; font-weight: 720; }
.language-option-copy small { color: rgb(113, 134, 168); letter-spacing: 0.14em; font-size: 7px; font-weight: 750; }
.language-check { border-radius: 50%; place-items: center; width: 21px; height: 21px; display: grid; }
.language-option.active .language-check { color: rgb(3, 20, 33); background: var(--cyan); box-shadow: rgba(18, 223, 243, 0.5) 0px 0px 14px; }
.language-check svg { fill: none; stroke: currentcolor; stroke-width: 2.3px; stroke-linecap: round; stroke-linejoin: round; width: 13px; }
.vip-login { isolation: isolate; color: rgb(2, 22, 35); letter-spacing: 0.02em; background: linear-gradient(135deg, #8af8ff 0%, #1ee5f5 48%, #0fc4ec 100%); border: 1px solid rgba(218, 254, 255, 0.95); border-radius: 999px; align-items: center; gap: 9px; min-height: 50px; padding: 6px 12px 6px 7px; font-size: 10px; font-weight: 760; text-decoration: none; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s, filter .25s; animation: 2.8s ease-in-out infinite vipPrimaryPulse; display: flex; position: relative; overflow: hidden; box-shadow: rgba(18, 223, 243, 0.3) 0px 0px 26px, rgba(255, 255, 255, 0.6) 0px 1px inset, rgba(0, 23, 74, 0.28) 0px 9px 24px; }
.vip-login::before { content: ""; z-index: 0; background: linear-gradient(105deg, transparent 38%, rgba(255, 255, 255, 0.72) 50%, transparent 62%); animation: 3.7s ease-in-out infinite vipShine; position: absolute; inset: -100% -35%; transform: translate(-55%) rotate(12deg); }
.vip-login:hover { filter: saturate(1.08) brightness(1.05); border-color: #fff; transform: translateY(-2px) scale(1.015); box-shadow: rgba(18, 223, 243, 0.52) 0px 0px 38px, rgba(255, 255, 255, 0.78) 0px 1px inset, rgba(0, 23, 74, 0.34) 0px 13px 29px; }
.vip-login svg { z-index: 1; fill: none; width: 16px; stroke: currentcolor; stroke-width: 1.9px; stroke-linecap: round; stroke-linejoin: round; }
.vip-login > svg:last-child { opacity: .72; margin-left: 1px; transition: transform .25s; }
.vip-login:hover > svg:last-child { transform: translateX(3px); }
.vip-login > span { z-index: 1; flex-direction: column; line-height: 1.05; display: flex; }
.vip-login small { color: rgba(1, 37, 55, 0.66); letter-spacing: .14em; font-size: 6px; font-weight: 900; }
.vip-login strong { color: #021d2d; letter-spacing: 0.08em; margin-top: 4px; white-space: nowrap; font-size: 9px; font-weight: 920; }
.vip-login-icon { border: 1px solid rgba(1, 55, 76, 0.18); border-radius: 12px; background: rgba(255, 255, 255, 0.38); flex: 0 0 34px; place-items: center; width: 34px; height: 34px; display: grid !important; box-shadow: rgba(255, 255, 255, 0.3) 0px 1px inset; }
.vip-login-icon svg { width: 17px; height: 17px; }
.nav-links .nav-cta { isolation: isolate; color: rgb(3, 18, 31); background: linear-gradient(135deg,#64f4ff,var(--cyan)); border-radius: 999px; align-items: center; gap: 12px; padding: 13px 18px; display: flex; position: relative; overflow: hidden; box-shadow: rgba(18, 223, 243, 0.18) 0px 0px 24px; }
.nav-cta svg, .button svg, .text-button svg { fill: none; stroke: currentcolor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8px; width: 18px; }
.menu-toggle { display: none; }
.hero { background: radial-gradient(circle at 74% 48%, rgba(20, 100, 255, 0.2), rgba(0, 0, 0, 0) 34%), radial-gradient(circle at 8% 90%, rgba(0, 212, 255, 0.09), rgba(0, 0, 0, 0) 28%), linear-gradient(135deg, rgb(2, 5, 24) 0%, rgb(7, 18, 66) 55%, rgb(2, 6, 25) 100%); align-items: center; min-height: 100svh; display: grid; position: relative; overflow: hidden; }
body[data-site-scope="primary"] .hero { background: radial-gradient(circle at 74% 45%, rgba(58, 167, 255, .34), transparent 39%), radial-gradient(circle at 16% 82%, rgba(0, 221, 255, .14), transparent 31%), linear-gradient(135deg, #061538 0%, #0b3478 54%, #071c4a 100%); }
.hero::after { content: ""; background: linear-gradient(transparent,var(--navy)); pointer-events: none; height: 180px; position: absolute; bottom: 0px; left: 0px; right: 0px; }
.hero-grid { opacity: 0.15; background-image: linear-gradient(rgba(53, 213, 255, 0.18) 1px, rgba(0, 0, 0, 0) 1px), linear-gradient(90deg, rgba(53, 213, 255, 0.18) 1px, rgba(0, 0, 0, 0) 1px); background-size: 90px 90px; animation: 8s linear 0s infinite normal none running gridDrift; position: absolute; inset: -10%; transform: perspective(600px) rotateX(63deg) scale(1.5) translateY(25%); mask-image: linear-gradient(rgba(0, 0, 0, 0) 3%, rgb(0, 0, 0) 70%, rgba(0, 0, 0, 0)); }
.orb { filter: blur(1px); border: 1px solid rgba(54, 220, 255, 0.14); border-radius: 50%; position: absolute; }
.orb-one { width: 650px; height: 650px; animation: 22s linear 0s infinite normal none running spin; top: 8%; right: -180px; box-shadow: rgba(24, 79, 232, 0.08) 0px 0px 90px inset; }
.orb-two { border-style: dashed; width: 370px; height: 370px; animation: 16s linear 0s infinite reverse none running spin; top: 28%; right: 18%; }
.light-streak { z-index: 1; opacity: 0; background: linear-gradient(90deg,transparent,var(--cyan),transparent); filter: blur(0.2px); width: 420px; height: 1px; animation: 6s ease-in-out 0s infinite normal none running lightSweep; position: absolute; transform: rotate(-22deg); }
.streak-one { top: 32%; left: -20%; }
.streak-two { animation-delay: 3s; bottom: 23%; right: -18%; }
.hero-layout { z-index: 2; grid-template-columns: 0.96fr 1.04fr; align-items: center; gap: 50px; min-height: 100svh; padding-top: 104px; padding-bottom: 70px; display: grid; position: relative; }
.hero-copy { z-index: 3; position: relative; }
.eyebrow { color: rgb(145, 237, 251); letter-spacing: 0.22em; align-items: center; gap: 11px; margin-bottom: 24px; font-size: 11px; font-weight: 750; display: flex; }
.eyebrow span { background: var(--cyan); width: 25px; height: 1px; box-shadow: 0 0 10px var(--cyan); }
h1, h2, h3, p { margin-top: 0px; }
h1 { max-width: 650px; font-family: var(--font-geist),sans-serif; letter-spacing: -0.06em; margin-bottom: 22px; font-size: clamp(48px, 5vw, 76px); font-weight: 600; line-height: 0.97; }
h1 em, h2 em { color: var(--cyan); text-shadow: rgba(18, 223, 243, 0.18) 0px 0px 32px; font-style: normal; }
h1 em { color: rgba(0, 0, 0, 0); background: linear-gradient(100deg, rgb(8, 189, 213) 15%, rgb(122, 247, 255) 45%, rgb(8, 189, 213) 72%) 0px 0px / 220% 100% text; animation: 2.6s linear 0s infinite normal none running textShine; display: inline-block; }
.hero-copy > p { color: rgb(174, 187, 210); max-width: 580px; font-size: 17px; line-height: 1.75; }
.hero-copy strong { color: rgb(255, 255, 255); }
.hero-copy > .hero-intro { max-width: 650px; color: #c5d2e8; font-size: 17px; line-height: 1.62; letter-spacing: .004em; text-shadow: 0 5px 24px rgba(0, 13, 54, .5); }
.hero-intro-line { display: block; }
.hero-intro-line + .hero-intro-line { margin-top: 2px; }
.hero-intro-accent { color: #eafcff; font-weight: 760; text-shadow: 0 0 10px rgba(92, 235, 255, .28), 0 0 24px rgba(18, 223, 243, .16); }
.hero-intro-line-final { margin-top: 8px !important; color: #f6fdff; font-size: 1.035em; font-weight: 760; letter-spacing: .008em; text-shadow: 0 0 12px rgba(116, 242, 255, .3), 0 0 34px rgba(18, 223, 243, .2); }
.hero-intro-line-final .hero-intro-accent,
.hero-intro-line-final strong { color: #78f4ff; text-shadow: 0 0 10px rgba(120, 244, 255, .5), 0 0 28px rgba(18, 223, 243, .28); }
.button { isolation: isolate; cursor: pointer; border: 1px solid rgba(0, 0, 0, 0); border-radius: 999px; justify-content: center; align-items: center; gap: 18px; min-height: 56px; padding: 0px 24px; font-size: 13px; font-weight: 750; transition: transform 0.25s, box-shadow 0.25s; display: inline-flex; position: relative; overflow: hidden; }
.button:hover { transform: translateY(-2px); }
.button.primary { color: rgb(2, 18, 28); background: linear-gradient(135deg,#64f4ff,var(--cyan)); box-shadow: rgba(18, 223, 243, 0.17) 0px 14px 35px; }
.button.primary:hover { box-shadow: rgba(18, 223, 243, 0.3) 0px 18px 45px; }
.hero-copy > .hero-presentation-cta { display: flex; width: max-content; max-width: 100%; min-width: 228px; min-height: 44px; margin: 16px 0 0 auto; padding: 0 18px; gap: 11px; color: #03142b; background: linear-gradient(115deg,#7bf7ff 0%,#25dce9 52%,#11bddb 100%); border-color: rgba(153, 250, 255, .72); box-shadow: 0 10px 28px rgba(4, 129, 216, .25), 0 0 22px rgba(18, 223, 243, .14), inset 0 1px rgba(255, 255, 255, .5); font-size: 11px; letter-spacing: .02em; white-space: nowrap; }
.hero-presentation-cta svg { width: 16px; height: 16px; stroke: currentColor; fill: none; stroke-width: 1.8; }
.hero-copy > .hero-presentation-cta:hover { transform: translateY(-2px); box-shadow: 0 14px 34px rgba(4, 129, 216, .34), 0 0 28px rgba(18, 223, 243, .24), inset 0 1px rgba(255, 255, 255, .62); }
.hero-presentation-cta:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.business-presentation { text-transform: uppercase; letter-spacing: 0.055em; text-shadow: rgba(255, 255, 255, 0.32) 0px 0px 12px; min-width: 260px; min-height: 62px; color: rgb(255, 255, 255) !important; background: linear-gradient(115deg, rgb(8, 58, 165) 0%, rgb(7, 111, 197) 42%, rgb(11, 215, 236) 100%) !important; border-color: rgba(18, 223, 243, 0.64) !important; box-shadow: rgba(4, 80, 202, 0.3) 0px 16px 44px, rgba(18, 223, 243, 0.22) 0px 0px 34px, rgba(255, 255, 255, 0.22) 0px 1px inset !important; }
.business-presentation::after { content: ""; z-index: -2; background: linear-gradient(105deg, rgba(0, 0, 0, 0) 40%, rgba(255, 255, 255, 0.44) 50%, rgba(0, 0, 0, 0) 60%); animation: 3s ease-in-out 0s infinite normal none running vipShine; position: absolute; inset: -90% -30%; }
.business-presentation:hover { transform: translateY(-3px) scale(1.025); box-shadow: rgba(4, 80, 202, 0.38) 0px 21px 52px, rgba(18, 223, 243, 0.36) 0px 0px 42px, rgba(255, 255, 255, 0.3) 0px 1px inset !important; }
.button.ghost { background: rgba(255, 255, 255, 0.035); border-color: rgba(255, 255, 255, 0.16); }
.trust-row { align-items: center; gap: 14px; margin-top: 44px; display: flex; }
.avatars { display: flex; }
.avatars span { color: rgb(174, 238, 248); background: rgb(14, 39, 111); border: 2px solid rgb(7, 18, 61); border-radius: 50%; place-items: center; width: 37px; height: 37px; margin-left: -7px; font-size: 9px; font-weight: 800; display: grid; }
.avatars span:first-child { color: rgb(255, 255, 255); background: linear-gradient(135deg, rgb(29, 155, 81), rgb(239, 213, 54)); margin-left: 0px; }
.trust-row p { color: rgb(127, 141, 169); margin: 0px; font-size: 11px; line-height: 1.5; }
.trust-row b { color: rgb(216, 227, 245); font-size: 12px; }
.hero-visual { place-items: center; min-height: 650px; display: grid; position: relative; }
.halo { border-radius: 50%; position: absolute; }
.halo-a { background: radial-gradient(circle, rgba(26, 104, 255, 0.24), rgba(0, 221, 255, 0.05) 43%, rgba(0, 0, 0, 0) 69%); border: 1px solid rgba(48, 176, 255, 0.12); width: 570px; height: 570px; animation: 5s ease-in-out 0s infinite normal none running pulse; }
.halo-b { border-width: 1px; border-style: solid; border-image: none; border-color: rgba(69, 226, 255, 0.18) rgba(32, 91, 255, 0.65) rgba(69, 226, 255, 0.18) rgba(69, 226, 255, 0.8); width: 410px; height: 410px; animation: 7s linear 0s infinite normal none running spin; box-shadow: rgba(36, 88, 255, 0.12) 0px 0px 65px, rgba(17, 224, 244, 0.05) 0px 0px 45px inset; }
.product-stage { place-items: center; width: 100%; height: 620px; display: grid; position: relative; }
.product-stage::before { content: ""; filter: blur(26px); background: rgba(0, 0, 0, 0.65); border-radius: 50%; width: 360px; height: 70px; position: absolute; bottom: 55px; }
.hero-product-pair { z-index: 2; grid-template-columns: 0.76fr 1.24fr; place-items: center; width: 92%; height: 590px; display: grid; position: relative; transform: translate(3%); }
.hero-product { z-index: 3; object-fit: contain; filter: drop-shadow(rgba(0, 0, 0, 0.65) 0px 35px 28px) drop-shadow(rgba(51, 103, 255, 0.45) 0px 0px 22px); justify-self: end; max-width: 100%; height: 560px; animation: 3s ease-in-out 0s infinite normal none running heroMotion; position: relative; transform: rotate(8deg); }
.hero-video-shell { z-index: 2; isolation: isolate; width: min(122%, 790px); aspect-ratio: 16 / 9; position: relative; overflow: visible; animation: heroVideoFloat 4.6s ease-in-out infinite; }
.hero-product-video { object-fit: contain; width: 100%; height: 100%; display: block; filter: saturate(1.08) contrast(1.04) drop-shadow(0 34px 26px rgba(0, 7, 34, .55)) drop-shadow(0 0 24px rgba(72, 186, 255, .32)); -webkit-mask-image: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.72) 5%, #000 12%, #000 100%); mask-image: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.72) 5%, #000 12%, #000 100%); transform: scale(1.22); }
.hero-video-orbit { z-index: -1; pointer-events: none; border: 1px dashed rgba(125, 231, 255, .3); border-radius: 50%; animation: spin 10s linear infinite; position: absolute; inset: 3% 17%; box-shadow: 0 0 42px rgba(18, 223, 243, .1); }
.hero-motor-orbit-path { z-index: 2; justify-self: start; place-items: center; width: 120%; height: 92%; margin-left: -18%; animation: 4.2s ease-in-out 0s infinite normal none running heroMotorFloat; display: grid; position: relative; }
.hero-motor-orbit-path::after { content: ""; filter: blur(24px); background: rgba(0, 0, 0, 0.62); border-radius: 50%; width: 52%; height: 10%; animation: 4.2s ease-in-out 0s infinite normal none running heroMotorShadow; position: absolute; bottom: 8%; }
.hero-motor-orbit-ring { z-index: 1; aspect-ratio: 1 / 1; border-width: 1px; border-style: solid; border-image: none; border-color: rgb(232, 255, 255) rgb(22, 139, 255) rgba(18, 223, 243, 0.32) rgba(18, 223, 243, 0.32); border-radius: 50%; width: 78%; position: absolute; box-shadow: rgba(18, 223, 243, 0.2) 0px 0px 38px, rgba(25, 96, 255, 0.1) 0px 0px 44px inset; }
.hero-motor-orbit-ring::after { content: ""; border: 1px dashed rgba(58, 127, 255, 0.24); border-radius: 50%; position: absolute; inset: 12%; }
.hero-motor-orbiting { z-index: 3; will-change: transform; place-items: center; width: 64%; height: 64%; animation: 6.8s linear 0s infinite normal none running heroMotorOrbit; display: grid; position: absolute; transform: translate(76px); }
.hero-motor-upright { place-items: center; width: 100%; height: 100%; display: grid; }
.hero-motor { object-fit: contain; filter: drop-shadow(rgba(0, 0, 0, 0.68) 0px 32px 30px) drop-shadow(rgba(23, 137, 255, 0.55) 0px 0px 25px); width: 100%; height: 100%; animation: 2.6s ease-in-out 0s infinite normal none running heroMotorEnergy; }
.energy-wave { z-index: 1; opacity: 0; border: 2px solid rgba(18, 223, 243, 0.45); border-radius: 50%; width: 310px; height: 310px; animation: 2.4s ease-out 0s infinite normal none running energyPulse; position: absolute; }
.energy-wave.wave-b { animation-delay: 1.2s; }
.energy-scan { z-index: 3; background: linear-gradient(90deg,transparent,#fff,var(--cyan),transparent); opacity: 0.8; pointer-events: none; border-radius: 50%; width: 210px; height: 3px; animation: 2.8s ease-in-out 0s infinite normal none running scanProduct; position: absolute; top: 15%; box-shadow: rgba(18, 223, 243, 0.45) 0px 0px 25px 8px; }
.stage-label { z-index: 3; border-left: 1px solid var(--cyan); padding-left: 17px; position: absolute; top: 23%; left: 0px; }
.stage-label span { color: var(--cyan); letter-spacing: 0.18em; margin-bottom: 6px; font-size: 9px; display: block; }
.stage-label strong { font-family: var(--font-geist),sans-serif; font-size: 17px; line-height: 1.18; display: block; }
.stage-chip { z-index: 3; backdrop-filter: blur(12px); color: rgb(189, 201, 223); background: rgba(4, 9, 31, 0.6); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 999px; align-items: center; gap: 9px; padding: 10px 14px; font-size: 10px; display: flex; position: absolute; bottom: 19%; right: 0px; }
.stage-chip i { background: var(--cyan); width: 6px; height: 6px; box-shadow: 0 0 10px var(--cyan); border-radius: 50%; }
.stage-chip { animation: 1.8s ease-in-out 0s infinite normal none running chipPulse; }
.energy-particles { z-index: 1; pointer-events: none; position: absolute; inset: 0px; overflow: hidden; }
.energy-particles i { background: var(--cyan); border-radius: 50%; width: 5px; height: 5px; animation: 5s linear 0s infinite normal none running particleRise; position: absolute; bottom: -20px; box-shadow: rgba(18, 223, 243, 0.5) 0px 0px 14px 3px; }
.energy-particles i:first-child { animation-delay: 0s; left: 8%; }
.energy-particles i:nth-child(2) { animation-delay: 0.6s; left: 17%; }
.energy-particles i:nth-child(3) { animation-delay: 1.7s; left: 26%; }
.energy-particles i:nth-child(4) { animation-delay: 2.4s; left: 37%; }
.energy-particles i:nth-child(5) { animation-delay: 0.9s; left: 46%; }
.energy-particles i:nth-child(6) { animation-delay: 3.2s; left: 55%; }
.energy-particles i:nth-child(7) { animation-delay: 1.3s; left: 64%; }
.energy-particles i:nth-child(8) { animation-delay: 2.8s; left: 73%; }
.energy-particles i:nth-child(9) { animation-delay: 0.3s; left: 82%; }
.energy-particles i:nth-child(10) { animation-delay: 2s; left: 91%; }
.energy-particles i:nth-child(11) { animation-delay: 3.8s; left: 31%; }
.energy-particles i:nth-child(12) { animation-delay: 4.2s; left: 68%; }
.scroll-cue { z-index: 5; cursor: pointer; background: 0px 0px; border: 0px; flex-direction: column; align-items: center; gap: 10px; display: flex; position: absolute; bottom: 24px; left: 50%; transform: translate(-50%); }
.scroll-cue span { color: rgb(101, 116, 145); letter-spacing: 0.28em; writing-mode: vertical-rl; font-size: 8px; }
.scroll-cue i { background: linear-gradient(var(--cyan),transparent); width: 1px; height: 32px; }
.about-preview { z-index: 3; background: rgb(3, 7, 28); padding: 140px 0px; position: relative; }
.about-grid { grid-template-columns: 0.95fr 1.05fr; align-items: center; gap: 90px; display: grid; }
.about-image { min-height: 520px; position: relative; }
.about-image::before { content: ""; border: 1px solid rgba(18, 223, 243, 0.2); border-radius: 8px; animation: 3.4s ease-in-out 0s infinite normal none running frameGlow; position: absolute; inset: -20px 80px 35px -20px; box-shadow: rgba(18, 223, 243, 0) 0px 0px; }
.about-image img { object-fit: cover; object-position: center center; filter: saturate(0.76) contrast(1.04); border-radius: 8px; width: 100%; height: 520px; animation: 9s ease-in-out 0s infinite alternate none running buildingCinema; position: relative; }
.about-image::after { content: ""; background: linear-gradient(145deg, rgba(9, 32, 95, 0.15), rgba(2, 6, 25, 0.55)); border-radius: 8px; position: absolute; inset: 0px; }
.image-badge { z-index: 2; backdrop-filter: blur(18px); background: linear-gradient(135deg, rgba(5, 18, 58, 0.95), rgba(3, 9, 34, 0.9)); border: 1px solid rgba(18, 223, 243, 0.48); border-radius: 18px; grid-template-columns: 46px 1fr; gap: 14px; width: min(390px, 100% - 20px); padding: 21px 22px; animation: 3s ease-in-out 0s infinite normal none running badgeHover; display: grid; position: absolute; bottom: 24px; right: -42px; overflow: hidden; box-shadow: rgba(18, 223, 243, 0.06) 0px 0px 28px inset, rgba(0, 0, 0, 0.45) 0px 18px 55px, rgba(18, 223, 243, 0.12) 0px 0px 25px; }
.image-badge::before { content: ""; border-radius: inherit; pointer-events: none; background: linear-gradient(105deg, rgba(0, 0, 0, 0) 20%, rgba(255, 255, 255, 0.09) 48%, rgba(0, 0, 0, 0) 72%); animation: 5s ease-in-out 0s infinite normal none running headquartersShine; position: absolute; inset: 0px; transform: translate(-120%); }
.image-badge::after { content: ""; background: linear-gradient(transparent,var(--cyan),transparent); border-radius: 99px; width: 2px; position: absolute; top: 18px; bottom: 18px; left: 0px; box-shadow: rgba(18, 223, 243, 0.75) 0px 0px 15px 2px; }
.image-badge svg { fill: none; width: 34px; height: 34px; stroke: var(--cyan); stroke-width: 1.35px; filter: drop-shadow(rgba(18, 223, 243, 0.55) 0px 0px 8px); border: 1px solid rgba(18, 223, 243, 0.4); border-radius: 12px; margin-top: 2px; padding: 7px; overflow: visible; }
.headquarters-copy { flex-direction: column; align-items: flex-start; min-width: 0px; display: flex; }
.headquarters-copy small { color: var(--cyan); letter-spacing: 0.22em; text-shadow: rgba(18, 223, 243, 0.55) 0px 0px 10px; font-size: 8px; font-weight: 800; line-height: 1; }
.headquarters-copy strong { color: rgb(255, 255, 255); letter-spacing: 0.07em; text-shadow: rgba(255, 255, 255, 0.18) 0px 0px 13px; margin-top: 7px; font-size: 14px; line-height: 1.1; }
.headquarters-copy > b { color: rgb(191, 250, 255); margin-top: 5px; font-size: 12px; font-weight: 650; line-height: 1.2; }
.headquarters-copy address { color: rgb(143, 162, 195); flex-direction: column; gap: 2px; margin-top: 10px; font-size: 9.5px; font-style: normal; line-height: 1.5; display: flex; }
.headquarters-copy address span { color: inherit; font-size: inherit; }
.section-kicker { color: var(--cyan); letter-spacing: 0.23em; margin-bottom: 17px; font-size: 10px; font-weight: 800; }
h2 { font-family: var(--font-geist),sans-serif; letter-spacing: -0.05em; margin-bottom: 26px; font-size: clamp(38px, 4.2vw, 61px); font-weight: 560; line-height: 1.03; }
.about-copy > p { color: rgb(154, 168, 192); font-size: 16px; line-height: 1.8; }
.metrics { border-top: 1px solid rgba(255, 255, 255, 0.1); grid-template-columns: repeat(3, 1fr); margin-top: 42px; display: grid; }
.metrics div { padding: 24px 16px 0px 0px; }
.metrics strong, .metrics span { display: block; }
.metrics strong { color: rgb(255, 255, 255); text-shadow: rgba(255, 255, 255, 0.65) 0px 0px 7px, rgba(18, 223, 243, 0.48) 0px 0px 22px; font-size: 22px; animation: 2.7s ease-in-out 0s infinite normal none running metricTextGlow; }
.metrics div:nth-child(2) strong { animation-delay: 0.45s; }
.metrics div:nth-child(3) strong { animation-delay: 0.9s; }
.metrics span { color: rgb(111, 126, 153); margin-top: 6px; font-size: 10px; }
.about-grid.visible .about-copy > * { animation: 0.75s ease 0s 1 normal both running copyRise; }
.about-grid.visible .about-copy > :nth-child(2) { animation-delay: 0.12s; }
.about-grid.visible .about-copy > :nth-child(3) { animation-delay: 0.24s; }
.about-grid.visible .about-copy > :nth-child(4) { animation-delay: 0.36s; }
.about-grid.visible .metrics div { animation: 3.4s ease-in-out 0s infinite normal none running metricPulse; }
.about-grid.visible .metrics div:nth-child(2) { animation-delay: 0.45s; }
.about-grid.visible .metrics div:nth-child(3) { animation-delay: 0.9s; }
.product-teaser { background: linear-gradient(rgb(3, 7, 28), rgb(6, 17, 59)); padding: 130px 0px; }
.teaser-head { justify-content: space-between; align-items: flex-end; gap: 32px; display: flex; }
.teaser-head h2 { max-width: 740px; }
.text-button { color: rgb(168, 183, 208); cursor: pointer; background: 0px 0px; border: 0px; flex: 0 0 auto; align-items: center; gap: 12px; margin-bottom: 30px; font-size: 12px; display: flex; }
.teaser-card { background: linear-gradient(125deg, rgba(10, 23, 73, 0.94), rgba(6, 12, 40, 0.78)); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 12px; grid-template-columns: 1fr 1fr 60px; align-items: center; gap: 40px; min-height: 330px; margin-top: 45px; padding: 28px 48px; display: grid; position: relative; overflow: hidden; }
.teaser-card img { z-index: 2; object-fit: contain; filter: drop-shadow(rgba(0, 0, 0, 0.55) 0px 25px 25px); width: 100%; max-height: 280px; position: relative; }
.teaser-card div:not(.teaser-glow) { z-index: 2; position: relative; }
.teaser-card span { color: var(--cyan); letter-spacing: 0.2em; font-size: 9px; }
.teaser-card h3 { font-family: var(--font-geist),sans-serif; margin: 10px 0px 14px; font-size: 36px; }
.teaser-card p { color: rgb(140, 155, 183); max-width: 430px; margin: 0px; font-size: 14px; line-height: 1.75; }
.teaser-card > b { color: rgba(255, 255, 255, 0.16); align-self: start; padding-top: 20px; font-size: 50px; font-weight: 300; }
.teaser-glow { background: radial-gradient(circle, rgba(0, 225, 255, 0.14), rgba(0, 0, 0, 0) 63%); border-radius: 50%; width: 420px; height: 420px; position: absolute; top: -80px; left: 0px; }
.global-section { background: rgb(4, 16, 47); align-items: center; min-height: 720px; display: flex; position: relative; overflow: hidden; }
.global-location-image { position: absolute; inset: 0; }
.global-bg { object-fit: cover; opacity: 0.72; width: 106%; height: 106%; animation: 14s ease-in-out 0s infinite alternate none running cinematicPan; position: absolute; inset: -3%; }
.global-overlay { pointer-events: none; background: linear-gradient(90deg, rgb(2, 7, 29) 3%, rgba(3, 8, 30, 0.88) 35%, rgba(3, 8, 30, 0.28) 74%, rgb(3, 7, 28) 100%), linear-gradient(rgb(3, 7, 28), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, rgb(3, 7, 28)); position: absolute; inset: 0px; }
.global-copy { z-index: 2; position: relative; }
.global-copy h2 { max-width: 690px; }
.global-copy > p { color: rgb(164, 177, 201); max-width: 540px; font-size: 16px; line-height: 1.8; }
.global-copy > .global-support { color: rgb(130, 151, 184); border-left: 1px solid rgba(18, 223, 243, 0.56); max-width: 520px; margin-top: 18px; padding-left: 18px; font-size: 12px; line-height: 1.7; }
.global-location { color: #eafcff; backdrop-filter: blur(14px); background: linear-gradient(115deg, rgba(4,24,65,.84), rgba(8,74,126,.52)); border: 1px solid rgba(18,223,243,.35); border-radius: 18px; grid-template-columns: 44px 1fr; align-items: center; gap: 13px; width: min(100%, 480px); margin-top: 24px; padding: 13px 16px; display: grid; box-shadow: 0 18px 42px rgba(0,0,0,.24), 0 0 28px rgba(18,223,243,.08); }
.global-location > span { color: #03182b; background: linear-gradient(145deg,#74f4ff,#17cfe8); border-radius: 14px; place-items: center; width: 42px; height: 42px; display: grid; box-shadow: 0 0 22px rgba(18,223,243,.28); }
.global-location svg { fill: none; stroke: currentColor; stroke-width: 1.7px; width: 23px; height: 23px; }
.global-location small,.global-location strong { display:block; }
.global-location small { color:#71eef9; letter-spacing:.15em; margin-bottom:5px; font-size:7px; font-weight:850; }
.global-location strong { color:#f4fbff; font-size:12px; line-height:1.45; }
.global-pills { flex-wrap: wrap; gap: 8px; margin-top: 32px; display: flex; }
.global-pills span { color: rgb(168, 234, 243); letter-spacing: 0.1em; background: rgba(4, 22, 60, 0.6); border: 1px solid rgba(18, 223, 243, 0.22); border-radius: 999px; padding: 10px 14px; font-size: 9px; animation: 3s ease-in-out 0s infinite normal none running pillGlow; }
.global-pills span:nth-child(2) { animation-delay: 1s; }
.global-pills span:nth-child(3) { animation-delay: 2s; }
.global-cta { color: rgb(255, 255, 255) !important; text-align: left; background: linear-gradient(115deg, rgb(7, 79, 184), rgb(8, 201, 226)) !important; max-width: 380px; margin-top: 28px; box-shadow: rgba(18, 223, 243, 0.22) 0px 16px 38px, rgba(18, 223, 243, 0.18) 0px 0px 24px !important; }
.global-map-cta { justify-content:flex-start; min-height:64px; padding:0 19px; text-decoration:none; }
.global-map-cta > svg:first-child { fill:none; stroke:currentColor; stroke-width:1.7px; width:24px; height:24px; }
.global-map-cta > span { flex:1; font-size:12px; line-height:1.2; }
.global-map-cta > span small { opacity:.72; letter-spacing:.12em; margin-top:4px; font-size:7px; display:block; }
.global-map-cta > svg:last-child { fill:none; stroke:currentColor; stroke-width:1.8px; width:19px; height:19px; transition:transform .3s; }
.global-map-cta:hover > svg:last-child { transform:translateX(5px); }
.global-radar { z-index: 1; border: 1px solid rgba(18, 223, 243, 0.15); border-radius: 50%; width: 430px; height: 430px; animation: 12s linear 0s infinite normal none running radarRotate; position: absolute; top: 50%; right: 8%; transform: translateY(-50%); }
.global-radar::before { content: ""; transform-origin: 0px center; background: linear-gradient(90deg, rgba(18, 223, 243, 0.8), rgba(0, 0, 0, 0)); width: 50%; height: 1px; animation: 4.5s linear 0s infinite normal none running spin; position: absolute; top: 50%; left: 50%; }
.global-radar i { background: var(--cyan); border-radius: 50%; width: 8px; height: 8px; animation: 2s ease-in-out 0s infinite normal none running radarDot; position: absolute; box-shadow: rgba(18, 223, 243, 0.55) 0px 0px 20px 5px; }
.global-radar i:first-child { top: 29%; left: 21%; }
.global-radar i:nth-child(2) { animation-delay: 0.7s; top: 43%; right: 18%; }
.global-radar i:nth-child(3) { animation-delay: 1.3s; bottom: 16%; left: 47%; }
.global-scan { z-index: 1; background: linear-gradient(transparent,var(--cyan),transparent); opacity: 0; width: 3px; height: 100%; animation: 6s ease-in-out 0s infinite normal none running mapScan; position: absolute; top: 0px; left: 0px; box-shadow: rgba(18, 223, 243, 0.16) 0px 0px 30px 9px; }
.products-section { background: radial-gradient(circle at 75% 35%, rgba(14, 71, 190, 0.12), rgba(0, 0, 0, 0) 28%), rgb(3, 7, 28); padding: 135px 0px; overflow: hidden; }
.products-heading { grid-template-columns: 1fr 390px; align-items: end; gap: 80px; display: grid; }
.products-heading h2 { max-width: 720px; margin-bottom: 0px; }
.products-heading > p { color: rgb(140, 154, 180); margin-bottom: 8px; font-size: 14px; line-height: 1.8; }
.product-showcase { background: linear-gradient(145deg, rgba(6, 20, 59, 0.91), rgba(2, 7, 28, 0.96)); border: 1px solid rgba(18, 223, 243, 0.34); border-radius: 24px; grid-template-columns: 300px 1fr; margin-top: 65px; animation: 4.2s ease-in-out 0s infinite normal none running showcasePulse; display: grid; overflow: hidden; box-shadow: rgba(255, 255, 255, 0.06) 0px 1px inset, rgba(0, 0, 0, 0.44) 0px 36px 110px, rgba(18, 223, 243, 0.1) 0px 0px 65px; }
.product-selector { isolation: isolate; background: linear-gradient(rgba(6, 20, 59, 0.96), rgba(2, 8, 31, 0.98)); border-right: 1px solid rgba(18, 223, 243, 0.19); flex-direction: column; gap: 8px; padding: 14px; display: flex; position: relative; box-shadow: rgba(0, 0, 0, 0.18) -18px 0px 38px inset; }
.product-selector::before { content: ""; z-index: -1; opacity: 0.28; background-image: linear-gradient(rgba(18, 223, 243, 0.08) 1px, rgba(0, 0, 0, 0) 1px), linear-gradient(90deg, rgba(18, 223, 243, 0.08) 1px, rgba(0, 0, 0, 0) 1px); background-size: 24px 24px; position: absolute; inset: 0px; mask-image: linear-gradient(rgb(0, 0, 0), rgba(0, 0, 0, 0) 96%); }
.product-selector button { isolation: isolate; color: rgb(113, 129, 159); text-align: left; cursor: pointer; background: linear-gradient(110deg, rgba(255, 255, 255, 0.024), rgba(18, 223, 243, 0.02)); border: 1px solid rgba(18, 223, 243, 0.08); border-radius: 15px; grid-template-columns: 48px 1fr 9px; align-items: center; gap: 7px; min-height: 75px; padding: 0px 14px 0px 7px; transition: color 0.32s, transform 0.32s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.32s, background 0.32s, box-shadow 0.32s; display: grid; position: relative; overflow: hidden; box-shadow: rgba(255, 255, 255, 0.024) 0px 1px inset; }
.product-selector button::before { content: ""; z-index: -1; background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.14), rgba(0, 0, 0, 0)); width: 45%; height: 190%; transition: left 0.6s; position: absolute; top: -48%; left: -78%; transform: rotate(20deg); }
.product-selector button::after { content: ""; background: rgb(7, 26, 68); border: 1px solid rgba(18, 223, 243, 0.4); border-radius: 50%; justify-self: end; width: 6px; height: 6px; transition: 0.3s; box-shadow: rgba(18, 223, 243, 0) 0px 0px; }
.product-selector button:hover { color: rgb(200, 251, 255); background: linear-gradient(110deg, rgba(18, 223, 243, 0.11), rgba(13, 62, 143, 0.08)); border-color: rgba(18, 223, 243, 0.29); transform: translate(4px); box-shadow: rgba(18, 223, 243, 0.04) 0px 0px 20px inset, rgba(18, 223, 243, 0.07) 0px 0px 21px; }
.product-selector button:hover::before { left: 132%; }
.product-selector button span { color: rgb(98, 119, 151); background: linear-gradient(145deg, rgba(13, 44, 99, 0.85), rgba(3, 12, 41, 0.95)); border: 1px solid rgba(18, 223, 243, 0.18); border-radius: 11px; justify-self: center; place-items: center; width: 34px; height: 34px; font-size: 9px; font-weight: 800; transition: 0.32s; display: grid; box-shadow: rgba(255, 255, 255, 0.05) 1px 1px inset, rgba(0, 0, 0, 0.24) 0px 5px 12px; }
.product-selector button b { letter-spacing: 0.005em; text-shadow: rgba(0, 0, 0, 0) 0px 0px; font-size: 12px; font-weight: 670; line-height: 1.25; transition: 0.32s; position: relative; }
.product-selector button.active { color: rgb(255, 255, 255); box-shadow: inset 3px 0 var(--cyan),inset 0 0 26px #12dff314,0 0 25px #12dff329; background: linear-gradient(105deg, rgba(18, 223, 243, 0.2), rgba(14, 75, 175, 0.14) 58%, rgba(18, 223, 243, 0.05)); border-color: rgba(18, 223, 243, 0.7); transform: translate(3px); }
.product-selector button.active span { color: rgb(3, 21, 39); text-shadow: rgba(255, 255, 255, 0.55) 0px 1px; background: linear-gradient(145deg, rgb(217, 255, 255), rgb(24, 223, 243) 55%, rgb(7, 155, 193)); border-color: rgb(191, 255, 255); box-shadow: rgb(255, 255, 255) 1px 1px inset, rgb(6, 124, 158) 0px 5px, rgba(18, 223, 243, 0.28) 0px 9px 17px; }
.product-selector button.active b { color: rgb(234, 255, 255); text-shadow: rgba(18, 223, 243, 0.78) 0px 0px 7px, rgba(18, 223, 243, 0.38) 0px 0px 19px; }
.product-selector button.active::after { background: rgb(234, 255, 255); border-color: rgb(255, 255, 255); animation: 1.8s ease-in-out 0s infinite normal none running selectorDotPulse; box-shadow: rgba(18, 223, 243, 0.1) 0px 0px 0px 5px, rgba(18, 223, 243, 0.75) 0px 0px 17px 4px; }
.product-selector button.active b::after { content: ""; background: linear-gradient(90deg,var(--cyan),#fff,var(--cyan),transparent); transform-origin: 0px center; border-radius: 99px; height: 2px; animation: 2.6s linear 0s 1 normal both running autoProductProgress; position: absolute; bottom: -13px; left: 0px; right: 0px; box-shadow: rgba(18, 223, 243, 0.8) 0px 0px 12px; }
.product-showcase.auto-paused .product-selector button.active b::after { opacity: 0.45; animation-play-state: paused; }
.featured-product { grid-template-columns: 0.95fr 1.05fr; align-items: center; min-height: 470px; padding: 60px; display: grid; position: relative; overflow: hidden; }
.product-light { background: radial-gradient(circle, rgba(18, 223, 243, 0.14), rgba(20, 76, 220, 0.07) 38%, rgba(0, 0, 0, 0) 68%); border-radius: 50%; width: 500px; height: 500px; animation: 3.2s ease-in-out 0s infinite normal none running productAura; position: absolute; top: -10px; right: -60px; }
.product-media { z-index: 2; aspect-ratio: 1 / 1; justify-self: center; place-items: center; width: min(100%, 470px); display: grid; position: relative; }
.product-orbit { z-index: 1; border: 1px solid rgba(18, 223, 243, 0.22); border-radius: 50%; animation: 12s linear 0s infinite normal none running spin; position: absolute; inset: 0px; }
.product-orbit::before, .product-orbit::after { content: ""; border: 1px dashed rgba(103, 113, 255, 0.24); border-radius: 50%; position: absolute; inset: 38px; }
.product-orbit::after { border-style: solid; border-color: rgba(18, 223, 243, 0.12); inset: 82px; }
.product-orbit i { background: rgb(255, 255, 255); border-radius: 50%; width: 8px; height: 8px; position: absolute; box-shadow: rgba(18, 223, 243, 0.65) 0px 0px 16px 5px; }
.product-orbit i:first-child { top: 16%; left: 16%; }
.product-orbit i:nth-child(2) { top: 52%; right: 4%; }
.product-orbit i:nth-child(3) { bottom: -4%; left: 38%; }
.product-scanline { z-index: 4; background: linear-gradient(90deg,transparent,var(--cyan),transparent); opacity: 0.75; height: 2px; animation: 3.2s ease-in-out 0s infinite normal none running productScan; position: absolute; top: 14%; left: 8%; right: 8%; box-shadow: rgba(18, 223, 243, 0.25) 0px 0px 18px 4px; }
.featured-copy { z-index: 3; position: relative; }
.featured-copy > span { color: var(--cyan); letter-spacing: 0.2em; font-size: 9px; }
.featured-copy h3 { font-family: var(--font-geist),sans-serif; letter-spacing: -0.04em; margin: 13px 0px 18px; font-size: clamp(38px, 4vw, 58px); line-height: 1; }
.featured-copy p { color: rgb(142, 157, 184); max-width: 420px; font-size: 14px; line-height: 1.8; }
.button.compact { color: rgb(181, 247, 252); background: rgba(18, 223, 243, 0.06); border-color: rgba(18, 223, 243, 0.25); min-height: 47px; margin-top: 14px; padding: 0px 19px; }
.pdf-download-button { gap: 10px; box-shadow: rgba(18, 223, 243, 0.05) 0px 0px 22px inset, rgba(18, 223, 243, 0.1) 0px 0px 24px; background: linear-gradient(110deg, rgba(18, 223, 243, 0.14), rgba(16, 78, 191, 0.13)) !important; border-color: rgba(18, 223, 243, 0.58) !important; }
.pdf-download-button svg { fill: none; stroke: currentcolor; stroke-width: 1.8px; stroke-linecap: round; stroke-linejoin: round; width: 18px; }
.pdf-download-button:hover { color: rgb(255, 255, 255); transform: translateY(-2px); box-shadow: rgba(18, 223, 243, 0.12) 0px 0px 28px inset, rgba(18, 223, 243, 0.25) 0px 0px 28px; border-color: rgb(217, 255, 255) !important; }
.pdf-language-block { margin-top: 25px; }
.pdf-language-block > strong { color: rgb(114, 236, 248); letter-spacing: 0.14em; text-transform: uppercase; margin-bottom: 10px; font-size: 8px; font-weight: 850; display: block; }
.pdf-language-options { flex-wrap: wrap; gap: 8px; display: flex; }
.pdf-language-link { color: rgb(255, 255, 255); background: linear-gradient(135deg, rgba(18, 223, 243, 0.12), rgba(12, 56, 150, 0.13)); border: 1px solid rgba(18, 223, 243, 0.45); border-radius: 13px; grid-template-columns: 17px 25px 1fr; align-items: center; gap: 5px; min-width: 108px; min-height: 48px; padding: 7px 9px; text-decoration: none; transition: 0.22s; display: grid; box-shadow: rgba(255, 255, 255, 0.05) 0px 1px inset, rgba(18, 223, 243, 0.08) 0px 0px 16px; }
.pdf-language-link:hover { border-color: rgb(216, 255, 255); transform: translateY(-2px); box-shadow: rgba(18, 223, 243, 0.22) 0px 0px 24px; }
.pdf-language-link svg { fill: none; width: 16px; stroke: var(--cyan); stroke-width: 1.8px; }
.pdf-language-link > b { color: var(--cyan); letter-spacing: 0.08em; font-size: 10px; }
.pdf-language-link small { color: rgb(213, 228, 250); flex-direction: column; gap: 2px; font-size: 8px; display: flex; }
.pdf-language-link small i { color: rgb(110, 125, 153); text-transform: uppercase; font-size: 6px; font-style: normal; }
.pdf-language-link.disabled { opacity: 0.42; cursor: not-allowed; filter: saturate(0.45); grid-template-columns: 25px 1fr; }
.pdf-status { color: rgb(97, 117, 149); letter-spacing: 0.08em; text-transform: uppercase; margin-top: 9px; font-size: 9px; display: block; }
.pdf-ready { color: rgb(112, 232, 242); }
.media-items { z-index: 2; place-items: center; width: 76%; height: 76%; animation: 0.5s ease 0s 1 normal both running productIn, 3.6s ease-in-out 0.5s infinite normal none running featuredLevitate; display: grid; position: relative; }
.media-items img { object-fit: contain; object-position: center center; filter: drop-shadow(rgba(0, 0, 0, 0.58) 0px 28px 28px) drop-shadow(rgba(18, 223, 243, 0.14) 0px 0px 17px); grid-area: 1 / 1; width: 100%; height: 100%; display: block; }
.product-media.tall .media-items { width: 54%; height: 78%; }
.product-media.wide .media-items { width: 79%; height: 67%; }
.product-media.renew .media-items { width: 79%; height: 79%; }
.product-media.envy-specs .media-items { width: 82%; height: 68%; }
.product-media.magnoseek .media-items { width: 96%; height: 72%; }
.product-media.magnoseek .media-items img { filter: drop-shadow(rgba(0, 0, 0, 0.72) 0px 32px 30px) drop-shadow(rgba(18, 223, 243, 0.28) 0px 0px 28px); }
.product-media.ion-shield .media-items { width: 78%; height: 78%; }
.product-media.ion-shield .media-items img { filter: drop-shadow(rgba(0, 0, 0, 0.62) 0px 28px 28px) drop-shadow(rgba(66, 178, 255, 0.32) 0px 0px 30px); }
.product-media.vitality-set .media-items { grid-template-columns: repeat(3, 1fr); gap: 0px; width: 88%; height: 72%; }
.product-media.vitality-set .media-items img { grid-area: auto; width: 135%; max-width: none; margin-inline: -17%; }
.product-media.vitality-set .media-items img:first-child { transform: rotate(-8deg) translate(8%); }
.product-media.vitality-set .media-items img:nth-child(2) { z-index: 2; transform: scale(1.08); }
.product-media.vitality-set .media-items img:last-child { transform: rotate(8deg) translate(-8%); }
.featured-number { color: rgba(255, 255, 255, 0.1); font-size: 70px; font-weight: 300; position: absolute; top: 20px; right: 30px; }
.product-thumbs { grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 18px; display: grid; }
.product-thumbs figure { background: rgb(6, 13, 42); border: 1px solid rgba(255, 255, 255, 0.07); border-radius: 10px; justify-content: center; align-items: center; min-height: 210px; margin: 0px; padding: 20px; animation: 4s ease-in-out 0s infinite normal none running thumbFloat; display: flex; position: relative; overflow: hidden; }
.product-thumbs figure:nth-child(2) { animation-delay: 0.7s; }
.product-thumbs figure:nth-child(3) { animation-delay: 1.4s; }
.product-thumbs figure::after { content: ""; background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.07), rgba(0, 0, 0, 0)); width: 70%; height: 170%; animation: 5s ease-in-out 0s infinite normal none running cardShine; position: absolute; top: -35%; left: -100%; transform: rotate(20deg); }
.product-thumbs figure:nth-child(2)::after { animation-delay: 1.4s; }
.product-thumbs figure:nth-child(3)::after { animation-delay: 2.8s; }
.product-thumbs img { object-fit: contain; filter: drop-shadow(rgba(0, 0, 0, 0.5) 0px 18px 16px); width: 100%; height: 165px; transition: transform 0.35s; }
.product-thumbs figure:hover img { transform: scale(1.05) translateY(-4px); }
.product-thumbs figcaption { color: rgb(141, 155, 180); letter-spacing: 0.12em; text-transform: uppercase; font-size: 9px; position: absolute; bottom: 13px; left: 16px; }
.uses-section { background: radial-gradient(circle at 78% 22%, rgba(20, 89, 242, 0.19), rgba(0, 0, 0, 0) 28%), linear-gradient(145deg, rgb(2, 5, 24), rgb(7, 19, 61) 50%, rgb(2, 5, 24)); padding: 140px 0px; position: relative; overflow: hidden; }
.uses-grid-bg { opacity: 0.16; background-image: linear-gradient(rgba(18, 223, 243, 0.18) 1px, rgba(0, 0, 0, 0) 1px), linear-gradient(90deg, rgba(18, 223, 243, 0.18) 1px, rgba(0, 0, 0, 0) 1px); background-size: 72px 72px; animation: 9s linear 0s infinite normal none running gridDrift; position: absolute; inset: 0px; mask-image: radial-gradient(circle at 70% center, rgb(0, 0, 0), rgba(0, 0, 0, 0) 72%); }
.uses-orb { border-width: 1px; border-style: solid; border-right-color: rgba(18, 223, 243, 0.18); border-bottom-color: rgba(18, 223, 243, 0.18); border-left-color: rgba(18, 223, 243, 0.18); border-image: none; border-top-color: var(--cyan); border-radius: 50%; width: 760px; height: 760px; animation: 20s linear 0s infinite normal none running spin; position: absolute; top: 15%; right: -310px; box-shadow: rgba(18, 223, 243, 0.02) 0px 0px 0px 70px, rgba(18, 223, 243, 0.08) 0px 0px 100px; }
.uses-heading, .gallery-heading { grid-template-columns: 1fr 390px; align-items: end; gap: 80px; display: grid; position: relative; }
.uses-heading h2, .gallery-heading h2 { max-width: 760px; margin-bottom: 0px; }
.uses-heading > p, .gallery-heading > p { color: rgb(137, 152, 180); margin: 0px; font-size: 14px; line-height: 1.8; }
.uses-shell { backdrop-filter: blur(18px); background: rgba(3, 9, 31, 0.82); border: 1px solid rgba(18, 223, 243, 0.18); border-radius: 20px; grid-template-columns: 360px 1fr; min-height: 660px; margin-top: 64px; display: grid; position: relative; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.4) 0px 35px 110px, rgba(18, 223, 243, 0.06) 0px 0px 55px; }
.uses-list { background: rgba(4, 12, 40, 0.7); border-right: 1px solid rgba(255, 255, 255, 0.09); padding: 24px 0px; }
.uses-search { padding: 0px 20px 20px; display: block; }
.uses-search span { color: rgb(114, 130, 158); letter-spacing: 0.15em; text-transform: uppercase; margin: 0px 0px 9px 3px; font-size: 8px; display: block; }
.uses-search input { color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(18, 223, 243, 0.18); border-radius: 10px; outline: 0px; width: 100%; height: 45px; padding: 0px 15px; font-size: 12px; transition: 0.25s; }
.uses-search input:focus { border-color: var(--cyan); box-shadow: rgba(18, 223, 243, 0.11) 0px 0px 22px; }
.uses-search input::placeholder { color: rgb(101, 115, 143); }
.uses-scroll { scrollbar-width: thin; scrollbar-color: rgba(18, 223, 243, 0.45) transparent; max-height: 565px; overflow: auto; }
.uses-scroll button { color: rgb(120, 135, 162); text-align: left; cursor: pointer; background: 0px 0px; border-width: 1px 0px 0px; border-style: solid none none; border-color: rgba(255, 255, 255, 0.043) currentcolor currentcolor; border-image: none; grid-template-columns: 42px 1fr 18px; align-items: center; width: 100%; min-height: 55px; padding: 0px 20px; transition: 0.22s; display: grid; }
.uses-scroll button > span { color: rgb(79, 96, 127); font-size: 9px; }
.uses-scroll button b { font-size: 11px; font-weight: 630; }
.uses-scroll button svg { fill: none; stroke: currentcolor; stroke-width: 1.6px; width: 14px; }
.uses-scroll button:hover, .uses-scroll button.active { color: rgb(255, 255, 255); box-shadow: inset 2px 0 var(--cyan); background: linear-gradient(90deg, rgba(18, 223, 243, 0.15), rgba(0, 0, 0, 0)); }
.uses-scroll button.active > span { color: var(--cyan); }
.no-use-result { color: rgb(116, 130, 156); padding: 30px 20px; font-size: 12px; }
.use-detail { padding: 64px; animation: 0.45s ease 0s 1 normal both running useDetailIn; position: relative; overflow: hidden; }
.use-detail::after { content: ""; background: radial-gradient(circle, rgba(18, 223, 243, 0.13), rgba(0, 0, 0, 0) 67%); border-radius: 50%; width: 520px; height: 520px; animation: 4s ease-in-out 0s infinite normal none running productAura; position: absolute; bottom: -220px; right: -180px; }
.use-detail-top { z-index: 2; justify-content: space-between; align-items: center; gap: 20px; display: flex; position: relative; }
.use-detail-top span { color: var(--cyan); letter-spacing: 0.18em; font-size: 9px; }
.use-detail-top b { color: rgb(148, 165, 193); letter-spacing: 0.12em; text-transform: uppercase; background: rgba(18, 223, 243, 0.05); border: 1px solid rgba(18, 223, 243, 0.18); border-radius: 99px; padding: 7px 11px; font-size: 8px; }
.use-detail h3 { z-index: 2; font-family: var(--font-geist),sans-serif; letter-spacing: -0.05em; margin: 34px 0px 16px; font-size: clamp(42px, 5vw, 70px); line-height: 0.96; position: relative; }
.use-detail > p { z-index: 2; color: rgb(152, 167, 191); max-width: 650px; font-size: 15px; line-height: 1.85; position: relative; }
.use-detail > .button { z-index: 2; position: relative; }
.use-device { z-index: 2; background: linear-gradient(110deg, rgba(18, 223, 243, 0.07), rgba(16, 44, 122, 0.12)); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 14px; grid-template-columns: 160px 1fr; align-items: center; gap: 28px; min-height: 190px; margin: 38px 0px 26px; padding: 20px 28px; display: grid; position: relative; overflow: hidden; }
.use-device img { z-index: 2; object-fit: contain; filter: drop-shadow(rgba(0, 0, 0, 0.5) 0px 15px 20px); width: 100%; height: 155px; animation: 3.2s ease-in-out 0s infinite normal none running deviceFloat; position: relative; }
.device-halo { border: 1px solid rgba(18, 223, 243, 0.25); border-radius: 50%; width: 240px; height: 240px; animation: 9s linear 0s infinite normal none running spin; position: absolute; top: -22px; left: -34px; box-shadow: rgba(18, 223, 243, 0.024) 0px 0px 0px 26px, rgba(18, 223, 243, 0.08) 0px 0px 35px; }
.use-device span { color: var(--cyan); letter-spacing: 0.15em; margin-bottom: 8px; font-size: 8px; display: block; }
.use-device strong { color: rgb(229, 237, 249); max-width: 480px; font-size: 14px; line-height: 1.65; display: block; }
.use-safety { z-index: 2; background: rgba(255, 194, 72, 0.043); border: 1px solid rgba(255, 204, 97, 0.16); border-radius: 12px; grid-template-columns: 31px 1fr; gap: 17px; margin-bottom: 24px; padding: 18px; display: grid; position: relative; }
.use-safety svg { fill: none; stroke: rgb(255, 208, 108); stroke-width: 1.2px; width: 25px; }
.use-safety strong { color: rgb(255, 217, 142); font-size: 11px; }
.use-safety p { color: rgb(156, 168, 186); margin: 5px 0px 0px; font-size: 10px; line-height: 1.65; }
.gallery-section { background: rgb(3, 7, 28); padding: 140px 0px; position: relative; overflow: hidden; }
.gallery-section { content-visibility: visible; }
.photo-gallery { grid-template-columns: repeat(12, minmax(0, 1fr)); align-items: start; grid-auto-flow: dense; gap: 16px; margin-top: 64px; display: grid; }
.photo-gallery figure { isolation: isolate; grid-column: span 4; aspect-ratio: 1 / 1; background: rgb(6, 16, 47); border: 1px solid rgba(18, 223, 243, 0.24); border-radius: 14px; margin: 0px; transition: transform 0.42s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.42s, border-color 0.42s; position: relative; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.3) 0px 20px 50px, rgba(18, 223, 243, 0.08) 0px 0px 22px; }
.photo-gallery figure.is-portrait { grid-column: span 4; aspect-ratio: 3 / 4; }
.photo-gallery figure.is-landscape { grid-column: span 6; aspect-ratio: 16 / 10; }
.photo-gallery figure.is-square { grid-column: span 4; aspect-ratio: 1 / 1; }
.photo-gallery:has(> figure:only-child) { display: flex; justify-content: center; }
.photo-gallery > figure:only-child.is-portrait { width: min(100%, 380px); }
.photo-gallery > figure:only-child.is-landscape { width: min(100%, 720px); }
.photo-gallery > figure:only-child.is-square { width: min(100%, 480px); }
.photo-gallery figure::before, .video-card::before { content: ""; z-index: 6; border-radius: inherit; pointer-events: none; background: conic-gradient(from var(--neon-angle),transparent 0 25%,#12dff329 33%,var(--cyan) 42%,#fff 46%,#39a8ff 50%,transparent 60% 100%); filter: drop-shadow(0 0 4px var(--cyan)) drop-shadow(0 0 9px #12dff3bf); padding: 2px; animation: 4.2s linear 0s infinite normal none running galleryNeonOrbit, 2.4s ease-in-out 0s infinite normal none running galleryNeonPulse; position: absolute; inset: 0px; mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) 0px 0px content-box exclude, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) 0px 0px; }
.photo-gallery figure:nth-child(2)::before { animation-delay: -0.45s, -0.3s; }
.photo-gallery figure:nth-child(3)::before { animation-delay: -0.9s, -0.6s; }
.photo-gallery figure:nth-child(4)::before { animation-delay: -1.35s, -0.9s; }
.photo-gallery figure:nth-child(5)::before { animation-delay: -1.8s, -1.2s; }
.photo-gallery figure:nth-child(6)::before { animation-delay: -2.25s, -1.5s; }
.photo-gallery figure:nth-child(7)::before { animation-delay: -2.7s, -1.8s; }
.photo-gallery figure:nth-child(8)::before { animation-delay: -3.15s, -2.1s; }
.photo-gallery figure:nth-child(9)::before { animation-delay: -3.6s, -2.4s; }
.photo-gallery figure:hover { border-color: rgba(18, 223, 243, 0.65); transform: translateY(-7px) scale(1.012); box-shadow: rgba(0, 0, 0, 0.4) 0px 28px 62px, rgba(18, 223, 243, 0.22) 0px 0px 25px, rgba(18, 223, 243, 0.06) 0px 0px 25px inset; }
.photo-gallery figure:hover::before, .video-card:hover::before { animation-duration: 2.2s, 1.35s; }
.photo-gallery:not(.visible) figure::before,
.photo-gallery:not(.visible) .gallery-shine { animation-play-state: paused; }
.photo-gallery img { object-fit: contain; background: radial-gradient(circle at 50% 45%, rgba(28, 86, 210, 0.2), rgba(0, 0, 0, 0) 57%), rgb(5, 11, 38); width: 100%; height: 100%; transition: transform 0.7s cubic-bezier(0.2, 0.7, 0.1, 1), filter 0.5s; }
.photo-gallery figure:hover img { filter: brightness(1.12); transform: none; }
.photo-gallery figure::after { content: ""; z-index: 1; pointer-events: none; background: linear-gradient(rgba(0, 0, 0, 0) 48%, rgba(2, 5, 20, 0.96)); position: absolute; inset: 0px; }
.gallery-shine { z-index: 2; background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0)); width: 50%; height: 170%; animation: 6s ease-in-out 0s infinite normal none running cardShine; position: absolute; top: -35%; left: -80%; transform: rotate(18deg); }
.photo-gallery figure:nth-child(2) .gallery-shine { animation-delay: 1s; }
.photo-gallery figure:nth-child(3) .gallery-shine { animation-delay: 2s; }
.photo-gallery figure:nth-child(4) .gallery-shine { animation-delay: 3s; }
.photo-gallery figure:nth-child(5) .gallery-shine { animation-delay: 4s; }
.photo-gallery figure:nth-child(6) .gallery-shine { animation-delay: 5s; }
.photo-gallery figcaption { z-index: 3; align-items: flex-end; gap: 14px; display: flex; position: absolute; bottom: 18px; left: 22px; right: 22px; }
.photo-gallery figcaption > span { color: var(--cyan); text-shadow: rgba(18, 223, 243, 0.75) 0px 0px 10px; font-size: 9px; }
.photo-gallery figcaption strong, .photo-gallery figcaption small { display: block; }
.photo-gallery figcaption strong { color: rgb(255, 255, 255); font-size: 14px; }
.photo-gallery figcaption small { color: rgb(174, 185, 205); margin-top: 4px; font-size: 9px; }
.video-gallery { grid-template-columns: repeat(10, minmax(0, 1fr)); align-items: start; grid-auto-flow: dense; gap: 14px; margin-top: 70px; display: grid; }
.video-intro { grid-column: span 2; padding: 20px 22px 20px 0px; }
.video-intro > span { color: var(--cyan); letter-spacing: 0.18em; font-size: 8px; }
.video-intro h3 { margin: 16px 0px 13px; font-size: 30px; }
.video-intro p { color: rgb(127, 141, 168); font-size: 11px; line-height: 1.7; }
.video-card { isolation: isolate; grid-column: span 3; background: linear-gradient(160deg, rgb(6, 20, 59), rgb(2, 6, 23)); border: 1px solid rgba(18, 223, 243, 0.28); border-radius: 13px; transition: transform 0.42s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.42s, border-color 0.42s; position: relative; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.35) 0px 18px 45px, rgba(18, 223, 243, 0.08) 0px 0px 22px; }
.video-card.vertical, .video-card.is-portrait { grid-column: span 2; }
.video-card.horizontal, .video-card.is-landscape { grid-column: span 3; }
.video-card.is-square { grid-column: span 2; }
.video-card:nth-child(3)::before { animation-delay: -1.15s, -0.7s; }
.video-card:nth-child(4)::before { animation-delay: -2.3s, -1.4s; }
.video-card:hover { border-color: rgba(18, 223, 243, 0.68); transform: translateY(-7px); box-shadow: rgba(0, 0, 0, 0.45) 0px 28px 62px, rgba(18, 223, 243, 0.24) 0px 0px 28px, rgba(18, 223, 243, 0.05) 0px 0px 25px inset; }
.video-media { aspect-ratio: 16 / 9; background: rgb(1, 3, 12); position: relative; overflow: hidden; }
.video-card.vertical .video-media, .video-card.is-portrait .video-media { aspect-ratio: 9 / 16; }
.video-card.horizontal .video-media, .video-card.is-landscape .video-media { aspect-ratio: 16 / 9; }
.video-card.is-square .video-media { aspect-ratio: 1 / 1; }
.video-card video { z-index: 1; object-fit: contain; background: rgb(1, 3, 12); width: 100%; height: 100%; display: block; position: relative; }
.video-hook { z-index: 4; color: rgb(255, 255, 255); text-align: left; cursor: pointer; background: linear-gradient(180deg, rgba(2, 5, 23, 0.08), rgba(2, 5, 23, 0.94)); border: 0px; flex-direction: column; justify-content: flex-end; align-items: flex-start; gap: 8px; padding: 26px 22px; transition: opacity 0.28s ease, visibility 0.28s ease; display: flex; position: absolute; inset: 0px; }
.video-hook::before { content: ""; pointer-events: none; background: radial-gradient(circle at 50% 34%, rgba(18, 223, 243, 0.2), rgba(0, 0, 0, 0) 36%); position: absolute; inset: 0px; }
.video-hook > * { z-index: 1; position: relative; }
.video-hook > span { color: rgb(107, 235, 249); letter-spacing: 0.18em; font-size: 7px; font-weight: 800; }
.video-hook > strong { max-width: 95%; font-family: var(--font-geist), sans-serif; letter-spacing: -0.025em; font-size: 17px; line-height: 1.2; }
.video-hook > b { color: rgb(3, 24, 43); background: linear-gradient(135deg, rgb(102, 244, 255), rgb(18, 223, 243)); border-radius: 999px; align-items: center; gap: 8px; margin-top: 6px; padding: 9px 13px; font-size: 8px; display: inline-flex; box-shadow: rgba(18, 223, 243, 0.25) 0px 8px 22px; }
.video-hook > b i { font-size: 8px; font-style: normal; }
.video-card.is-playing .video-hook { visibility: hidden; opacity: 0; }
.video-caption { z-index: 2; border-top: 1px solid rgba(18, 223, 243, 0.18); min-height: 95px; padding: 16px 18px 18px; position: relative; }
.video-caption small, .video-caption strong, .video-caption span { display: block; }
.video-caption small { color: var(--cyan); letter-spacing: 0.16em; text-shadow: rgba(18, 223, 243, 0.65) 0px 0px 10px; margin-bottom: 7px; font-size: 7px; }
.video-caption strong { color: rgb(255, 255, 255); font-size: 12px; }
.video-caption span { color: rgb(127, 141, 168); margin-top: 6px; font-size: 9px; line-height: 1.5; }
.williams-section { background: linear-gradient(120deg, rgb(2, 5, 23), rgb(7, 18, 66) 58%, rgb(3, 7, 28)); padding: 145px 0px; position: relative; overflow: hidden; }
.portrait-glow { background: radial-gradient(circle, rgba(28, 103, 247, 0.22), rgba(18, 223, 243, 0.04) 45%, rgba(0, 0, 0, 0) 70%); border-radius: 50%; width: 750px; height: 750px; animation: 6s ease-in-out 0s infinite alternate none running portraitGlow; position: absolute; top: -80px; left: -200px; }
.williams-grid { grid-template-columns: 0.9fr 1.1fr; align-items: center; gap: 100px; display: grid; position: relative; }
.portrait-card { height: 620px; position: relative; }
.portrait-card::before { content: ""; background: linear-gradient(150deg, rgba(15, 43, 121, 0.6), rgba(2, 7, 26, 0.25)); border: 1px solid rgba(18, 223, 243, 0.16); border-radius: 50% 50% 10px 10px; position: absolute; inset: 20px 5% 0px; }
.portrait-card img { z-index: 2; object-fit: cover; object-position: center top; filter: saturate(0.85) contrast(1.04); border-radius: 260px 260px 8px 8px; width: 100%; height: 100%; animation: 5s ease-in-out 0s infinite normal none running portraitBreathe; position: absolute; inset: 0px; mask-image: linear-gradient(rgb(0, 0, 0) 82%, rgba(0, 0, 0, 0)); }
.portrait-lines { z-index: 3; border-width: 1px; border-style: solid; border-color: rgba(18, 223, 243, 0.8) rgba(18, 223, 243, 0.16) rgba(18, 223, 243, 0.16); border-image: none; border-radius: 50%; width: 220px; height: 220px; animation: 9s linear 0s infinite normal none running spin; position: absolute; top: 60px; left: -45px; box-shadow: rgba(18, 223, 243, 0.035) 0px 0px 0px 35px, rgba(18, 223, 243, 0.024) 0px 0px 0px 70px; }
.name-plate { z-index: 4; border-left: 2px solid var(--cyan); backdrop-filter: blur(12px); background: rgba(3, 8, 29, 0.76); padding: 17px 24px; position: absolute; bottom: 30px; left: -16px; }
.name-plate span { color: var(--cyan); letter-spacing: 0.16em; margin-bottom: 7px; font-size: 8px; display: block; }
.name-plate strong { font-family: var(--font-geist),sans-serif; font-size: 28px; line-height: 1; display: block; }
.name-plate { animation: 3.2s ease-in-out 0s infinite normal none running namePlateFloat; }
.williams-beam { z-index: 1; filter: blur(8px); background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(18, 223, 243, 0.07), rgba(0, 0, 0, 0)); width: 260px; height: 120%; animation: 6s ease-in-out 0s infinite normal none running williamsBeam; position: absolute; top: -10%; left: 18%; transform: rotate(14deg); }
.williams-grid.visible .williams-copy > * { animation: 0.75s ease 0s 1 normal both running copyRise; }
.williams-grid.visible .williams-copy > :nth-child(2) { animation-delay: 0.12s; }
.williams-grid.visible .williams-copy > :nth-child(3) { animation-delay: 0.24s; }
.williams-grid.visible .williams-copy > :nth-child(4) { animation-delay: 0.36s; }
.williams-grid.visible .williams-copy > :nth-child(5) { animation-delay: 0.48s; }
.williams-copy > p { color: rgb(155, 169, 192); max-width: 610px; font-size: 16px; line-height: 1.85; }
.williams-copy blockquote { border-left: 1px solid var(--cyan); color: rgb(214, 223, 239); max-width: 610px; margin: 36px 0px; padding: 18px 0px 18px 24px; font-size: 17px; font-style: italic; line-height: 1.7; }
.journey-section { isolation: isolate; color: rgb(6, 16, 46); background: linear-gradient(rgb(249, 251, 255) 0%, rgb(237, 245, 255) 48%, rgb(247, 250, 255) 100%); padding: 145px 0px 155px; position: relative; overflow: hidden; }
.journey-section::before { content: ""; z-index: -2; filter: blur(2px); background: radial-gradient(circle, rgba(18, 223, 243, 0.23), rgba(38, 118, 242, 0.08) 42%, rgba(0, 0, 0, 0) 70%); border-radius: 50%; width: 760px; height: 760px; animation: 9s ease-in-out 0s infinite alternate none running journeyAura; position: absolute; top: -310px; left: -300px; }
.journey-section::after { content: ""; z-index: -2; background: radial-gradient(circle, rgba(22, 91, 211, 0.18), rgba(18, 223, 243, 0.08) 43%, rgba(0, 0, 0, 0) 72%); border-radius: 50%; width: 680px; height: 680px; animation: 11s ease-in-out -3s infinite alternate-reverse none running journeyAura; position: absolute; bottom: -360px; right: -260px; }
.journey-heading { z-index: 2; text-align: center; position: relative; }
.journey-heading::before { content: ""; z-index: -1; filter: blur(12px); background: radial-gradient(rgba(18, 223, 243, 0.17), rgba(0, 0, 0, 0) 68%); border-radius: 50%; width: 460px; height: 150px; animation: 4.8s ease-in-out 0s infinite normal none running journeyTitleGlow; position: absolute; top: 18px; left: 50%; transform: translate(-50%); }
.journey-heading .section-kicker { color: rgb(4, 123, 154); backdrop-filter: blur(12px); background: rgba(255, 255, 255, 0.62); border: 1px solid rgba(6, 143, 184, 0.2); border-radius: 999px; width: max-content; margin: 0px auto 22px; padding: 9px 16px; box-shadow: rgb(255, 255, 255) 0px 1px inset, rgba(24, 74, 143, 0.08) 0px 10px 25px, rgba(18, 223, 243, 0.08) 0px 0px 24px; }
.journey-heading h2 { color: rgb(7, 20, 50); letter-spacing: -0.058em; text-shadow: rgba(12, 47, 109, 0.12) 0px 10px 35px; max-width: 850px; margin: 0px auto; font-size: clamp(44px, 5vw, 72px); font-weight: 650; line-height: 0.98; position: relative; }
.journey-heading h2::after { content: ""; background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgb(33, 220, 235) 24%, rgb(255, 255, 255) 50%, rgb(24, 116, 215) 76%, rgba(0, 0, 0, 0)); border-radius: 99px; width: 180px; height: 2px; margin: 28px auto 0px; animation: 3.4s ease-in-out 0s infinite normal none running journeyBeam; display: block; box-shadow: rgba(18, 190, 229, 0.5) 0px 0px 18px; }
.journey-heading h2 em { color: rgba(0, 0, 0, 0); text-shadow: rgba(5, 143, 184, 0.18) 0px 12px 34px; background: linear-gradient(105deg, rgb(7, 88, 184) 5%, rgb(8, 184, 213) 50%, rgb(7, 84, 168) 95%) 0px 0px / 180% 100% text; animation: 5s ease-in-out 0s infinite normal none running journeyTitleShine; display: block; }
.journey-grid { z-index: 2; grid-template-columns: repeat(3, 1fr); gap: 22px; margin-top: 72px; display: grid; position: relative; }
.journey-grid::before { content: ""; z-index: -1; background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(11, 133, 190, 0.22) 14%, rgba(18, 223, 243, 0.7) 50%, rgba(11, 133, 190, 0.22) 86%, rgba(0, 0, 0, 0)); height: 2px; animation: 4s ease-in-out 0s infinite normal none running journeyPath; position: absolute; top: 59px; left: 8%; right: 8%; box-shadow: rgba(18, 223, 243, 0.25) 0px 0px 18px; }
.journey-grid article { isolation: isolate; backdrop-filter: blur(16px); background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(244, 250, 255, 0.82)); border: 1px solid rgba(20, 108, 178, 0.18); border-radius: 24px; min-height: 310px; padding: 36px 38px 40px; transition: transform 0.42s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.42s, border-color 0.42s; animation: 4.8s ease-in-out 0s infinite normal none running journeyCardBreathe; position: relative; overflow: hidden; box-shadow: rgb(255, 255, 255) 0px 1px inset, rgba(6, 98, 166, 0.04) 0px -1px inset, rgba(20, 58, 115, 0.11) 0px 24px 55px, rgba(8, 35, 78, 0.05) 0px 4px 12px; }
.journey-grid article:nth-child(2) { animation-delay: 0.7s; }
.journey-grid article:nth-child(3) { animation-delay: 1.4s; }
.journey-grid article::before { content: ""; z-index: 1; background: linear-gradient(90deg,transparent,var(--cyan),#0a62c8,transparent); border-radius: 0px 0px 99px 99px; height: 3px; transition: transform 0.42s; animation: 3.8s ease-in-out 0s infinite normal none running journeyTopLine; position: absolute; top: 0px; left: 30px; right: 30px; transform: scaleX(0.48); box-shadow: rgba(18, 223, 243, 0.48) 0px 0px 20px; }
.journey-grid article::after { content: ""; z-index: -1; background: radial-gradient(circle, rgba(18, 223, 243, 0.22), rgba(37, 116, 224, 0.07) 45%, rgba(0, 0, 0, 0) 70%); border-radius: 50%; width: 300px; height: 300px; transition: transform 0.55s, opacity 0.55s; animation: 5s ease-in-out 0s infinite normal none running journeyGlow; position: absolute; bottom: -180px; right: -165px; }
.journey-grid article:hover { border-color: rgba(18, 180, 219, 0.5); animation-play-state: paused; transform: translateY(-12px) scale(1.015); box-shadow: rgb(255, 255, 255) 0px 1px inset, rgba(16, 63, 132, 0.2) 0px 34px 75px, rgba(18, 223, 243, 0.12) 0px 0px 38px; }
.journey-grid article:hover::before { transform: scaleX(1); }
.journey-grid article:hover::after { opacity: 0.9; transform: scale(1.25) translate(-18px, -16px); }
.journey-grid article > span { color: rgba(0, 0, 0, 0); letter-spacing: -0.06em; -webkit-text-stroke: 1px rgba(14, 96, 170, 0.19); text-shadow: rgba(11, 61, 127, 0.08) 0px 5px 16px; font-size: 52px; font-weight: 700; line-height: 1; position: absolute; top: 24px; right: 27px; }
.journey-grid article > span::after { content: ""; background: var(--cyan); border: 2px solid rgb(255, 255, 255); border-radius: 50%; width: 6px; height: 6px; position: absolute; bottom: -12px; right: 4px; box-shadow: rgba(18, 223, 243, 0.13) 0px 0px 0px 5px, rgba(18, 223, 243, 0.6) 0px 0px 16px; }
.journey-grid svg { z-index: 2; fill: none; stroke: rgb(7, 139, 176); stroke-width: 1.25px; background: linear-gradient(145deg, rgba(255, 255, 255, 0.95), rgba(218, 247, 255, 0.78)); border: 1px solid rgba(16, 145, 190, 0.23); border-radius: 18px; width: 58px; height: 58px; padding: 14px; animation: 2.4s ease-in-out 0s infinite normal none running sparkPulse; position: relative; overflow: visible; box-shadow: rgb(255, 255, 255) 1px 1px inset, rgba(9, 103, 163, 0.12) 0px 9px, rgba(11, 100, 162, 0.15) 0px 16px 28px, rgba(18, 223, 243, 0.1) 0px 0px 22px; }
.journey-grid article:nth-child(2) svg { animation-delay: 0.7s; }
.journey-grid article:nth-child(3) svg { animation-delay: 1.4s; }
.journey-grid h3 { z-index: 2; color: rgb(7, 20, 50); font-family: var(--font-geist),sans-serif; letter-spacing: -0.035em; margin: 54px 0px 13px; font-size: 27px; font-weight: 620; position: relative; }
.journey-grid h3::after { content: ""; background: linear-gradient(90deg,#0a7fba,var(--cyan)); border-radius: 99px; width: 32px; height: 2px; margin-top: 13px; transition: width 0.35s; display: block; box-shadow: rgba(18, 223, 243, 0.35) 0px 0px 10px; }
.journey-grid article:hover h3::after { width: 68px; }
.journey-grid p { z-index: 2; color: rgb(97, 112, 139); max-width: 285px; margin: 0px; font-size: 13px; line-height: 1.8; position: relative; }
body[data-site-scope="primary"] .journey-grid { gap: 14px; margin-top: 58px; }
body[data-site-scope="primary"] .journey-grid::before { opacity: .35; top: 50%; }
body[data-site-scope="primary"] .journey-step { color: #071432; cursor: pointer; text-align: left; background: transparent; border: 0; border-radius: 0; grid-template-columns: 42px 42px 1fr 24px; align-items: center; gap: 14px; min-height: 108px; padding: 18px 14px; display: grid; position: relative; overflow: visible; box-shadow: inset 0 -1px rgba(13, 116, 169, .16); transition: transform .3s, box-shadow .3s; }
body[data-site-scope="primary"] .journey-step::before { content: ""; background: linear-gradient(90deg, transparent, rgba(18, 223, 243, .82), transparent); height: 2px; position: absolute; right: 12px; bottom: 0; left: 12px; transform: scaleX(.2); transition: transform .35s; }
body[data-site-scope="primary"] .journey-step::after { content: ""; z-index: -1; opacity: 0; background: radial-gradient(circle, rgba(18, 223, 243, .16), transparent 68%); border-radius: 50%; transition: opacity .3s, transform .3s; position: absolute; inset: -20px; transform: scale(.7); }
body[data-site-scope="primary"] .journey-step:hover { transform: translateY(-4px); box-shadow: inset 0 -1px rgba(11, 157, 205, .45), 0 16px 28px rgba(11, 63, 128, .07); }
body[data-site-scope="primary"] .journey-step:hover::before { transform: scaleX(1); }
body[data-site-scope="primary"] .journey-step:hover::after { opacity: 1; transform: scale(1); }
body[data-site-scope="primary"] .journey-step > span { color: #087da9; letter-spacing: .06em; font-size: 12px; font-weight: 850; }
body[data-site-scope="primary"] .journey-step > svg { fill: none; stroke: #078bb0; stroke-width: 1.5px; background: rgba(18, 223, 243, .09); border: 1px solid rgba(7, 139, 176, .2); border-radius: 13px; width: 42px; height: 42px; padding: 10px; animation: none; box-shadow: none; }
body[data-site-scope="primary"] .journey-step h3 { color: #071432; margin: 0 0 5px; font-size: 18px; font-weight: 720; }
body[data-site-scope="primary"] .journey-step h3::after { display: none; }
body[data-site-scope="primary"] .journey-step p { color: #66758f; max-width: none; font-size: 11px; line-height: 1.45; }
body[data-site-scope="primary"] .journey-arrow { place-items: center; display: grid; }
body[data-site-scope="primary"] .journey-arrow svg { fill: none; stroke: #078bb0; stroke-width: 1.8px; background: none; border: 0; width: 20px; height: 20px; padding: 0; animation: none; box-shadow: none; transition: transform .3s; }
body[data-site-scope="primary"] .journey-step:hover .journey-arrow svg { transform: translateX(4px); }
.journey-action { text-align: center; margin-top: 44px; }
.journey-action .button { color: rgb(255, 255, 255); background: linear-gradient(115deg, rgb(6, 83, 183), rgb(10, 188, 215)); box-shadow: rgba(6, 86, 180, 0.18) 0px 14px 38px, rgba(18, 223, 243, 0.18) 0px 0px 22px; }
.faq-section { background: rgb(3, 7, 28); padding: 135px 0px; }
.faq-grid { grid-template-columns: 0.85fr 1.15fr; gap: 100px; display: grid; }
.faq-grid > div:first-child > p { color: rgb(137, 152, 179); max-width: 470px; font-size: 14px; line-height: 1.8; }
.faq-list { counter-reset: faq; gap: 12px; display: grid; }
.faq-item { counter-increment: faq; isolation: isolate; background: linear-gradient(145deg, rgba(8, 25, 69, 0.72), rgba(3, 9, 34, 0.88)); border: 1px solid rgba(105, 168, 221, 0.18); border-radius: 17px; padding: 0px 18px; transition: transform 0.3s ease, border-color 0.3s ease, background 0.3s ease, box-shadow 0.3s ease; position: relative; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.16) 0px 12px 30px, rgba(255, 255, 255, 0.025) 0px 1px inset; }
.faq-item::before { content: counter(faq, decimal-leading-zero); color: rgba(82, 223, 242, 0.48); letter-spacing: 0.08em; font-size: 9px; font-weight: 800; position: absolute; top: 14px; right: 62px; }
.faq-item::after { content: ""; background: linear-gradient(90deg,transparent,var(--cyan),transparent); width: 45%; height: 1px; animation: 7s ease-in-out 0s infinite normal none running faqLine; position: absolute; bottom: 0px; left: -120%; }
.faq-item:nth-child(2)::after { animation-delay: 1.4s; }
.faq-item:nth-child(3)::after { animation-delay: 2.8s; }
.faq-item:nth-child(4)::after { animation-delay: 4.2s; }
.faq-item:hover, .faq-item.open { background: linear-gradient(145deg, rgba(10, 45, 106, 0.76), rgba(3, 13, 48, 0.94)); border-color: rgba(18, 223, 243, 0.48); transform: translateY(-2px); box-shadow: rgba(0, 0, 0, 0.26) 0px 18px 40px, rgba(18, 223, 243, 0.11) 0px 0px 26px inset, rgba(18, 223, 243, 0.09) 0px 0px 22px; }
.faq-item > button { color: rgb(242, 248, 255); text-align: left; cursor: pointer; background: transparent; border: 0px; justify-content: space-between; align-items: center; gap: 24px; width: 100%; min-height: 84px; padding: 12px 0px; display: flex; }
.faq-item > button span { padding-right: 44px; font-size: 16px; font-weight: 680; line-height: 1.35; transition: color 0.25s ease, transform 0.25s ease; }
.faq-item:hover > button span, .faq-item.open > button span { color: rgb(255, 255, 255); transform: translateX(3px); }
.faq-item svg { box-sizing: border-box; fill: none; flex: 0 0 36px; stroke: var(--cyan); stroke-width: 1.8px; background: rgba(18, 223, 243, 0.07); border: 1px solid rgba(18, 223, 243, 0.22); border-radius: 50%; width: 36px; height: 36px; padding: 9px; transition: transform 0.3s, background 0.3s, box-shadow 0.3s; }
.faq-item.open svg { background: var(--cyan); stroke: rgb(1, 18, 35); transform: rotate(180deg); box-shadow: rgba(18, 223, 243, 0.35) 0px 0px 20px; }
.faq-answer { grid-template-rows: 0fr; transition: grid-template-rows 0.35s; display: grid; }
.faq-answer p { color: rgb(164, 182, 209); margin: 0px; padding-right: 54px; font-size: 14px; line-height: 1.75; overflow: hidden; }
.faq-item.open .faq-answer { grid-template-rows: 1fr; }
.faq-item.open .faq-answer p { padding-bottom: 24px; }
.contact-section { background: radial-gradient(circle, rgb(12, 45, 136), rgb(5, 12, 53) 52%, rgb(2, 5, 26)); place-items: center; min-height: 940px; padding: 100px 0px 90px; display: grid; position: relative; overflow: hidden; }
.contact-grid-bg { opacity: 0.22; background-image: linear-gradient(rgba(18, 223, 243, 0.2) 1px, rgba(0, 0, 0, 0) 1px), linear-gradient(90deg, rgba(18, 223, 243, 0.2) 1px, rgba(0, 0, 0, 0) 1px); background-size: 80px 80px; animation: 8s linear 0s infinite normal none running contactGrid; position: absolute; inset: 0px; mask-image: radial-gradient(circle, rgb(0, 0, 0), rgba(0, 0, 0, 0) 68%); }
.contact-orb { border-width: 1px; border-style: solid; border-image: none; border-color: rgba(18, 223, 243, 0.72) rgba(18, 223, 243, 0.15) rgba(55, 87, 255, 0.58); border-radius: 50%; width: 620px; height: 620px; animation: 12s linear 0s infinite normal none running contactOrbit; position: absolute; box-shadow: rgba(18, 223, 243, 0.02) 0px 0px 0px 70px, rgba(18, 223, 243, 0.09) 0px 0px 90px; }
.contact-inner { z-index: 2; text-align: center; position: relative; }
.contact-inner > img { object-fit: contain; filter: none; width: 165px; height: 75px; margin-bottom: 28px; animation: 3s ease-in-out 0s infinite normal none running logoLevitate; }
.contact-inner h2 { max-width: 900px; margin-inline: auto; }
.contact-inner > p { color: rgb(170, 183, 205); font-size: 16px; }
.contact-intent-block { width: min(970px, 100%); margin: 34px auto 0px; }
.contact-intent-block > span { color: rgb(146, 234, 247); letter-spacing: 0.18em; text-transform: uppercase; margin-bottom: 17px; font-size: 11px; font-weight: 820; display: block; text-shadow: rgba(18, 223, 243, 0.28) 0px 0px 16px; }
.contact-intents { grid-template-columns: repeat(3, 1fr); gap: 15px; display: grid; }
.contact-intent { isolation: isolate; color: rgb(255, 255, 255); text-align: left; text-decoration: none; cursor: pointer; background: linear-gradient(145deg, rgba(9, 40, 102, 0.9), rgba(3, 10, 39, 0.94)); border: 1px solid rgba(92, 205, 239, 0.28); border-radius: 20px; grid-template-columns: 42px 1fr 22px; align-items: center; gap: 14px; min-height: 112px; padding: 18px 19px; transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.3s, background 0.3s, box-shadow 0.3s; display: grid; position: relative; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.22) 0px 15px 34px, rgba(255, 255, 255, 0.04) 0px 1px inset; }
.contact-intent::before { content: ""; z-index: -1; background: linear-gradient(110deg, transparent 18%, rgba(89, 234, 250, 0.13) 45%, transparent 72%); width: 70%; position: absolute; inset: 0px auto 0px -85%; transform: skewX(-15deg); transition: left 0.65s ease; }
.contact-intent::after { content: ""; background: linear-gradient(90deg, transparent, var(--cyan), transparent); border-radius: 99px; height: 2px; position: absolute; right: 20px; bottom: 0px; left: 20px; transform: scaleX(0.24); transition: transform 0.35s ease; box-shadow: rgba(18, 223, 243, 0.45) 0px 0px 16px; }
.contact-intent > span { color: rgb(105, 227, 242); border: 1px solid rgba(18, 223, 243, 0.34); border-radius: 12px; place-items: center; width: 42px; height: 42px; font-size: 10px; font-weight: 820; display: grid; background: rgba(18, 223, 243, 0.05); transition: color 0.3s, background 0.3s, box-shadow 0.3s, transform 0.3s; }
.contact-intent b { font-size: 14px; line-height: 1.32; }
.contact-intent small { color: rgb(155, 174, 203); margin: 6px 0px 0px; font-size: 10.5px; font-weight: 520; line-height: 1.45; display: block; }
.contact-intent svg { fill: none; stroke: currentcolor; stroke-width: 1.8px; width: 20px; transition: transform 0.3s ease; }
.contact-intent:hover, .contact-intent.active { background: linear-gradient(145deg, rgba(10, 93, 190, 0.96), rgba(5, 38, 106, 0.98)); border-color: rgba(18, 223, 243, 0.88); transform: translateY(-6px); box-shadow: rgba(18, 223, 243, 0.22) 0px 20px 38px, rgba(18, 223, 243, 0.1) 0px 0px 28px inset, rgba(255, 255, 255, 0.12) 0px 1px inset; }
.contact-intent:hover::before, .contact-intent.active::before { left: 125%; }
.contact-intent:hover::after, .contact-intent.active::after { transform: scaleX(1); }
.contact-intent:hover svg, .contact-intent.active svg { transform: translateX(4px); }
.contact-intent.active { animation: 3.8s ease-in-out infinite contactIntentBreathe; }
.contact-intent.active > span { color: rgb(2, 26, 48); background: rgb(65, 237, 250); box-shadow: rgba(18, 223, 243, 0.48) 0px 0px 22px; transform: scale(1.05); }
.button.large { min-height: 62px; margin-top: 25px; padding: 0px 30px; }
.contact-actions { flex-wrap: wrap; justify-content: center; align-items: center; gap: 18px; margin-top: 34px; display: flex; }
.contact-actions .button.large { margin-top: 0px; }
.contact-secondary { margin-top: 25px; }
.contact-secondary .social-button { flex: 0 1 250px; width: 250px; min-width: 0; min-height: 68px; }
.social-button::after { content: ""; pointer-events: none; background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.55), rgba(0, 0, 0, 0)); width: 34%; animation: 4.2s ease-in-out 0s infinite normal none running socialButtonShine; position: absolute; inset: -150% auto -150% -42%; transform: rotate(18deg); }
.social-button { isolation: isolate; color: rgb(255, 255, 255); text-align: left; background: linear-gradient(135deg, rgba(12, 40, 102, 0.76), rgba(4, 11, 43, 0.94)); border: 1px solid rgba(72, 221, 255, 0.36); border-radius: 999px; align-items: center; gap: 14px; min-width: 0; min-height: 68px; padding: 0px 20px 0px 12px; text-decoration: none; transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), background 0.3s, border-color 0.3s, box-shadow 0.3s; display: flex; position: relative; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.28) 0px 14px 36px, rgba(18, 223, 243, 0.1) 0px 0px 24px, rgba(255, 255, 255, 0.13) 0px 1px inset, rgba(18, 223, 243, 0.04) 0px 0px 22px inset; }
.social-button::before { content: ""; z-index: -1; border-radius: inherit; opacity: 0.7; background: radial-gradient(circle at 16% center, rgba(18, 223, 243, 0.15), rgba(0, 0, 0, 0) 34%); position: absolute; inset: 0px; }
.social-button:hover { background: linear-gradient(135deg, rgba(12, 66, 140, 0.9), rgba(4, 14, 53, 0.96)); border-color: rgba(18, 223, 243, 0.82); transform: translateY(-5px) scale(1.015); box-shadow: rgba(0, 0, 0, 0.34) 0px 20px 48px, rgba(18, 223, 243, 0.34) 0px 0px 20px, rgba(18, 223, 243, 0.16) 0px 0px 48px, rgba(255, 255, 255, 0.2) 0px 1px inset; }
.social-button .social-copy { color: rgb(157, 178, 211); text-transform: uppercase; letter-spacing: 0.12em; font-size: 9px; line-height: 1.25; }
.social-button strong { color: rgb(255, 255, 255); text-transform: none; letter-spacing: 0.01em; text-shadow: rgba(255, 255, 255, 0.18) 0px 0px 15px; margin-top: 5px; font-size: 13px; display: block; }
.social-icon-3d { isolation: isolate; border-radius: 17px; flex: 0 0 54px; place-items: center; width: 54px; height: 54px; transition: transform 0.28s cubic-bezier(0.2, 0.8, 0.2, 1), filter 0.28s; display: grid; position: relative; transform: rotate(-5deg) translateY(-2px); }
.social-icon-3d::before { content: ""; z-index: -1; opacity: 0.48; background: linear-gradient(rgba(255, 255, 255, 0.68), rgba(255, 255, 255, 0)); border-radius: 10px; height: 42%; position: absolute; inset: 3px 5px auto; }
.social-icon-3d::after { content: ""; z-index: -2; filter: blur(5px); background: rgba(0, 0, 0, 0.42); border-radius: 50%; height: 10px; position: absolute; bottom: -11px; left: 5px; right: 5px; }
.social-icon-3d svg, .button .social-icon-3d svg { fill: none; stroke: rgb(255, 255, 255); stroke-width: 1.7px; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(rgba(0, 0, 0, 0.28) 0px 2px 2px); width: 30px; height: 30px; padding: 0px; }
.social-icon-3d .social-dot { fill: rgb(255, 255, 255); stroke: none; }
.whatsapp-icon { background: linear-gradient(145deg, rgb(84, 244, 135) 0%, rgb(22, 201, 91) 52%, rgb(7, 148, 61) 100%); box-shadow: rgba(255, 255, 255, 0.72) 1px 1px inset, rgba(0, 70, 28, 0.32) -3px -4px 8px inset, rgb(5, 123, 50) 0px 7px, rgba(2, 179, 70, 0.3) 0px 13px 22px; }
.instagram-icon { background: radial-gradient(circle at 30% 95%, rgb(255, 214, 90) 0px, rgb(255, 214, 90) 16%, rgb(255, 92, 61) 38%, rgba(0, 0, 0, 0) 58%), linear-gradient(145deg, rgb(143, 66, 212) 5%, rgb(239, 43, 114) 55%, rgb(255, 123, 54) 100%); transform: rotate(5deg) translateY(-2px); box-shadow: rgba(255, 255, 255, 0.62) 1px 1px inset, rgba(71, 10, 91, 0.3) -3px -4px 8px inset, rgb(106, 40, 126) 0px 7px, rgba(224, 42, 118, 0.26) 0px 13px 22px; }
.youtube-icon { background: linear-gradient(145deg, rgb(255, 98, 92) 0%, rgb(241, 14, 34) 48%, rgb(182, 0, 22) 100%); box-shadow: rgba(255, 255, 255, 0.72) 1px 1px inset, rgba(105, 0, 11, 0.34) -3px -4px 8px inset, rgb(143, 0, 18) 0px 7px, rgba(235, 0, 30, 0.32) 0px 13px 24px; }
.social-icon-3d.youtube-icon svg { fill: rgb(255, 255, 255); stroke: none; }
.social-icon-3d.youtube-icon .youtube-play { fill: rgb(226, 10, 31); }
.youtube-button:hover { background: rgba(230, 10, 35, 0.11); border-color: rgba(255, 67, 78, 0.68); box-shadow: rgba(239, 23, 50, 0.18) 0px 0px 26px; }
.whatsapp-button:hover { background: rgba(14, 151, 75, 0.16); border-color: rgba(77, 241, 145, 0.72); box-shadow: rgba(31, 220, 111, 0.2) 0px 0px 28px; }
.contact-actions button:hover .social-icon-3d, .contact-actions a:hover .social-icon-3d { filter: saturate(1.15) brightness(1.08); transform: rotate(0deg) translateY(-5px) scale(1.06); }
.contact-inner > small { color: rgb(99, 115, 144); max-width: 700px; margin: 35px auto 0px; font-size: 9px; line-height: 1.6; display: block; }
.button, .contact-intent, .video-hook { font-family: inherit; }
.contact-sparks { pointer-events: none; position: absolute; inset: 0px; }
.contact-sparks i { border: 1px solid var(--cyan); border-radius: 50%; width: 7px; height: 7px; animation: 4s ease-in-out 0s infinite normal none running contactSpark; position: absolute; box-shadow: rgba(18, 223, 243, 0.65) 0px 0px 16px; }
.contact-sparks i:first-child { top: 22%; left: 12%; }
.contact-sparks i:nth-child(2) { animation-delay: 0.6s; bottom: 19%; left: 22%; }
.contact-sparks i:nth-child(3) { animation-delay: 1.2s; top: 13%; left: 37%; }
.contact-sparks i:nth-child(4) { animation-delay: 1.8s; top: 26%; right: 12%; }
.contact-sparks i:nth-child(5) { animation-delay: 2.4s; bottom: 15%; right: 23%; }
.contact-sparks i:nth-child(6) { animation-delay: 3s; top: 18%; right: 37%; }
.contact-sparks i:nth-child(7) { animation-delay: 1s; bottom: 42%; left: 8%; }
.contact-sparks i:nth-child(8) { animation-delay: 2s; bottom: 38%; right: 8%; }
footer { background: rgb(2, 4, 20); border-top: 1px solid rgba(255, 255, 255, 0.08); padding: 42px 0px; }
.footer-grid { grid-template-columns: 160px 1fr auto; align-items: center; gap: 32px; display: grid; }
.footer-grid > img { filter: none; width: 130px; }
.footer-grid > p { color: rgb(115, 129, 154); margin: 0px; font-size: 10px; line-height: 1.6; }
.footer-grid > p a { color: rgb(117, 223, 233); text-decoration: none; }
.footer-grid nav { gap: 25px; display: flex; }
.footer-grid nav button, .footer-grid nav a { color: rgb(140, 153, 175); cursor: pointer; background: 0px 0px; border: 0px; font-size: 10px; text-decoration: none; }
.footer-grid nav a { color: rgb(117, 223, 233); }
.footer-grid > span { color: rgb(83, 96, 120); border-top: 1px solid rgba(255, 255, 255, 0.06); grid-column: 1 / -1; padding-top: 22px; font-size: 9px; }
body[data-site-scope="primary"] .footer-legal { align-items: center; gap: 7px; display: flex; }
body[data-site-scope="primary"] .footer-legal > b { color: var(--cyan); border: 1px solid rgba(18, 223, 243, .38); border-radius: 50%; place-items: center; width: 20px; height: 20px; font-size: 10px; display: grid; }
body[data-site-scope="primary"] .footer-legal a { color: #7cf4ff; margin-left: auto; font-weight: 800; letter-spacing: .08em; text-decoration: none; transition: color .25s, text-shadow .25s; }
body[data-site-scope="primary"] .footer-legal a:hover { color: #fff; text-shadow: 0 0 14px rgba(18, 223, 243, .7); }
.quiz-launcher { z-index: 59; isolation: isolate; color: rgb(242, 253, 255); backdrop-filter: blur(16px); cursor: pointer; background: linear-gradient(135deg, rgba(3, 23, 83, 0.98), rgba(4, 83, 174, 0.98)); border: 1px solid rgba(85, 239, 255, 0.95); border-radius: 999px; align-items: center; gap: 15px; min-height: 72px; padding: 10px 24px 10px 11px; animation: 3.4s ease-in-out 0s infinite normal none running quizLauncher; display: flex; position: fixed; bottom: 22px; left: 20px; overflow: hidden; box-shadow: rgba(0, 7, 45, 0.55) 0px 16px 44px, rgba(18, 223, 243, 0.78) 0px 0px 15px, rgba(18, 223, 243, 0.34) 0px 0px 42px, rgba(255, 255, 255, 0.32) 0px 1px inset, rgba(18, 223, 243, 0.1) 0px 0px 28px inset; }
.quiz-launcher::before { content: ""; z-index: -1; border-radius: inherit; background: linear-gradient(105deg, rgba(0, 0, 0, 0) 26%, rgba(255, 255, 255, 0.22) 50%, rgba(0, 0, 0, 0) 74%) 0px 0px / 230% 100%; animation: 3.5s linear 0s infinite normal none running floatingGlow; position: absolute; inset: 0px; }
.quiz-launcher .thought-icon-3d { background: linear-gradient(145deg, rgb(114, 247, 255) 0%, rgb(14, 201, 232) 46%, rgb(7, 95, 199) 100%); border-radius: 17px; place-items: center; width: 52px; height: 52px; transition: 0.25s; display: grid; transform: rotate(-5deg) translateY(-2px); box-shadow: rgba(255, 255, 255, 0.84) 1px 1px inset, rgba(0, 49, 107, 0.32) -3px -4px 8px inset, rgb(3, 79, 155) 0px 8px, rgba(1, 167, 224, 0.4) 0px 15px 26px; }
.quiz-launcher .thought-icon-3d svg { fill: rgb(247, 254, 255); filter: drop-shadow(rgba(0, 25, 82, 0.3) 0px 2px 2px); width: 33px; height: 33px; }
.quiz-launcher .thought-icon-3d .thought-dot { fill: rgb(7, 88, 167); }
.quiz-launcher:hover .thought-icon-3d { transform: rotate(0deg) translateY(-5px) scale(1.06); }
.quiz-launcher b { letter-spacing: 0.045em; text-shadow: rgba(104, 242, 255, 0.45) 0px 0px 16px; font-size: 13px; }
.quiz-overlay { z-index: 100; backdrop-filter: blur(12px); background: rgba(1, 7, 34, 0.78); place-items: center; padding: 18px; animation: 0.25s ease 0s 1 normal both running quizFade; display: grid; position: fixed; inset: 0px; }
.quiz-modal { --wine: #0769cc; --wine-dark: #031f58; --gold: #08bcd9; color: rgb(9, 41, 90); scrollbar-width: thin; scrollbar-color: rgb(11, 168, 211) transparent; background: linear-gradient(150deg, rgb(251, 254, 255) 0%, rgb(237, 249, 255) 56%, rgb(220, 239, 255) 100%); border: 1px solid rgba(28, 224, 255, 0.92); border-radius: 28px; width: min(590px, 100%); max-height: calc(-36px + 100vh); animation: 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) 0s 1 normal both running quizEnter; position: relative; overflow: auto; box-shadow: rgba(0, 4, 35, 0.65) 0px 36px 110px, rgba(18, 223, 243, 0.16) 0px 0px 0px 3px, rgba(18, 223, 243, 0.68) 0px 0px 22px, rgba(18, 223, 243, 0.32) 0px 0px 55px; }
.quiz-modal::before { content: ""; z-index: 0; pointer-events: none; opacity: 0.46; background: radial-gradient(circle at 12% 8%, rgba(18, 223, 243, 0.31), rgba(0, 0, 0, 0) 23%), radial-gradient(circle at 92% 88%, rgba(6, 74, 204, 0.15), rgba(0, 0, 0, 0) 28%); position: absolute; inset: 0px; }
.quiz-modal::after { content: ""; z-index: 0; border: 1px solid rgba(10, 182, 231, 0.2); border-radius: 50%; width: 205px; height: 205px; position: absolute; top: -85px; right: -74px; box-shadow: rgba(18, 223, 243, 0.05) 0px 0px 0px 22px, rgba(16, 116, 231, 0.035) 0px 0px 0px 44px; }
.quiz-close { z-index: 8; color: rgb(109, 49, 80); cursor: pointer; backdrop-filter: blur(10px); background: rgba(255, 253, 248, 0.88); border: 1px solid rgba(116, 20, 56, 0.14); border-radius: 50%; place-items: center; width: 36px; height: 36px; display: grid; position: sticky; top: 13px; left: calc(100% - 49px); box-shadow: rgba(74, 16, 40, 0.1) 0px 6px 18px; }
.quiz-pane { z-index: 1; padding: 15px 44px 43px; animation: 0.3s ease 0s 1 normal both running quizPaneIn; position: relative; }
.quiz-intro { text-align: center; padding-top: 0px; }
.quiz-intro > small { color: rgb(154, 112, 44); letter-spacing: 0.18em; margin-bottom: 10px; font-size: 9px; font-weight: 900; display: block; }
.quiz-intro h3 { color: rgb(124, 59, 87); letter-spacing: -0.015em; max-width: 440px; margin: 13px auto 0px; font-size: 16px; line-height: 1.45; }
.quiz-intro .quiz-primary { margin-top: 8px; }
.quiz-intro > b { color: rgb(154, 123, 135); letter-spacing: 0.05em; margin-top: 14px; font-size: 8px; font-weight: 700; display: block; }
.quiz-later { color: rgb(93, 120, 153); text-underline-offset: 3px; cursor: pointer; background: 0px 0px; border: 0px; margin: 13px auto 0px; padding: 6px 10px; font-size: 9px; text-decoration: underline; display: block; }
.quiz-intro .quiz-later { color: rgb(6, 73, 147); letter-spacing: 0.04em; background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(214, 240, 255, 0.9)); border: 1px solid rgba(7, 105, 204, 0.55); border-radius: 999px; min-width: 190px; min-height: 46px; padding: 0px 22px; font-size: 10px; font-weight: 900; text-decoration: none; transition: 0.22s; box-shadow: rgba(4, 65, 145, 0.12) 0px 9px 20px, rgb(255, 255, 255) 0px 1px inset, rgba(18, 223, 243, 0.13) 0px 0px 15px; }
.quiz-intro .quiz-later:hover { color: rgb(255, 255, 255); background: linear-gradient(135deg, rgb(7, 141, 211), rgb(3, 71, 173)); border-color: rgb(22, 223, 243); transform: translateY(-2px); box-shadow: rgba(3, 67, 155, 0.24) 0px 13px 27px, rgba(18, 223, 243, 0.28) 0px 0px 22px; }
.quiz-seal { color: rgb(242, 254, 255); background: radial-gradient(circle at 34% 28%, rgb(33, 218, 242), rgb(7, 106, 209) 63%, rgb(3, 30, 101)); border: 1px solid rgba(18, 223, 243, 0.72); border-radius: 50%; place-items: center; width: 72px; height: 72px; margin: 0px auto 21px; font-size: 31px; display: grid; box-shadow: rgba(255, 255, 255, 0.1) 0px 0px 0px 5px inset, rgba(2, 61, 139, 0.28) 0px 12px 28px, rgba(18, 223, 243, 0.1) 0px 0px 0px 8px, rgba(18, 223, 243, 0.3) 0px 0px 24px; }
.quiz-seal svg { fill: rgb(255, 255, 255); width: 40px; height: 40px; }
.quiz-seal .thought-dot { fill: rgb(8, 114, 204); }
.quiz-kicker { color: rgb(154, 112, 44); letter-spacing: 0.18em; text-transform: uppercase; margin-bottom: 10px; font-size: 9px; font-weight: 800; display: block; }
.quiz-pane h2, .quiz-pane h3 { color: var(--wine-dark); letter-spacing: -0.035em; margin: 0px; }
.quiz-pane h2 { font-size: clamp(29px, 4vw, 40px); line-height: 1.04; }
.quiz-pane h3 { font-size: 26px; line-height: 1.13; }
.quiz-pane > p, .quiz-intro > p { color: rgb(109, 89, 97); font-size: 13px; line-height: 1.72; }
.quiz-meta { flex-wrap: wrap; justify-content: center; gap: 8px; max-width: 385px; margin: 19px auto 22px; display: flex; }
.quiz-meta span { color: rgb(113, 73, 99); background: rgba(255, 255, 255, 0.54); border: 1px solid rgba(150, 101, 32, 0.18); border-radius: 999px; padding: 7px 10px; font-size: 9px; }
.quiz-primary, .quiz-secondary, .quiz-result-actions a, .quiz-result-actions button { cursor: pointer; border-radius: 999px; justify-content: center; align-items: center; min-height: 48px; padding: 0px 20px; font-size: 11px; font-weight: 800; text-decoration: none; display: inline-flex; }
.quiz-primary, .quiz-result-actions a { color: rgb(255, 255, 255); background: linear-gradient(135deg, rgb(7, 140, 213), rgb(3, 72, 174)); border: 1px solid rgb(24, 223, 243); box-shadow: rgba(2, 72, 164, 0.25) 0px 10px 24px, rgba(18, 223, 243, 0.18) 0px 0px 15px, rgba(255, 255, 255, 0.3) 0px 1px inset; }
.quiz-secondary, .quiz-result-actions button { color: rgb(104, 20, 52); background: rgba(255, 255, 255, 0.54); border: 1px solid rgba(116, 20, 56, 0.22); }
.quiz-primary:hover, .quiz-result-actions a:hover { transform: translateY(-2px); box-shadow: rgba(2, 72, 164, 0.3) 0px 14px 28px, rgba(18, 223, 243, 0.13) 0px 0px 0px 4px, rgba(18, 223, 243, 0.28) 0px 0px 22px; }
.quiz-progress { margin: 2px 0px 28px; }
.quiz-progress > span { color: rgb(142, 107, 119); letter-spacing: 0.11em; text-transform: uppercase; margin-bottom: 8px; font-size: 8px; font-weight: 900; display: block; }
.quiz-progress > i { background: rgba(93, 18, 47, 0.09); border-radius: 99px; height: 6px; display: block; overflow: hidden; box-shadow: rgba(82, 16, 42, 0.11) 0px 1px 2px inset; }
.quiz-progress > i > b { border-radius: inherit; background: linear-gradient(90deg, rgb(7, 93, 204), rgb(20, 229, 244)); height: 100%; transition: width 0.35s; display: block; box-shadow: rgba(18, 223, 243, 0.55) 0px 0px 14px; }
.quiz-count { color: rgb(157, 116, 53); letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: 8px; font-size: 9px; font-weight: 800; display: block; }
.quiz-options { grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 24px; display: grid; }
.quiz-options button { color: rgb(85, 51, 68); text-align: left; cursor: pointer; background: rgba(255, 255, 255, 0.61); border: 1px solid rgba(116, 20, 56, 0.15); border-radius: 15px; min-height: 58px; padding: 13px 15px; font-size: 11px; line-height: 1.35; transition: 0.22s; box-shadow: rgba(63, 18, 38, 0.043) 0px 7px 16px; }
.quiz-options button span { color: rgb(212, 161, 74); width: 16px; font-weight: 900; display: inline-block; }
.quiz-options button:hover { background: rgb(255, 255, 255); border-color: rgba(173, 119, 37, 0.6); transform: translateY(-2px); box-shadow: rgba(85, 23, 47, 0.09) 0px 10px 22px; }
.quiz-options button.selected { color: rgb(255, 255, 255); background: linear-gradient(135deg, rgb(7, 141, 211), rgb(3, 71, 173)); border-color: rgb(26, 223, 243); box-shadow: rgba(3, 67, 155, 0.23) 0px 11px 22px, rgba(18, 223, 243, 0.25) 0px 0px 16px, rgba(255, 255, 255, 0.24) 0px 1px inset; }
.quiz-nav { justify-content: space-between; align-items: center; gap: 10px; margin-top: 20px; display: flex; }
.quiz-nav > button:not(.quiz-primary) { color: rgb(139, 111, 122); cursor: pointer; background: 0px 0px; border: 0px; padding: 9px 3px; font-size: 9px; }
.quiz-nav > button:disabled, .quiz-primary:disabled { opacity: 0.38; cursor: not-allowed; }
.safety-options { grid-template-columns: 1fr; max-height: 410px; padding-right: 5px; overflow: auto; }
.quiz-pane > .quiz-primary { margin-top: 18px; }
.quiz-actions { justify-content: space-between; align-items: center; gap: 10px; margin-top: 21px; display: flex; }
.quiz-note { color: rgb(146, 123, 132); margin-top: 13px; font-size: 9px; line-height: 1.5; display: block; }
.quiz-safety { background: rgba(255, 250, 238, 0.62); border: 1px solid rgba(172, 115, 28, 0.28); border-radius: 18px; margin: 22px 0px; padding: 18px; }
.quiz-safety b { color: rgb(107, 23, 55); font-size: 12px; display: block; }
.quiz-safety p { color: rgb(117, 99, 106); margin: 5px 0px 0px; font-size: 10px; line-height: 1.55; }
.quiz-emergency { text-align: center; padding-top: 20px; }
.emergency-icon { color: rgb(255, 255, 255); background: linear-gradient(145deg, rgb(187, 58, 50), rgb(118, 27, 34)); border-radius: 50%; place-items: center; width: 66px; height: 66px; margin: 0px auto 18px; font-size: 27px; font-weight: 900; display: grid; box-shadow: rgba(136, 25, 30, 0.25) 0px 13px 30px; }
.quiz-alert { color: rgb(255, 255, 255); background: linear-gradient(145deg, rgb(187, 58, 50), rgb(118, 27, 34)); border-radius: 50%; place-items: center; width: 66px; height: 66px; margin: 0px auto 18px; font-size: 27px; display: grid; box-shadow: rgba(136, 25, 30, 0.25) 0px 13px 30px; }
.quiz-emergency strong { color: rgb(126, 32, 31); background: rgba(187, 65, 48, 0.07); border: 1px solid rgba(167, 41, 37, 0.2); border-radius: 15px; margin: 20px 0px; padding: 15px; font-size: 11px; line-height: 1.55; display: block; }
.quiz-safe-actions { flex-wrap: wrap; justify-content: center; gap: 9px; margin-top: 18px; display: flex; }
.quiz-safe-actions .quiz-primary, .quiz-safe-actions .quiz-secondary { min-width: 150px; }
.quiz-emergency > .quiz-disclaimer { display: block; }
.quiz-lead { text-align: center; }
.quiz-lead > label { color: rgb(100, 64, 79); text-align: left; margin-top: 12px; font-size: 9px; font-weight: 700; display: block; }
.quiz-lead > label input { color: rgb(58, 23, 39); background: rgba(255, 255, 255, 0.76); border: 1px solid rgba(116, 20, 56, 0.17); border-radius: 13px; outline: none; width: 100%; height: 48px; margin-top: 6px; padding: 0px 14px; }
.quiz-lead > label input:focus { border-color: rgb(182, 135, 54); box-shadow: rgba(190, 141, 56, 0.1) 0px 0px 0px 4px; }
.quiz-lead > .quiz-primary { width: 100%; margin-top: 15px; }
.quiz-email-error { color: rgb(177, 29, 67); text-align: left; margin: 7px 0px 0px; font-size: 9px; display: block; }
.quiz-lead-form { text-align: left; gap: 11px; margin-top: 22px; display: grid; }
.quiz-lead-form label { color: rgb(100, 64, 79); font-size: 9px; font-weight: 700; }
.quiz-lead-form input { color: rgb(58, 23, 39); background: rgba(255, 255, 255, 0.76); border: 1px solid rgba(116, 20, 56, 0.17); border-radius: 13px; outline: none; width: 100%; height: 48px; margin-top: 6px; padding: 0px 14px; }
.quiz-lead-form input:focus { border-color: rgb(182, 135, 54); box-shadow: rgba(190, 141, 56, 0.1) 0px 0px 0px 4px; }
.quiz-privacy { color: rgb(138, 114, 124); font-size: 8px; line-height: 1.55; }
.quiz-result-header { border-bottom: 1px solid rgba(116, 20, 56, 0.1); padding-bottom: 20px; }
.quiz-result-tag { color: rgb(125, 27, 66); letter-spacing: 0.1em; background: rgba(119, 20, 57, 0.08); border-radius: 99px; margin-bottom: 10px; padding: 6px 9px; font-size: 8px; font-weight: 900; display: inline-flex; }
.quiz-result-header em { color: rgb(172, 122, 42); margin: 10px 0px; font-family: Georgia, serif; font-size: 15px; display: block; }
.quiz-result-section { margin-top: 22px; }
.quiz-result-section h4 { color: rgb(103, 22, 52); margin: 0px 0px 11px; font-size: 13px; }
.quiz-result-section ul { gap: 7px; margin: 0px; padding: 0px; list-style: none; display: grid; }
.quiz-result-section li { color: rgb(104, 79, 90); padding-left: 18px; font-size: 10.5px; line-height: 1.5; position: relative; }
.quiz-result-section li::before { content: ""; background: rgb(193, 140, 53); border-radius: 50%; width: 6px; height: 6px; position: absolute; top: 0.5em; left: 1px; box-shadow: rgba(193, 140, 53, 0.1) 0px 0px 0px 4px; }
.quiz-points { gap: 9px; display: grid; }
.quiz-point { background: rgba(255, 255, 255, 0.52); border: 1px solid rgba(116, 20, 56, 0.11); border-radius: 14px; padding: 13px 14px; }
.quiz-point b { color: rgb(94, 18, 49); font-size: 11px; display: block; }
.quiz-point span { color: rgb(125, 102, 112); margin-top: 3px; font-size: 9.5px; line-height: 1.5; display: block; }
.quiz-koan { color: rgb(101, 66, 79); background: rgba(255, 255, 255, 0.44); border-left: 3px solid rgb(195, 145, 61); margin: 23px 0px 0px; padding: 18px 20px; font-family: Georgia, serif; font-size: 13px; font-style: italic; line-height: 1.55; }
.quiz-disclaimer { color: rgb(132, 109, 117); background: rgba(93, 17, 45, 0.055); border-radius: 13px; margin-top: 18px; padding: 14px; font-size: 8.5px; line-height: 1.55; }
.quiz-result-actions { flex-wrap: wrap; gap: 9px; margin-top: 18px; display: flex; }
.quiz-result > .result-intro { color: rgb(103, 77, 88); border-bottom: 1px solid rgba(116, 20, 56, 0.11); margin: 14px 0px 24px; padding-bottom: 20px; font-size: 13px; line-height: 1.65; }
.quiz-result section { margin-top: 22px; }
.quiz-result section h3, .quiz-result aside h3, .quiz-cta h3 { color: rgb(103, 22, 52); letter-spacing: -0.015em; margin: 0px 0px 9px; font-size: 15px; }
.quiz-result section p, .quiz-result aside p, .quiz-cta p { color: rgb(115, 92, 101); font-size: 10.5px; line-height: 1.6; }
.quiz-result section ul { gap: 7px; margin: 0px; padding: 0px; list-style: none; display: grid; }
.quiz-result section li { color: rgb(104, 79, 90); padding-left: 18px; font-size: 10.5px; line-height: 1.5; position: relative; }
.quiz-result section li::before { content: ""; background: rgb(193, 140, 53); border-radius: 50%; width: 6px; height: 6px; position: absolute; top: 0.5em; left: 1px; box-shadow: rgba(193, 140, 53, 0.1) 0px 0px 0px 4px; }
.quiz-result section .quiz-point { color: rgb(101, 74, 86); background: rgba(255, 255, 255, 0.52); border: 1px solid rgba(116, 20, 56, 0.11); border-radius: 14px; margin: 8px 0px 0px; padding: 13px 14px; }
.quiz-warning { color: rgb(138, 111, 120); margin-top: 11px; font-size: 8.5px; line-height: 1.55; display: block; }
.quiz-result aside { background: rgba(255, 250, 239, 0.66); border: 1px solid rgba(180, 127, 45, 0.2); border-radius: 15px; margin-top: 22px; padding: 16px; }
.quiz-result > blockquote { color: rgb(101, 66, 79); background: rgba(255, 255, 255, 0.44); border-left: 3px solid rgb(195, 145, 61); margin: 22px 0px 0px; padding: 18px 20px; font-family: Georgia, serif; font-size: 13px; font-style: italic; line-height: 1.6; }
.quiz-cta { text-align: center; background: linear-gradient(145deg, rgba(118, 20, 56, 0.08), rgba(200, 150, 62, 0.1)); border-radius: 18px; margin-top: 22px; padding: 19px; }
.quiz-cta a, .quiz-cta button { cursor: pointer; border-radius: 999px; justify-content: center; align-items: center; min-height: 45px; margin: 6px 3px 0px; padding: 0px 16px; font-size: 9px; font-weight: 800; text-decoration: none; display: inline-flex; }
.quiz-cta a { color: rgb(255, 255, 255); background: linear-gradient(135deg, rgb(7, 141, 213), rgb(3, 70, 170)); border: 1px solid rgb(24, 223, 243); }
.quiz-cta button { color: rgb(104, 20, 52); background: rgba(255, 255, 255, 0.54); border: 1px solid rgba(116, 20, 56, 0.22); }
.quiz-delivery-actions { grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 14px; display: grid; }
.quiz-delivery-actions .quiz-primary { width: 100%; margin: 0px; }
.quiz-email-button { border: 1px solid rgba(8, 124, 210, 0.38); }
.quiz-whatsapp-button { background: linear-gradient(135deg, rgb(22, 201, 91), rgb(8, 126, 57)) !important; border-color: rgb(66, 239, 132) !important; }
.quiz-cta > small { color: rgb(110, 130, 158); margin: 11px 0px; font-size: 8px; line-height: 1.5; display: block; }
.quiz-explore { margin-top: 8px !important; }
.quiz-result > .quiz-disclaimer { color: rgb(132, 109, 117); background: rgba(93, 17, 45, 0.055); border-radius: 12px; margin-top: 16px; padding: 13px; font-size: 8px; line-height: 1.55; display: block; }
.quiz-close { color: rgb(7, 83, 163); background: rgba(247, 253, 255, 0.9); border-color: rgba(8, 121, 204, 0.2); box-shadow: rgba(2, 70, 143, 0.12) 0px 6px 18px, rgba(18, 223, 243, 0.12) 0px 0px 12px; }
.quiz-intro > small, .quiz-kicker, .quiz-count { color: rgb(8, 123, 183); }
.quiz-intro h3 { color: rgb(10, 75, 142); }
.quiz-intro > b, .quiz-later, .quiz-progress > span, .quiz-nav > button:not(.quiz-primary), .quiz-note { color: rgb(93, 120, 153); }
.quiz-pane h2, .quiz-pane h3 { color: rgb(3, 31, 88); }
.quiz-pane > p, .quiz-intro > p, .quiz-result section p, .quiz-result aside p, .quiz-cta p { color: rgb(83, 109, 141); }
.quiz-primary, .quiz-result-actions a, .quiz-cta a { background: linear-gradient(135deg, rgb(7, 142, 216), rgb(3, 71, 174)); border-color: rgb(24, 223, 243); }
.quiz-secondary, .quiz-result-actions button, .quiz-cta button { color: rgb(7, 83, 163); background: rgba(255, 255, 255, 0.62); border-color: rgba(7, 105, 204, 0.25); }
.quiz-progress > i { background: rgba(5, 84, 176, 0.1); box-shadow: rgba(3, 52, 120, 0.12) 0px 1px 2px inset; }
.quiz-options button { color: rgb(36, 79, 126); background: rgba(255, 255, 255, 0.66); border-color: rgba(7, 105, 204, 0.17); box-shadow: rgba(1, 49, 114, 0.05) 0px 7px 16px; }
.quiz-options button:hover { border-color: rgba(18, 223, 243, 0.78); box-shadow: rgba(2, 75, 156, 0.1) 0px 10px 22px, rgba(18, 223, 243, 0.16) 0px 0px 14px; }
.quiz-options button span { color: rgb(9, 174, 218); }
.quiz-lead > label, .quiz-lead-form label { color: rgb(36, 79, 126); }
.quiz-lead > label input, .quiz-lead-form input { color: rgb(8, 46, 98); background: rgba(255, 255, 255, 0.82); border-color: rgba(7, 105, 204, 0.2); }
.quiz-lead > label input:focus, .quiz-lead-form input:focus { border-color: rgb(19, 207, 233); box-shadow: rgba(18, 223, 243, 0.12) 0px 0px 0px 4px, rgba(18, 223, 243, 0.15) 0px 0px 16px; }
.quiz-result > .result-intro { color: rgb(69, 102, 134); border-color: rgba(7, 105, 204, 0.12); }
.quiz-result section h3, .quiz-result aside h3, .quiz-cta h3, .quiz-result-section h4 { color: rgb(6, 78, 158); }
.quiz-result section li, .quiz-result-section li, .quiz-warning { color: rgb(76, 109, 143); }
.quiz-result section li::before, .quiz-result-section li::before { background: rgb(19, 207, 233); box-shadow: rgba(18, 223, 243, 0.12) 0px 0px 0px 4px, rgba(18, 223, 243, 0.35) 0px 0px 10px; }
.quiz-result section .quiz-point, .quiz-point { color: rgb(57, 95, 134); background: rgba(255, 255, 255, 0.62); border-color: rgba(7, 105, 204, 0.13); }
.quiz-result aside { background: rgba(235, 250, 255, 0.72); border-color: rgba(18, 190, 229, 0.24); }
.quiz-result > blockquote { color: rgb(54, 95, 135); background: rgba(240, 251, 255, 0.64); border-color: rgb(18, 207, 232); }
.quiz-result > blockquote em { color: rgb(8, 123, 183); }
.quiz-cta { background: linear-gradient(145deg, rgba(7, 105, 204, 0.08), rgba(18, 223, 243, 0.12)); }
.quiz-result > .quiz-disclaimer, .quiz-disclaimer { color: rgb(97, 125, 154); background: rgba(5, 97, 191, 0.055); }
.reveal { opacity: 1; transform: none; }
.reveal.visible { animation: 0.75s ease 0s 1 normal both running sectionReveal; }
.reveal-now { animation: 0.9s cubic-bezier(0.2, 0.7, 0.1, 1) 0s 1 normal both running appear; }
.hero-visual.reveal-now { animation-delay: 0.18s; }
@keyframes appear {
  0% { opacity: 0; transform: translateY(22px); }
  100% { opacity: 1; transform: none; }
}
@keyframes float {
  0%, 100% { transform: rotate(8deg) translateY(-5px); }
  50% { transform: rotate(8deg) translateY(12px); }
}
@keyframes spin {
  100% { transform: rotate(360deg); }
}
@keyframes pulse {
  50% { opacity: 0.5; }
}
@keyframes productIn {
  0% { opacity: 0; transform: translate(20px) scale(0.97); }
  100% { opacity: 1; transform: none; }
}
@keyframes sectionReveal {
  0% { opacity: 0.35; transform: translateY(24px); }
  100% { opacity: 1; transform: none; }
}
@keyframes autoProductProgress {
  0% { transform: scaleX(0); }
  100% { transform: scaleX(1); }
}
@keyframes selectorDotPulse {
  50% { transform: scale(1.28); box-shadow: rgba(18, 223, 243, 0.04) 0px 0px 0px 8px, rgba(18, 223, 243, 0.9) 0px 0px 24px 6px; }
}
@keyframes productAura {
  50% { opacity: 0.68; transform: scale(1.12); }
}
@keyframes portraitGlow {
  100% { transform: translate(60px, 20px) scale(1.08); }
}
@keyframes cinematicPan {
  0% { transform: scale(1) translate(-1%); }
  100% { transform: scale(1.06) translate(1%); }
}
@keyframes gridDrift {
  100% { background-position: 90px 90px; }
}
@keyframes lightSweep {
  0%, 28% { opacity: 0; transform: translate(-30vw, 20vh) rotate(-22deg); }
  44% { opacity: 0.55; }
  70%, 100% { opacity: 0; transform: translate(120vw, -35vh) rotate(-22deg); }
}
@keyframes contactBreathe {
  50% { transform: translateY(-4px); box-shadow: rgba(0, 0, 0, 0.42) 0px 16px 46px, rgba(18, 223, 243, 0.16) 0px 0px 25px; }
}
@keyframes contactIntentBreathe {
  0%, 100% { box-shadow: rgba(18, 223, 243, 0.18) 0px 18px 34px, rgba(18, 223, 243, 0.08) 0px 0px 24px inset, rgba(255, 255, 255, 0.1) 0px 1px inset; }
  50% { box-shadow: rgba(18, 223, 243, 0.32) 0px 23px 46px, rgba(18, 223, 243, 0.15) 0px 0px 34px inset, rgba(255, 255, 255, 0.16) 0px 1px inset; }
}
@keyframes heroMotion {
  0%, 100% { transform: rotate(5deg) translate(-8px, -22px) scale(0.98); }
  50% { transform: rotate(12deg) translate(14px, 24px) scale(1.04); }
}
@keyframes energyPulse {
  0% { opacity: 0.8; transform: scale(0.45); }
  100% { opacity: 0; transform: scale(2.05); }
}
@keyframes scanProduct {
  0%, 100% { opacity: 0.25; top: 14%; }
  50% { opacity: 1; top: 82%; }
}
@keyframes chipPulse {
  50% { border-color: rgba(18, 223, 243, 0.6); transform: scale(1.07); box-shadow: rgba(18, 223, 243, 0.18) 0px 0px 24px; }
}
@keyframes particleRise {
  0% { opacity: 0; transform: translateY(0px) scale(0.5); }
  12% { opacity: 0.85; }
  100% { opacity: 0; transform: translateY(-110vh) translate(45px) scale(1.4); }
}
@keyframes textShine {
  100% { background-position: -220% 0px; }
}
@keyframes buildingCinema {
  0% { filter: saturate(0.76) contrast(1.04) brightness(0.92); transform: scale(1.015) translate(-4px, 2px); }
  100% { filter: saturate(0.95) contrast(1.07) brightness(1.08); transform: scale(1.075) translate(10px, -7px); }
}
@keyframes frameGlow {
  50% { border-color: rgba(18, 223, 243, 0.6); transform: translate(5px, -4px); box-shadow: rgba(18, 223, 243, 0.15) 0px 0px 32px; }
}
@keyframes badgeHover {
  50% { transform: translateY(-12px); box-shadow: rgba(0, 0, 0, 0.45) 0px 24px 55px, rgba(18, 223, 243, 0.13) 0px 0px 24px; }
}
@keyframes copyRise {
  0% { opacity: 0; transform: translateY(24px); }
  100% { opacity: 1; transform: none; }
}
@keyframes metricPulse {
  50% { filter: brightness(1.4); transform: translateY(-5px); }
}
@keyframes metricTextGlow {
  0%, 100% { text-shadow: rgba(255, 255, 255, 0.5) 0px 0px 6px, rgba(18, 223, 243, 0.3) 0px 0px 16px; }
  50% { color: rgb(234, 255, 255); text-shadow: rgb(255, 255, 255) 0px 0px 10px, rgba(18, 223, 243, 0.85) 0px 0px 26px, rgba(18, 223, 243, 0.48) 0px 0px 42px; }
}
@keyframes pillGlow {
  50% { border-color: rgba(18, 223, 243, 0.7); transform: translateY(-3px); box-shadow: rgba(18, 223, 243, 0.14) 0px 0px 20px; }
}
@keyframes radarRotate {
  100% { transform: translateY(-50%) rotate(360deg); }
}
@keyframes radarDot {
  50% { opacity: 0.35; transform: scale(1.8); }
}
@keyframes mapScan {
  0%, 10% { opacity: 0; left: 0px; }
  30% { opacity: 0.65; }
  80%, 100% { opacity: 0; left: 100%; }
}
@keyframes thumbFloat {
  0%, 100% { transform: translateY(0px); }
  50% { border-color: rgba(18, 223, 243, 0.24); transform: translateY(-10px); }
}
@keyframes cardShine {
  0%, 55% { opacity: 0; left: -100%; }
  70% { opacity: 1; }
  100% { opacity: 0; left: 160%; }
}
@keyframes portraitBreathe {
  0%, 100% { filter: saturate(0.85) contrast(1.04); transform: scale(1); }
  50% { filter: saturate() contrast(1.06); transform: scale(1.025) translateY(-6px); }
}
@keyframes namePlateFloat {
  50% { border-color: rgb(255, 255, 255); transform: translate(8px, -9px); }
}
@keyframes williamsBeam {
  0%, 100% { opacity: 0.2; transform: translate(-180px) rotate(14deg); }
  50% { opacity: 1; transform: translate(330px) rotate(14deg); }
}
@keyframes journeyAura {
  0% { opacity: 0.7; transform: translate(-20px, -8px) scale(0.94); }
  100% { opacity: 1; transform: translate(28px, 22px) scale(1.08); }
}
@keyframes journeyTitleGlow {
  50% { opacity: 0.48; transform: translate(-50%) scale(1.16); }
}
@keyframes journeyBeam {
  0%, 100% { opacity: 0.58; transform: scaleX(0.72); }
  50% { opacity: 1; transform: scaleX(1.12); }
}
@keyframes journeyTitleShine {
  0%, 100% { background-position: 0px center; }
  50% { background-position: 100% center; }
}
@keyframes journeyPath {
  0%, 100% { opacity: 0.36; transform: scaleX(0.94); }
  50% { opacity: 1; transform: scaleX(1); }
}
@keyframes journeyCardBreathe {
  0%, 100% { box-shadow: rgb(255, 255, 255) 0px 1px inset, rgba(6, 98, 166, 0.04) 0px -1px inset, rgba(20, 58, 115, 0.11) 0px 24px 55px, rgba(8, 35, 78, 0.05) 0px 4px 12px; }
  50% { box-shadow: rgb(255, 255, 255) 0px 1px inset, rgba(6, 98, 166, 0.06) 0px -1px inset, rgba(20, 70, 145, 0.15) 0px 31px 66px, rgba(18, 223, 243, 0.08) 0px 0px 25px; }
}
@keyframes journeyTopLine {
  0%, 100% { opacity: 0.52; filter: saturate(0.8); }
  50% { opacity: 1; filter: saturate(1.4) brightness(1.18); }
}
@keyframes sparkPulse {
  0%, 100% { transform: translateY(0px) rotate(0deg); }
  50% { stroke: rgb(7, 89, 178); filter: drop-shadow(rgba(8, 159, 186, 0.42) 0px 0px 7px); transform: translateY(-5px) rotate(8deg) scale(1.06); }
}
@keyframes journeyGlow {
  50% { opacity: 0.72; transform: translate(-24px, -18px) scale(1.15); }
}
@keyframes faqLine {
  0%, 50% { opacity: 0; left: -120%; }
  65% { opacity: 1; }
  100% { opacity: 0; left: 160%; }
}
@keyframes contactGrid {
  100% { background-position: 80px 80px; }
}
@keyframes contactOrbit {
  100% { transform: rotate(360deg); }
}
@keyframes logoLevitate {
  50% { filter: drop-shadow(rgba(18, 223, 243, 0.4) 0px 0px 15px); transform: translateY(-12px) scale(1.035); }
}
@keyframes contactSpark {
  50% { opacity: 0.25; transform: translateY(-22px) scale(1.7); }
}
@property --neon-angle { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
@keyframes menuNeon {
  100% { --neon-angle: 360deg; }
}
@keyframes galleryNeonOrbit {
  100% { --neon-angle: 360deg; }
}
@keyframes galleryNeonPulse {
  0%, 100% { opacity: 0.62; }
  50% { opacity: 1; }
}
@keyframes showcasePulse {
  50% { border-color: rgba(18, 223, 243, 0.38); box-shadow: rgba(0, 0, 0, 0.4) 0px 36px 110px, rgba(18, 223, 243, 0.1) 0px 0px 65px; }
}
@keyframes featuredLevitate {
  50% { filter: drop-shadow(rgba(0, 0, 0, 0.62) 0px 34px 35px) drop-shadow(rgba(18, 223, 243, 0.25) 0px 0px 28px); transform: translateY(-10px) rotate(1deg); }
}
@keyframes heroMotorFloat {
  0%, 100% { transform: translateY(7px) rotate(1.2deg); }
  50% { transform: translateY(-13px) rotate(-1.2deg); }
}
@keyframes heroMotorOrbit {
  0% { transform: translate(76px); }
  6.25% { transform: translate(70px, 19px); }
  12.5% { transform: translate(54px, 35px); }
  18.75% { transform: translate(29px, 46px); }
  25% { transform: translateY(50px); }
  31.25% { transform: translate(-29px, 46px); }
  37.5% { transform: translate(-54px, 35px); }
  43.75% { transform: translate(-70px, 19px); }
  50% { transform: translate(-76px); }
  56.25% { transform: translate(-70px, -19px); }
  62.5% { transform: translate(-54px, -35px); }
  68.75% { transform: translate(-29px, -46px); }
  75% { transform: translateY(-50px); }
  81.25% { transform: translate(29px, -46px); }
  87.5% { transform: translate(54px, -35px); }
  93.75% { transform: translate(70px, -19px); }
  100% { transform: translate(76px); }
}
@keyframes heroMotorCounterOrbit {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(-360deg); }
}
@keyframes heroMotorEnergy {
  0%, 100% { filter: drop-shadow(rgba(0, 0, 0, 0.68) 0px 32px 30px) drop-shadow(rgba(23, 137, 255, 0.48) 0px 0px 21px); }
  50% { filter: drop-shadow(rgba(0, 0, 0, 0.72) 0px 36px 33px) drop-shadow(rgba(18, 223, 243, 0.78) 0px 0px 42px); }
}
@keyframes heroMotorShadow {
  0%, 100% { opacity: 0.55; transform: scale(0.88); }
  50% { opacity: 0.78; transform: scale(1.05); }
}
@keyframes spinReverse {
  100% { transform: rotate(-360deg); }
}
@keyframes productScan {
  0%, 100% { opacity: 0.2; transform: translateY(0px); }
  50% { opacity: 0.95; transform: translateY(340px); }
}
@keyframes useDetailIn {
  0% { opacity: 0.35; transform: translate(20px); }
  100% { opacity: 1; transform: none; }
}
@keyframes deviceFloat {
  50% { filter: drop-shadow(rgba(0, 0, 0, 0.55) 0px 20px 25px) drop-shadow(rgba(18, 223, 243, 0.16) 0px 0px 14px); transform: translateY(-8px) rotate(2deg); }
}
@keyframes videoPlay {
  50% { transform: translate(-50%, -50%) scale(1.1); box-shadow: rgba(18, 223, 243, 0) 0px 0px 0px 16px, rgba(18, 223, 243, 0.42) 0px 0px 38px; }
}
@keyframes renewOrbit {
  0% { transform: rotate(0deg) translate(170px) rotate(0deg); }
  100% { transform: rotate(360deg) translate(170px) rotate(-360deg); }
}
@keyframes vipPulse {
  50% { box-shadow: rgba(18, 223, 243, 0.38) 0px 0px 28px, rgba(18, 223, 243, 0.11) 0px 0px 22px inset; }
}
@keyframes vipPrimaryPulse {
  50% { box-shadow: rgba(18, 223, 243, 0.5) 0px 0px 36px, rgba(255, 255, 255, 0.7) 0px 1px inset, rgba(0, 23, 74, 0.34) 0px 12px 28px; }
}
@keyframes vipShine {
  0%, 35% { transform: translate(-65%) rotate(12deg); }
  70%, 100% { transform: translate(65%) rotate(12deg); }
}
@keyframes exclusiveShine {
  0%, 36% { transform: translateX(-70%) rotate(10deg); }
  66%, 100% { transform: translateX(70%) rotate(10deg); }
}
@keyframes exclusiveStatus {
  50% { opacity: .42; box-shadow: rgba(104, 255, 225, 0.38) 0px 0px 4px; }
}
@keyframes navLineGlow {
  50% { opacity: .42; transform: scaleX(.74); }
}
@keyframes headquartersShine {
  0%, 42% { transform: translate(-120%); }
  70%, 100% { transform: translate(120%); }
}
@keyframes quizFade {
  0% { opacity: 0; }
}
@keyframes quizEnter {
  0% { opacity: 0; transform: translateY(22px) scale(0.96); }
}
@keyframes quizPaneIn {
  0% { opacity: 0.25; transform: translate(14px); }
}
@keyframes quizLauncher {
  50% { transform: translateY(-4px); box-shadow: rgba(0, 8, 48, 0.54) 0px 16px 42px, rgba(18, 223, 243, 0.9) 0px 0px 18px, rgba(18, 223, 243, 0.36) 0px 0px 40px, rgba(255, 255, 255, 0.28) 0px 1px inset; }
}
@keyframes floatingGlow {
  0% { background-position: 180% 0px; }
  100% { background-position: -120% 0px; }
}
@keyframes socialButtonShine {
  0%, 38% { opacity: 0; left: -42%; }
  48% { opacity: 0.85; }
  66%, 100% { opacity: 0; left: 125%; }
}
@keyframes heroVideoFloat {
  0%, 100% { transform: translate(-8%, 0) rotate(-9deg); }
  50% { transform: translate(-10%, -12px) rotate(-7deg); }
}
@keyframes heroVideoShine {
  0%, 42% { transform: translateX(-78%) rotate(8deg); opacity: 0; }
  52% { opacity: .85; }
  68%, 100% { transform: translateX(78%) rotate(8deg); opacity: 0; }
}
@keyframes heroVideoFloatMobile {
  0%, 100% { transform: translate(-2%, 0) rotate(-6deg); }
  50% { transform: translate(-3%, -8px) rotate(-4deg); }
}
@media (width > 900px) and (width <= 1380px) {
  .nav { width: calc(100% - 18px); }
  .brand img { width: 108px; }
  .nav-links { gap: 4px; }
  .nav-links > button, .nav-links .testimonials-nav { min-height: 42px; padding-inline: 9px; font-size: 9px; }
  .materials-trigger { min-height: 42px; padding-inline: 9px; gap: 5px; font-size: 9px; }
  .language-trigger { min-height: 42px; padding: 5px 8px; }
  .language-globe { width: 30px; height: 30px; }
  .lead-finder-nav, .acupressure-nav, .admin-panel-nav { min-height: 42px; padding: 6px 9px; font-size: 9px; }
  .lead-finder-icon, .acupressure-nav-icon, .admin-panel-icon { display: none !important; }
  .vip-login { min-height: 44px; padding-inline: 10px; }
  .vip-login-icon { display: none; }
}
@media (width <= 900px) {
  .wrap { width: min(100% - 34px, 680px); }
  .nav { min-height: 72px; }
  .brand img { width: 116px; height: 42px; }
  .menu-toggle { cursor: pointer; background: rgba(255, 255, 255, 0.035); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 50%; flex-direction: column; justify-content: center; align-items: center; gap: 7px; width: 42px; height: 42px; transition: 0.25s; display: flex; }
  .menu-toggle span { background: rgb(255, 255, 255); width: 17px; height: 1px; transition: transform 0.25s, opacity 0.25s; }
  .menu-toggle[aria-expanded="true"] { border-color: rgba(18, 223, 243, 0.7); box-shadow: rgba(18, 223, 243, 0.2) 0px 0px 22px; }
  .menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(4px) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-4px) rotate(-45deg); }
  .nav-links { z-index: 100; height: calc(100dvh - 72px); max-height: calc(100dvh - 72px); padding: 18px 18px max(32px,env(safe-area-inset-bottom)); overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: rgba(18, 223, 243, 0.5) transparent; background: linear-gradient(rgba(3, 7, 28, 0.984), rgba(3, 10, 40, 0.99)); border-bottom: 1px solid rgba(255, 255, 255, 0.1); flex-direction: column; align-items: stretch; gap: 0px; display: none; position: absolute; top: 72px; left: 0px; right: 0px; overflow: hidden auto; box-shadow: rgba(0, 0, 0, 0.62) 0px 24px 60px; }
  .nav-links.open { display: flex; }
  .nav-links > button, .nav-links .testimonials-nav { text-align: left; justify-content: center; width: 100%; padding: 15px; }
  .materials-picker { margin: 8px 0px 2px; }
  .materials-trigger { border-radius: 18px; justify-content: center; width: 100%; min-height: 56px; }
  .materials-dropdown { transform-origin: center top; width: 100%; margin-top: 9px; position: relative; top: auto; right: auto; transform: translateY(-6px) scale(0.98); }
  .language-picker { margin: 8px 0px 2px; }
  .language-trigger { border-radius: 18px; justify-content: center; width: 100%; min-height: 58px; }
  .language-trigger-copy { min-width: 70px; }
  .language-trigger-copy small { font-size: 7px; }
  .language-trigger-copy strong { font-size: 11px; }
  .language-dropdown { transform-origin: center top; border-radius: 18px; width: 100%; margin-top: 9px; position: relative; top: auto; right: auto; transform: translateY(-6px) scale(0.98); }
  .language-dropdown::before { display: none; }
  .vip-login { justify-content: center; min-height: 58px; margin: 8px 0px 2px; }
  .lead-finder-nav { justify-content: center; min-height: 58px; margin: 8px 0px 2px; }
  .acupressure-nav { justify-content: center; min-height: 58px; margin: 8px 0px 2px; }
  .admin-panel-nav { justify-content: center; min-height: 58px; margin: 8px 0px 2px; }
  .nav-links .nav-cta { justify-content: center; margin-top: 8px; }
  .hero-layout { grid-template-columns: 1fr; gap: 0px; padding-top: 130px; }
  .hero-copy { text-align: center; }
  .eyebrow, .trust-row { justify-content: center; }
  h1 { margin-inline: auto; font-size: clamp(46px, 9vw, 66px); }
  .hero-copy > p { margin-inline: auto; }
  .hero-copy > .hero-presentation-cta { margin-inline: auto; }
  .hero-visual { min-height: 540px; }
  .product-stage { height: 510px; }
  .hero-product-pair { width: min(100%, 650px); height: 500px; }
  .hero-video-shell { width: min(94vw, 650px); }
  .hero-product { height: 470px; }
  .hero-motor-orbit-path { width: 118%; height: 90%; }
  .halo-a { width: 500px; height: 500px; }
  .halo-b { width: 360px; height: 360px; }
  .stage-label { left: 5%; }
  .stage-chip { right: 4%; }
  .scroll-cue { display: none; }
  .about-preview, .product-teaser { padding: 95px 0px; }
  .about-grid { grid-template-columns: 1fr; gap: 60px; }
  .about-image, .about-image img { height: 440px; min-height: 440px; }
  .image-badge { width: min(390px, 100% - 30px); right: 15px; }
  .teaser-head { flex-direction: column; align-items: flex-start; }
  .text-button { margin: 0px; }
  .teaser-card { text-align: center; grid-template-columns: 1fr; padding: 35px 28px; }
  .teaser-card img { max-height: 240px; }
  .teaser-card > b { display: none; }
  .global-section { min-height: 620px; }
  .global-bg { object-position: 65% center; }
  .global-overlay { background: linear-gradient(90deg, rgb(2, 7, 29) 2%, rgba(3, 8, 30, 0.88) 70%, rgba(3, 8, 30, 0.35)); }
  .products-section, .uses-section, .gallery-section, .williams-section, .journey-section, .faq-section { padding: 95px 0px; }
  .products-heading, .uses-heading, .gallery-heading { grid-template-columns: 1fr; gap: 15px; }
  .product-showcase { grid-template-columns: 1fr; }
  .product-selector { border-bottom: 1px solid rgba(18, 223, 243, 0.17); border-right: 0px; flex-direction: row; overflow: auto; }
  .product-selector button { flex: 0 0 205px; min-width: 205px; min-height: 76px; }
  .product-selector button:hover, .product-selector button.active { transform: translateY(-2px); }
  .product-selector button.active { box-shadow: inset 0 -3px var(--cyan),inset 0 0 24px #12dff314,0 0 22px #12dff31f; }
  .product-selector button.active b::after { bottom: -10px; }
  .featured-product { text-align: center; grid-template-columns: 1fr; min-height: 740px; padding: 45px; }
  .featured-copy p { margin-inline: auto; }
  .product-media { grid-row: 1; width: min(100%, 440px); }
  .uses-shell { grid-template-columns: 300px 1fr; }
  .use-detail { padding: 45px 36px; }
  .use-device { grid-template-columns: 120px 1fr; }
  .photo-gallery { grid-template-columns: 1fr 1fr; }
  .photo-gallery figure, .photo-gallery figure.is-portrait, .photo-gallery figure.is-landscape, .photo-gallery figure.is-square { grid-column: auto; }
  .video-gallery { grid-template-columns: 1fr 1fr; }
  .video-intro { grid-column: 1 / -1; }
  .video-card, .video-card.vertical, .video-card.horizontal, .video-card.is-portrait, .video-card.is-landscape, .video-card.is-square { grid-column: auto; }
  .williams-grid { grid-template-columns: 1fr; gap: 60px; }
  .portrait-card { width: min(100%, 520px); margin-inline: auto; }
  .williams-copy { text-align: center; }
  .williams-copy > p, .williams-copy blockquote { margin-left: auto; margin-right: auto; }
  .journey-heading h2 { max-width: 680px; }
  .journey-grid { grid-template-columns: 1fr; gap: 18px; margin-top: 58px; }
  .journey-grid::before { background: linear-gradient(rgba(0, 0, 0, 0), rgba(18, 223, 243, 0.65), rgba(0, 0, 0, 0)); width: 2px; height: auto; inset: 55px auto 55px 28px; }
  .journey-grid article { min-height: 245px; padding-left: 38px; }
  body[data-site-scope="primary"] .journey-grid { gap: 12px; }
  body[data-site-scope="primary"] .journey-grid::before { display: none; }
  body[data-site-scope="primary"] .journey-step { min-height: 110px; }
  .faq-grid { grid-template-columns: 1fr; gap: 50px; }
  .footer-grid { grid-template-columns: 130px 1fr; }
  .footer-grid nav { flex-wrap: wrap; grid-column: 1 / -1; }
  .contact-intents { grid-template-columns: 1fr; width: min(540px, 100%); margin-inline: auto; }
  .contact-intent { min-height: 78px; }
}

/* Prife Travel Club: substitui a antiga jornada sem cortar a arte em nenhuma tela. */
.journey-section.travel-club-section {
  background:linear-gradient(180deg,#03133a 0%,#06245d 48%,#03143d 100%);
  padding:0;
  overflow:hidden;
}
.journey-section.travel-club-section::before,
.journey-section.travel-club-section::after { display:none; }
.travel-club-promo {
  width:100% !important;
  max-width:none;
  margin-inline:auto;
  perspective:1200px;
}
.travel-club-scene {
  isolation:isolate;
  aspect-ratio:1916 / 821;
  border:0;
  border-radius:0;
  position:relative;
  overflow:hidden;
  animation:travelScenePulse 4.8s ease-in-out infinite;
  animation-play-state:running;
  box-shadow:0 24px 85px rgba(0,7,31,.62),inset 0 0 56px rgba(57,202,255,.18);
}
.travel-club-art {
  z-index:0;
  object-fit:cover;
  object-position:center;
  width:100%;
  height:100%;
  display:block;
  position:absolute;
  inset:0;
  animation:travelArtBreath 5.8s ease-in-out infinite;
  animation-play-state:running;
  will-change:transform,filter;
  pointer-events:none;
}
.travel-water-motion {
  z-index:2;
  pointer-events:none;
  height:59%;
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  overflow:hidden;
  opacity:.92;
  mix-blend-mode:screen;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.72) 18%,#000 43%);
  mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.72) 18%,#000 43%);
}
.travel-water-motion::before,
.travel-water-motion::after,
.travel-water-motion i {
  content:"";
  position:absolute;
  inset:0;
}
.travel-water-motion::before {
  opacity:.88;
  background:repeating-radial-gradient(ellipse at 50% 118%,transparent 0 17px,rgba(208,255,255,.48) 19px 22px,transparent 25px 38px);
  background-size:128px 48px;
  filter:drop-shadow(0 0 5px rgba(116,239,255,.72));
  animation:travelWaterRipples 3.2s linear infinite;
  animation-play-state:running;
}
.travel-water-motion::after {
  opacity:.8;
  background:linear-gradient(104deg,transparent 2%,rgba(229,255,255,.5) 14%,transparent 27%,rgba(73,229,255,.46) 43%,transparent 57%,rgba(255,255,255,.48) 75%,transparent 91%);
  background-size:220% 100%;
  animation:travelWaterShimmer 3.6s ease-in-out infinite;
  animation-play-state:running;
}
.travel-water-motion i:first-child {
  opacity:.65;
  background:repeating-linear-gradient(176deg,transparent 0 22px,rgba(201,254,255,.42) 24px 27px,transparent 30px 44px);
  animation:travelWaveDrift 4.5s linear infinite;
  animation-play-state:running;
}
.travel-water-motion i:nth-child(2) {
  opacity:.72;
  background:
    radial-gradient(circle at 9% 72%,rgba(255,255,255,.95) 0 2px,transparent 7px),
    radial-gradient(circle at 28% 48%,rgba(158,248,255,.9) 0 3px,transparent 9px),
    radial-gradient(circle at 54% 76%,rgba(255,255,255,.9) 0 2px,transparent 8px),
    radial-gradient(circle at 76% 52%,rgba(155,246,255,.92) 0 3px,transparent 10px),
    radial-gradient(circle at 92% 82%,rgba(255,255,255,.88) 0 2px,transparent 8px),
    radial-gradient(ellipse at 24% 72%,rgba(142,246,255,.58),transparent 20%),
    radial-gradient(ellipse at 75% 84%,rgba(255,255,255,.48),transparent 20%);
  animation:travelWaterGlow 3.2s ease-in-out infinite alternate;
  animation-play-state:running;
}
.travel-water-motion i:nth-child(3) {
  opacity:.8;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.68),rgba(104,232,255,.44),transparent);
  width:30%;
  left:-30%;
  transform:skewX(-20deg);
  animation:travelWaterFlash 4.6s ease-in-out infinite;
  animation-play-state:running;
}
.travel-light-sweep {
  z-index:3;
  pointer-events:none;
  opacity:.7;
  background:linear-gradient(108deg,transparent 35%,rgba(255,255,255,.42) 48%,rgba(126,230,255,.28) 52%,transparent 65%);
  width:56%;
  position:absolute;
  top:-20%;
  bottom:-20%;
  left:-70%;
  transform:skewX(-12deg);
  animation:travelLightSweep 5.2s ease-in-out infinite;
  animation-play-state:running;
}
.travel-flying-plane {
  z-index:4;
  pointer-events:none;
  color:#fff;
  display:grid;
  place-items:center;
  width:1.25em;
  height:1.25em;
  font-family:Arial,sans-serif;
  font-size:clamp(42px,6vw,104px);
  line-height:1;
  position:absolute;
  top:9%;
  left:-15%;
  filter:drop-shadow(0 9px 11px rgba(0,12,49,.68)) drop-shadow(0 0 15px rgba(255,255,255,.92));
  text-shadow:0 0 22px rgba(147,235,255,.95);
  will-change:left,top,transform,opacity;
  animation:travelPlaneFlight 7.8s cubic-bezier(.25,.05,.62,.96) infinite;
  animation-play-state:running;
}
.travel-flying-plane::after {
  content:"";
  pointer-events:none;
  width:clamp(48px,8vw,135px);
  height:2px;
  opacity:.66;
  background:linear-gradient(90deg,transparent,rgba(185,245,255,.88));
  position:absolute;
  top:66%;
  right:74%;
  transform:rotate(-12deg);
  filter:blur(.2px) drop-shadow(0 0 5px rgba(127,226,255,.8));
}
@keyframes travelScenePulse {
  0%,100% { filter:brightness(1) saturate(1.02); box-shadow:0 24px 85px rgba(0,7,31,.62),inset 0 0 56px rgba(57,202,255,.16); }
  50% { filter:brightness(1.045) saturate(1.1); box-shadow:0 28px 95px rgba(0,17,67,.68),inset 0 0 76px rgba(90,225,255,.28); }
}
@keyframes travelArtBreath {
  0%,100% { filter:saturate(1.03) brightness(1); transform:scale(1); }
  50% { filter:saturate(1.14) brightness(1.04); transform:scale(1.014); }
}
@keyframes travelWaterRipples {
  from { background-position:0 0; transform:translate3d(-1%,2px,0) scaleX(1.02); }
  to { background-position:128px 48px; transform:translate3d(2%,-8px,0) scaleX(1.08); }
}
@keyframes travelWaterShimmer {
  0%,100% { background-position:110% 0; transform:translateX(-2%); }
  50% { background-position:-80% 0; transform:translateX(2%); }
}
@keyframes travelWaveDrift {
  from { background-position:0 0; transform:skewY(-1deg) translateX(-1%); }
  to { background-position:170px 48px; transform:skewY(1deg) translateX(1%); }
}
@keyframes travelWaterGlow {
  from { transform:translate3d(-3%,2%,0) scale(1); }
  to { transform:translate3d(4%,-2%,0) scale(1.12); }
}
@keyframes travelWaterFlash {
  0%,18% { left:-35%; opacity:0; }
  35% { opacity:.6; }
  62%,100% { left:118%; opacity:0; }
}
@keyframes travelLightSweep {
  0%,15% { left:-75%; opacity:0; }
  32% { opacity:.42; }
  58%,100% { left:125%; opacity:0; }
}
@keyframes travelPlaneFlight {
  0% { left:-12%; top:30%; opacity:0; transform:rotate(-10deg) scale(.68); }
  6% { opacity:1; }
  42% { top:12%; opacity:1; transform:rotate(-1deg) scale(.95); }
  82% { top:4%; opacity:1; transform:rotate(6deg) scale(1.12); }
  100% { left:105%; top:-7%; opacity:0; transform:rotate(10deg) scale(1.22); }
}
@media (width <= 560px) {
  .journey-section.travel-club-section { padding:0; }
  .travel-club-promo { width:100% !important; }
  .travel-club-scene { border-radius:0; animation-duration:5.8s; }
  .travel-flying-plane { font-size:38px; animation-duration:8.8s; }
  .travel-water-motion { opacity:.88; }
  .travel-light-sweep { opacity:.58; }
}
/* Esta campanha deve permanecer animada mesmo se uma configuração antiga do
   painel estiver em "sem movimento". A preferência continua valendo nas
   demais seções, mas não paralisa a água, os brilhos ou o avião desta arte. */
body[data-tenant-motion="off"] .travel-club-scene { animation:travelScenePulse 4.8s ease-in-out infinite !important; }
body[data-tenant-motion="off"] .travel-club-art { animation:travelArtBreath 5.8s ease-in-out infinite !important; }
body[data-tenant-motion="off"] .travel-water-motion::before { animation:travelWaterRipples 3.2s linear infinite !important; }
body[data-tenant-motion="off"] .travel-water-motion::after { animation:travelWaterShimmer 3.6s ease-in-out infinite !important; }
body[data-tenant-motion="off"] .travel-water-motion i:first-child { animation:travelWaveDrift 4.5s linear infinite !important; }
body[data-tenant-motion="off"] .travel-water-motion i:nth-child(2) { animation:travelWaterGlow 3.2s ease-in-out infinite alternate !important; }
body[data-tenant-motion="off"] .travel-water-motion i:nth-child(3) { animation:travelWaterFlash 4.6s ease-in-out infinite !important; }
body[data-tenant-motion="off"] .travel-light-sweep { animation:travelLightSweep 5.2s ease-in-out infinite !important; }
body[data-tenant-motion="off"] .travel-flying-plane { animation:travelPlaneFlight 7.8s cubic-bezier(.25,.05,.62,.96) infinite !important; }
@media (width <= 560px) {
  .wrap { width: calc(100% - 28px); }
  .hero-layout { padding-top: 118px; padding-bottom: 28px; }
  h1 { font-size: 44px; }
  .hero-copy > p { font-size: 15px; }
  .button { width: 100%; }
  .trust-row { margin-top: 30px; }
  .nav-links { padding-inline: 14px; }
  .nav-links > button, .nav-links .testimonials-nav, .materials-trigger, .language-trigger, .vip-login, .lead-finder-nav, .acupressure-nav, .nav-links .nav-cta { flex: 0 0 auto; min-height: 58px; }
  .materials-dropdown, .language-dropdown { flex: 0 0 auto; }
  .materials-list a, .material-disabled { min-height: 62px; }
  .hero-visual { min-height: 510px; overflow: visible; }
  .product-stage { height: 500px; overflow: visible; }
  .hero-product-pair { grid-template-columns: 0.92fr 1.08fr; width: 108%; height: 365px; position: absolute; bottom: 0px; right: -11%; transform: none; }
  .hero-video-shell { width: calc(100vw - 22px); animation-name: heroVideoFloatMobile; }
  .hero-product-video { transform: scale(1.18); }
  .hero-product { place-self: end; height: 342px; margin-right: -6px; }
  .hero-motor-orbit-path { align-self: end; width: 115%; height: 96%; margin-left: -18%; }
  .hero-motor-orbiting { width: 58%; height: 58%; }
  .halo-a { width: 430px; height: 430px; }
  .halo-b { width: 310px; height: 310px; }
  .stage-label { z-index: 5; border-top: 1px solid rgba(18, 223, 243, 0.22); border-right: 1px solid rgba(18, 223, 243, 0.22); border-bottom: 1px solid rgba(18, 223, 243, 0.22); border-image: none; border-left: 2px solid var(--cyan); backdrop-filter: blur(8px); background: linear-gradient(90deg, rgba(3, 12, 45, 0.96), rgba(3, 12, 45, 0.64)); border-radius: 0px 14px 14px 0px; max-width: 190px; padding: 13px 14px 13px 17px; top: 3%; left: 3%; box-shadow: rgba(18, 223, 243, 0.1) 0px 0px 24px; }
  .stage-label strong { font-size: 15px; }
  .stage-chip { bottom: 3%; right: 1%; }
  .about-image, .about-image img { height: 420px; min-height: 420px; }
  .image-badge { border-radius: 15px; grid-template-columns: 40px 1fr; gap: 11px; width: auto; padding: 17px 16px; bottom: 14px; left: 14px; right: 14px; }
  .image-badge svg { width: 31px; height: 31px; padding: 6px; }
  .headquarters-copy strong { font-size: 12px; }
  .headquarters-copy > b { font-size: 11px; }
  .headquarters-copy address { font-size: 8.5px; }
  .metrics { grid-template-columns: 1fr; }
  .metrics div { border-bottom: 1px solid rgba(255, 255, 255, 0.07); padding: 17px 0px; }
  .teaser-card { margin-top: 30px; }
  .global-section { min-height: 700px; }
  .global-bg { object-position: 65% center; opacity: 0.46; }
  .global-copy { padding-top: 80px; }
  .product-showcase { margin-top: 40px; }
  .featured-product { min-height: 700px; padding: 32px 18px; }
  .product-media { width: min(100%, 360px); }
  .uses-shell { grid-template-columns: 1fr; }
  .uses-list { border-bottom: 1px solid rgba(255, 255, 255, 0.09); border-right: 0px; }
  .uses-scroll { max-height: 280px; }
  .use-detail { padding: 36px 22px; }
  .use-detail-top { flex-direction: column; align-items: flex-start; }
  .use-device { text-align: center; grid-template-columns: 1fr; }
  .use-device img { width: 120px; margin-inline: auto; }
  .device-halo { left: 50%; transform: translate(-50%); }
  .photo-gallery { grid-template-columns: 1fr; grid-auto-rows: auto; }
  .photo-gallery figure, .photo-gallery figure.is-portrait, .photo-gallery figure.is-landscape, .photo-gallery figure.is-square { width: 100%; }
  .video-gallery { grid-template-columns: 1fr; }
  .video-intro { grid-column: auto; }
  .video-card { min-height: 0px; }
  .portrait-card { height: 490px; }
  .name-plate { left: 0px; }
  .journey-section { padding: 100px 0px 110px; }
  .journey-heading h2 { font-size: 42px; }
  .journey-heading h2::after { width: 130px; margin-top: 22px; }
  .journey-grid article { border-radius: 20px; min-height: 250px; padding: 30px 26px 32px; }
  .journey-grid article > span { font-size: 44px; right: 22px; }
  .journey-grid h3 { margin-top: 44px; }
  body[data-site-scope="primary"] .journey-step { grid-template-columns: 34px 38px 1fr 18px; gap: 10px; min-height: 104px; padding: 16px 14px; }
  body[data-site-scope="primary"] .journey-step > svg { width: 38px; height: 38px; padding: 9px; }
  body[data-site-scope="primary"] .journey-step h3 { margin: 0 0 4px; font-size: 15px; }
  body[data-site-scope="primary"] .journey-step p { font-size: 9px; }
  .contact-section { min-height: 860px; padding: 86px 0px 105px; }
  .contact-orb { width: 420px; height: 420px; }
  .contact-actions { align-items: stretch; gap: 16px; }
  .contact-actions .button, .contact-actions .social-button { width: 100%; max-width: 380px; min-height: 74px; }
  .footer-grid { text-align: center; grid-template-columns: 1fr; }
  .footer-grid > img { margin-inline: auto; }
  .footer-grid nav { justify-content: center; }
  body[data-site-scope="primary"] .footer-legal { justify-content: center; flex-wrap: wrap; }
  body[data-site-scope="primary"] .footer-legal a { flex-basis: 100%; margin: 8px 0 0; }
  .quiz-launcher { gap: 9px; min-height: 64px; padding: 8px 15px 8px 9px; bottom: 10px; left: 10px; }
  .quiz-launcher .thought-icon-3d { border-radius: 14px; width: 44px; height: 44px; }
  .quiz-launcher .thought-icon-3d svg { width: 28px; height: 28px; }
  .quiz-launcher b { font-size: 10px; display: block; }
  .quiz-overlay { align-items: end; padding: 7px; }
  .quiz-modal { border-radius: 24px; max-height: calc(-14px + 100vh); }
  .quiz-pane { padding: 8px 20px 28px; }
  .quiz-pane h2 { font-size: 31px; }
  .quiz-pane h3 { font-size: 23px; }
  .quiz-options { grid-template-columns: 1fr; }
  .quiz-options button { min-height: 52px; }
  .quiz-actions, .quiz-result-actions { flex-direction: column; align-items: stretch; }
  .quiz-actions button, .quiz-result-actions a, .quiz-result-actions button { width: 100%; }
  .quiz-seal { width: 62px; height: 62px; font-size: 27px; }
  .quiz-delivery-actions { grid-template-columns: 1fr; }
  .quiz-safe-actions { flex-direction: column; }
  .quiz-safe-actions .quiz-primary, .quiz-safe-actions .quiz-secondary { width: 100%; }
}
@media (width <= 370px) {
  .quiz-launcher b { font-size: 9px; }
  .quiz-launcher { padding-right: 12px; }
}

/* Mobile: keep the isolated product transparent and avoid the GPU filter
   rectangle that some phones paint around the animated PNG. */
@media (width <= 900px) {
  .featured-product .product-media,
  .featured-product .media-items,
  .featured-product .media-items img {
    background: transparent !important;
    box-shadow: none !important;
    mix-blend-mode: normal !important;
  }

  .featured-product .media-items {
    filter: none !important;
    animation: none !important;
    transform: none !important;
    will-change: auto !important;
    backface-visibility: visible;
    contain: none;
  }

  .featured-product .media-items img {
    filter: none !important;
    animation: 3.6s ease-in-out 0.5s infinite mobileProductFloatSafe !important;
    position: relative;
    transform: none !important;
    will-change: auto !important;
  }

  .quiz-launcher {
    min-height: 56px;
    padding: 6px 12px 6px 7px;
  }

  .quiz-launcher .thought-icon-3d {
    width: 40px;
    height: 40px;
  }
}

@keyframes mobileProductFloatSafe {
  0%, 100% { top: 0; }
  50% { top: -8px; }
}

.hero-grid, .orb, .halo, .hero-product, .hero-motor-orbiting, .hero-motor, .global-bg, .global-radar, .product-orbit, .product-scanline, .quiz-launcher { will-change: transform, opacity; }
@property --tw-rotate-x { syntax: "*"; inherits: false; }
@property --tw-rotate-y { syntax: "*"; inherits: false; }
@property --tw-rotate-z { syntax: "*"; inherits: false; }
@property --tw-skew-x { syntax: "*"; inherits: false; }
@property --tw-skew-y { syntax: "*"; inherits: false; }

/* Primary-site refinements: seamless hero media, stacked landscape videos and light journey actions. */
.hero-product-video {
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.08) 7%, rgba(0,0,0,.42) 16%, rgba(0,0,0,.82) 25%, #000 34%, #000 100%);
  mask-image: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.08) 7%, rgba(0,0,0,.42) 16%, rgba(0,0,0,.82) 25%, #000 34%, #000 100%);
}
.hero-video-shell::after {
  content: "";
  z-index: 5;
  pointer-events: none;
  background: radial-gradient(ellipse at 50% 0%, rgba(27,103,184,.48) 0%, rgba(21,83,157,.22) 36%, transparent 72%);
  filter: blur(10px);
  position: absolute;
  inset: -2% 18% auto;
  height: 25%;
}
body[data-site-scope="primary"] .video-landscape-stack {
  grid-column: span 3;
  align-self: start;
  gap: 14px;
  display: grid;
}
body[data-site-scope="primary"] .video-landscape-stack .video-card {
  grid-column: auto !important;
  width: 100%;
}
.journey-section .journey-grid {
  gap: 34px !important;
}
.journey-section .journey-grid::before {
  display: none !important;
}
.journey-choice {
  color: inherit;
  cursor: pointer;
  text-align: left;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  grid-template-columns: 54px 1fr 40px;
  align-items: center;
  gap: 18px;
  min-height: 94px;
  padding: 12px 4px 18px;
  display: grid;
  position: relative;
  overflow: visible;
  box-shadow: none !important;
  transition: transform .35s ease;
}
.journey-choice::before {
  content: "";
  background: linear-gradient(90deg, transparent, rgba(18,223,243,.34) 12%, var(--cyan) 50%, rgba(18,223,243,.34) 88%, transparent);
  height: 1px;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  transform: scaleX(.38);
  transition: transform .4s ease, box-shadow .4s ease;
}
.journey-choice::after {
  content: "";
  opacity: 0;
  pointer-events: none;
  background: radial-gradient(ellipse at 50% 100%, rgba(18,223,243,.14), transparent 70%);
  position: absolute;
  inset: 20% -4% -16%;
  transition: opacity .35s ease;
}
.journey-choice:hover {
  transform: translateY(-5px);
}
.journey-choice:hover::before {
  transform: scaleX(1);
  box-shadow: 0 0 18px rgba(18,223,243,.58);
}
.journey-choice:hover::after {
  opacity: 1;
}
.journey-choice-index {
  color: #06172b;
  letter-spacing: .06em;
  background: linear-gradient(145deg, #74f4ff, #22cee8);
  border: 1px solid rgba(255,255,255,.52);
  border-radius: 50%;
  place-items: center;
  width: 48px;
  height: 48px;
  font-size: 11px;
  font-weight: 850;
  display: grid;
  box-shadow: 0 0 0 6px rgba(18,223,243,.06), 0 10px 24px rgba(18,223,243,.17);
  transition: transform .35s ease, box-shadow .35s ease;
}
.journey-choice:hover .journey-choice-index {
  transform: rotate(-7deg) scale(1.07);
  box-shadow: 0 0 0 8px rgba(18,223,243,.08), 0 12px 30px rgba(18,223,243,.32);
}
.journey-choice h3 {
  color: inherit;
  margin: 0 0 6px;
  font-size: 18px;
  font-weight: 720;
}
.journey-choice h3::after {
  display: none;
}
.journey-choice p {
  color: rgba(157,181,215,.82);
  max-width: none;
  margin: 0;
  font-size: 11px;
  line-height: 1.45;
}
.journey-choice-arrow {
  place-items: center;
  width: 36px;
  height: 36px;
  display: grid;
}
.journey-choice-arrow svg {
  fill: none;
  stroke: var(--cyan);
  stroke-width: 1.7px;
  width: 20px;
  height: 20px;
  padding: 0;
  animation: none;
  transition: transform .35s ease;
}
.journey-choice:hover .journey-choice-arrow svg {
  transform: translateX(6px);
}
@media (width <= 900px) {
  body[data-site-scope="primary"] .video-landscape-stack { grid-column: auto; }
  .journey-section .journey-grid { gap: 16px !important; }
}
@media (width <= 560px) {
  .journey-choice { grid-template-columns: 46px 1fr 28px; gap: 12px; min-height: 88px; }
  .journey-choice-index { width: 42px; height: 42px; }
  .journey-choice h3 { font-size: 15px; }
  .journey-choice p { font-size: 9px; }
}

.hero .hero-actions,
.seo-hero-actions {
  display:none !important;
}

/* Compact PWG journey actions — intentionally separate from the former card design. */
body[data-site-scope="primary"] .journey-grid:has(.journey-pill-v2) {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px !important;
  width: min(100%, 1080px);
  margin: 52px auto 0;
}
body[data-site-scope="primary"] .journey-pill-v2 {
  color: #eafcff;
  cursor: pointer;
  text-align: left;
  background: linear-gradient(115deg, rgba(8,39,90,.66), rgba(5,20,58,.3)) !important;
  border: 1px solid rgba(18,223,243,.3) !important;
  border-radius: 999px !important;
  grid-template-columns: 46px 1fr 32px;
  align-items: center;
  gap: 13px;
  min-width: 0;
  min-height: 74px;
  padding: 8px 12px 8px 9px;
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: 0 12px 32px rgba(0,8,36,.22), inset 0 1px rgba(255,255,255,.06) !important;
  transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}
body[data-site-scope="primary"] .journey-pill-v2::before {
  content: "";
  pointer-events: none;
  background: linear-gradient(105deg, transparent 34%, rgba(255,255,255,.23) 49%, transparent 64%);
  width: 48%;
  height: 190%;
  position: absolute;
  top: -45%;
  left: -65%;
  transform: rotate(12deg);
  transition: left .65s ease;
}
body[data-site-scope="primary"] .journey-pill-v2:hover {
  border-color: rgba(104,244,255,.78) !important;
  transform: translateY(-4px);
  box-shadow: 0 18px 38px rgba(0,8,36,.3), 0 0 26px rgba(18,223,243,.17), inset 0 1px rgba(255,255,255,.1) !important;
}
body[data-site-scope="primary"] .journey-pill-v2:hover::before { left: 122%; }
body[data-site-scope="primary"] .journey-pill-v2 > span {
  color: #03172b;
  background: linear-gradient(145deg,#83f7ff,#20d4eb);
  border: 1px solid rgba(255,255,255,.68);
  border-radius: 50%;
  place-items: center;
  width: 44px;
  height: 44px;
  font-size: 10px;
  font-weight: 900;
  display: grid;
  box-shadow: 0 0 20px rgba(18,223,243,.3);
}
body[data-site-scope="primary"] .journey-pill-v2 h3 {
  color: #f7fcff;
  margin: 0 0 4px;
  font-size: 15px;
  font-weight: 760;
  line-height: 1.1;
}
body[data-site-scope="primary"] .journey-pill-v2 h3::after { display:none; }
body[data-site-scope="primary"] .journey-pill-v2 p {
  color: #91a9cd;
  max-width: none;
  margin: 0;
  font-size: 9px;
  line-height: 1.35;
}
body[data-site-scope="primary"] .journey-pill-v2 > i {
  color: var(--cyan);
  border: 1px solid rgba(18,223,243,.2);
  border-radius: 50%;
  place-items: center;
  width: 30px;
  height: 30px;
  display: grid;
}
body[data-site-scope="primary"] .journey-pill-v2 > i svg {
  fill:none;
  stroke:currentColor;
  stroke-width:1.8px;
  width:16px;
  height:16px;
  padding:0;
  animation:none;
  transition:transform .3s ease;
}
body[data-site-scope="primary"] .journey-pill-v2:hover > i svg { transform:translateX(3px); }
@media (width <= 900px) {
  body[data-site-scope="primary"] .journey-grid:has(.journey-pill-v2) { grid-template-columns:1fr; width:min(100%,560px); }
}
@media (width <= 560px) {
  body[data-site-scope="primary"] .journey-pill-v2 { grid-template-columns:42px 1fr 28px; min-height:70px; }
  body[data-site-scope="primary"] .journey-pill-v2 > span { width:40px; height:40px; }
}

/* PWG fica no menu: foto, endereço e link são um único botão clicável. */
.nav-links .pwg-location-nav {
  isolation:isolate;
  color:#eaffff;
  text-decoration:none;
  background:linear-gradient(120deg,rgba(8,63,117,.9),rgba(3,18,53,.96));
  border:1px solid rgba(18,223,243,.5);
  border-radius:999px;
  grid-template-columns:38px minmax(112px,1fr) 14px;
  align-items:center;
  gap:9px;
  min-height:50px;
  padding:5px 11px 5px 6px;
  display:grid;
  position:relative;
  overflow:hidden;
  box-shadow:0 9px 24px rgba(0,0,0,.24),0 0 18px rgba(18,223,243,.11),inset 0 1px rgba(255,255,255,.08);
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.nav-links .pwg-location-nav::before {
  content:"";
  pointer-events:none;
  background:linear-gradient(105deg,transparent 34%,rgba(255,255,255,.24) 49%,transparent 64%);
  animation:exclusiveShine 4.6s ease-in-out infinite;
  position:absolute;
  inset:-90% -40%;
  transform:translateX(-66%) rotate(10deg);
}
.nav-links .pwg-location-nav::after {
  content:"";
  pointer-events:none;
  border-radius:inherit;
  background:conic-gradient(from var(--neon-angle),transparent 0 30%,#12dff355 38%,#62f4ff 45%,#fff 48%,#21baff 53%,transparent 64% 100%);
  padding:1px;
  animation:3.4s linear infinite menuNeon;
  position:absolute;
  inset:0;
  mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
}
.nav-links .pwg-location-nav:hover { color:#fff; border-color:#b8fbff; transform:translateY(-2px); box-shadow:0 13px 28px rgba(0,0,0,.3),0 0 30px rgba(18,223,243,.3); }
.pwg-location-nav img { z-index:1; object-fit:cover; object-position:center; border:1px solid rgba(255,255,255,.4); border-radius:50%; width:38px; height:38px; box-shadow:0 0 16px rgba(18,223,243,.3); }
.pwg-location-nav > span { z-index:1; min-width:0; line-height:1.05; display:block; }
.pwg-location-nav strong { color:#8cf6ff; letter-spacing:.16em; font-size:9px; display:block; }
.pwg-location-nav small { color:#eefbff; letter-spacing:0; white-space:nowrap; margin-top:4px; font-size:6.5px; font-weight:650; line-height:1.2; display:block; }
.pwg-location-nav > svg { z-index:1; fill:none; stroke:var(--cyan); stroke-width:1.8px; width:14px; height:14px; transition:transform .28s ease; }
.pwg-location-nav:hover > svg { transform:translateX(3px); }

/* Somente os três botões de "Escolha como quer começar": sem cartões retangulares. */
.contact-section .contact-intents { gap:32px; }
.contact-section .contact-intent {
  color:#fff;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  grid-template-columns:50px 1fr 34px;
  gap:15px;
  min-height:88px;
  padding:8px 4px 17px;
  overflow:visible;
  box-shadow:none !important;
  transform:none;
}
.contact-section .contact-intent::before {
  content:"";
  z-index:-1;
  opacity:0;
  background:radial-gradient(ellipse at 50% 100%,rgba(18,223,243,.14),transparent 70%);
  width:auto;
  position:absolute;
  inset:15% -5% -18%;
  transform:none;
  transition:opacity .35s ease;
}
.contact-section .contact-intent::after {
  right:0;
  bottom:0;
  left:0;
  height:1px;
  transform:scaleX(.4);
  background:linear-gradient(90deg,transparent,rgba(18,223,243,.45),var(--cyan),rgba(18,223,243,.45),transparent);
  transition:transform .38s ease,box-shadow .38s ease;
}
.contact-section .contact-intent > span {
  color:#06172b;
  background:linear-gradient(145deg,#83f7ff,#20d4eb);
  border:1px solid rgba(255,255,255,.68);
  border-radius:50%;
  width:46px;
  height:46px;
  box-shadow:0 0 0 6px rgba(18,223,243,.05),0 10px 24px rgba(18,223,243,.16);
}
.contact-section .contact-intent b { font-size:16px; }
.contact-section .contact-intent small { color:#91a9cd; font-size:10px; }
.contact-section .contact-intent > svg {
  color:var(--cyan);
  border:1px solid rgba(18,223,243,.24);
  border-radius:50%;
  width:32px;
  height:32px;
  padding:7px;
  box-shadow:0 0 16px rgba(18,223,243,.08);
}
.contact-section .contact-intent:hover,
.contact-section .contact-intent.active {
  background:transparent !important;
  border:0 !important;
  transform:translateY(-4px);
  box-shadow:none !important;
  animation:none;
}
.contact-section .contact-intent:hover::before,
.contact-section .contact-intent.active::before { left:-5%; opacity:1; }
.contact-section .contact-intent:hover::after,
.contact-section .contact-intent.active::after { transform:scaleX(1); box-shadow:0 0 16px rgba(18,223,243,.5); }
.contact-section .contact-intent.active > span { color:#06172b; background:linear-gradient(145deg,#8ff9ff,#21d6ec); transform:scale(1.04); }

@media (width <= 1200px) {
  .nav-links .pwg-location-nav { grid-template-columns:34px auto 12px; }
  .pwg-location-nav img { width:34px; height:34px; }
  .pwg-location-nav small { display:none; }
}
@media (width <= 900px) {
  .nav-links .pwg-location-nav { justify-content:center; grid-template-columns:46px minmax(0,1fr) 18px; width:100%; min-height:68px; border-radius:18px; padding:8px 14px 8px 9px; }
  .pwg-location-nav img { width:46px; height:46px; }
  .pwg-location-nav strong { font-size:11px; }
  .pwg-location-nav small { font-size:8px; display:block; }
  .contact-section .contact-intents { gap:14px; }
}

/* Refinamentos v49: PWG informativo, mídia limpa no iPhone e leitura ampliada. */
.hero-product-static { display:none; }
.hero-video-shell,
.hero-product-video,
.hero-product-static { border:0 !important; outline:0 !important; background:transparent !important; }

/* Todos os vídeos ocupam cartões iguais sem deformar a mídia. */
.video-gallery {
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
  gap:20px;
}
.video-intro { grid-column:1 / -1; padding:0 0 18px; }
body[data-site-scope="primary"] .video-landscape-stack { display:contents; }
.video-card,
.video-card.vertical,
.video-card.horizontal,
.video-card.is-portrait,
.video-card.is-landscape,
.video-card.is-square {
  grid-column:auto !important;
  width:100%;
  height:100%;
}
.video-card .video-media,
.video-card.vertical .video-media,
.video-card.horizontal .video-media,
.video-card.is-portrait .video-media,
.video-card.is-landscape .video-media,
.video-card.is-square .video-media { aspect-ratio:16 / 9; }
.video-caption { min-height:112px; }
.video-caption strong { font-size:15px; }
.video-caption span { color:#aab8d1; font-size:11px; }

/* Mais contraste na seção clara e textos secundários maiores. */
.journey-section { color:#06152f; }
.journey-heading h2,
.journey-choice h3 { color:#06152f; }
.journey-choice p { color:#344b70; font-size:13px; font-weight:560; }
.journey-heading .section-kicker { color:#075b78; font-size:11px; }

@media (width <= 900px) {
  /* Safari/iOS não preserva o alfa do WebM: usa a imagem transparente do produto. */
  .hero-product-video { display:none; }
  .hero-product-static {
    object-fit:contain;
    width:100%;
    height:100%;
    display:block;
    filter:saturate(1.08) contrast(1.08) drop-shadow(0 28px 24px rgba(0,7,34,.62)) drop-shadow(0 0 24px rgba(72,186,255,.4));
  }
  .hero-video-shell {
    aspect-ratio:692 / 1500;
    width:min(61vw,255px);
    max-height:470px;
    margin-inline:auto;
    overflow:visible;
  }
  .hero-video-shell::after,
  .hero-video-orbit { display:none; }
  .product-stage { overflow:hidden; }
  .product-stage::before { width:190px; height:45px; bottom:34px; }

  .nav-links > button,
  .nav-links .testimonials-nav,
  .materials-trigger,
  .language-trigger,
  .vip-login,
  .lead-finder-nav,
  .acupressure-nav,
  .admin-panel-nav { font-size:14px; font-weight:760; }
  .nav-links .pwg-location-nav {
    grid-template-columns:58px minmax(0,1fr) 22px;
    min-height:82px;
    padding:10px 18px 10px 11px;
  }
  .pwg-location-nav img { width:58px; height:58px; }
  .pwg-location-nav strong { color:#b9fbff; font-size:15px; }
  .pwg-location-nav small { color:#fff; margin-top:6px; font-size:11px; line-height:1.35; }
  .materials-list a,
  .material-disabled { font-size:14px; }
  .materials-list b { font-size:13px; }
  .materials-dropdown-head span,
  .language-dropdown-head span { font-size:11px; }
  .language-trigger-copy small { font-size:9px; }
  .language-trigger-copy strong { font-size:14px; }

  .journey-choice h3 { font-size:17px; }
  .journey-choice p { color:#2f476c; font-size:12px; line-height:1.55; }
}

@media (width <= 560px) {
  .hero-visual { min-height:500px; overflow:hidden; }
  .product-stage { height:488px; }
  .hero-video-shell { width:min(58vw,238px); max-height:455px; }
  .stage-label { left:4%; }
  .stage-chip { right:4%; }
  .video-gallery { grid-template-columns:1fr; gap:18px; }
  .video-card .video-media,
  .video-card.vertical .video-media,
  .video-card.horizontal .video-media,
  .video-card.is-portrait .video-media,
  .video-card.is-landscape .video-media,
  .video-card.is-square .video-media { aspect-ratio:16 / 9; }
  .video-caption { min-height:108px; padding:18px 19px; }
  .video-caption strong { font-size:16px; }
  .video-caption span { font-size:12px; }
  .video-hook > strong { font-size:19px; }
  .video-hook > span { font-size:9px; }
  .journey-choice p { font-size:12px; }
}

/* Refinamentos v50: proporção original automática e cartão PWG completo. */
.photo-gallery figure,
.photo-gallery figure.is-portrait,
.photo-gallery figure.is-landscape,
.photo-gallery figure.is-square {
  aspect-ratio:var(--media-aspect, 1 / 1);
}

.video-gallery {
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  justify-content:center;
  gap:20px;
}
.video-intro { flex:0 0 100%; }
body[data-site-scope="primary"] .video-landscape-stack { display:contents; }
.video-card,
.video-card.horizontal,
.video-card.is-landscape,
.video-card.is-square,
.video-card.adaptive {
  flex:1 1 calc(50% - 20px);
  width:auto;
  height:auto;
}
.video-card.vertical,
.video-card.is-portrait {
  flex:0 1 min(34%, 430px);
  width:min(34%, 430px);
  height:auto;
}
.video-card .video-media,
.video-card.vertical .video-media,
.video-card.horizontal .video-media,
.video-card.is-portrait .video-media,
.video-card.is-landscape .video-media,
.video-card.is-square .video-media {
  aspect-ratio:var(--media-aspect, 16 / 9);
}
.video-card video,
.video-card iframe {
  object-fit:contain;
  background:#01030c;
}

.nav-links .pwg-location-nav {
  grid-template-columns:52px minmax(128px,1fr) 15px;
  gap:10px;
  min-height:56px;
  padding:6px 12px 6px 7px;
}
.pwg-location-nav img {
  object-fit:cover;
  object-position:center;
  border-radius:12px;
  width:52px;
  height:42px;
}
.pwg-location-nav strong {
  letter-spacing:.08em;
  font-size:11px;
  font-weight:800;
}
.pwg-location-nav small {
  color:#f2fbff;
  margin-top:3px;
  font-size:7.5px;
  font-weight:650;
  line-height:1.25;
}
.pwg-location-nav em {
  color:#72f3ff;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-top:3px;
  font-size:6.5px;
  font-style:normal;
  font-weight:850;
  display:block;
}

@media (width > 900px) and (width <= 1380px) {
  .nav-links .pwg-location-nav {
    grid-template-columns:42px minmax(92px,1fr) 12px;
    gap:7px;
    min-height:48px;
    padding:4px 8px 4px 5px;
  }
  .pwg-location-nav img { width:42px; height:36px; border-radius:10px; }
  .pwg-location-nav strong { font-size:9px; }
  .pwg-location-nav small { font-size:6.5px; }
  .pwg-location-nav em { font-size:5.8px; }
}

@media (width <= 900px) {
  .nav-links .pwg-location-nav {
    grid-template-columns:72px minmax(0,1fr) 24px;
    min-height:92px;
    padding:10px 18px 10px 11px;
  }
  .pwg-location-nav img { width:72px; height:58px; border-radius:14px; }
  .pwg-location-nav strong { font-size:14px; }
  .pwg-location-nav small { margin-top:5px; font-size:11px; }
  .pwg-location-nav em { margin-top:5px; font-size:9px; }
}

@media (width <= 560px) {
  .video-gallery { display:flex; gap:18px; }
  .video-card,
  .video-card.vertical,
  .video-card.horizontal,
  .video-card.is-portrait,
  .video-card.is-landscape,
  .video-card.is-square,
  .video-card.adaptive {
    flex:0 0 100%;
    width:100%;
  }
}

/* Refinamentos v51: botão PWG compacto, janela informativa e mídias uniformes por orientação. */
.nav-links > .pwg-trigger {
  min-height:44px;
  padding-inline:14px;
  font-size:11px;
  letter-spacing:.14em;
  font-weight:820;
}

.pwg-dialog {
  color:#f7fbff;
  background:transparent;
  border:0;
  width:min(560px, calc(100vw - 28px));
  max-width:none;
  padding:0;
  overflow:visible;
}
.pwg-dialog:has(.pwg-locations-grid) {
  width:min(1160px, calc(100vw - 28px));
  max-height:calc(100vh - 28px);
  overflow:auto;
}
.pwg-dialog::backdrop {
  backdrop-filter:blur(14px);
  background:rgba(0,4,20,.78);
}
.pwg-dialog-card {
  isolation:isolate;
  background:linear-gradient(155deg,rgba(9,35,82,.99),rgba(2,8,31,.995));
  border:1px solid rgba(18,223,243,.58);
  border-radius:26px;
  padding:12px;
  position:relative;
  overflow:hidden;
  box-shadow:0 32px 90px rgba(0,0,0,.68),0 0 52px rgba(18,223,243,.22),inset 0 1px rgba(255,255,255,.1);
  animation:pwgDialogIn .34s cubic-bezier(.2,.85,.25,1);
}
.pwg-dialog-card::before {
  content:"";
  pointer-events:none;
  background:linear-gradient(105deg,transparent 32%,rgba(255,255,255,.18) 49%,transparent 66%);
  animation:exclusiveShine 5.2s ease-in-out infinite;
  position:absolute;
  inset:-80% -45%;
  transform:translateX(-68%) rotate(10deg);
}
.pwg-locations-card { padding:12px; }
.pwg-locations-grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  display:grid;
}
.pwg-location-panel {
  min-width:0;
  background:linear-gradient(155deg,rgba(9,35,82,.82),rgba(2,8,31,.92));
  border:1px solid rgba(18,223,243,.2);
  border-radius:19px;
  grid-template-rows:auto 1fr;
  display:grid;
  overflow:hidden;
}
.pwg-location-panel .pwg-dialog-content {
  flex-direction:column;
  display:flex;
}
.pwg-location-panel .pwg-map-button { margin-top:auto; }
.sr-only {
  clip:rect(0,0,0,0);
  clip-path:inset(50%);
  white-space:nowrap;
  width:1px;
  height:1px;
  padding:0;
  position:absolute;
  overflow:hidden;
}
.pwg-dialog-close {
  z-index:5;
  color:#fff;
  cursor:pointer;
  background:rgba(1,10,34,.78);
  border:1px solid rgba(125,244,255,.65);
  border-radius:50%;
  place-items:center;
  width:42px;
  height:42px;
  font-size:25px;
  line-height:1;
  display:grid;
  position:absolute;
  top:22px;
  right:22px;
  box-shadow:0 0 22px rgba(18,223,243,.28);
}
.pwg-dialog-media {
  aspect-ratio:16 / 9;
  border:1px solid rgba(18,223,243,.34);
  border-radius:18px;
  position:relative;
  overflow:hidden;
  background:#06132f;
}
.pwg-dialog-media::after {
  content:"";
  background:linear-gradient(180deg,transparent 48%,rgba(1,6,24,.82));
  position:absolute;
  inset:0;
}
.pwg-dialog-media img { object-fit:cover; width:100%; height:100%; }
.pwg-dialog-media span {
  z-index:2;
  color:#dffcff;
  letter-spacing:.13em;
  font-size:10px;
  font-weight:850;
  position:absolute;
  left:20px;
  bottom:18px;
}
.pwg-dialog-content { padding:26px 18px 18px; position:relative; }
.pwg-dialog-content h2,
.pwg-dialog-content h3 { margin:11px 0 19px; font-size:clamp(27px,4.5vw,40px); line-height:1.06; }
.pwg-dialog-content address {
  background:rgba(4,19,54,.72);
  border:1px solid rgba(18,223,243,.2);
  border-radius:15px;
  gap:6px;
  margin-bottom:16px;
  padding:16px 18px;
  font-style:normal;
  display:grid;
}
.pwg-dialog-content address strong { color:#fff; font-size:16px; }
.pwg-dialog-content address span { color:#b7cbe4; font-size:13px; }
.pwg-whatsapp-contacts {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-bottom:16px;
  display:grid;
}
.pwg-whatsapp-contacts a {
  color:#f5feff;
  text-decoration:none;
  background:linear-gradient(145deg,rgba(13,55,80,.9),rgba(5,27,59,.96));
  border:1px solid rgba(64,223,237,.3);
  border-radius:14px;
  align-items:center;
  gap:10px;
  min-width:0;
  padding:13px 12px;
  display:flex;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.pwg-whatsapp-contacts a:hover {
  border-color:rgba(64,223,237,.78);
  transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(0,0,0,.25),0 0 22px rgba(18,223,243,.14);
}
.pwg-whatsapp-contacts svg { color:#40dfed; flex:none; width:24px; height:24px; }
.pwg-whatsapp-contacts span { min-width:0; display:grid; gap:3px; }
.pwg-whatsapp-contacts strong { overflow:hidden; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.pwg-whatsapp-contacts small { color:#a9c5db; font-size:10px; font-weight:700; }
.pwg-whatsapp-single { grid-template-columns:minmax(0,1fr); }
.pwg-map-button { justify-content:space-between; width:100%; min-height:58px; padding-inline:20px; }
@keyframes pwgDialogIn { from { opacity:0; transform:translateY(18px) scale(.965); } to { opacity:1; transform:none; } }

/* Mesma dimensão para arquivos da mesma orientação; sem deformar o conteúdo. */
.photo-gallery figure.is-landscape { aspect-ratio:16 / 10; }
.photo-gallery figure.is-portrait { aspect-ratio:3 / 4; }
.photo-gallery figure.is-square { aspect-ratio:1 / 1; }
.photo-gallery figure.media-ratio-pending { aspect-ratio:1 / 1; }
.photo-gallery img { object-fit:contain; object-position:center; }

.video-card.horizontal .video-media,
.video-card.is-landscape .video-media { aspect-ratio:16 / 9; }
.video-card.vertical .video-media,
.video-card.is-portrait .video-media { aspect-ratio:9 / 16; }
.video-card.is-square .video-media { aspect-ratio:1 / 1; }
.video-card.adaptive .video-media { aspect-ratio:16 / 9; }
.video-card video,
.video-card iframe { object-fit:contain; }

@media (width > 900px) and (width <= 1380px) {
  .nav-links > .pwg-trigger { min-height:42px; padding-inline:9px; font-size:9px; }
}

@media (width <= 900px) {
  .nav-links > .pwg-trigger {
    justify-content:center;
    width:100%;
    min-height:56px;
    padding:15px;
    font-size:14px;
  }
  .pwg-locations-grid { grid-template-columns:1fr; }
}

@media (width <= 560px) {
  .pwg-dialog-card { border-radius:22px; padding:9px; }
  .pwg-dialog-close { width:38px; height:38px; top:17px; right:17px; }
  .pwg-dialog-media { border-radius:15px; }
  .pwg-dialog-media span { left:16px; bottom:14px; font-size:8px; }
  .pwg-dialog-content { padding:22px 12px 13px; }
  .pwg-dialog-content h2,
  .pwg-dialog-content h3 { font-size:29px; }
  .pwg-dialog-content address strong { font-size:15px; }
  .pwg-dialog-content address span { font-size:12px; }
  .pwg-whatsapp-contacts { grid-template-columns:1fr; }
  .pwg-whatsapp-contacts a { padding:12px 13px; }
  .pwg-whatsapp-contacts strong { font-size:14px; }
  .pwg-whatsapp-contacts small { font-size:11px; }
}

/* Refinamento v53: assinatura e direitos centralizados no rodapé. */
body[data-site-scope="primary"] .footer-legal {
  text-align:center;
  justify-content:center;
  align-items:center;
  gap:8px;
  width:100%;
  display:flex;
}
body[data-site-scope="primary"] .footer-legal > i {
  color:#5f789c;
  font-size:8px;
  font-style:normal;
}
body[data-site-scope="primary"] .footer-legal a {
  color:#7cf4ff;
  flex-basis:auto;
  margin:0;
  display:inline-flex;
  align-items:flex-start;
}
body[data-site-scope="primary"] .footer-legal sup {
  color:inherit;
  margin-left:3px;
  font-family:Arial,sans-serif;
  font-size:10px;
  font-weight:800;
  line-height:1;
  position:relative;
  top:-2px;
  text-shadow:0 0 8px rgba(124,244,255,.45);
}

@media (width <= 560px) {
  body[data-site-scope="primary"] .footer-legal { gap:6px; }
  body[data-site-scope="primary"] .footer-legal a { flex-basis:auto; margin:0; }
}

/* Refinamento v54: o mobile usa o mesmo modelo técnico novo do desktop. */
@media (width <= 900px) {
  .hero-video-shell {
    aspect-ratio:16 / 9;
    width:min(100%,720px);
    max-height:none;
  }
  .hero-product-static {
    object-fit:contain;
    object-position:center;
    width:100%;
    height:100%;
  }
}

@media (width <= 560px) {
  .hero-visual { min-height:340px; }
  .product-stage { height:320px; }
  .hero-video-shell { width:calc(100vw - 28px); }
  .product-stage::before { width:72%; height:36px; bottom:24px; }
  .stage-label { top:5%; }
  .stage-chip { bottom:5%; }
}

/* Refinamento v56: o mesmo rodapé e a mesma grade de vídeos em todos os domínios. */
.footer-legal {
  text-align:center;
  justify-content:center;
  align-items:center;
  gap:8px;
  width:100%;
  display:flex;
}
.footer-legal > i {
  color:#5f789c;
  font-size:8px;
  font-style:normal;
}
.footer-legal a {
  color:#7cf4ff;
  flex-basis:auto;
  margin:0;
  font-weight:800;
  letter-spacing:.08em;
  text-decoration:none;
  display:inline-flex;
  align-items:flex-start;
  transition:color .25s,text-shadow .25s;
}
.footer-legal a:hover { color:#fff; text-shadow:0 0 14px rgba(18,223,243,.7); }
.footer-legal sup {
  color:inherit;
  margin-left:3px;
  font-family:Arial,sans-serif;
  font-size:10px;
  font-weight:800;
  line-height:1;
  position:relative;
  top:-2px;
  text-shadow:0 0 8px rgba(124,244,255,.45);
}

.video-gallery {
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
  gap:20px;
  display:grid;
}
.video-intro { grid-column:1 / -1; }
.video-landscape-stack { display:contents; }
.video-card,
.video-card.vertical,
.video-card.horizontal,
.video-card.is-portrait,
.video-card.is-landscape,
.video-card.is-square,
.video-card.adaptive {
  grid-column:auto !important;
  flex:none;
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
}
.video-card .video-media,
.video-card.vertical .video-media,
.video-card.horizontal .video-media,
.video-card.is-portrait .video-media,
.video-card.is-landscape .video-media,
.video-card.is-square .video-media,
.video-card.adaptive .video-media {
  aspect-ratio:16 / 9 !important;
  width:100%;
  flex:none;
}
.video-card video,
.video-card iframe {
  object-fit:contain;
  width:100%;
  height:100%;
}
.video-caption { flex:1; }

@media (width <= 560px) {
  .footer-legal { gap:6px; }
  .footer-legal a { flex-basis:auto; margin:0; }
  .video-gallery { grid-template-columns:1fr; gap:18px; }
  .video-intro { grid-column:auto; }
}

/* Refinamento v57: animação técnica do aparelho também no mobile. */
@media (width <= 900px) {
  .hero-product-video {
    object-fit:contain;
    width:100%;
    height:100%;
    display:block !important;
    transform:scale(1.04);
  }
  .hero-product-static { display:none !important; }
}

/* Refinamento v58: fotos e vídeos seguem automaticamente a proporção original. */
.photo-gallery figure,
.photo-gallery figure.is-portrait,
.photo-gallery figure.is-landscape,
.photo-gallery figure.is-square {
  aspect-ratio:var(--media-aspect,1 / 1) !important;
}
.photo-gallery img {
  object-fit:contain;
  width:100%;
  height:100%;
}

.video-gallery {
  align-items:flex-start;
  justify-content:center;
  gap:20px;
  display:flex;
  flex-wrap:wrap;
}
.video-intro { flex:0 0 100%; }
.video-landscape-stack { display:contents; }
.video-card,
.video-card.horizontal,
.video-card.is-landscape,
.video-card.adaptive {
  grid-column:auto !important;
  flex:0 1 calc(50% - 10px);
  width:calc(50% - 10px);
  height:auto;
  display:flex;
  flex-direction:column;
}
.video-card.vertical,
.video-card.is-portrait {
  flex:0 1 min(34%,430px);
  width:min(34%,430px);
}
.video-card.is-square {
  flex:0 1 min(42%,520px);
  width:min(42%,520px);
}
.video-card .video-media,
.video-card.vertical .video-media,
.video-card.horizontal .video-media,
.video-card.is-portrait .video-media,
.video-card.is-landscape .video-media,
.video-card.is-square .video-media,
.video-card.adaptive .video-media {
  aspect-ratio:var(--media-aspect,16 / 9) !important;
  width:100%;
  flex:none;
}
.video-card video,
.video-card iframe {
  object-fit:contain;
  width:100%;
  height:100%;
}
.video-caption { min-height:112px; }

@media (width <= 900px) {
  .video-card,
  .video-card.horizontal,
  .video-card.is-landscape,
  .video-card.adaptive { flex-basis:calc(50% - 10px); width:calc(50% - 10px); }
  .video-card.vertical,
  .video-card.is-portrait { flex-basis:min(42%,420px); width:min(42%,420px); }
  .video-card.is-square { flex-basis:min(46%,460px); width:min(46%,460px); }
}

@media (width <= 560px) {
  .video-card,
  .video-card.vertical,
  .video-card.horizontal,
  .video-card.is-portrait,
  .video-card.is-landscape,
  .video-card.is-square,
  .video-card.adaptive {
    flex:0 0 100%;
    width:100%;
  }
}

/* Refinamento v59: mosaico centralizado, alinhado e proporcional em todos os domínios. */
.photo-gallery {
  column-count:2;
  column-gap:18px;
  width:100%;
  display:block;
}
.photo-gallery figure,
.photo-gallery figure.is-portrait,
.photo-gallery figure.is-landscape,
.photo-gallery figure.is-square,
.photo-gallery figure.media-ratio-pending {
  break-inside:avoid-column;
  page-break-inside:avoid;
  aspect-ratio:var(--media-aspect,1 / 1) !important;
  width:100%;
  margin:0 0 18px;
  display:inline-block;
  vertical-align:top;
}

.video-gallery {
  width:100%;
  display:block;
}
.video-intro {
  width:100%;
  margin-bottom:28px;
  display:block;
}
.video-balanced-layout {
  column-count:2;
  column-gap:20px;
  width:100%;
  margin-inline:auto;
}
.video-balanced-layout .video-card,
.video-balanced-layout .video-card.vertical,
.video-balanced-layout .video-card.horizontal,
.video-balanced-layout .video-card.is-portrait,
.video-balanced-layout .video-card.is-landscape,
.video-balanced-layout .video-card.is-square,
.video-balanced-layout .video-card.adaptive {
  break-inside:avoid-column;
  page-break-inside:avoid;
  grid-column:auto !important;
  flex:none;
  width:100% !important;
  height:auto;
  margin:0 0 20px;
  display:inline-flex;
  vertical-align:top;
}
.video-balanced-layout .video-media,
.video-balanced-layout .video-card.vertical .video-media,
.video-balanced-layout .video-card.horizontal .video-media,
.video-balanced-layout .video-card.is-portrait .video-media,
.video-balanced-layout .video-card.is-landscape .video-media,
.video-balanced-layout .video-card.is-square .video-media,
.video-balanced-layout .video-card.adaptive .video-media {
  aspect-ratio:var(--media-aspect,16 / 9) !important;
  width:100%;
}

@media (width <= 560px) {
  .photo-gallery,
  .video-balanced-layout { column-count:1; }
  .photo-gallery figure,
  .photo-gallery figure.is-portrait,
  .photo-gallery figure.is-landscape,
  .photo-gallery figure.is-square,
  .photo-gallery figure.media-ratio-pending,
  .video-balanced-layout .video-card { margin-bottom:18px; }
}

/* Refinamento v60: mídias compactas, centralizadas e sem deformação. */
.photo-gallery {
  column-count:auto !important;
  display:flex !important;
  flex-wrap:wrap;
  justify-content:center;
  align-items:flex-start;
  gap:18px;
  width:min(100%,1220px);
  margin-inline:auto;
}
.photo-gallery figure,
.photo-gallery figure.media-ratio-pending {
  flex:0 1 calc(50% - 9px);
  width:calc(50% - 9px) !important;
  max-width:590px;
  margin:0 !important;
  display:block;
}
.photo-gallery figure.is-portrait {
  flex-basis:min(31%,340px);
  width:min(31%,340px) !important;
}
.photo-gallery figure.is-square {
  flex-basis:min(40%,430px);
  width:min(40%,430px) !important;
}
.photo-gallery figure.is-landscape {
  flex-basis:calc(50% - 9px);
  width:calc(50% - 9px) !important;
}

.video-balanced-layout {
  column-count:auto !important;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:flex-start;
  gap:20px;
  width:min(100%,1220px);
  margin-inline:auto;
}
.video-balanced-layout .video-card,
.video-balanced-layout .video-card.horizontal,
.video-balanced-layout .video-card.is-landscape,
.video-balanced-layout .video-card.adaptive {
  flex:0 1 calc(50% - 10px);
  width:calc(50% - 10px) !important;
  max-width:590px;
  margin:0 !important;
  display:flex;
}
.video-balanced-layout .video-card.vertical,
.video-balanced-layout .video-card.is-portrait {
  flex-basis:min(31%,340px);
  width:min(31%,340px) !important;
  max-width:340px;
}
.video-balanced-layout .video-card.is-square {
  flex-basis:min(40%,430px);
  width:min(40%,430px) !important;
  max-width:430px;
}
.video-balanced-layout .video-media,
.video-balanced-layout video,
.video-balanced-layout iframe {
  border:0 !important;
  outline:0 !important;
  background:#01030c !important;
}

@media (width <= 900px) {
  .hero-product-video { display:none !important; }
  .hero-product-static {
    display:block !important;
    object-fit:contain;
    object-position:center;
    width:100%;
    height:100%;
    border:0 !important;
    outline:0 !important;
    background:transparent !important;
    filter:saturate(1.08) contrast(1.06) drop-shadow(0 28px 24px rgba(0,7,34,.58)) drop-shadow(0 0 24px rgba(72,186,255,.32));
    animation:heroProductMobile 4.2s ease-in-out infinite;
  }
  .hero-video-shell {
    isolation:auto;
    overflow:visible;
    border:0 !important;
    outline:0 !important;
    background:transparent !important;
  }
  .hero-video-shell::after { display:none !important; }
}

@keyframes heroProductMobile {
  0%,100% { transform:translateY(3px) scale(.98); }
  50% { transform:translateY(-7px) scale(1.015); }
}

@media (width <= 560px) {
  .photo-gallery,
  .video-balanced-layout {
    display:flex !important;
    column-count:auto !important;
    align-items:flex-start;
    gap:18px;
  }
  .photo-gallery figure,
  .photo-gallery figure.media-ratio-pending,
  .photo-gallery figure.is-landscape,
  .video-balanced-layout .video-card,
  .video-balanced-layout .video-card.horizontal,
  .video-balanced-layout .video-card.is-landscape,
  .video-balanced-layout .video-card.adaptive {
    flex:0 1 100%;
    width:100% !important;
    max-width:520px;
  }
  .photo-gallery figure.is-portrait,
  .video-balanced-layout .video-card.vertical,
  .video-balanced-layout .video-card.is-portrait {
    flex:0 1 min(86%,340px);
    width:min(86%,340px) !important;
    max-width:340px;
  }
  .photo-gallery figure.is-square,
  .video-balanced-layout .video-card.is-square {
    flex:0 1 min(94%,430px);
    width:min(94%,430px) !important;
    max-width:430px;
  }
}

/* Refinamento v61: cartões finais alinhados como solicitado. */
.photo-gallery figure.is-landscape {
  aspect-ratio:16 / 9 !important;
}

@media (width > 560px) {
  .video-balanced-layout:has(> .video-card:nth-child(3):last-child) {
    display:grid;
    grid-template-columns:minmax(230px,340px) minmax(340px,590px);
    justify-content:center;
    align-items:start;
    gap:20px;
  }
  .video-balanced-layout:has(> .video-card:nth-child(3):last-child) > .video-card:first-child {
    grid-column:1;
    grid-row:1 / span 2;
    width:100% !important;
    max-width:340px;
  }
  .video-balanced-layout:has(> .video-card:nth-child(3):last-child) > .video-card:nth-child(2),
  .video-balanced-layout:has(> .video-card:nth-child(3):last-child) > .video-card:nth-child(3) {
    grid-column:2;
    width:100% !important;
    max-width:590px;
  }
  .video-balanced-layout:has(> .video-card:nth-child(3):last-child) > .video-card:nth-child(2) { grid-row:1; }
  .video-balanced-layout:has(> .video-card:nth-child(3):last-child) > .video-card:nth-child(3) { grid-row:2; }
}

/* Refinamento v63: vídeo técnico animado sem bordas no mobile. */
@media (width <= 900px) {
  .hero-product-video {
    display:block !important;
    visibility:visible !important;
    object-fit:cover;
    object-position:center;
    width:100%;
    height:100%;
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    background:transparent !important;
    transform:scale(1.16);
    -webkit-mask-image:radial-gradient(ellipse 88% 82% at 50% 50%,#000 58%,rgba(0,0,0,.94) 70%,transparent 100%);
    mask-image:radial-gradient(ellipse 88% 82% at 50% 50%,#000 58%,rgba(0,0,0,.94) 70%,transparent 100%);
  }
  .hero-product-static {
    display:none !important;
    visibility:hidden !important;
  }
  .hero-video-shell,
  .hero-video-shell::before,
  .hero-video-shell::after {
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    background:transparent !important;
  }
  .hero-video-shell { overflow:hidden; }
  .hero-video-shell::before,
  .hero-video-shell::after { display:none !important; }
}

/* Refinamento v68: vídeo oficial em tela cheia, sem a arte anterior ou sobreposições. */
body .journey-section.travel-club-section,
body .travel-club-promo,
body .travel-club-scene {
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
body .travel-club-scene,
body[data-tenant-motion="off"] .travel-club-scene {
  aspect-ratio:1916 / 820 !important;
  animation:none !important;
}
body .travel-club-art,
body[data-tenant-motion="off"] .travel-club-art {
  object-fit:cover;
  object-position:center;
  animation:none !important;
  filter:none !important;
  transform:none !important;
}

/* Refinamento v69: galeria alinhada, vídeo HD e transições integradas. */
.wrap.video-gallery {
  width:min(var(--tenant-content-width),calc(100% - 96px)) !important;
  margin-inline:auto !important;
}
.video-intro {
  box-sizing:border-box;
  width:min(100%,880px) !important;
  margin:0 0 42px !important;
  padding:26px 32px 28px !important;
  border-left:3px solid var(--cyan);
  border-radius:0 20px 20px 0;
  background:linear-gradient(90deg,rgba(18,223,243,.095),rgba(16,55,123,.045) 62%,transparent);
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 18px 48px rgba(0,0,0,.12);
  position:relative;
}
.video-intro::before {
  content:"";
  position:absolute;
  top:0;
  left:-3px;
  width:3px;
  height:38%;
  background:#fff;
  box-shadow:0 0 18px var(--cyan);
}
.video-intro > span {
  color:#35ecff;
  letter-spacing:.22em;
  font-size:10px;
  font-weight:800;
}
.video-intro h3 {
  max-width:760px;
  margin:15px 0 12px;
  font-size:clamp(34px,3.1vw,52px);
  font-weight:500;
  letter-spacing:-.035em;
  line-height:1.05;
  text-wrap:balance;
}
.video-intro p {
  max-width:680px;
  margin:0;
  color:#9badcd;
  font-size:13px;
  line-height:1.75;
}
body .travel-club-art,
body[data-tenant-motion="off"] .travel-club-art {
  image-rendering:auto;
  filter:none !important;
  will-change:auto;
}

/* O acabamento usa o mesmo azul e os mesmos arcos luminosos da primeira transição. */
.gallery-section,
.williams-section,
.faq-section,
.contact-section {
  border:0 !important;
  outline:0 !important;
  margin-block:0 !important;
}
.williams-section {
  background:linear-gradient(180deg,#03071c 0%,#071242 42%,#06133e 72%,#03143d 100%) !important;
}
.faq-section {
  background:linear-gradient(180deg,#03143d 0%,#03071c 18%,#03071c 100%) !important;
}
.contact-section {
  background:radial-gradient(circle at 50% 42%,#0c2d88,#050c35 52%,#03071c 100%) !important;
}
.williams-section::after,
.faq-section::before,
.contact-section::before {
  content:"";
  z-index:0;
  pointer-events:none;
  position:absolute;
  left:0;
  width:100%;
  height:120px;
  opacity:.72;
  background:
    radial-gradient(70% 110% at 50% 120%,rgba(24,210,242,.11),transparent 72%),
    linear-gradient(166deg,transparent 49.6%,rgba(28,213,242,.16) 49.85%,transparent 50.1%);
}
.williams-section::after { bottom:0; }
.faq-section::before,
.contact-section::before { top:0; }
.williams-grid,
.faq-grid,
.contact-inner { z-index:1; position:relative; }

@media (width <= 900px) {
  .wrap.video-gallery { width:calc(100% - 34px) !important; }
  .video-intro { padding:22px 22px 24px !important; border-radius:0 16px 16px 0; }
  .video-intro h3 { font-size:clamp(30px,8vw,42px); }
}

/* Refinamento v70: tipografia editorial premium e transições sem formas soltas. */
.williams-section::after,
.faq-section::before,
.contact-section::before {
  content:none !important;
  display:none !important;
}

body[data-site-scope="primary"] {
  --display-sans:var(--font-geist),"Segoe UI Variable Display","Helvetica Neue",Arial,sans-serif;
  --editorial-serif:Georgia,"Times New Roman",serif;
}

body[data-site-scope="primary"] :is(
  .hero-copy h1,
  .about-copy h2,
  .global-copy h2,
  .products-heading h2,
  .gallery-heading h2,
  .williams-copy h2,
  .faq-grid h2,
  .contact-inner h2
) {
  font-family:var(--display-sans);
  font-variation-settings:"wght" 735;
  font-weight:735;
  letter-spacing:-.058em;
  line-height:.97;
  text-wrap:balance;
  text-rendering:geometricPrecision;
  text-shadow:0 18px 46px rgba(0,12,48,.26);
}

body[data-site-scope="primary"] :is(
  .about-copy h2,
  .global-copy h2,
  .products-heading h2,
  .gallery-heading h2,
  .williams-copy h2,
  .faq-grid h2,
  .contact-inner h2
) {
  font-size:clamp(44px,4.55vw,70px);
  max-width:820px;
}

body[data-site-scope="primary"] :is(
  .about-copy h2,
  .global-copy h2,
  .products-heading h2,
  .gallery-heading h2,
  .faq-grid h2,
  .contact-inner h2
) em {
  color:#36e6f6;
  font-family:var(--editorial-serif);
  font-weight:600;
  font-style:italic;
  letter-spacing:-.065em;
  text-shadow:0 0 30px rgba(18,223,243,.18),0 14px 38px rgba(0,12,45,.24);
}

body[data-site-scope="primary"] .hero-copy h1 {
  max-width:660px;
  font-size:clamp(50px,5vw,76px);
  font-weight:760;
  letter-spacing:-.06em;
}

body[data-site-scope="primary"] .hero-copy h1 em {
  font-family:var(--display-sans);
  font-weight:780;
  font-style:normal;
}

body[data-site-scope="primary"] .section-kicker,
body[data-site-scope="primary"] .eyebrow {
  color:#61effb;
  font-family:var(--display-sans);
  font-size:10px;
  font-weight:790;
  letter-spacing:.245em;
  line-height:1.35;
  text-shadow:0 0 18px rgba(18,223,243,.22);
}

body[data-site-scope="primary"] .section-kicker {
  align-items:center;
  gap:12px;
  display:flex;
}

body[data-site-scope="primary"] .section-kicker::before {
  content:"";
  flex:0 0 30px;
  width:30px;
  height:1px;
  background:linear-gradient(90deg,#7af7ff,var(--cyan));
  box-shadow:0 0 12px rgba(18,223,243,.55);
}

body[data-site-scope="primary"] :is(
  .about-copy > p,
  .global-copy > p,
  .products-heading > p,
  .gallery-heading > p,
  .williams-copy > p,
  .faq-grid > div:first-child > p,
  .contact-inner > p,
  .video-intro p
) {
  color:#aebbd3;
  font-family:var(--font-manrope),Arial,sans-serif;
  font-size:clamp(14px,1.05vw,17px);
  font-weight:470;
  letter-spacing:-.012em;
  line-height:1.78;
}

body[data-site-scope="primary"] .video-intro {
  border-left:2px solid #42e9f8;
  background:linear-gradient(90deg,rgba(18,223,243,.075),rgba(12,44,105,.025) 58%,transparent);
  box-shadow:none;
}

body[data-site-scope="primary"] .video-intro h3 {
  max-width:790px;
  font-family:var(--display-sans);
  font-size:clamp(38px,3.35vw,56px);
  font-variation-settings:"wght" 720;
  font-weight:720;
  letter-spacing:-.052em;
  line-height:1;
  text-wrap:balance;
}

body[data-site-scope="primary"] .video-intro > span {
  color:#61effb;
  font-weight:790;
  letter-spacing:.245em;
}

body[data-site-scope="primary"] .williams-copy blockquote {
  color:#eef7ff;
  border-left:2px solid #42e9f8;
  font-family:var(--editorial-serif);
  font-size:clamp(17px,1.45vw,21px);
  font-weight:400;
  font-style:italic;
  letter-spacing:-.012em;
  line-height:1.65;
}

@media (width <= 900px) {
  body[data-site-scope="primary"] :is(
    .about-copy h2,
    .global-copy h2,
    .products-heading h2,
    .gallery-heading h2,
    .williams-copy h2,
    .faq-grid h2,
    .contact-inner h2
  ) {
    font-size:clamp(38px,10.5vw,58px);
    letter-spacing:-.05em;
  }
  body[data-site-scope="primary"] .section-kicker::before { flex-basis:22px; width:22px; }
  body[data-site-scope="primary"] .video-intro h3 { font-size:clamp(32px,8.6vw,46px); }
}

/* Animação técnica transparente para mobile.
   O WebM do desktop possui o fundo gravado; esta versão WebP preserva o mesmo
   ciclo de abertura e fechamento com canal alfa compatível com iPhone. */
.hero-product-animation-mobile { display:none; }

@media (width <= 900px) {
  .hero-product-video {
    display:none !important;
    visibility:hidden !important;
  }

  .hero-product-static {
    display:none !important;
    visibility:hidden !important;
  }

  .hero-product-animation-mobile {
    display:block !important;
    visibility:visible !important;
    object-fit:contain !important;
    object-position:center !important;
    width:100% !important;
    height:100% !important;
    background:transparent !important;
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    filter:none !important;
    transform:none !important;
    animation:none !important;
  }

  .hero-video-shell {
    aspect-ratio:16 / 9 !important;
    width:min(calc(100vw - 28px),720px) !important;
    height:auto !important;
    max-height:none !important;
    margin-inline:auto !important;
    overflow:visible !important;
    isolation:auto !important;
    background:transparent !important;
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    transform:none !important;
    animation:none !important;
  }

  .hero-video-shell::before,
  .hero-video-shell::after,
  .hero-video-orbit {
    content:none !important;
    display:none !important;
  }

  .hero-visual { min-height:410px !important; }
  .product-stage {
    height:390px !important;
    overflow:hidden !important;
  }
}

/* Acesso direto ao encontro oficial da Prife Brasil. */
.zoom-access-card {
  color:#f7fbff;
  text-decoration:none;
  background:linear-gradient(145deg,rgba(7,34,86,.96),rgba(3,12,43,.98));
  border:1px solid rgba(18,223,243,.58);
  border-radius:22px;
  grid-template-columns:minmax(0,1fr) 116px;
  align-items:center;
  gap:20px;
  width:min(100%,490px);
  margin-top:34px;
  padding:18px;
  display:grid;
  position:relative;
  overflow:hidden;
  box-shadow:0 18px 46px rgba(0,0,0,.26),0 0 30px rgba(18,223,243,.06) inset;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.zoom-access-card::before {
  content:"";
  pointer-events:none;
  background:linear-gradient(105deg,transparent 35%,rgba(99,238,255,.11) 50%,transparent 65%);
  position:absolute;
  inset:-60% -30%;
  transform:translateX(-70%);
  transition:transform .55s ease;
}
.zoom-access-card:hover,
.zoom-access-card:focus-visible {
  border-color:#58effb;
  outline:none;
  transform:translateY(-3px);
  box-shadow:0 22px 52px rgba(0,0,0,.32),0 0 30px rgba(18,223,243,.13);
}
.zoom-access-card:hover::before,
.zoom-access-card:focus-visible::before { transform:translateX(70%); }
.zoom-access-copy { min-width:0; display:flex; flex-direction:column; align-items:flex-start; }
.zoom-access-copy > small {
  color:#61effb;
  letter-spacing:.2em;
  font-size:9px;
  font-weight:820;
}
.zoom-access-copy > strong {
  margin-top:8px;
  font-family:var(--font-geist),sans-serif;
  font-size:clamp(19px,1.6vw,24px);
  font-weight:760;
  letter-spacing:-.035em;
  line-height:1.05;
}
.zoom-access-copy > span {
  color:#aebbd3;
  margin-top:8px;
  font-size:12px;
  line-height:1.55;
}
.zoom-access-copy > b {
  color:#08182d;
  background:linear-gradient(135deg,#7af7ff,#21d6ec);
  border-radius:999px;
  align-items:center;
  gap:8px;
  margin-top:14px;
  padding:9px 13px;
  font-size:11px;
  font-weight:820;
  display:inline-flex;
}
.zoom-access-copy > b svg { fill:none; stroke:currentColor; stroke-width:2; width:15px; height:15px; }
.zoom-access-copy > code {
  color:#87a1c9;
  max-width:100%;
  margin-top:12px;
  font-family:var(--font-manrope),Arial,sans-serif;
  font-size:10px;
  line-height:1.45;
  overflow-wrap:anywhere;
}
.zoom-access-qr {
  background:#fff;
  border:1px solid rgba(255,255,255,.82);
  border-radius:15px;
  place-items:center;
  width:116px;
  aspect-ratio:1;
  padding:9px;
  display:grid;
  box-shadow:0 0 0 5px rgba(18,223,243,.06),0 12px 28px rgba(0,0,0,.24);
}
.zoom-access-qr img { width:100%; height:100%; display:block; }

/* Mobile v79: ciclo mais rápido e limpo, sem clarões ou linhas sobre o aparelho. */
@media (width <= 900px) {
  .energy-scan,
  .energy-wave { display:none !important; }
  .halo-a { opacity:.48 !important; }
  .halo-b { opacity:.52 !important; box-shadow:0 0 34px rgba(36,88,255,.08) !important; }
  .product-stage::before { opacity:.42 !important; filter:blur(20px) !important; }
  .zoom-access-card { grid-template-columns:minmax(0,1fr) 104px; gap:16px; width:min(100%,520px); margin-top:28px; }
  .zoom-access-qr { width:104px; }
}

@media (width <= 560px) {
  .faq-grid { gap:38px !important; }
  .zoom-access-card { grid-template-columns:minmax(0,1fr) 88px; gap:12px; border-radius:18px; padding:14px; }
  .zoom-access-copy > strong { font-size:18px; }
  .zoom-access-copy > span { font-size:11px; }
  .zoom-access-copy > b { padding:8px 11px; font-size:10px; }
  .zoom-access-copy > code { font-size:9px; }
  .zoom-access-qr { width:88px; border-radius:12px; padding:7px; }
}

/* Mobile v80: vídeo original recortado do chroma, sem qualquer moldura visível. */
@media (width <= 900px) {
  .hero-visual,
  .product-stage,
  .hero-video-shell,
  .hero-product-animation-mobile {
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    background:transparent !important;
  }
  .hero-product-animation-mobile {
    clip-path:inset(1px);
    -webkit-clip-path:inset(1px);
  }
  .hero-video-shell {
    overflow:visible !important;
  }
}

/* Mobile v81: ciclo vertical leve, sem os quadros de clarão retangular. */
@media (width <= 900px) {
  .hero-video-shell {
    aspect-ratio:2 / 3 !important;
    width:min(56vw,245px) !important;
    height:auto !important;
    max-height:none !important;
    overflow:visible !important;
    contain:layout style !important;
  }

  .hero-product-animation-mobile {
    object-fit:contain !important;
    clip-path:none !important;
    -webkit-clip-path:none !important;
    image-rendering:auto !important;
  }

  .hero-video-orbit,
  .energy-scan,
  .energy-wave {
    display:none !important;
  }
}

@media (width <= 560px) {
  .hero-visual { min-height:455px !important; }
  .product-stage { height:430px !important; }
  .hero-video-shell { width:min(55vw,230px) !important; }
}

/* v91: transições contínuas — remove linhas de recorte entre os fundos. */
#app main > section {
  border-block:0 !important;
  border-image:none !important;
  outline:0 !important;
  box-shadow:none !important;
  background-clip:border-box !important;
}
#app main > section + section {
  margin-top:-3px !important;
}
#app footer,
#app main + footer {
  border-top:0 !important;
  outline:0 !important;
  margin-top:-3px !important;
}
.contact-section {
  background:
    linear-gradient(180deg,#03071c 0,rgba(3,7,28,.92) 2%,transparent 16%),
    radial-gradient(circle at 50% 42%,#0c2d88,#050c35 52%,#03071c 100%) !important;
}

/* Mobile v84: halo azul limpo no subdomínio e fundos sem emendas laterais. */
@media (width <= 900px) {
  html,
  body,
  #app,
  #app main,
  #app main > section {
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    border:0 !important;
    outline:0 !important;
  }

  body,
  #app,
  #app main {
    overflow-x:clip !important;
  }

  #app main > section + section {
    margin-top:-2px !important;
  }

  .global-section {
    margin:0 !important;
    border:0 !important;
    background:#04102f !important;
  }

  .global-bg {
    width:132% !important;
    height:116% !important;
    max-width:none !important;
    inset:-8% auto auto -16% !important;
    object-fit:cover !important;
    object-position:60% center !important;
    animation:globalMobileBreath 11s ease-in-out infinite alternate !important;
  }

  body[data-site-scope="subdomain"] .hero-video-shell {
    isolation:isolate !important;
  }

  body[data-site-scope="subdomain"] .hero-video-shell::before {
    content:"" !important;
    display:block !important;
    pointer-events:none;
    position:absolute;
    border:0 !important;
    border-radius:50%;
    outline:0 !important;
    mix-blend-mode:screen;
    z-index:0;
    inset:3% -66% -1%;
    background:radial-gradient(ellipse at 50% 48%,rgba(229,253,255,.82) 0%,rgba(91,231,255,.62) 12%,rgba(35,151,255,.46) 30%,rgba(28,76,226,.28) 50%,transparent 73%) !important;
    box-shadow:0 0 64px 26px rgba(42,174,255,.28) !important;
    filter:blur(16px);
    opacity:.96;
    transform:scale(1);
    animation:subdomainHeroGlow 3.2s ease-in-out infinite !important;
  }

  body[data-site-scope="subdomain"] .hero-video-shell::after {
    content:none !important;
    display:none !important;
    background:none !important;
    animation:none !important;
  }

  body[data-site-scope="subdomain"] .hero-product-animation-mobile {
    z-index:2;
    position:relative;
    filter:drop-shadow(0 0 10px rgba(210,250,255,.92)) drop-shadow(0 0 28px rgba(54,201,255,.78)) drop-shadow(0 0 58px rgba(37,90,255,.54)) drop-shadow(0 18px 24px rgba(0,8,42,.48)) !important;
  }

  body[data-site-scope="subdomain"][data-tenant-motion="off"] .hero-video-shell::before {
    animation:subdomainHeroGlow 3.2s ease-in-out infinite !important;
  }
}

@keyframes subdomainHeroGlow {
  0%,100% { opacity:.78; transform:scale(.98); }
  50% { opacity:1; transform:scale(1.06); }
}

@keyframes globalMobileBreath {
  0% { transform:scale(1.02); }
  100% { transform:scale(1.075); }
}

/* Refinamento v87: navegação desktop mais compacta, uniforme e sem estouro lateral. */
@media (width > 900px) {
  .nav {
    width:min(1560px, calc(100% - 28px));
    min-height:76px;
    gap:14px;
  }

  .brand img {
    width:118px;
    height:44px;
  }

  .nav-links {
    flex:1 1 auto;
    justify-content:flex-end;
    gap:5px;
    min-width:0;
  }

  .nav-links > button,
  .nav-links .testimonials-nav,
  .materials-trigger {
    min-height:40px;
    padding-inline:10px;
    gap:5px;
    font-size:9px;
    white-space:nowrap;
  }

  .nav-links > .pwg-trigger {
    min-height:40px;
    padding-inline:10px;
    font-size:9px;
  }

  .testimonials-nav svg,
  .materials-trigger > svg:first-child {
    width:13px;
    height:13px;
    flex-basis:13px;
  }

  .language-trigger {
    min-height:40px;
    padding:4px 8px 4px 5px;
    gap:5px;
  }

  .language-globe {
    width:30px;
    height:30px;
    flex-basis:30px;
  }

  .language-globe svg { width:18px; }
  .language-trigger-copy { min-width:25px; }
  .language-trigger-copy strong { font-size:9px; }

  .lead-finder-nav,
  .acupressure-nav,
  .admin-panel-nav,
  .vip-login {
    min-height:42px;
    padding:5px 9px 5px 5px;
    gap:6px;
    font-size:9px;
  }

  .lead-finder-icon,
  .acupressure-nav-icon,
  .admin-panel-icon,
  .vip-login-icon {
    width:30px;
    height:30px;
    flex-basis:30px;
    border-radius:10px;
  }

  .lead-finder-nav strong,
  .acupressure-nav strong { font-size:6px; }
  .admin-panel-nav small,
  .vip-login small { font-size:5.5px; }
  .admin-panel-nav strong,
  .vip-login strong { font-size:7.5px; }
  .exclusive-status,
  .admin-panel-nav > i { width:5px; height:5px; flex-basis:5px; }
  .vip-login > svg:last-child { width:13px; }
}

@media (width > 900px) and (width <= 1480px) {
  .nav { gap:9px; }
  .brand img { width:106px; height:40px; }
  .nav-links { gap:4px; }

  .nav-links > button,
  .nav-links .testimonials-nav,
  .materials-trigger {
    min-height:38px;
    padding-inline:8px;
    font-size:8px;
  }

  .nav-links > .pwg-trigger {
    min-height:38px;
    padding-inline:8px;
    font-size:8px;
  }

  .language-trigger,
  .lead-finder-nav,
  .acupressure-nav,
  .admin-panel-nav,
  .vip-login { min-height:40px; }
}

/* v92: fundo de contato fluido, sem grade nem contornos que criem emendas. */
.contact-grid-bg {
  display:none !important;
}

.contact-orb {
  border:0 !important;
  outline:0 !important;
  opacity:.72;
  background:radial-gradient(circle,rgba(18,223,243,.12) 0%,rgba(24,103,208,.07) 38%,transparent 70%);
  filter:blur(18px);
  box-shadow:0 0 110px rgba(18,223,243,.08) !important;
}

/* v93: remove a linha luminosa inferior dos três atalhos de contato. */
.contact-section .contact-intent::after,
.contact-section .contact-intent:hover::after,
.contact-section .contact-intent.active::after {
  content:none !important;
  display:none !important;
  box-shadow:none !important;
}

/* v94: seção de contato totalmente lisa, sem fundo esfumaçado ou decoração. */
.contact-section {
  background:#06133f !important;
}

.contact-section::before,
.contact-section::after,
.contact-grid-bg,
.contact-orb,
.contact-sparks,
.contact-section .contact-intent::before,
.contact-section .contact-intent::after {
  content:none !important;
  display:none !important;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
  filter:none !important;
}

.contact-intent-block,
.contact-intents,
.contact-actions {
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* v95: cenário de marca vivo, sem emendas — luzes isoladas e símbolo PRIFE em profundidade. */
.contact-section {
  isolation:isolate;
  background:
    radial-gradient(circle at 14% 28%,rgba(22,98,202,.22) 0,rgba(22,98,202,.08) 18%,transparent 38%),
    radial-gradient(circle at 87% 66%,rgba(0,201,231,.14) 0,rgba(0,112,205,.07) 18%,transparent 40%),
    linear-gradient(145deg,#06133f 0%,#071947 48%,#040d2d 100%) !important;
}

.contact-brand-stage {
  position:absolute;
  z-index:0;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  perspective:1200px;
}

.contact-brand-stage::before {
  content:"";
  position:absolute;
  inset:0;
  opacity:.2;
  background-image:
    radial-gradient(circle,rgba(136,246,255,.9) 0 1px,transparent 1.8px),
    radial-gradient(circle,rgba(54,141,255,.72) 0 1px,transparent 1.7px);
  background-position:0 0,43px 67px;
  background-size:118px 118px,163px 163px;
  mask-image:linear-gradient(90deg,#000,transparent 32%,transparent 68%,#000);
  animation:contactStarDrift 24s linear infinite;
}

.contact-brand-stage::after {
  content:"";
  position:absolute;
  top:7%;
  bottom:7%;
  left:50%;
  width:42%;
  transform:translateX(-50%);
  opacity:.3;
  background:radial-gradient(ellipse at 50% 50%,rgba(26,96,211,.28),transparent 68%);
  filter:blur(34px);
  animation:contactCenterPulse 8s ease-in-out infinite;
}

.contact-emblem {
  position:absolute;
  display:grid;
  place-items:center;
  width:clamp(170px,16vw,300px);
  aspect-ratio:1;
  border-radius:50%;
  transform-style:preserve-3d;
}

.contact-emblem::before,
.contact-emblem::after {
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}

.contact-emblem::before {
  inset:8%;
  background:radial-gradient(circle,rgba(18,223,243,.2) 0%,rgba(9,79,174,.12) 42%,transparent 70%);
  filter:blur(10px);
  box-shadow:0 0 58px rgba(26,181,239,.16);
  animation:contactAura 5.5s ease-in-out infinite;
}

.contact-emblem::after {
  inset:23%;
  background:rgba(9,35,91,.2);
  box-shadow:
    inset 0 0 34px rgba(139,248,255,.08),
    0 0 48px rgba(18,223,243,.1);
  backdrop-filter:blur(2px);
}

.contact-emblem img {
  position:relative;
  z-index:3;
  width:38%;
  height:auto;
  opacity:.76;
  object-fit:contain;
  filter:drop-shadow(0 0 10px rgba(124,240,255,.35)) drop-shadow(0 18px 28px rgba(0,4,25,.5));
  animation:contactLogoHover 6s ease-in-out infinite;
}

.contact-emblem-ring {
  position:absolute;
  border:1px solid rgba(91,230,249,.18);
  border-radius:50%;
  box-shadow:inset 0 0 24px rgba(18,223,243,.03),0 0 22px rgba(18,223,243,.05);
}

.contact-emblem-ring.ring-one {
  inset:7%;
  border-left-color:rgba(98,235,250,.5);
  border-bottom-color:rgba(34,112,239,.35);
  animation:contactOrbit 9s linear infinite;
}

.contact-emblem-ring.ring-two {
  inset:18%;
  border-top-color:rgba(92,235,250,.45);
  border-right-color:transparent;
  animation:contactOrbitReverse 7s linear infinite;
}

.contact-emblem-left {
  top:9%;
  left:-3.5%;
  transform:rotateY(20deg) rotateZ(-10deg);
  animation:contactEmblemLeft 10s ease-in-out infinite;
}

.contact-emblem-right {
  top:18%;
  right:-4%;
  transform:rotateY(-20deg) rotateZ(12deg) scale(1.08);
  animation:contactEmblemRight 12s ease-in-out infinite;
}

.contact-emblem-lower {
  right:8%;
  bottom:-11%;
  width:clamp(150px,13vw,245px);
  transform:rotateX(14deg) rotateZ(-15deg);
  opacity:.72;
  animation:contactEmblemLower 9s ease-in-out infinite;
}

.contact-light-points i {
  position:absolute;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#72f2ff;
  box-shadow:0 0 8px #3fe8ff,0 0 22px rgba(24,161,255,.8);
  animation:contactPoint 7s ease-in-out infinite;
}
.contact-light-points i:nth-child(1) { left:8%; top:61%; animation-delay:-1s; }
.contact-light-points i:nth-child(2) { left:18%; top:19%; animation-delay:-3s; }
.contact-light-points i:nth-child(3) { left:24%; top:79%; animation-delay:-2s; }
.contact-light-points i:nth-child(4) { left:35%; top:11%; animation-delay:-4s; }
.contact-light-points i:nth-child(5) { left:46%; top:88%; animation-delay:-.5s; }
.contact-light-points i:nth-child(6) { right:43%; top:17%; animation-delay:-2.8s; }
.contact-light-points i:nth-child(7) { right:30%; top:82%; animation-delay:-1.8s; }
.contact-light-points i:nth-child(8) { right:20%; top:12%; animation-delay:-3.7s; }
.contact-light-points i:nth-child(9) { right:9%; top:52%; animation-delay:-2.4s; }
.contact-light-points i:nth-child(10) { right:15%; top:91%; animation-delay:-4.2s; }

.contact-inner {
  z-index:3 !important;
}

@keyframes contactStarDrift {
  to { background-position:118px 59px,206px 10px; }
}
@keyframes contactCenterPulse {
  0%,100% { opacity:.2; transform:translateX(-50%) scale(.94); }
  50% { opacity:.4; transform:translateX(-50%) scale(1.08); }
}
@keyframes contactAura {
  0%,100% { opacity:.55; transform:scale(.9); }
  50% { opacity:1; transform:scale(1.08); }
}
@keyframes contactLogoHover {
  0%,100% { transform:translateY(-9px) rotate(-3deg); }
  50% { transform:translateY(12px) rotate(3deg); }
}
@keyframes contactOrbit { to { transform:rotate(360deg); } }
@keyframes contactOrbitReverse { to { transform:rotate(-360deg); } }
@keyframes contactEmblemLeft {
  0%,100% { transform:rotateY(20deg) rotateZ(-10deg) translateY(0); }
  50% { transform:rotateY(13deg) rotateZ(-4deg) translateY(18px); }
}
@keyframes contactEmblemRight {
  0%,100% { transform:rotateY(-20deg) rotateZ(12deg) scale(1.08) translateY(0); }
  50% { transform:rotateY(-12deg) rotateZ(6deg) scale(1.13) translateY(-20px); }
}
@keyframes contactEmblemLower {
  0%,100% { transform:rotateX(14deg) rotateZ(-15deg) translateY(0); }
  50% { transform:rotateX(8deg) rotateZ(-8deg) translateY(-14px); }
}
/* Contact motion starts automatically according to the site's motion setting. */
#contato[data-contact-motion="on"] .contact-light-points i { animation:contactPoint 7s ease-in-out infinite !important; }
#contato[data-contact-motion="on"] .contact-light-points i:nth-child(2n) { animation-delay:-3s !important; }
#contato[data-contact-motion="on"] .contact-light-points i:nth-child(3n) { animation-delay:-5s !important; }
#contato[data-contact-motion="on"] .contact-emblem img { animation:contactLogoHover 6s ease-in-out infinite !important; }
#contato[data-contact-motion="on"] .ring-one { animation:contactOrbit 9s linear infinite !important; }
#contato[data-contact-motion="on"] .ring-two { animation:contactOrbitReverse 7s linear infinite !important; }
#contato[data-contact-motion="off"] .contact-brand-stage *,
#contato[data-contact-motion="off"] .contact-brand-stage *::before,
#contato[data-contact-motion="off"] .contact-brand-stage *::after,
#contato[data-contact-motion="off"] .contact-brand-stage::before,
#contato[data-contact-motion="off"] .contact-brand-stage::after { animation:none !important; }

@keyframes contactPoint {
  0%,100% { opacity:.45; transform:translate(-12px,12px) scale(.8); }
  35% { opacity:1; transform:translate(10px,-16px) scale(1.2); }
  70% { opacity:.65; transform:translate(22px,4px) scale(.9); }
}

@media (width <= 900px) {
  .contact-brand-stage::before {
    opacity:.16;
    mask-image:linear-gradient(180deg,#000,transparent 44%,transparent 64%,#000);
  }
  .contact-emblem { width:150px; opacity:.56; }
  .contact-emblem-left { top:5%; left:-70px; }
  .contact-emblem-right { top:43%; right:-72px; }
  .contact-emblem-lower { display:none; }
  .contact-emblem img { width:35%; opacity:.68; }
  .contact-brand-stage::after { width:85%; opacity:.18; }
  .contact-light-points i:nth-child(3n) { display:none; }
}

@media (prefers-reduced-motion:reduce) {
  .contact-brand-stage *,
  .contact-brand-stage::before,
  .contact-brand-stage::after {
    animation:none !important;
  }
}

@media (width <= 560px) {
  body[data-site-scope="primary"] .hero-copy h1 {
    font-size:44px;
    line-height:1;
  }
}

/* v103: remove órbitas e sombra recortada ao redor da animação do hero. */
.hero-visual > .halo,
.hero-video-orbit,
.product-stage::before {
  display:none !important;
  content:none !important;
}

/* v108: a borda percebida pertence ao limite do próprio vídeo. Um acabamento
   muito curto, restrito aos primeiros pixels, suaviza o corte da energia sem
   voltar a esfumaçar a ponta do aparelho. */
.hero-product-video {
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 3%,#000 100%) !important;
  mask-image:linear-gradient(to bottom,transparent 0,#000 3%,#000 100%) !important;
  filter:saturate(1.08) contrast(1.04) !important;
}

/* v110: o feixe foi prolongado dentro do próprio vídeo. O canvas mais alto
   mantém a energia inteira visível e elimina o corte reto no topo. */
.hero-video-shell {
  aspect-ratio:16 / 11;
  top:-50px;
}
.hero-product-video {
  -webkit-mask-image:none !important;
  mask-image:none !important;
  background:transparent !important;
  transform:scale(1.18);
}
@media (width <= 900px) {
  .hero-video-shell { aspect-ratio:16 / 11; top:-28px; }
  .hero-product-video { object-fit:contain; transform:scale(1.08); }
}
@media (width <= 560px) {
  .hero-video-shell { top:-18px; }
}

/* Central de tutoriais em vídeo. */
.tutorials-dialog{width:min(680px,calc(100vw - 28px));max-height:min(820px,calc(100vh - 28px))}
.tutorials-dialog .pwg-dialog-card{max-height:inherit;overflow:auto}
.tutorials-dialog-content{padding:30px 24px 24px;position:relative}.tutorials-dialog-content h2{margin:11px 0 9px;font-size:clamp(30px,5vw,48px);line-height:1.02}.tutorials-dialog-content>p{max-width:540px;margin:0 0 22px;color:#afc4dc;font-size:13px;line-height:1.55}
.tutorials-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.tutorials-list a{color:#f5fcff;text-align:left;text-decoration:none;background:linear-gradient(145deg,rgba(12,50,81,.94),rgba(4,21,53,.98));border:1px solid rgba(64,223,237,.24);border-radius:14px;grid-template-columns:36px minmax(0,1fr) 17px;grid-template-rows:auto auto;align-items:center;column-gap:10px;min-height:82px;padding:12px 13px;display:grid;transition:border-color .2s,transform .2s,box-shadow .2s}.tutorials-list a:hover{border-color:rgba(84,229,240,.7);transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,174,218,.13)}.tutorials-list a:focus-visible{outline:2px solid #78f4ff;outline-offset:3px}.tutorials-list a>span{color:#54e5f0;font-size:11px;font-weight:900;grid-row:1/3;place-self:center}.tutorials-list a>strong{font-size:13px;line-height:1.3}.tutorials-list a>small{color:#88a5be;font-size:10px}.tutorials-list a>svg{fill:none;stroke:#5bdfea;stroke-width:1.8px;width:17px;height:17px;grid-column:3;grid-row:1/3;opacity:.72}
@media(width<=560px){.tutorials-dialog-content{padding:25px 12px 14px}.tutorials-dialog-content h2{font-size:32px}.tutorials-list{grid-template-columns:1fr}.tutorials-list a{min-height:72px}}

/* Mobile v100: preserva a animação do produto e remove recomposições gráficas
   concorrentes que causavam atraso no iPhone. */
@media (width <= 900px) {
  .hero-video-shell {
    animation:none !important;
    transform:none !important;
    will-change:auto !important;
  }

  .hero-product-animation-mobile {
    animation:none !important;
    filter:none !important;
    transform:translateZ(0) !important;
    will-change:auto !important;
  }

  body[data-site-scope="subdomain"] .hero-video-shell::before {
    content:none !important;
    display:none !important;
    animation:none !important;
    filter:none !important;
    box-shadow:none !important;
  }
}

/* Mobile v102: MP4 H.264 a 30 fps, decodificado pelo hardware do iPhone. O fundo
   integrado é suavizado nas bordas; o WebP fica restrito ao fallback de erro. */
.hero-product-video-mobile { display:none; }

@media (width <= 900px) {
  .hero-product-video-mobile {
    display:block !important;
    visibility:visible !important;
    object-fit:contain !important;
    object-position:center !important;
    width:100% !important;
    height:100% !important;
    background:#08275f !important;
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    filter:none !important;
    transform:translateZ(0) !important;
    -webkit-mask-image:radial-gradient(ellipse 70% 91% at 50% 50%,#000 76%,rgba(0,0,0,.94) 84%,transparent 100%) !important;
    mask-image:radial-gradient(ellipse 70% 91% at 50% 50%,#000 76%,rgba(0,0,0,.94) 84%,transparent 100%) !important;
  }

  .hero-product-animation-mobile {
    display:none !important;
    visibility:hidden !important;
  }

  .hero-video-shell.mobile-video-fallback .hero-product-video-mobile {
    display:none !important;
    visibility:hidden !important;
  }

  .hero-video-shell.mobile-video-fallback .hero-product-static {
    display:block !important;
    visibility:visible !important;
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
  }

  .hero-video-shell {
    aspect-ratio:2 / 3 !important;
    contain:layout style paint !important;
  }
}

/* Mobile v111: o MP4 para iPhone possui um fundo azul gravado no próprio
   arquivo. Exibe a imagem WebP transparente do aparelho para manter o mesmo
   acabamento contínuo do desktop, reduzir a transferência e evitar o recorte. */
@media (width <= 900px) {
  .hero-product-video-mobile,
  .hero-product-video {
    display:none !important;
    visibility:hidden !important;
  }

  .hero-product-static,
  .hero-video-shell.mobile-video-fallback .hero-product-static {
    display:block !important;
    visibility:visible !important;
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    background:transparent !important;
    filter:drop-shadow(0 24px 24px rgba(0,7,34,.34)) !important;
  }

  .hero-video-shell {
    background:transparent !important;
    overflow:visible !important;
  }
}

/* Mobile v113: recupera o ciclo de montagem com WebP animado transparente.
   O brilho é criado pela interface e, por isso, não forma um retângulo. */
@media (width <= 900px) {
  .hero-product-static { display:none !important; }

  .hero-product-animation-mobile {
    z-index:2 !important;
    display:block !important;
    visibility:visible !important;
    object-fit:contain !important;
    object-position:center !important;
    width:100% !important;
    height:100% !important;
    position:relative !important;
    background:transparent !important;
    filter:drop-shadow(0 0 12px rgba(204,251,255,.7)) drop-shadow(0 0 30px rgba(53,196,255,.5)) drop-shadow(0 22px 22px rgba(0,7,34,.38)) !important;
    transform:translateZ(0) !important;
    animation:heroProductMobile 4.2s ease-in-out infinite !important;
  }

  .hero-video-shell::before {
    content:"" !important;
    z-index:0 !important;
    display:block !important;
    pointer-events:none !important;
    position:absolute !important;
    inset:8% -42% !important;
    border:0 !important;
    border-radius:50% !important;
    background:radial-gradient(ellipse at center,rgba(167,246,255,.34),rgba(29,153,255,.22) 32%,transparent 70%) !important;
    filter:blur(14px) !important;
    animation:subdomainHeroGlow 3.2s ease-in-out infinite !important;
  }

  .hero-video-shell { contain:layout style !important; }

  .energy-wave {
    display:block !important;
    width:min(58vw,250px) !important;
    height:min(58vw,250px) !important;
    border-color:rgba(84,229,240,.32) !important;
  }

  .energy-scan {
    display:none !important;
    visibility:hidden !important;
    animation:none !important;
  }
}