:root {
  --bg: #07080a;
  --panel: #101216;
  --panel-2: #14171c;
  --line: #272b33;
  --ink: #f2f3ee;
  --muted: #8b9099;
  --acid: #c8ff2e;
  --acid-soft: rgba(200, 255, 46, .16);
  --danger: #ff3df0;
  --mobile-canvas: 390px;
  color-scheme: dark;
  box-sizing: border-box;
}

* { box-sizing: border-box; margin: 0; }
html { overflow-x: hidden; overflow-x: clip; background: var(--bg); scroll-behavior: smooth; }
body { min-width: 0; overflow-x: hidden; overflow-x: clip; background: var(--bg); color: var(--ink); font-family: "JetBrains Mono", ui-monospace, monospace; font-size: 13px; line-height: 1.55; }
button, input, select { font: inherit; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
.display { font-family: "Unbounded", Arial Black, sans-serif; font-weight: 800; text-transform: uppercase; }
.skip-link { position: fixed; z-index: 120; top: 10px; left: 10px; padding: 9px 12px; background: var(--acid); color: #000; transform: translateY(-150%); font-weight: 700; }
.skip-link:focus { transform: translateY(0); }

.boot { position: fixed; z-index: 100; inset: 0; width: 100vw; max-width: 100%; display: none; place-content: center; gap: 16px; min-height: 100vh; overflow: hidden; overflow: clip; background: var(--bg); color: var(--ink); text-align: center; letter-spacing: 3px; font-size: 11px; transition: opacity .45s ease, visibility .45s ease; }
.js .boot { display: grid; }
.boot strong { font-size: 20px; }
.boot i { display: block; width: 170px; height: 4px; overflow: hidden; background: var(--line); }
.boot i::after { display: block; width: 100%; height: 100%; background: var(--acid); content: ""; transform-origin: left; animation: boot-load .85s cubic-bezier(.2,.8,.2,1) both; }
.boot.is-hidden { visibility: hidden; opacity: 0; pointer-events: none; }
@keyframes boot-load { from { transform: scaleX(0); } to { transform: scaleX(1); } }

.cursor-glow { position: fixed; z-index: 0; inset: 0; width: 100vw; max-width: 100%; overflow: hidden; overflow: clip; pointer-events: none; background: radial-gradient(390px circle at var(--mouse-x, 50%) var(--mouse-y, 25%), var(--acid-soft), transparent 70%); }
.shell { position: relative; z-index: 1; width: min(100%, var(--mobile-canvas)); min-height: 100vh; margin: 0 auto; padding: 0 14px 54px; }
.ticker { margin: 0 -14px; overflow: hidden; contain: paint; background: var(--acid); color: #000; white-space: nowrap; font-size: 10px; font-weight: 700; letter-spacing: 1.8px; }
.ticker span { display: inline-block; min-width: 100%; padding: 9px 0; animation: ticker-roll 24s linear infinite; }
@keyframes ticker-roll { from { transform: translateX(0); } to { transform: translateX(-34%); } }
.topbar { display: flex; align-items: center; justify-content: space-between; padding: 18px 0 15px; }
.brand { letter-spacing: 1.35px; font-size: 17px; }
.cart-readout { border: 1px solid var(--line); border-radius: 6px; padding: 7px 9px; color: var(--muted); font-size: 10px; letter-spacing: .6px; }
.cart-readout b { color: var(--acid); }
.topbar__actions { display: flex; align-items: center; gap: 8px; }.terms-trigger { display: inline-flex; align-items: center; gap: 6px; min-height: 33px; padding: 6px 8px; border: 1px solid var(--line); border-radius: 6px; color: var(--ink); font-size: 8px; font-weight: 700; letter-spacing: .9px; transition: border-color .2s ease, color .2s ease, background .2s ease; }.terms-trigger:hover, .terms-trigger:focus-visible { border-color: var(--acid); background: var(--acid-soft); color: var(--acid); outline: 0; }.terms-trigger__bars { display: grid; gap: 3px; width: 15px; }.terms-trigger__bars i { display: block; width: 15px; height: 1px; background: currentColor; }.terms-trigger__bars i:nth-child(2) { width: 10px; }.terms-trigger__bars i:nth-child(3) { width: 12px; }

.hero { overflow: hidden; overflow: clip; padding-top: 5px; }
.hero--condensed { padding-top: 4px; }
.hero--condensed .stage { margin-top: 10px; }
.hero--condensed .lede { margin-top: 9px; margin-bottom: 14px; }
.eyebrow { color: var(--acid); font-size: 10px; font-weight: 700; letter-spacing: 2.4px; }
.stage { position: relative; width: 86%; aspect-ratio: 1; margin: 21px auto 7px; perspective: 800px; }
.orbit { position: absolute; inset: -5%; border: 1px dashed rgba(200, 255, 46, .65); border-radius: 50%; animation: orbit-spin 18s linear infinite; }
.orbit::after { position: absolute; top: -5px; left: 50%; width: 10px; height: 10px; border-radius: 50%; background: var(--acid); box-shadow: 0 0 15px var(--acid); content: ""; }
@keyframes orbit-spin { to { transform: rotate(360deg); } }
.plate { position: absolute; inset: 6%; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(200, 255, 46, .36); border-radius: 50%; background: radial-gradient(circle at 50% 45%, rgba(200,255,46,.34), #0c0e12 66%); box-shadow: 0 0 70px rgba(200,255,46,.23); transform-style: preserve-3d; transition: transform .15s ease, box-shadow .3s ease; }
.plate img { width: 89%; height: auto; filter: drop-shadow(0 0 16px rgba(200,255,46,.62)); transform: rotate(-8deg) translateZ(35px); will-change: opacity, transform; }
.plate img.is-switching { animation: product-visual-swap .28s cubic-bezier(.2,.8,.2,1) both; }
@keyframes product-visual-swap { 0% { opacity: .25; transform: rotate(-8deg) translateZ(35px) scale(.93); } 100% { opacity: 1; transform: rotate(-8deg) translateZ(35px) scale(1); } }
.hud-tag { position: absolute; z-index: 2; padding: 4px 6px; border: 1px solid var(--acid); border-radius: 4px; background: rgba(7,8,10,.88); color: var(--acid); font-size: 8px; font-weight: 700; letter-spacing: .75px; animation: tag-float 3.1s ease-in-out infinite; }
.hud-tag--one { top: 8%; left: -2%; }.hud-tag--two { top: 47%; right: -8%; animation-delay: .85s; }.hud-tag--three { bottom: 4%; left: 2%; animation-delay: 1.6s; }
@keyframes tag-float { 50% { transform: translateY(-6px); } }
.delivery-indicator-frame { display: block; width: 100%; height: 56px; margin: 18px auto 22px; overflow: hidden; border: 0; border-radius: 999px; background: transparent; }
.lede { margin: 15px 0 16px; color: var(--muted); font-size: 11px; line-height: 1.6; }

.commerce-panel, .original-video { border: 1px solid var(--line); border-radius: 12px; background: var(--panel); box-shadow: 0 12px 28px rgba(0,0,0,.18); }
.commerce-panel { padding: 14px; }
.commerce-panel fieldset { min-width: 0; margin: 0 0 14px; padding: 0; border: 0; }
.commerce-panel legend { margin-bottom: 8px; color: var(--muted); font-size: 9px; font-weight: 700; letter-spacing: 1.6px; }
.bundle-selector { padding-top: 12px !important; }.bundle-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }.bundle-option { position: relative; display: flex; min-height: 122px; flex-direction: column; align-items: center; justify-content: center; gap: 6px; padding: 20px 5px 13px; border: 1px solid var(--line); border-radius: 9px; background: #0b0d10; color: var(--muted); text-align: center; transition: border-color .18s, background .18s, color .18s, transform .18s, box-shadow .18s; }.bundle-option--popular, .bundle-option--value { border-color: rgba(200,255,46,.62); background: linear-gradient(145deg, rgba(200,255,46,.09), #0b0d10 55%); animation: bundle-edge-pulse 2.8s ease-in-out infinite; }.bundle-option--value { animation-delay: .55s; }.bundle-option:hover, .bundle-option:focus-visible { border-color: var(--acid); color: var(--ink); outline: 0; transform: translateY(-3px) scale(1.015); box-shadow: 0 0 22px rgba(200,255,46,.24); }.bundle-option.is-selected { border-color: var(--acid); background: var(--acid); color: #000; box-shadow: 0 0 24px rgba(200,255,46,.42); }.bundle-option__tag { position: absolute; top: -12px; left: 50%; min-width: max-content; padding: 4px 7px; border-radius: 4px; background: var(--acid); color: #000; font-size: 8px; font-weight: 800; letter-spacing: .38px; transform: translateX(-50%); }.bundle-option--popular .bundle-option__tag, .bundle-option--value .bundle-option__tag { animation: bundle-tag-pulse 1.8s ease-in-out infinite; }.bundle-option--value .bundle-option__tag { background: var(--ink); animation-delay: .45s; }.bundle-option.is-selected.bundle-option--value .bundle-option__tag { background: #000; color: var(--acid); }.bundle-option__title { font-family: "Unbounded", sans-serif; font-size: 11px; font-weight: 800; letter-spacing: -.3px; }.bundle-option__price { color: var(--ink); font-size: 15px; font-weight: 800; }.bundle-option.is-selected .bundle-option__price { color: #000; }.bundle-option__save { font-size: 8px; font-weight: 800; letter-spacing: .25px; }.bundle-option__tag, .bundle-option__title, .bundle-option__price, .bundle-option__save { pointer-events: none; }@keyframes bundle-edge-pulse { 50% { border-color: var(--acid); box-shadow: 0 0 18px rgba(200,255,46,.3); } }@keyframes bundle-tag-pulse { 50% { transform: translateX(-50%) translateY(-2px) scale(1.07); box-shadow: 0 0 14px rgba(200,255,46,.62); } }
.bundle-option:not(.is-selected) .bundle-option__title, .bundle-option:not(.is-selected) .bundle-option__price, .bundle-option:not(.is-selected) .bundle-option__save { color: var(--ink); text-shadow: 0 0 12px rgba(242,243,238,.12); }.bundle-option.is-selected .bundle-option__title, .bundle-option.is-selected .bundle-option__price, .bundle-option.is-selected .bundle-option__save { color: #000; text-shadow: none; }
.bundle-option { min-height: 130px; gap: 7px; }.bundle-option:not(.is-selected) .bundle-option__title { color: var(--acid); font-size: 13px; font-weight: 900; letter-spacing: -.45px; text-shadow: 0 0 14px rgba(200,255,46,.38); }.bundle-option:not(.is-selected) .bundle-option__price { color: var(--ink); font-size: 18px; font-weight: 900; letter-spacing: -.4px; text-shadow: 0 0 14px rgba(242,243,238,.18); }.bundle-option:not(.is-selected) .bundle-option__save { color: #2ee6ff; font-size: 9px; font-weight: 900; letter-spacing: .42px; text-shadow: 0 0 12px rgba(46,230,255,.32); }.bundle-option.is-selected .bundle-option__title { font-size: 13px; font-weight: 900; }.bundle-option.is-selected .bundle-option__price { font-size: 18px; font-weight: 900; }.bundle-option.is-selected .bundle-option__save { font-size: 9px; font-weight: 900; }
.variant-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.variant { position: relative; display: flex; align-items: center; justify-content: center; gap: 7px; min-height: 56px; border: 1px solid rgba(200,255,46,.52); border-radius: 8px; background: linear-gradient(145deg, rgba(200,255,46,.1), #0b0d10 64%); color: var(--ink); font-size: 11px; font-weight: 900; letter-spacing: .45px; text-shadow: 0 0 12px rgba(242,243,238,.16); transition: color .18s, border-color .18s, background .18s, transform .18s, box-shadow .18s; }
.variant::before { position: absolute; top: 0; left: 16%; width: 68%; height: 2px; background: var(--acid); box-shadow: 0 0 10px rgba(200,255,46,.75); content: ""; opacity: .62; }.variant:hover, .variant:focus-visible, .variant.is-selected { border-color: var(--acid); color: #000; background: var(--acid); text-shadow: none; outline: 0; transform: translateY(-2px); box-shadow: 0 0 18px rgba(200,255,46,.32); }.variant.is-selected::before { background: #000; box-shadow: none; opacity: .58; }
.variant:disabled { cursor: not-allowed; opacity: .38; }
.variant__dot { width: 13px; height: 13px; border: 2px solid currentColor; border-radius: 50%; background: currentColor; box-shadow: 0 0 12px currentColor; }.variant__dot--white { background: #f2f3ee; }.variant__dot--gray { background: #7c838d; }.variant__dot--black { background: #07080a; }
.variant[data-variant-color="black"]:not(.is-selected) { border-color: rgba(242, 243, 238, .72); background: #000; color: var(--ink); box-shadow: inset 0 0 0 1px rgba(242, 243, 238, .14); }
.variant[data-variant-color="black"]:not(.is-selected)::before { background: var(--ink); box-shadow: 0 0 10px rgba(242, 243, 238, .52); }
.variant[data-variant-color="black"] .variant__dot { border-color: #f2f3ee; background: #000; box-shadow: 0 0 0 2px #000, 0 0 0 3px rgba(242, 243, 238, .8); }
.native-select { display: grid; gap: 5px; margin-bottom: 12px; color: var(--muted); font-size: 9px; letter-spacing: 1px; }.native-select select { padding: 9px; border: 1px solid var(--line); border-radius: 5px; background: var(--bg); color: var(--ink); }
.price-row { display: flex; align-items: baseline; flex-wrap: wrap; gap: 9px; }.price-row b { font-family: "Unbounded", sans-serif; font-size: 27px; letter-spacing: -1.5px; }.price-row s { color: var(--muted); font-size: 10px; }.price-row span { padding: 3px 5px; border-radius: 3px; background: var(--acid); color: #000; font-size: 8px; font-weight: 700; letter-spacing: .55px; }
.acid-button { position: relative; display: inline-grid; width: 100%; min-height: 48px; margin-top: 13px; overflow: hidden; place-items: center; border: 0; border-radius: 7px; background: var(--acid); color: #000; font-family: "Unbounded", sans-serif; font-size: 12px; font-weight: 800; letter-spacing: .4px; transition: transform .12s ease, filter .12s ease; }
.acid-button::after { position: absolute; top: 0; left: -60%; width: 35%; height: 100%; background: rgba(255,255,255,.52); content: ""; transform: skewX(-20deg); animation: button-shine 3.2s infinite; }
.acid-button:hover { filter: brightness(1.05); }.acid-button:active { transform: scale(.975); }.acid-button:focus-visible, .bundle-option:focus-visible { outline: 2px solid var(--acid); outline-offset: 3px; }
.acid-button:disabled { cursor: not-allowed; opacity: .45; }
@keyframes button-shine { 58%, 100% { left: 135%; } }
.form-status { min-height: 18px; margin-top: 10px; color: var(--muted); font-size: 9px; letter-spacing: .7px; }
.form-status.is-error { color: #ffb6ef; }

.video-section, .difference, .reveal { opacity: 0; transform: translateY(18px); transition: opacity .6s ease, transform .6s cubic-bezier(.2,.8,.2,1); }.reveal.is-visible { opacity: 1; transform: none; }
html:not(.js) .reveal { opacity: 1; transform: none; }
.toast { position: fixed; z-index: 90; bottom: 22px; left: 50%; max-width: calc(100vw - 32px); padding: 10px 14px; border-radius: 99px; background: var(--acid); color: #000; font-size: 10px; font-weight: 700; letter-spacing: .5px; text-align: center; transform: translate(-50%, 150px); transition: transform .35s cubic-bezier(.2,1.4,.4,1); }.toast.is-visible { transform: translate(-50%, 0); }
.result-page { min-height: 100vh; display: grid; place-items: center; padding: 14px; }.result-card { width: min(100%, var(--mobile-canvas)); padding: 26px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel); }.result-card .eyebrow { margin-top: 32px; }.result-card h1 { margin-top: 10px; font-size: 33px; }.result-card p:not(.eyebrow) { margin-top: 12px; color: var(--muted); }.result-card__button { margin-top: 24px; }

.terms-page { min-height: 100vh; background: var(--bg); color: var(--ink); }.terms-page h1::before, .terms-page h1::after { display: none; }.terms-shell { position: relative; z-index: 1; width: min(100%, var(--mobile-canvas)); margin: 0 auto; padding: 0 14px 58px; }.terms-topbar { display: flex; align-items: center; justify-content: space-between; padding: 20px 0; border-bottom: 1px solid var(--line); }.terms-content { max-width: 650px; padding-top: 44px; }.terms-content h1 { margin-top: 10px; font-size: clamp(36px, 11vw, 60px); }.terms-updated { margin-top: 12px; color: var(--muted); font-size: 9px; font-weight: 700; letter-spacing: 1.3px; }.terms-notice { margin-top: 28px; padding: 18px; border: 1px solid rgba(200,255,46,.6); border-radius: 10px; background: rgba(200,255,46,.08); }.terms-notice strong { color: var(--acid); font-size: 10px; letter-spacing: 1.5px; }.terms-notice p { margin-top: 8px; color: var(--ink); font-size: 11px; line-height: 1.75; }.terms-section { padding: 27px 0; border-bottom: 1px solid var(--line); }.terms-section h2 { font-size: 18px; letter-spacing: -.6px; }.terms-section p { margin-top: 11px; color: var(--muted); font-size: 11px; line-height: 1.82; }.terms-back { margin-top: 28px; }

@media (min-width: 720px) { .shell { padding-bottom: 80px; }.stage { width: 88%; }.ticker { margin-left: -14px; margin-right: -14px; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }.reveal { opacity: 1; transform: none; } }

/* Supplied FAQ accordion */
.faq { --faq-bg: #07080A; --faq-card: #0e1014; --faq-line: #23272e; --faq-text: #f2f4f6; --faq-muted: #9aa1aa; --faq-soft: #d5dae0; --faq-accent: #d4ff4f; --faq-font: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace; --faq-display: "Syne", "Arial Black", system-ui, sans-serif; padding: 56px 4px; background: var(--faq-bg); color: var(--faq-text); font-family: var(--faq-font); font-weight: 500; }.faq *, .faq *::before, .faq *::after { box-sizing: border-box; }.faq-wrap { max-width: 560px; margin: 0 auto; }.faq-kicker { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; color: var(--faq-accent); font-size: 12px; letter-spacing: .18em; text-transform: uppercase; }.faq-kicker i { width: 7px; height: 7px; border-radius: 50%; background: var(--faq-accent); box-shadow: 0 0 8px 2px rgba(212,255,79,.6); animation: faq-pulse 1.6s ease-in-out infinite; }.faq-title { margin: 0 0 22px; font-family: var(--faq-display); font-size: clamp(28px, 8vw, 46px); font-weight: 800; letter-spacing: .01em; line-height: 1.05; text-transform: uppercase; }.faq-list { display: flex; flex-direction: column; gap: 10px; }.faq-item { overflow: hidden; border: 1px solid var(--faq-line); border-radius: 16px; background: var(--faq-card); transition: border-color .25s, box-shadow .25s; }.faq-item:hover { border-color: rgba(212,255,79,.4); }.faq-item.is-open { border-color: var(--faq-accent); box-shadow: 0 0 0 1px rgba(212,255,79,.15), 0 8px 30px rgba(212,255,79,.06); }.faq-q { display: flex; width: 100%; align-items: center; gap: 14px; padding: 16px 16px 16px 18px; border: 0; background: none; color: var(--faq-text); cursor: pointer; font: inherit; font-size: 16px; font-weight: 800; line-height: 1.35; text-align: left; }.faq-q:focus-visible { outline: 2px solid var(--faq-accent); outline-offset: -2px; border-radius: 14px; }.faq-num { flex: none; color: var(--faq-muted); font-size: 12px; font-variant-numeric: tabular-nums; font-weight: 700; letter-spacing: .12em; transition: color .25s; }.faq-item.is-open .faq-num { color: var(--faq-accent); }.faq-q-text { flex: 1; }.faq-icon { position: relative; flex: none; width: 28px; height: 28px; border: 1px solid var(--faq-line); border-radius: 50%; transition: background .25s, border-color .25s, transform .3s; }.faq-icon::before, .faq-icon::after { position: absolute; top: 50%; left: 50%; width: 10px; height: 2px; margin: -1px 0 0 -5px; border-radius: 2px; background: var(--faq-text); content: ""; transition: transform .3s, background .25s; }.faq-icon::after { transform: rotate(90deg); }.faq-item.is-open .faq-icon { border-color: var(--faq-accent); background: var(--faq-accent); transform: rotate(180deg); }.faq-item.is-open .faq-icon::before, .faq-item.is-open .faq-icon::after { background: #07080A; }.faq-item.is-open .faq-icon::after { transform: rotate(0deg); }.faq-a { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .35s cubic-bezier(.2,.7,.2,1); }.faq-item.is-open .faq-a { grid-template-rows: 1fr; }.faq-a-inner { overflow: hidden; }.faq-a-inner p { margin: 0; padding: 0 18px 18px; color: var(--faq-soft); font-size: 15px; font-weight: 500; line-height: 1.7; }.faq-a-inner strong { color: #fff; font-weight: 800; }@keyframes faq-pulse { 50% { opacity: .4; } }

/* Supplied maxillapro Our Vision ending */
.mx-vision { --mx-bg: #07080A; --mx-panel: #0E1013; --mx-line: rgba(255, 255, 255, .09); --mx-text: #C9CED6; --mx-white: #F4F6F8; --mx-c1: #3DF2FF; --mx-c2: #8B7BFF; --mx-c3: #FF4FD8; width: 100%; padding: clamp(40px, 8vw, 96px) 4px; background: var(--mx-bg); font-family: "Inter", "Helvetica Neue", Arial, system-ui, sans-serif; }.mx-vision *, .mx-vision *::before, .mx-vision *::after { box-sizing: border-box; }.mx-vision__card { position: relative; max-width: 760px; margin: 0 auto; padding: clamp(28px, 5vw, 56px); overflow: hidden; border: 1px solid var(--mx-line); border-radius: 20px; background: var(--mx-panel); }.mx-vision__card::before { position: absolute; top: -140px; right: -140px; width: 320px; height: 320px; background: radial-gradient(circle, var(--mx-c2) 0%, transparent 70%); content: ""; filter: blur(20px); opacity: .22; pointer-events: none; animation: mx-glow 8s ease-in-out infinite alternate; }.mx-vision__tag { position: relative; display: inline-flex; align-items: center; gap: 10px; margin: 0 0 18px; color: var(--mx-c1); font-size: 12px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; }.mx-vision__dot { width: 8px; height: 8px; border-radius: 50%; background: var(--mx-c1); box-shadow: 0 0 12px var(--mx-c1); animation: mx-pulse 2s ease-in-out infinite; }.mx-vision__title { position: relative; margin: 0 0 22px; color: var(--mx-white); font-size: clamp(30px, 6vw, 52px); font-weight: 900; letter-spacing: -.01em; line-height: 1.05; text-transform: uppercase; }.mx-vision__text { position: relative; max-width: 62ch; margin: 0; color: var(--mx-text); font-size: clamp(16px, 2.2vw, 19px); line-height: 1.8; }.mx-hl { position: relative; display: inline; padding-bottom: 2px; background-image: linear-gradient(90deg, var(--mx-c1), var(--mx-c2), var(--mx-c3), var(--mx-c2), var(--mx-c1)); background-size: 300% 100%; color: var(--mx-c1); font-weight: 700; -webkit-background-clip: text; background-clip: text; -webkit-box-decoration-break: clone; -webkit-text-fill-color: transparent; box-decoration-break: clone; animation: mx-shift 6s linear infinite; }.mx-hl::after { position: absolute; right: 0; bottom: -2px; left: 0; height: 2px; border-radius: 2px; background: inherit; background-size: 300% 100%; content: ""; opacity: .85; animation: mx-shift 6s linear infinite; }.mx-hl--alt, .mx-hl--alt::after { animation-delay: -3s; }.mx-hl--solid { filter: drop-shadow(0 0 14px rgba(61,242,255,.35)); }@keyframes mx-shift { 0% { background-position: 0% 50%; } 100% { background-position: 300% 50%; } }@keyframes mx-glow { 0% { filter: blur(20px) hue-rotate(0deg); transform: translate(0, 0); } 100% { filter: blur(20px) hue-rotate(80deg); transform: translate(-40px, 30px); } }@keyframes mx-pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: .45; transform: scale(.7); } }

@media (prefers-reduced-motion: reduce) { .faq-a, .faq-icon, .faq-icon::before, .faq-icon::after, .faq-item { transition: none; }.faq-kicker i, .mx-hl, .mx-hl::after, .mx-vision__card::before, .mx-vision__dot { animation: none; } }

/* Keep the supplied FAQ heading inside every supported phone canvas. */
.faq-title { max-width: 100%; overflow-wrap: normal; word-break: normal; font-size: clamp(26px, 7.2vw, 36px); letter-spacing: 0; }.faq-title span { display: block; max-width: 100%; white-space: nowrap; }


/* Illustrative comparison disclosure, contact form, and policy center. */
.comparison-disclosure { max-width: 52ch; margin: 12px auto 0; color: var(--muted); font-family: "JetBrains Mono", ui-monospace, monospace; font-size: 10px; font-weight: 500; line-height: 1.7; text-align: left; text-transform: none; }

.contact-section { position: relative; margin-top: 48px; padding: 28px 18px 24px; overflow: hidden; border: 1px solid rgba(200,255,46,.46); border-radius: 14px; background: linear-gradient(145deg, rgba(200,255,46,.1), transparent 45%), var(--panel); box-shadow: 0 14px 32px rgba(0,0,0,.28); }.contact-section::before { position: absolute; top: 0; left: 0; width: 84px; height: 2px; background: var(--acid); box-shadow: 0 0 16px rgba(200,255,46,.74); content: ""; }.contact-section h2 { margin-top: 9px; font-size: clamp(25px, 7.6vw, 35px); line-height: 1.03; }.contact-section__intro { max-width: 38ch; margin-top: 12px; color: var(--muted); font-size: 11px; line-height: 1.72; }.contact-form { display: grid; gap: 13px; margin-top: 21px; }.contact-form > label:not(.contact-form__consent) { display: grid; gap: 6px; color: var(--acid); font-size: 9px; font-weight: 800; letter-spacing: 1.2px; }.contact-form input:not([type="checkbox"]), .contact-form textarea { width: 100%; padding: 12px; border: 1px solid var(--line); border-radius: 7px; outline: 0; background: #0a0c0f; color: var(--ink); font: inherit; font-size: 12px; letter-spacing: 0; transition: border-color .18s ease, box-shadow .18s ease; }.contact-form textarea { min-height: 122px; resize: vertical; }.contact-form input:not([type="checkbox"]):focus, .contact-form textarea:focus { border-color: var(--acid); box-shadow: 0 0 0 3px rgba(200,255,46,.12); }.contact-form__consent { display: flex; align-items: flex-start; gap: 9px; color: var(--muted); font-size: 9px; line-height: 1.6; }.contact-form__consent input { flex: none; width: 15px; height: 15px; margin: 2px 0 0; accent-color: var(--acid); }.contact-form__consent a, .contact-section__direct a, .policy-contact a { color: var(--acid); text-decoration: underline; text-underline-offset: 3px; }.contact-form .acid-button { margin-top: 1px; }.contact-form__status { min-height: 18px; color: var(--acid); font-size: 8px; font-weight: 700; letter-spacing: .75px; line-height: 1.5; }.contact-form__status.is-error { color: #ffb6ef; }.contact-form__trap { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; }.contact-section__direct { margin-top: 17px; color: var(--muted); font-size: 10px; }

.site-footer { margin: 42px -14px -54px; padding: 32px 20px 28px; border-top: 1px solid var(--line); background: #050609; text-align: center; }.site-footer__brand { color: var(--ink); font-size: 18px; letter-spacing: 1.2px; }.site-footer > p:not(.site-footer__brand) { margin-top: 8px; color: var(--muted); font-size: 8px; font-weight: 700; letter-spacing: 1.5px; }.site-footer nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 13px; max-width: 340px; margin: 20px auto 0; }.site-footer nav a { color: var(--ink); font-size: 9px; text-decoration: underline; text-decoration-color: rgba(200,255,46,.6); text-underline-offset: 4px; }.site-footer nav a:hover, .site-footer nav a:focus-visible { color: var(--acid); outline: 0; }.site-footer__email { display: inline-block; margin-top: 20px; color: var(--acid); font-size: 10px; font-weight: 700; }.site-footer small { display: block; margin-top: 21px; color: var(--muted); font-size: 7px; letter-spacing: .7px; }

.policy-hub__intro { max-width: 54ch; margin: 24px 0 21px; color: var(--muted); font-size: 11px; line-height: 1.75; }.policy-grid { display: grid; gap: 10px; }.policy-card { display: grid; gap: 8px; padding: 18px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel); transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }.policy-card:hover, .policy-card:focus-visible { border-color: var(--acid); outline: 0; transform: translateY(-2px); box-shadow: 0 9px 23px rgba(0,0,0,.22); }.policy-card p { color: var(--acid); font-size: 8px; font-weight: 700; letter-spacing: 1px; }.policy-card h2 { font-size: 17px; line-height: 1.2; }.policy-card span { color: var(--muted); font-size: 10px; line-height: 1.6; }.policy-card b { color: var(--acid); font-size: 8px; letter-spacing: .8px; }.policy-nav { display: flex; flex-wrap: wrap; gap: 7px 10px; margin: 24px 0 6px; padding: 14px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.policy-nav a { color: var(--muted); font-size: 8px; text-decoration: underline; text-underline-offset: 3px; }.policy-nav a[aria-current="page"], .policy-nav a:hover, .policy-nav a:focus-visible { color: var(--acid); outline: 0; }.policy-page h1 { max-width: 100%; overflow-wrap: anywhere; font-size: clamp(31px, 9vw, 45px); line-height: 1.12; }.policy-page .terms-section ul { margin: 12px 0 0 18px; color: var(--muted); font-size: 11px; line-height: 1.82; }.policy-page .terms-section li + li { margin-top: 7px; }.policy-contact { margin-top: 25px; color: var(--muted); font-size: 11px; line-height: 1.7; }

/* Restored LevelUp post-purchase component containment. */
.video-section,
.difference {
  max-width: 100%;
  min-width: 0;
  margin-top: 30px;
}

h2 {
  font-size: 22px;
  line-height: 1.05;
  letter-spacing: -.7px;
}

.video-section > p,
.difference > p {
  margin-top: 3px;
  color: var(--muted);
  font-size: 10px;
}

.video-section {
  scroll-margin-top: 16px;
}

.original-video {
  display: block;
  width: 100%;
  max-width: 100%;
  max-height: 660px;
  margin-top: 10px;
  background: #000;
  object-fit: contain;
}

.original-video:focus-visible {
  outline: 2px solid var(--acid);
  outline-offset: 3px;
}

.utility-chips {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  max-width: 100%;
  margin-top: 27px;
}

.utility-chips span {
  display: grid;
  min-width: 0;
  min-height: 42px;
  padding: 5px;
  place-items: center;
  border: 1px dashed var(--acid);
  border-radius: 6px;
  color: var(--acid);
  font-size: 7px;
  font-weight: 700;
  letter-spacing: .6px;
  text-align: center;
}

/* Supplied section art retains its natural aspect ratio with no crop or filter. */
.supplied-artwork {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin-top: 30px;
  line-height: 0;
}

.supplied-artwork img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  background: var(--bg);
}

/* Bounded before/after scan component. */
.comparison {
  position: relative;
  width: 100%;
  max-width: 380px;
  aspect-ratio: 482 / 726;
  margin: 12px auto 0;
  overflow: hidden;
  border: 1px solid rgba(242, 243, 238, .5);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 14px 28px rgba(0, 0, 0, .28);
  cursor: ew-resize;
  touch-action: pan-y;
  user-select: none;
}

.comparison__art {
  position: absolute;
  inset: 0;
  overflow: hidden;
  background: #fff;
}

.comparison__art img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.comparison__art--after {
  clip-path: inset(0 0 0 var(--split));
}

.comparison__line {
  position: absolute;
  z-index: 3;
  top: 0;
  bottom: 0;
  left: var(--split);
  width: 2px;
  background: var(--acid);
  box-shadow: 0 0 18px var(--acid);
  transform: translateX(-1px);
}

.comparison__line i {
  position: absolute;
  top: 50%;
  left: 50%;
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border-radius: 50%;
  background: var(--acid);
  color: #000;
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: 1px;
  transform: translate(-50%, -50%);
}

.comparison.is-scanning .comparison__line i {
  animation: scan-pulse .65s ease-in-out infinite alternate;
}

.comparison__label {
  position: absolute;
  z-index: 4;
  top: 12px;
  padding: 5px 9px;
  border: 1px solid rgba(242, 243, 238, .6);
  border-radius: 6px;
  background: rgba(7, 8, 10, .82);
  color: var(--ink);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 1.7px;
}

.comparison__label--before {
  left: 12px;
}

.comparison__label--after {
  right: 12px;
  border-color: var(--acid);
  color: var(--acid);
}

.comparison__hint {
  position: absolute;
  z-index: 4;
  right: 12px;
  bottom: 12px;
  padding: 4px 6px;
  border-radius: 4px;
  background: rgba(7, 8, 10, .74);
  color: var(--acid);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 1.2px;
  opacity: .92;
}

.comparison.is-scanned .comparison__hint {
  opacity: 0;
  transition: opacity .35s ease;
}

.acid-button--bottom {
  margin-top: 10px;
}

@keyframes scan-pulse {
  from {
    box-shadow: 0 0 0 rgba(200, 255, 46, 0);
    transform: translate(-50%, -50%) scale(.92);
  }
  to {
    box-shadow: 0 0 24px rgba(200, 255, 46, .68);
    transform: translate(-50%, -50%) scale(1.08);
  }
}