@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;
}
@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; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { color: var(--white); background: var(--navy); font-family: var(--font-manrope),Arial,sans-serif; margin: 0px; }
button, a { font: inherit; }
button { color: inherit; }
.wrap { width: min(1180px, 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; 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 { color: rgb(255, 255, 255); background: linear-gradient(135deg, rgba(8, 111, 211, 0.2), rgba(18, 223, 243, 0.06)); border-color: rgba(18, 223, 243, 0.5); align-items: center; gap: 7px; display: flex; box-shadow: rgba(18, 223, 243, 0.06) 0px 0px 16px inset, rgba(18, 223, 243, 0.12) 0px 0px 18px; }
.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; }
.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: 340px; 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; }
.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; }
.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.065em; margin-bottom: 24px; font-size: clamp(58px, 6.2vw, 92px); font-weight: 560; line-height: 0.94; }
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-actions { flex-wrap: wrap; gap: 12px; margin-top: 34px; display: flex; }
.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; }
.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-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-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 { 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-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-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.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; }
.photo-gallery { grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 64px; display: grid; }
.photo-gallery figure { isolation: isolate; aspect-ratio: 16 / 10; 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::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 figure.gallery-wide { grid-column: span 1; }
.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: scale(1.035); }
.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: 0.78fr 1fr 1fr 1.35fr; align-items: start; gap: 14px; margin-top: 70px; display: grid; }
.video-intro { 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; 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: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 { position: relative; overflow: hidden; }
.video-card video { z-index: 1; object-fit: contain; background: rgb(1, 3, 12); width: 100%; display: block; position: relative; }
.video-card.vertical video { aspect-ratio: 9 / 16; }
.video-card.horizontal video { aspect-ratio: 16 / 9; }
.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; }
.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; 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); }
.contact-conversion { margin-top: 24px; }
.contact-conversion > p { color: rgb(121, 145, 180); margin: 14px 0px 0px; font-size: 9px; }
.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 { min-width: 250px; min-height: 68px; }
.whatsapp-main { min-width: 330px; padding: 0px 22px 0px 13px; border: 1px solid rgba(255, 255, 255, 0.46) !important; min-height: 76px !important; box-shadow: rgba(18, 223, 243, 0.23) 0px 16px 42px, rgba(18, 223, 243, 0.22) 0px 0px 34px, rgba(255, 255, 255, 0.68) 0px 1px inset !important; }
.whatsapp-main::after, .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); }
.whatsapp-main .social-copy { color: rgb(6, 48, 58); text-align: left; text-transform: uppercase; letter-spacing: 0.12em; font-size: 9px; line-height: 1.2; }
.whatsapp-main strong { color: rgb(2, 18, 28); letter-spacing: 0.01em; margin-top: 5px; font-size: 14px; display: block; }
.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: 16px; min-width: 270px; min-height: 76px; padding: 0px 25px 0px 14px; 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; }
.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, .floating-contact { 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 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; }
.floating-contact { z-index: 60; isolation: isolate; color: rgb(255, 255, 255); font-family: inherit; backdrop-filter: blur(18px); cursor: pointer; background: linear-gradient(135deg, rgba(4, 20, 68, 0.96), rgba(2, 9, 35, 0.97)); border: 1px solid rgba(18, 223, 243, 0.72); border-radius: 999px; align-items: center; gap: 16px; min-height: 72px; padding: 10px 12px 10px 24px; animation: 3s ease-in-out 0s infinite normal none running contactBreathe; display: flex; position: fixed; bottom: 22px; right: 22px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.4) 0px 16px 42px, rgba(18, 223, 243, 0.28) 0px 0px 18px, rgba(255, 255, 255, 0.17) 0px 1px inset, rgba(18, 223, 243, 0.07) 0px 0px 24px inset; }
.floating-contact::before { content: ""; z-index: -1; border-radius: inherit; background: linear-gradient(105deg, rgba(0, 0, 0, 0) 30%, rgba(18, 223, 243, 0.12) 50%, rgba(0, 0, 0, 0) 70%) 0px 0px / 220% 100%; animation: 4s linear 0s infinite normal none running floatingGlow; position: absolute; inset: 0px; }
.floating-contact .floating-label { color: rgb(169, 186, 212); letter-spacing: 0.13em; text-align: right; text-transform: uppercase; font-size: 8px; font-weight: 750; line-height: 1.25; }
.floating-contact b { color: rgb(255, 255, 255); letter-spacing: 0.06em; text-shadow: rgba(18, 223, 243, 0.5) 0px 0px 14px; margin-top: 4px; font-size: 11px; display: inline-block; }
.floating-contact .social-icon-mini { border-radius: 16px; flex-basis: 50px; width: 50px; height: 50px; transform: rotate(4deg) translateY(-2px); }
.floating-contact .social-icon-mini svg { width: 28px; height: 28px; }
.floating-contact:hover .social-icon-mini { transform: rotate(0deg) translateY(-5px) scale(1.07); }
.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%; }
}
@media (width > 900px) and (width <= 1380px) {
  .nav { width: calc(100% - 18px); }
  .brand img { width: 108px; }
  .nav-links { gap: 4px; }
  .nav-links > button { 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 { text-align: left; justify-content: center; 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, .hero-actions, .trust-row { justify-content: center; }
  h1 { margin-inline: auto; font-size: clamp(52px, 14vw, 82px); }
  .hero-copy > p { margin-inline: auto; }
  .hero-visual { min-height: 540px; }
  .product-stage { height: 510px; }
  .hero-product-pair { width: min(100%, 650px); height: 500px; }
  .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.gallery-wide { grid-column: span 1; }
  .video-gallery { grid-template-columns: 1fr 1fr; }
  .video-intro { grid-column: 1 / -1; }
  .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; }
  .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; }
}
@media (width <= 560px) {
  .wrap { width: calc(100% - 28px); }
  .hero-layout { padding-top: 118px; padding-bottom: 28px; }
  h1 { font-size: 49px; }
  .hero-copy > p { font-size: 15px; }
  .hero-actions { flex-direction: column; }
  .button { width: 100%; }
  .trust-row { margin-top: 30px; }
  .nav-links { padding-inline: 14px; }
  .nav-links > button, .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-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; }
  .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; }
  .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; }
  .floating-contact { gap: 9px; min-height: 64px; padding: 8px 9px 8px 15px; bottom: 10px; right: 10px; }
  .floating-contact .floating-label { font-size: 6.5px; display: block; }
  .floating-contact b { font-size: 9px; }
  .floating-contact .social-icon-mini { border-radius: 14px; flex-basis: 44px; width: 44px; height: 44px; }
  .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) {
  .floating-contact .floating-label { letter-spacing: 0.08em; font-size: 6px; }
  .floating-contact b { font-size: 8px; }
  .quiz-launcher b { font-size: 9px; }
  .quiz-launcher { padding-right: 12px; }
  .floating-contact { padding-left: 11px; }
}
.hero-grid, .orb, .halo, .hero-product, .hero-motor-orbiting, .hero-motor, .global-bg, .global-radar, .product-orbit, .product-scanline, .floating-contact, .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; }