:root{--page-title-display:none;}/* Start custom CSS *//* ============ Skyland — Daylight Concept (page-scoped) ============ */ /* --- environment: warm daylight canvas --- */ /* overflow-x:hidden creates a scroll container and silently breaks position:sticky for every descendant; overflow:clip clips without becoming a scroller, so sticky pinning works natively */ /* scroll anchoring fights scroll-linked animation: Chrome re-anchors to moving in-stage content and adjusts scrollTop against the user (stick-then-jump) */ html { overflow-y: auto !important; height: auto !important; overflow-anchor: none !important; } body.page-id-15166 { overflow: clip !important; height: auto !important; background-color: #F7F4EF; background-image: none !important; font-family: 'Poppins', sans-serif; color: #23262E; } body.page-id-15166 .sx-page { position: relative; z-index: 1; } body.page-id-15166 .sx-page a { transition: color .25s ease, background-color .25s ease, border-color .25s ease, box-shadow .3s ease, transform .25s ease; } /* --- LIGHT THEME TEXT OVERRIDES (cloned tree carries dark-theme colors) --- */ body.page-id-15166 .sx-page h1, body.page-id-15166 .sx-page h2, body.page-id-15166 .sx-page h3, body.page-id-15166 .sx-page h4 { color: #171A20; } body.page-id-15166 .sx-page p, body.page-id-15166 .sx-page li, body.page-id-15166 .sx-page span.e-paragraph { color: #454B57; } body.page-id-15166 .sx-display { color: #171A20; font-size: clamp(3.2rem, 5.8vw, 5.6rem); font-weight: 700; line-height: 1.02; letter-spacing: -0.025em; } body.page-id-15166 .sx-display-accent { color: #E76D07; font-size: clamp(2.1rem, 3.9vw, 3.5rem); font-weight: 700; letter-spacing: -0.02em; } body.page-id-15166 .sx-h2 { color: #14337A; font-size: clamp(2.1rem, 3.2vw, 3.1rem); font-weight: 650; letter-spacing: -0.02em; } /* Skyland blue headers, orange duo accents */ body.page-id-15166 .sx-h3 { color: #22252C; font-size: 1.14rem; font-weight: 600; } body.page-id-15166 .sx-lead { color: #4A505C; font-size: clamp(1.05rem, 1.3vw, 1.25rem); line-height: 1.65; } body.page-id-15166 .sx-body { color: #565D6A; font-size: 1.02rem; line-height: 1.72; } body.page-id-15166 .sx-note { color: #8A8F9A; font-size: 0.85rem; } body.page-id-15166 .sx-quote { color: #33383F; font-size: 1.08rem; line-height: 1.7; font-style: italic; } body.page-id-15166 .sx-stars { color: #E76D07; letter-spacing: 3px; } body.page-id-15166 h1, body.page-id-15166 h2 { text-wrap: balance; } body.page-id-15166 .sx-duo span { color: #E76D07; display: inline-block; } /* --- structure & rhythm --- */ body.page-id-15166 .sx-container, body.page-id-15166 .sx-container-narrow { margin-left: auto; margin-right: auto; } body.page-id-15166 .sx-section { isolation: isolate; position: relative; } body.page-id-15166 .sx-zone-hero::before, body.page-id-15166 .sx-zone-system::before, body.page-id-15166 .sx-zone-calm::before, body.page-id-15166 .sx-zone-proof::before, body.page-id-15166 .sx-zone-warm::before { content: none; } /* --- hero: daylight stage with playful brand geometry --- */ body.page-id-15166 .sx-hero { min-height: 88vh; display: flex; align-items: center; position: relative; } body.page-id-15166 .sx-hero::before { content: ""; position: absolute; inset: -10% -6%; z-index: -1; pointer-events: none; background: radial-gradient(42% 52% at 82% 22%, rgba(231, 109, 7, 0.10) 0%, transparent 70%), radial-gradient(36% 44% at 12% 88%, rgba(23, 66, 143, 0.07) 0%, transparent 72%); } body.page-id-15166 .sx-hero-visual { position: relative; } body.page-id-15166 .sx-hero-visual::before { content: ""; position: absolute; inset: -12% -10%; z-index: -1; pointer-events: none; background: radial-gradient(58% 54% at 52% 50%, rgba(231, 109, 7, 0.13) 0%, transparent 72%); } body.page-id-15166 .sx-hero-visual::after { content: ""; position: absolute; inset: -8% -10%; z-index: -1; pointer-events: none; border: 2px dashed rgba(23, 66, 143, 0.18); border-radius: 50%; transform: rotateX(58deg); -webkit-mask-image: linear-gradient(120deg, #000 40%, transparent 72%); mask-image: linear-gradient(120deg, #000 40%, transparent 72%); } body.page-id-15166 .sx-hero-art { border-radius: 24px; overflow: hidden; box-shadow: 0 40px 90px -34px rgba(23, 30, 48, 0.45), 0 0 0 1px rgba(23, 30, 48, 0.06); transform: rotate(-1.6deg); transition: transform .7s cubic-bezier(.22,.61,.36,1); } body.page-id-15166 .sx-hero-art:hover { transform: rotate(0deg) scale(1.01); } body.page-id-15166 .sx-hero-art img { display: block; width: 100%; height: 100%; object-fit: cover; } /* (sx0008 VGS rules removed with the widget) */ /* --- buttons: jeton pills --- */ body.page-id-15166 .sx-btn-primary, body.page-id-15166 .sx-btn-primary.e-button-base { background-image: linear-gradient(180deg, #F5821B 0%, #E76D07 100%); color: #FFFFFF; font-weight: 600; letter-spacing: 0.01em; border-radius: 999px; border: 0; padding: 18px 34px; box-shadow: 0 14px 30px -14px rgba(231, 109, 7, 0.6); } body.page-id-15166 .sx-btn-primary:hover { transform: translateY(-2px); background-image: linear-gradient(180deg, #22252C 0%, #171A20 100%); color: #FFFFFF; box-shadow: 0 16px 34px -14px rgba(23, 26, 32, 0.5); } body.page-id-15166 .sx-btn-secondary, body.page-id-15166 .sx-btn-secondary.e-button-base { background: transparent; color: #22252C; font-weight: 600; border: 1.5px solid rgba(23, 26, 32, 0.25); border-radius: 999px; padding: 16px 30px; } body.page-id-15166 .sx-btn-secondary:hover { border-color: #171A20; background: #171A20; color: #FFFFFF; } body.page-id-15166 .sx-btn-primary:focus-visible, body.page-id-15166 .sx-btn-secondary:focus-visible { outline: 3px solid rgba(231,109,7,0.5); outline-offset: 3px; } /* --- reassurance band: marquee ticker --- */ body.page-id-15166 .sx-band { border-top: 1px solid rgba(23, 26, 32, 0.08); border-bottom: 1px solid rgba(23, 26, 32, 0.08); background: #FFFFFF; overflow: hidden; } body.page-id-15166 .sx-band-title { text-transform: uppercase; letter-spacing: 0.22em; font-size: 0.78rem; color: #8A8F9A; font-weight: 600; } body.page-id-15166 .sx-band-rule { display: none; } html.jx-js .jx-marquee { display: flex; align-items: center; gap: 64px; width: max-content; will-change: transform; } html.jx-js .jx-marquee > * { flex: 0 0 auto; } body.page-id-15166 .sx-band img { filter: grayscale(1) contrast(0.85); opacity: 0.65; transition: all .3s ease; max-height: 54px; width: auto; } body.page-id-15166 .sx-band img:hover { filter: none; opacity: 1; } /* --- signal lines: the blue->orange brand language, restored --- */ body.page-id-15166 .sx-line { height: 3px !important; max-width: 150px; border: 0; border-radius: 3px; background: linear-gradient(90deg, transparent, rgba(23, 66, 143, 0.9) 38%, #E76D07 65%, transparent) !important; box-shadow: 0 1px 10px rgba(231, 109, 7, 0.25); } body.page-id-15166 .sx-band-rule { height: 3px !important; max-width: 100px; border: 0; border-radius: 3px; display: block; background: linear-gradient(90deg, rgba(23, 66, 143, 0.15), rgba(23, 66, 143, 0.85) 45%, #E76D07) !important; } body.page-id-15166 .sx-rule { position: relative; padding-inline-start: 26px; max-width: none; height: auto !important; background: transparent !important; } body.page-id-15166 .sx-rule::before { content: ""; position: absolute; top: 8px; bottom: 8px; inset-inline-start: 0; width: 3px; border-radius: 3px; background: linear-gradient(180deg, #E76D07, rgba(23, 66, 143, 0.75) 55%, rgba(23, 66, 143, 0.15)); } /* rising hero signal line beside the H1 (daylight version) */ body.page-id-15166 .sx-hero::after { content: ""; position: absolute; left: max(3.5%, calc(50% - 620px)); top: 20%; height: 46%; width: 3px; z-index: 0; border-radius: 3px; background: linear-gradient(180deg, #E76D07, rgba(23, 66, 143, 0.7) 50%, transparent); pointer-events: none; } @media (max-width: 1024px) { .sx-hero::after { content: none; } } /* checklist connector: vertical signal thread */ body.page-id-15166 .sx-checklist::before { content: ""; position: absolute; top: 26px; bottom: 26px; left: 18px; width: 2px; border-radius: 2px; background: linear-gradient(180deg, rgba(23, 66, 143, 0.5), rgba(231, 109, 7, 0.6)); } body.page-id-15166 .sx-zone-system .sx-checklist::before { background: linear-gradient(180deg, rgba(120, 165, 245, 0.5), rgba(255, 158, 79, 0.7)); } /* --- core logo composition: light geometry --- */ body.page-id-15166 .sx-core { position: relative; display: flex; align-items: center; justify-content: center; min-height: 300px; } body.page-id-15166 .sx-core::before { content: ""; position: absolute; inset: -8% -4%; background: radial-gradient(50% 54% at 50% 50%, rgba(231, 109, 7, 0.09) 0%, transparent 70%); pointer-events: none; } body.page-id-15166 .sx-core img { position: relative; filter: drop-shadow(0 20px 36px rgba(23, 30, 48, 0.25)); } body.page-id-15166 .sx-core-ring { position: absolute; width: 340px; height: 340px; border-radius: 50%; border: 2px solid rgba(23, 66, 143, 0.18); pointer-events: none; -webkit-mask-image: linear-gradient(150deg, #000 30%, transparent 75%); mask-image: linear-gradient(150deg, #000 30%, transparent 75%); } body.page-id-15166 .sx-core-ring-b { width: 250px; height: 250px; border-color: rgba(231, 109, 7, 0.35); -webkit-mask-image: linear-gradient(330deg, #000 25%, transparent 70%); mask-image: linear-gradient(330deg, #000 25%, transparent 70%); } body.page-id-15166 .sx-core::after { content: none; } /* --- DARK SYSTEM ZONE: full-bleed; the page background itself blends light->dark->light on scroll, and the zone carries a Blue Ridge sunset backdrop (orange sky into blue mountains = the brand palette in nature), heavily overlaid with navy for readability, edge-faded so the scroll blend stays seamless --- */ body.page-id-15166 .sx-zone-system { padding-top: 60px; padding-bottom: 60px; } body.page-id-15166 .sx-zone-system::before { content: "" !important; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: linear-gradient(180deg, rgba(11, 27, 58, 0.97) 0%, rgba(11, 27, 58, 0.82) 14%, rgba(11, 27, 58, 0.86) 86%, rgba(11, 27, 58, 0.97) 100%), url('/wp-content/uploads/sx-scene/blue-ridge-sunset-wide.jpg') center 32% / cover no-repeat; -webkit-mask-image: linear-gradient(180deg, transparent, #000 150px, #000 calc(100% - 150px), transparent); mask-image: linear-gradient(180deg, transparent, #000 150px, #000 calc(100% - 150px), transparent); } html.jx-js body.page-id-15166 { transition: background-color .2s linear; } html:not(.jx-js) body.page-id-15166 .sx-zone-system { background: #0B1B3A; } /* no-JS: solid dark zone */ body.page-id-15166 .sx-zone-system h1, body.page-id-15166 .sx-zone-system h2, body.page-id-15166 .sx-zone-system h3, body.page-id-15166 .sx-zone-system h4 { color: #F5F8FF; } body.page-id-15166 .sx-zone-system p, body.page-id-15166 .sx-zone-system li { color: rgba(222, 230, 246, 0.82); } body.page-id-15166 .sx-zone-system .sx-note { color: rgba(200, 210, 232, 0.55); } body.page-id-15166 .sx-zone-system .sx-tile-num { color: #FF9E4F; } body.page-id-15166 .sx-zone-system .sx-line { background: #FF9E4F !important; } /* --- ownership pathway: step flow --- */ body.page-id-15166 .sx-path { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 34px; width: 100%; } body.page-id-15166 .sx-path::before { content: ""; position: absolute; top: 19px; left: 4%; right: 4%; height: 2px; z-index: 0; background: repeating-linear-gradient(90deg, rgba(23,66,143,0.3) 0 14px, transparent 14px 26px); } body.page-id-15166 .sx-step { position: relative; } body.page-id-15166 .sx-step-marker { position: relative; z-index: 1; width: 40px; height: 40px; border-radius: 999px; display: grid; place-items: center; font-size: 14px; font-weight: 700; color: #FFFFFF; background: #17428F; border: 0; margin-bottom: 16px; transition: background .35s ease, transform .35s ease, box-shadow .35s ease; } body.page-id-15166 .sx-step:hover .sx-step-marker { background: #E76D07; transform: scale(1.12); box-shadow: 0 10px 22px -10px rgba(231,109,7,0.7); } body.page-id-15166 .sx-zone-system .sx-step-marker { background: #FF9E4F; color: #1A1207; } /* --- weekly tiles: pinned horizontal sweep (desktop, JS) --- */ body.page-id-15166 .sx-grid-weekly { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; width: 100%; } body.page-id-15166 .sx-tile { position: relative; background: #FFFFFF; border-radius: 22px; padding: 30px 28px !important; border: 1px solid rgba(23, 26, 32, 0.07); box-shadow: 0 24px 50px -34px rgba(23, 30, 48, 0.35); transition: transform .4s ease, box-shadow .4s ease; } body.page-id-15166 .sx-tile:hover { transform: translateY(-4px); box-shadow: 0 30px 60px -34px rgba(23, 30, 48, 0.45); } body.page-id-15166 .sx-tile::before { content: none; } body.page-id-15166 .sx-tile-num { font-size: 2.4rem; font-weight: 700; line-height: 1; color: rgba(23, 66, 143, 0.18); margin-bottom: 12px; } body.page-id-15166 .sx-tile h3, body.page-id-15166 .sx-tile .sx-h3 { color: #171A20; } body.page-id-15166 .sx-tile p { color: #565D6A; } body.page-id-15166 .sx-tile-feature { background: #FFF4E8; border-color: rgba(231, 109, 7, 0.25); } body.page-id-15166 .sx-tile-feature .sx-tile-num { color: rgba(231, 109, 7, 0.45); } /* (sweep retired — see VIBE PASS block for the drop-in-over-photo treatment) */ /* --- visibility checklist --- */ body.page-id-15166 .sx-checklist { position: relative; padding-inline-start: 6px; } body.page-id-15166 .sx-check-row { display: flex; gap: 14px; align-items: center; position: relative; padding: 13px 0 !important; border-bottom: 1px dashed rgba(23, 26, 32, 0.12); } body.page-id-15166 .sx-zone-system .sx-check-row { border-bottom-color: rgba(255, 255, 255, 0.14); } body.page-id-15166 .sx-check-row:last-child { border-bottom: 0; } body.page-id-15166 .sx-check-row::before { content: "✓"; flex: 0 0 auto; width: 26px; height: 26px; border-radius: 999px; display: inline-grid; place-items: center; font-size: 13px; font-weight: 700; color: #FFFFFF; background: #17428F; position: static; } body.page-id-15166 .sx-check-accel::before { content: "+"; background: #E76D07; font-size: 16px; } body.page-id-15166 .sx-checklist::before { content: none; } body.page-id-15166 .sx-check-row p { margin: 0; } /* --- versus: light vs navy split cards --- */ body.page-id-15166 .sx-versus { position: relative; display: grid; grid-template-columns: 1fr 1fr; width: 100%; gap: 26px; border: 0; background: transparent; box-shadow: none; border-radius: 0; overflow: visible; } body.page-id-15166 .sx-versus::before { content: none; } body.page-id-15166 .sx-versus-old { background: #FFFFFF; border: 1px solid rgba(23, 26, 32, 0.08); border-radius: 24px; box-shadow: 0 22px 46px -34px rgba(23, 30, 48, 0.3); filter: none; } body.page-id-15166 .sx-versus-old h3 { color: #6B7280; } body.page-id-15166 .sx-versus-old p, body.page-id-15166 .sx-versus-old .sx-body { color: #7A8290; } body.page-id-15166 .sx-versus-new { border: 0; border-radius: 24px; background: linear-gradient(178deg, rgba(16, 37, 76, 0.30) 0%, rgba(11, 27, 58, 0.45) 100%), url('/wp-content/uploads/sx-scene/jx-tex-signal-navy.webp') center / cover no-repeat, #0B1B3A; box-shadow: 0 34px 70px -40px rgba(11, 27, 58, 0.8); } body.page-id-15166 .sx-versus-new h3 { color: #FFFFFF; } body.page-id-15166 .sx-versus-new p, body.page-id-15166 .sx-versus-new .sx-body { color: rgba(222, 230, 246, 0.85); } body.page-id-15166 .sx-row-dash, body.page-id-15166 .sx-row-check { display: flex; gap: 12px; align-items: flex-start; } body.page-id-15166 .sx-row-dash::before, body.page-id-15166 .sx-row-check::before { position: static; flex: 0 0 auto; display: inline-grid; place-items: center; width: 22px; height: 22px; margin-top: 2px; border-radius: 999px; font-size: 12px; font-weight: 700; line-height: 1; } body.page-id-15166 .sx-row-dash::before { content: "–"; color: #9AA1AC; border: 1.5px solid rgba(23, 26, 32, 0.18); } body.page-id-15166 .sx-row-check::before { content: "✓"; color: #0B1B3A; background: #FF9E4F; } /* --- case studies: white proof cards + trace hover --- */ body.page-id-15166 .sx-case { position: relative; width: 100%; border-radius: 24px; padding: 46px 44px; background: #FFFFFF; border: 1px solid rgba(23, 26, 32, 0.07); box-shadow: 0 30px 64px -42px rgba(23, 30, 48, 0.4); transition: border-color .4s ease, box-shadow .4s ease, transform .4s ease; } body.page-id-15166 .sx-case::before { content: none; } body.page-id-15166 .sx-case + .sx-case { margin-top: 34px; } body.page-id-15166 .sx-case:hover, body.page-id-15166 .sx-case:focus-within { transform: translateY(-3px); border-color: rgba(231, 109, 7, 0.4); box-shadow: 0 36px 72px -42px rgba(23, 30, 48, 0.5); } @property --sx-a { syntax: ""; inherits: false; initial-value: 0deg; } body.page-id-15166 .sx-case::after { content: ""; position: absolute; inset: -1px; border-radius: inherit; padding: 2px; opacity: 0; pointer-events: none; background: conic-gradient(from var(--sx-a, 0deg), transparent 0deg 296deg, rgba(23,66,143,0.85) 328deg, rgba(231,109,7,0.95) 352deg, transparent 360deg); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite: exclude; } html.jx-js .sx-case:hover::after, html.jx-js .sx-case:focus-within::after { animation: sx-trace-run 0.95s cubic-bezier(.5,.08,.4,1) forwards; } @keyframes sx-trace-run { 0% { opacity: 0; --sx-a: 0deg; } 12% { opacity: 1; } 80% { opacity: 1; } 100% { opacity: 0; --sx-a: 360deg; } } @media (prefers-reduced-motion: reduce) { body.page-id-15166 .sx-case:hover::after, body.page-id-15166 .sx-case:focus-within::after { animation: none !important; opacity: 0.8; --sx-a: 300deg; } body.page-id-15166 .sx-case:hover { transform: none; } } body.page-id-15166 .sx-logo-stage, body.page-id-15166 .sx-logo-stage-wide { background: transparent; border: 0; box-shadow: none; border-radius: 0; padding: 0; height: auto; min-height: 0; display: flex; align-items: center; justify-content: flex-start; align-self: flex-start; } body.page-id-15166 .sx-logo-stage img, body.page-id-15166 .sx-logo-stage-wide img { width: auto; height: auto; max-width: 270px; max-height: 124px; object-fit: contain; display: block; } body.page-id-15166 .jx-caseproof { display: flex !important; flex-direction: row !important; gap: 14px; width: 100%; margin-top: 18px; padding: 0 !important; } body.page-id-15166 .jx-caseproof img.e-image-base { width: calc(50% - 7px) !important; height: auto; border-radius: 16px; display: block; box-shadow: 0 18px 40px -22px rgba(23, 30, 48, 0.5); } body.page-id-15166 .sx-focus { background: #F4F1EA; border: 1px solid rgba(23, 26, 32, 0.07); border-radius: 14px; padding: 14px 18px; } body.page-id-15166 .sx-focus p { margin: 0; color: #454B57; } /* --- readability backplate --- */ body.page-id-15166 .sx-backplate { background: #FFFFFF; border: 1px solid rgba(23, 26, 32, 0.07); border-radius: 20px; padding: 28px 30px; box-shadow: 0 24px 50px -38px rgba(23, 30, 48, 0.35); } /* --- FAQ: light minimal --- */ body.page-id-15166 .sx-faq-item { border-bottom: 1px solid rgba(23, 26, 32, 0.1); background: transparent !important; border-radius: 0; box-shadow: none; } body.page-id-15166 .sx-faq-item:first-child { border-top: 1px solid rgba(23, 26, 32, 0.1); } body.page-id-15166 .sx-faq-q, body.page-id-15166 .sx-faq-q:hover, body.page-id-15166 .sx-faq-q:focus { width: 100%; background: transparent !important; background-image: none !important; border: 0 !important; border-radius: 6px; text-align: start; text-transform: none !important; letter-spacing: 0 !important; color: #171A20 !important; box-shadow: none !important; min-height: 0; cursor: pointer; font-weight: 600; font-size: 1.08rem; } body.page-id-15166 .sx-faq-q:focus-visible { outline: 3px solid rgba(231,109,7,0.5); outline-offset: 3px; } body.page-id-15166 .sx-faq-icon { flex: 0 0 auto; width: 32px; height: 32px; border-radius: 999px; position: relative; border: 1.5px solid rgba(23, 26, 32, 0.2); transition: transform .35s ease, border-color .35s ease, background .35s ease; } body.page-id-15166 .sx-faq-icon::before { content: "+"; position: absolute; inset: 0; display: grid; place-items: center; color: #171A20; font-size: 18px; font-weight: 500; } body.page-id-15166 .sx-faq-q[aria-expanded="true"] .sx-faq-icon { transform: rotate(45deg); background: #E76D07; border-color: #E76D07; } body.page-id-15166 .sx-faq-q[aria-expanded="true"] .sx-faq-icon::before { color: #FFFFFF; } html.jx-js .sx-faq-a { overflow: hidden; transition: height .4s ease; } body.page-id-15166 .sx-faq-a p { color: #565D6A; } /* --- UNIFY: pinned convergence (VGS core + channel chips) --- Fallback (no JS / mobile / reduced motion): artwork centered with a neat wrapped row of chips beneath it. With jx-uni-on: sticky 100vh stage inside a tall section; JS scrubs chips from scattered to docked. --- */ body.page-id-15166 .jx-unify { padding: 90px 5% !important; position: relative; } body.page-id-15166 .jx-unify-stage { position: relative; width: 100%; display: flex !important; flex-direction: row !important; flex-wrap: wrap; align-items: center; justify-content: center; gap: 16px; } body.page-id-15166 .jx-unify-core { flex: 1 1 100% !important; display: flex !important; flex-direction: column !important; align-items: center; justify-content: center; text-align: center; gap: 2px; margin-bottom: 12px; padding: 0 !important; position: relative; background: none; border: 0; box-shadow: none; } body.page-id-15166 .jx-unify-title { color: #171A20 !important; font-size: clamp(3rem, 5.6vw, 5.4rem); font-weight: 700; letter-spacing: -0.03em; line-height: 1.02; margin: 0; } body.page-id-15166 .jx-unify-sub { color: #E76D07 !important; font-size: clamp(2.2rem, 4vw, 3.9rem); font-weight: 700; letter-spacing: -0.025em; line-height: 1.05; margin: 0; } /* ROUND tiles (Brad): circles with the badge's thin orange→blue neon rim — same photos, same pill titles; pill straddles the bottom rim (a circle would clip it at the top) */ body.page-id-15166 .jx-sq { position: relative; width: 190px; aspect-ratio: 1 / 1; border-radius: 50%; background: linear-gradient(210deg, #4E8EF7 8%, rgba(120, 170, 250, 0.85) 32%, #E76D07 88%); padding: 3px !important; flex: 0 0 auto !important; max-width: none !important; box-shadow: 0 26px 55px -28px rgba(23, 30, 48, 0.55), 0 0 16px rgba(231, 109, 7, 0.2), 0 0 16px rgba(78, 142, 247, 0.16); } body.page-id-15166 .jx-sq img.e-image-base { position: absolute; inset: 3px; width: calc(100% - 6px) !important; height: calc(100% - 6px) !important; object-fit: cover; max-width: none !important; border-radius: 50%; background: #0B1B3A; } body.page-id-15166 .jx-sq .jx-sq-label { position: absolute; left: 50%; transform: translateX(-50%); bottom: -8px; z-index: 2; margin: 0; text-align: center; width: max-content; background: #FFFFFF; color: #171A20 !important; font-size: 1.05rem; font-weight: 700; line-height: 1.22; letter-spacing: -0.01em; padding: 10px 14px; border-radius: 999px; box-shadow: 0 10px 24px -10px rgba(23, 30, 48, 0.5); max-width: 112%; } body.page-id-15166 .jx-sq-2 { width: 215px; } .jx-sq-3 { width: 180px; } .jx-sq-4 { width: 168px; } body.page-id-15166 .jx-sq-5 { width: 205px; } .jx-sq-6 { width: 185px; } .jx-sq-7 { width: 195px; } body.page-id-15166 .jx-sq-8 { width: 188px; } /* the neon Google logo is a wide shot on black — letterbox it whole instead of crop (black lives on the img now so the gradient rim survives) */ body.page-id-15166 .jx-sq-5 img.e-image-base { object-fit: contain; background: #0A0A0C; } /* VGS tagline word sequence (jeton's Add/Send/Exchange analog) */ body.page-id-15166 .jx-word { display: flex !important; flex-direction: row !important; align-items: center; justify-content: center; padding: 0 !important; width: auto !important; flex: 0 0 auto !important; } /* icon square lives on the heading's pseudo (e-con::before is reserved by Elementor) */ body.page-id-15166 .jx-word .jx-word-t { display: flex; align-items: center; gap: 22px; font-size: clamp(2.6rem, 4.6vw, 4.4rem); font-weight: 700; letter-spacing: -0.025em; line-height: 1; margin: 0; white-space: nowrap; } body.page-id-15166 .jx-word .jx-word-t::before { content: "2713"; flex: 0 0 auto; width: 68px; height: 68px; border-radius: 20px; display: grid; place-items: center; font-size: 32px; line-height: 1; color: #FFFFFF; font-weight: 700; box-shadow: 0 18px 38px -18px rgba(23, 30, 48, 0.45); } body.page-id-15166 .jx-word-1 .jx-word-t::before { content: "25C9"; background: #4E8EF7; } body.page-id-15166 .jx-word-2 .jx-word-t::before { content: "2713"; background: #17428F; } body.page-id-15166 .jx-word-3 .jx-word-t::before { content: "2197"; background: #E76D07; } /* neon trio per Brad: white / blue / orange with glow blooms, matching the hero + badge design language */ body.page-id-15166 .jx-word-1 .jx-word-t { color: #FFFFFF !important; text-shadow: 0 0 10px rgba(255, 255, 255, 0.55), 0 0 30px rgba(140, 185, 255, 0.55), 0 1px 2px rgba(23, 30, 48, 0.22); } body.page-id-15166 .jx-word-2 .jx-word-t { color: #4E8EF7 !important; text-shadow: 0 0 10px rgba(78, 142, 247, 0.5), 0 0 30px rgba(78, 142, 247, 0.38); } body.page-id-15166 .jx-word-3 .jx-word-t { color: #F5821B !important; text-shadow: 0 0 10px rgba(245, 130, 27, 0.5), 0 0 30px rgba(231, 109, 7, 0.38); } html:not(.jx-uni-on) .jx-word { flex: 1 1 100% !important; justify-content: center; margin-top: 18px; } /* mobile static layout: tiles as a tidy 2-up grid, not one long column */ @media (max-width: 1024px) { body.page-id-15166 .jx-unify-stage { gap: 12px; } body.page-id-15166 .jx-sq { width: calc(50% - 6px) !important; } body.page-id-15166 .jx-sq .jx-sq-label { font-size: 0.88rem; padding: 7px 10px; } } /* mobile case proof: stack the result tiles full width so numbers stay readable */ @media (max-width: 767px) { body.page-id-15166 .jx-caseproof { flex-direction: column !important; } body.page-id-15166 .jx-caseproof img.e-image-base { width: 100% !important; } } /* JS-driven transforms must apply instantly — a base transition on e-con makes per-frame updates lag (or freeze) */ html.jx-uni-on .jx-unify-stage, html.jx-uni-on .jx-unify-core, html.jx-uni-on .jx-sq, html.jx-uni-on .jx-word, html.jx-js.jx-sweep-on .jx-sweep-viewport, html.jx-js.jx-sweep-on .sx-grid-weekly { transition: none !important; animation: none !important; } html.jx-uni-on .jx-unify { padding: 0 !important; min-height: 700vh; } /* longer runway = slower, smoother scrub (Brad: was jumpy) */ /* unify centerpiece: the round VGS badge (att 15205, transparent corners) — drop-shadow follows the circle, big enough to read */ body.page-id-15166 .jx-unify-core img.e-image-base { display: block; width: min(46vw, 640px); filter: drop-shadow(0 36px 60px rgba(10, 16, 34, 0.4)); } @media (max-width: 1024px) { .jx-unify-core img.e-image-base { width: min(86vw, 500px); } } html.jx-uni-on .jx-unify-stage { position: sticky; top: 0; height: 100vh; overflow: hidden; flex-wrap: nowrap; } /* artistic stage backdrop (Brad): soft navy nebula pool center — gives the white 'Visible' line contrast and the section depth. Centered radials fade out well before the stage edges (no box-edge artifacts). */ body.page-id-15166 .jx-unify-stage::before { content: "" !important; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: /* deep navy pool — near-circular on wide screens, feathered out */ radial-gradient(30% 60% at 50% 46%, rgba(6, 13, 30, 0.96) 0%, rgba(9, 19, 42, 0.88) 36%, rgba(13, 26, 55, 0.5) 60%, rgba(18, 34, 68, 0.16) 76%, transparent 88%), /* aurora rim: faint blue + orange halo bands around the pool edge */ radial-gradient(34% 68% at 50% 46%, transparent 58%, rgba(78, 142, 247, 0.12) 68%, rgba(231, 109, 7, 0.09) 76%, transparent 86%), radial-gradient(22% 44% at 36% 30%, rgba(78, 142, 247, 0.12) 0%, transparent 70%), radial-gradient(20% 40% at 64% 64%, rgba(231, 109, 7, 0.12) 0%, transparent 70%); } /* thin neon wisp arcs curling around the pool (inline SVG, glow via blur) */ body.page-id-15166 .jx-unify-stage::after { content: "" !important; position: absolute; inset: 6% 14%; z-index: 0; pointer-events: none; opacity: .85; background-image: url("data:image/svg+xml;utf8,"); background-size: contain; background-position: center; background-repeat: no-repeat; } /* stage content rides above the backdrop */ html.jx-uni-on .jx-unify-core, html.jx-uni-on .jx-word { z-index: 2; } /* no-JS / mobile flow layout gets the same pool behind the badge area */ html:not(.jx-uni-on) .jx-unify { position: relative; } html:not(.jx-uni-on) .jx-unify::before { content: "" !important; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: radial-gradient(46% 34% at 50% 30%, rgba(10, 20, 40, 0.85) 0%, rgba(16, 30, 60, 0.3) 60%, transparent 80%); } html.jx-uni-on .jx-unify-core { flex: 0 0 auto !important; margin: 0; z-index: 1; will-change: transform, opacity; } html.jx-uni-on .jx-sq { position: absolute; left: 50%; top: 50%; z-index: 3; margin: 0; will-change: transform; } html.jx-uni-on .jx-sq-1 { z-index: 9; } /* Website rides the top of the pile */ html.jx-uni-on .jx-word { position: absolute; left: 50%; top: 50%; z-index: 2; opacity: 0; will-change: transform, opacity; } /* ============ VIBE PASS (session 20) ============ */ /* --- HERO v2: full-bleed warm gradient + live 3D orbit mark stage --- */ /* NEON HERO (Brad picked hybrid option 3, 2026-07-06): deep-navy stage, the live CSS-3D atom goes neon, headings glow to match. Scoped to the hero zone only — the rest of the page stays daylight. */ /* the top-level page wrapper ships with 10px padding — it framed every full-bleed section with a cream band (worst on the dark hero). Zeroed. */ .elementor-element-sx0072 { padding: 0 !important; } /* dark stage runs clean to the fold — cream handoff fade removed per Brad */ body.page-id-15166 .sx-zone-hero { position: relative; background: linear-gradient(155deg, #060D1B 0%, #0A1428 40%, #10204A 76%, #182B58 100%); } /* ambience pools fully retired — their box edges kept showing as faint square lines (blue top-right was the last one); stars + neon do the work */ body.page-id-15166 .sx-hero::before { content: none !important; } /* legacy daylight decor (orange radial + dashed blue ellipse) reads as stray outlines on the dark stage — retired per Brad */ body.page-id-15166 .sx-hero-visual::before, body.page-id-15166 .sx-hero-visual::after { content: none !important; } /* neon headings; sized to break as TWO balanced lines ("We manage your / online presence") per Brad */ body.page-id-15166 .sx-zone-hero .sx-display { color: #F7F3EA; font-size: clamp(2.6rem, 4.5vw, 4.5rem); max-width: 15ch; text-wrap: balance; text-shadow: 0 0 14px rgba(240, 244, 255, 0.22), 0 0 46px rgba(78, 142, 247, 0.30); } body.page-id-15166 .sx-zone-hero .sx-display-accent { color: #FF8E2E; text-shadow: 0 0 12px rgba(255, 142, 46, 0.5), 0 0 38px rgba(231, 109, 7, 0.42); } body.page-id-15166 .sx-zone-hero .sx-lead { color: rgba(240, 238, 232, 0.82); } /* desktop composition per Brad: CTA stack shifted left, atom pulled toward center (just right of center) */ @media (min-width: 1025px) { body.page-id-15166 .sx-hero .sx-container, body.page-id-15166 .sx-hero .s-sx000a { left: -4.5vw; } } /* rising signal line beside the CTA stack — neon-bright (restored per Brad), shifted left in step with the CTA stack so it sits beside the text */ body.page-id-15166 .sx-hero::after { background: linear-gradient(180deg, #FF8E2E, rgba(78, 142, 247, 0.85) 55%, transparent); box-shadow: 0 0 14px rgba(231, 109, 7, 0.55); left: calc(max(3.5%, 50% - 620px) - 8vw); } body.page-id-15166 .sx-hero { min-height: 100vh; position: relative; } /* twinkling starfield over the hero navy (JS-seeded; GPU opacity twinkle) */ #jx-stars, #jx-stars-uni { position: absolute; inset: 0; overflow: hidden; z-index: 0; pointer-events: none; } #jx-stars i, #jx-stars-uni i { position: absolute; display: block; border-radius: 50%; background: #FFFFFF; opacity: var(--o, .6); animation: jx-twinkle var(--d, 4s) ease-in-out var(--dl, 0s) infinite; } #jx-stars i.jx-star-b { box-shadow: 0 0 6px 1px rgba(200, 220, 255, 0.5); } #jx-stars-uni { z-index: 1; } @keyframes jx-twinkle { 0%, 100% { opacity: var(--o, .6); } 50% { opacity: calc(var(--o, .6) * 0.15); } } @media (prefers-reduced-motion: reduce) { #jx-stars i, #jx-stars-uni i { animation: none; } } /* 3D ATOM LOGO: the real circle wordmark (attachment 9976, exact word positioning) is the nucleus; electron beads orbit it on three tilted 3D shells. Pure CSS 3D (perspective + preserve-3d) — beads counter-rotate so they stay round, brighten/scale toward the viewer, and the opaque logo disc genuinely occludes beads passing behind it. */ #jx-hero-logo { position: absolute; right: 14%; top: 50%; width: min(44%, 600px); aspect-ratio: 1 / 1; z-index: 0; pointer-events: none; transform: translateY(-50%); } /* flat neon artwork mode (att 15199): float + rise, no live 3D */ body.page-id-15166 .jx-atom-flat { position: absolute; inset: 0; animation: jx-at-float 9s ease-in-out infinite; } body.page-id-15166 .jx-atom-flat img { display: block; width: 100%; height: 100%; animation: jx-at-rise 1.1s .1s cubic-bezier(.2, .7, .2, 1) both; } body.page-id-15166 .jx-atom { position: absolute; inset: 0; perspective: 1200px; animation: jx-at-float 9s ease-in-out infinite; } /* TRUE 3D (Brad final): preserve-3d plane-splitting — each orbit line and its electrons wrap the sphere: near arc IN FRONT, far arc BEHIND. */ body.page-id-15166 .jx-atom-w { position: absolute; inset: 0; transform-style: preserve-3d; } body.page-id-15166 .jx-core { position: absolute; inset: 7%; transform: translateZ(0.01px); animation: jx-at-rise 1.1s .1s cubic-bezier(.2, .7, .2, 1) both; } /* neon disc render, round-alpha webp (att 15197; blend modes don't survive the preserve-3d context — gotcha #42 — so the black square is masked off server-side instead). Opaque disc = real bead occlusion. */ body.page-id-15166 .jx-core img { display: block; width: 100%; height: 100%; } /* sphere shading: gentle top-left key light + soft lower-limb falloff, fitted to the disc's measured position inside the 15204 frame (center 512,494 r~375 of 1024) — subtle on purpose, no heavy black */ body.page-id-15166 .jx-core::after { content: ""; position: absolute; inset: 11.8% 13.2% 15.3% 13.2%; border-radius: 50%; pointer-events: none; background: radial-gradient(circle at 34% 28%, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.04) 28%, transparent 54%), radial-gradient(circle at 66% 84%, rgba(4, 8, 20, 0.26) 0%, transparent 52%); } body.page-id-15166 .jx-orbit, body.page-id-15166 .jx-car { position: absolute; inset: 0; transform-style: preserve-3d; } /* orbit shells: wide SHALLOW diagonal sweeps like the artwork (was ±62° near-vertical loops — wrong direction per Brad) */ body.page-id-15166 .jx-o1, body.page-id-15166 .jx-of1 { inset: -7%; transform: rotateZ(-8deg) rotateX(76deg); } body.page-id-15166 .jx-o2, body.page-id-15166 .jx-of2 { inset: -3%; transform: rotateZ(24deg) rotateX(74deg); } body.page-id-15166 .jx-o3, body.page-id-15166 .jx-of3 { inset: -3%; transform: rotateZ(-26deg) rotateX(72deg); } /* neon TUBE rings: thick, hot, triple-layer bloom (artwork intensity) */ body.page-id-15166 .jx-ring { display: block; position: absolute; inset: 0; border-radius: 50%; border: 3px solid rgba(255, 152, 56, 0.95); animation: jx-at-in 1s .3s both; box-shadow: 0 0 10px 2px rgba(255, 150, 50, 0.75), 0 0 32px 9px rgba(231, 109, 7, 0.4), inset 0 0 14px 2px rgba(255, 150, 50, 0.5); } body.page-id-15166 .jx-o2 .jx-ring { border-color: rgba(255, 160, 70, 0.9); border-width: 2.5px; animation-delay: .45s; box-shadow: 0 0 9px 2px rgba(255, 150, 50, 0.68), 0 0 28px 8px rgba(231, 109, 7, 0.36), inset 0 0 12px 2px rgba(255, 150, 50, 0.42); } body.page-id-15166 .jx-o3 .jx-ring { border-color: rgba(165, 205, 255, 0.92); border-width: 2.5px; animation-delay: .6s; box-shadow: 0 0 9px 2px rgba(140, 190, 255, 0.72), 0 0 28px 8px rgba(78, 142, 247, 0.4), inset 0 0 12px 2px rgba(140, 190, 255, 0.46); } /* (atom glow pool removed — its square box clipped the radials into faint square edges around the logo; stars + neon glows carry the atmosphere) */ /* carriers spin in-plane; each bead runs the matching counter-spin (same duration + delay) so it stays billboarded to the camera */ body.page-id-15166 .jx-c1 { animation: jx-at-spin 15s linear infinite; } body.page-id-15166 .jx-c2 { animation: jx-at-spin 15s linear -7.5s infinite; } body.page-id-15166 .jx-c3 { animation: jx-at-spin 21s linear infinite reverse; } body.page-id-15166 .jx-c4 { animation: jx-at-spin 27s linear -5s infinite; } body.page-id-15166 .jx-c5 { animation: jx-at-spin 27s linear -18.5s infinite; } body.page-id-15166 .jx-el { display: block; position: absolute; left: 50%; top: 0; border-radius: 50%; transform: translate(-50%, -50%); } /* electrons matched to the Higgsfield artwork orbs: white-hot core, saturated neon bloom (orange / electric blue) */ body.page-id-15166 .jx-e1 { width: 13px; height: 13px; animation: jx-ce1 15s linear infinite; background: radial-gradient(circle, #FFFFFF 0%, #FFE3C2 24%, #FF8E2E 58%, #D95A00 100%); box-shadow: 0 0 6px 1px rgba(255, 255, 255, 0.85), 0 0 18px 7px rgba(255, 150, 50, 0.85), 0 0 46px 16px rgba(231, 109, 7, 0.45); } body.page-id-15166 .jx-e2 { width: 13px; height: 13px; animation: jx-ce1 15s linear -7.5s infinite; background: radial-gradient(circle, #FFFFFF 0%, #FFE3C2 24%, #FF8E2E 58%, #D95A00 100%); box-shadow: 0 0 5px 1px rgba(255, 255, 255, 0.8), 0 0 14px 5px rgba(255, 150, 50, 0.82), 0 0 38px 13px rgba(231, 109, 7, 0.42); } body.page-id-15166 .jx-e3 { width: 14px; height: 14px; animation: jx-ce2 21s linear infinite reverse; background: radial-gradient(circle, #FFFFFF 0%, #FFE3C2 24%, #FF8E2E 58%, #D95A00 100%); box-shadow: 0 0 6px 1px rgba(255, 255, 255, 0.85), 0 0 16px 6px rgba(255, 150, 50, 0.85), 0 0 42px 15px rgba(231, 109, 7, 0.45); } body.page-id-15166 .jx-e4 { width: 13px; height: 13px; animation: jx-ce3 27s linear -5s infinite; background: radial-gradient(circle, #FFFFFF 0%, #DCEBFF 24%, #5A9BFF 58%, #1E4FA8 100%); box-shadow: 0 0 5px 1px rgba(255, 255, 255, 0.8), 0 0 13px 5px rgba(110, 165, 255, 0.8), 0 0 34px 12px rgba(78, 142, 247, 0.4); } body.page-id-15166 .jx-e5 { width: 13px; height: 13px; animation: jx-ce3 27s linear -18.5s infinite; background: radial-gradient(circle, #FFFFFF 0%, #DCEBFF 24%, #5A9BFF 58%, #1E4FA8 100%); box-shadow: 0 0 5px 1px rgba(255, 255, 255, 0.8), 0 0 15px 6px rgba(110, 165, 255, 0.82), 0 0 40px 14px rgba(78, 142, 247, 0.42); } @keyframes jx-at-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* counter-spin per shell = inverse of (carrier spin x plane tilt); opacity dips while the bead swings behind the logo (from/to = far side) */ /* bead counter-spin (billboard) + gentle far-side dim; physical occlusion comes from preserve-3d, not opacity */ @keyframes jx-ce1 { from { transform: translate(-50%, -50%) rotateZ(0deg) rotateX(-76deg) rotateZ(8deg); opacity: .5; } 50% { opacity: 1; } to { transform: translate(-50%, -50%) rotateZ(-360deg) rotateX(-76deg) rotateZ(8deg); opacity: .5; } } @keyframes jx-ce3 { from { transform: translate(-50%, -50%) rotateZ(0deg) rotateX(-72deg) rotateZ(26deg); opacity: .5; } 50% { opacity: 1; } to { transform: translate(-50%, -50%) rotateZ(-360deg) rotateX(-72deg) rotateZ(26deg); opacity: .5; } } @keyframes jx-at-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-14px); } } @keyframes jx-at-rise { from { transform: translateZ(0.01px) translateY(30px) scale(.95); opacity: 0; } to { transform: translateZ(0.01px); opacity: 1; } } @keyframes jx-at-in { from { opacity: 0; } to { opacity: 1; } } @media (prefers-reduced-motion: reduce) { #jx-hero-logo, #jx-hero-logo * { animation: none !important; } #jx-hero-logo { transform: translateY(-50%); } /* static pose: park each carrier, keep its bead billboarded (inverse chain); front-pass duplicates hidden (would double the parked beads) */ body.page-id-15166 .jx-of1, body.page-id-15166 .jx-of2, body.page-id-15166 .jx-of3 { display: none; } body.page-id-15166 .jx-c1 { transform: rotate(40deg); } .jx-c2 { transform: rotate(220deg); } body.page-id-15166 .jx-c3 { transform: rotate(150deg); } .jx-c4 { transform: rotate(320deg); } body.page-id-15166 .jx-c5 { transform: rotate(75deg); } body.page-id-15166 .jx-e1 { transform: translate(-50%, -50%) rotateZ(-40deg) rotateX(-76deg) rotateZ(8deg); } body.page-id-15166 .jx-e2 { transform: translate(-50%, -50%) rotateZ(-220deg) rotateX(-76deg) rotateZ(8deg); } body.page-id-15166 .jx-e3 { transform: translate(-50%, -50%) rotateZ(-150deg) rotateX(-74deg) rotateZ(-24deg); } body.page-id-15166 .jx-e4 { transform: translate(-50%, -50%) rotateZ(-320deg) rotateX(-72deg) rotateZ(26deg); } body.page-id-15166 .jx-e5 { transform: translate(-50%, -50%) rotateZ(-75deg) rotateX(-72deg) rotateZ(26deg); } } @media (max-width: 1024px) { /* stack the hero: text gets the full row (fixes 1-word-per-line headline wrap), the atom drops below it, centered */ body.page-id-15166 .sx-hero { flex-wrap: wrap; } body.page-id-15166 .sx-hero > .e-con { flex: 1 1 100%; max-width: 100%; } #jx-hero-logo { position: relative; right: auto; top: auto; transform: none; flex: 0 0 auto; width: min(72vw, 360px); margin: 10px auto 0; } } body.page-id-15166 .sx-hero .sx-container, body.page-id-15166 .sx-hero .s-sx000a { position: relative; z-index: 1; } /* (VGS floating card removed from hero per Brad 2026-07-06 — widget sx0008 deleted from the tree; backup in backup-2026-07-06-hero/) */ @media (max-width: 1024px) { #jx-hero-gl { display: none; } .sx-hero { min-height: 0; } } /* --- floating pill nav = PRIMARY NAV on this concept (header hidden) --- */ header.elementor-location-header { display: none !important; } #jx-pill { position: fixed; left: 50%; bottom: 20px; z-index: 9980; display: flex; align-items: center; gap: 2px; padding: 6px; border-radius: 999px; background: linear-gradient(180deg, #F07E1A 0%, #DE6503 100%); box-shadow: 0 20px 48px -16px rgba(224, 95, 4, 0.55), 0 4px 14px rgba(23, 26, 32, 0.18); transform: translateX(-50%) translateY(110px); transition: transform .5s cubic-bezier(.2, .8, .25, 1); } html.jx-pill-on #jx-pill { transform: translateX(-50%) translateY(0); } #jx-pill .jx-pill-top { width: 42px; height: 42px; border-radius: 999px; border: 0; cursor: pointer; background: rgba(255, 255, 255, 0.16); color: #FFFFFF; font-size: 18px; font-weight: 700; line-height: 1; } #jx-pill .jx-pill-top:hover { background: rgba(255, 255, 255, 0.3); } #jx-pill .jx-pill-link { padding: 11px 18px; border-radius: 999px; color: #FFFFFF !important; font-weight: 600; font-size: 0.95rem; text-decoration: none; white-space: nowrap; } #jx-pill .jx-pill-link:hover { background: rgba(255, 255, 255, 0.16); } #jx-pill .jx-pill-cta { background: #FFFFFF; color: #DE6503 !important; box-shadow: 0 6px 16px -6px rgba(10, 12, 16, 0.25); } #jx-pill .jx-pill-cta:hover { background: #FFF3E7; } @media (max-width: 767px) { #jx-pill .jx-pill-link { font-size: 0.85rem; padding: 10px 13px; } } @media (prefers-reduced-motion: reduce) { #jx-pill { transition: none; } } /* mega panels opening upward from the pill */ #jx-pill .jx-pill-group { position: relative; } #jx-pill .jx-pill-btn { border: 0; background: transparent; cursor: pointer; font-family: inherit; } #jx-pill .jx-pill-car { font-size: 0.72em; opacity: 0.85; display: inline-block; transition: transform .25s ease; } #jx-pill .jx-open .jx-pill-car { transform: rotate(180deg); } #jx-pill .jx-pill-panel { position: absolute; bottom: calc(100% + 14px); left: 50%; transform: translateX(-50%) translateY(10px); min-width: 250px; padding: 10px; background: linear-gradient(180deg, rgba(18,28,54,0.82), rgba(10,18,38,0.9)); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); border: 1.5px solid rgba(255,150,60,0.5); border-radius: 16px; box-shadow: 0 0 14px 1px rgba(231,109,7,0.3), 0 20px 48px -16px rgba(6,10,22,0.6); display: flex; flex-direction: column; gap: 2px; opacity: 0; pointer-events: none; transition: opacity .28s ease, transform .28s cubic-bezier(.2, .8, .25, 1); } #jx-pill .jx-open .jx-pill-panel { opacity: 1; pointer-events: auto; transform: translateX(-50%) translateY(0); } #jx-pill .jx-pill-panel a { padding: 11px 14px; border-radius: 10px; color: #FFFFFF !important; font-weight: 600; font-size: 0.95rem; text-decoration: none; white-space: nowrap; } #jx-pill .jx-pill-panel a:hover { background: rgba(255,150,60,0.2); color: #FFC891 !important; } #jx-pill a.jx-pill-top { display: grid; place-items: center; text-decoration: none; } /* MOBILE: the pill is the persistent top nav; panels open downward */ @media (max-width: 1024px) { #jx-pill { top: 10px; bottom: auto; transform: translateX(-50%) translateY(-120px); } html.jx-pill-on #jx-pill { transform: translateX(-50%) translateY(0); } #jx-pill .jx-pill-panel { bottom: auto; top: calc(100% + 12px); transform: translateX(-50%) translateY(-10px); } #jx-pill .jx-open .jx-pill-panel { opacity: 1; transform: translateX(-50%) translateY(0); } #jx-pill .jx-pill-top { width: 38px; height: 38px; } } /* --- custom section-entry transitions (IO-driven, reduced-motion safe) --- */ html.jx-js .sx-finale::before { transform: scaleX(0.94) scaleY(0.9); transform-origin: 50% 100%; transition: transform 1s cubic-bezier(.2, .7, .2, 1); } html.jx-js .sx-finale.sx-in::before { transform: none; } html.jx-js .elementor-element-sx004w { opacity: 0; transform: translateX(-56px); transition: opacity .8s ease, transform .9s cubic-bezier(.2, .7, .2, 1); } html.jx-js .elementor-element-sx0058 { opacity: 0; transform: translateX(56px); transition: opacity .8s ease, transform .9s cubic-bezier(.2, .7, .2, 1); } html.jx-js .elementor-element-sx004w.sx-in, html.jx-js .elementor-element-sx0058.sx-in { opacity: 1; transform: none; } html.jx-js .sx-versus .sx-versus-old { opacity: 0; transform: translateX(-44px); transition: opacity .8s ease .05s, transform .85s cubic-bezier(.2, .7, .2, 1) .05s; } html.jx-js .sx-versus .sx-versus-new { opacity: 0; transform: translateX(44px); transition: opacity .8s ease .16s, transform .85s cubic-bezier(.2, .7, .2, 1) .16s; } html.jx-js .sx-versus.sx-in .sx-versus-old, html.jx-js .sx-versus.sx-in .sx-versus-new { opacity: 1; transform: none; } html.jx-js .elementor-element-sx000y .sx-container { opacity: 0; transform: scale(0.965); transition: opacity .9s ease, transform 1s cubic-bezier(.2, .7, .2, 1); } html.jx-js .elementor-element-sx000y.sx-in .sx-container { opacity: 1; transform: none; } html.jx-js .jx-wordmark p { opacity: 0; transform: translateY(70px); transition: opacity .8s ease, transform .9s cubic-bezier(.2, .7, .2, 1); } html.jx-js .jx-wordmark .jx-wm2 { transition-delay: .14s; } html.jx-js .jx-wordmark.sx-in p { opacity: 1; transform: none; } @media (prefers-reduced-motion: reduce) { html.jx-js .sx-finale::before, html.jx-js .elementor-element-sx004w, html.jx-js .elementor-element-sx0058, html.jx-js .sx-versus .sx-versus-old, html.jx-js .sx-versus .sx-versus-new, html.jx-js .elementor-element-sx000y .sx-container, html.jx-js .jx-wordmark p { opacity: 1 !important; transform: none !important; transition: none !important; } } /* --- signal lines woven through the page --- */ .elementor-element-sx004g::after { content: "" !important; position: absolute; left: 50%; top: -58px; width: 2px; height: 126px; margin-left: -1px; background: linear-gradient(180deg, rgba(78, 142, 247, 0) 0%, #4E8EF7 40%, #E76D07 100%); box-shadow: 0 0 16px rgba(231, 109, 7, 0.45); border-radius: 2px; z-index: 2; } .elementor-element-sx000y::after { content: "" !important; position: absolute; left: 50%; bottom: 36px; width: 2px; height: 90px; margin-left: -1px; background: linear-gradient(180deg, #FF9E4F 0%, rgba(120, 165, 245, 0.6) 60%, rgba(120, 165, 245, 0) 100%); box-shadow: 0 0 14px rgba(255, 158, 79, 0.5); border-radius: 2px; } body.page-id-15166 .jx-wordmark::after { content: "" !important; align-self: center; width: min(38vw, 460px); height: 3px; border-radius: 3px; margin-top: 4vh; background: linear-gradient(90deg, #17428F 0%, #4E8EF7 45%, #E76D07 100%); box-shadow: 0 0 18px rgba(231, 109, 7, 0.35); } body.page-id-15166 .sx-hero::after { z-index: 1; } /* --- top utility pills (contact left, social + CTA right) — NOT persistent: absolute, they scroll away with the hero --- */ body.page-id-15166 .jx-toppill { position: absolute; top: 18px; z-index: 9970; display: flex; align-items: center; gap: 4px; padding: 6px; border-radius: 999px; background: rgba(255, 255, 255, 0.9); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); box-shadow: 0 12px 34px -14px rgba(23, 30, 48, 0.35); border: 1px solid rgba(23, 26, 32, 0.06); transform: translateY(-90px); transition: transform .5s cubic-bezier(.2, .8, .25, 1) .12s; } body.page-id-15166 .jx-toppill { transform: translateY(0); } #jx-topbar-left { left: 22px; } #jx-topbar-right { right: 22px; } body.page-id-15166 .jx-toppill a { text-decoration: none; font-weight: 600; font-size: 0.9rem; color: #22252C !important; padding: 9px 14px; border-radius: 999px; white-space: nowrap; } body.page-id-15166 .jx-toppill a:hover { background: #FFF3E7; color: #DE6503 !important; } body.page-id-15166 .jx-toppill .jx-topsoc { width: 38px; height: 38px; padding: 0; display: grid; place-items: center; border-radius: 999px; background: #17428F; color: #FFFFFF !important; font-weight: 700; font-size: 0.9rem; } body.page-id-15166 .jx-toppill .jx-topsoc:hover { background: #E76D07; color: #FFFFFF !important; } body.page-id-15166 .jx-toppill .jx-topcta { background: linear-gradient(180deg, #F07E1A, #DE6503); color: #FFFFFF !important; box-shadow: 0 10px 24px -10px rgba(224, 95, 4, 0.5); } body.page-id-15166 .jx-toppill .jx-topcta:hover { background: #C85A02; color: #FFFFFF !important; } @media (max-width: 1024px) { .jx-toppill { display: none; } } /* mobile: the main pill owns the top */ @media (prefers-reduced-motion: reduce) { .jx-toppill { transition: none; } } /* --- navy takeover: first dark section is a full-viewport moment --- */ .elementor-element-sx000y { min-height: 100vh; display: flex; align-items: center; } /* --- weekly system: cards drop in over the full-bleed work photo --- */ body.page-id-15166 .sx-zone-system:has(.sx-grid-weekly) { position: relative; } body.page-id-15166 .sx-zone-system:has(.sx-grid-weekly)::before { content: "" !important; position: absolute; inset: 0; z-index: -1; background-image: linear-gradient(180deg, rgba(9, 20, 44, 0.92) 0%, rgba(11, 27, 58, 0.78) 30%, rgba(11, 27, 58, 0.85) 100%), url('/wp-content/uploads/sx-scene/jx-weekly-bg.jpg'); background-position: center, center; background-size: cover, cover; background-repeat: no-repeat; background-attachment: fixed, fixed; -webkit-mask-image: linear-gradient(180deg, transparent, #000 120px, #000 calc(100% - 120px), transparent); mask-image: linear-gradient(180deg, transparent, #000 120px, #000 calc(100% - 120px), transparent); } @media (max-width: 1024px) { body.page-id-15166 .sx-zone-system:has(.sx-grid-weekly)::before { background-attachment: scroll, scroll; } } /* drop-down entrance with per-card stagger (rides the existing sx-reveal transition) */ html.jx-js .sx-grid-weekly .sx-tile.sx-reveal:not(.sx-in) { transform: translateY(-52px); } html.jx-js .sx-grid-weekly .sx-tile:nth-child(2) { transition-delay: .08s; } html.jx-js .sx-grid-weekly .sx-tile:nth-child(3) { transition-delay: .16s; } html.jx-js .sx-grid-weekly .sx-tile:nth-child(4) { transition-delay: .24s; } html.jx-js .sx-grid-weekly .sx-tile:nth-child(5) { transition-delay: .32s; } html.jx-js .sx-grid-weekly .sx-tile:nth-child(6) { transition-delay: .40s; } /* --- giant wordmark closer --- */ body.page-id-15166 .jx-wordmark { padding: 10vh 2vw 5vh; overflow: hidden; flex-direction: column !important; align-items: center !important; gap: 0 !important; } body.page-id-15166 .jx-wordmark p { margin: 0; text-align: center; font-weight: 700; line-height: 0.88; letter-spacing: -0.045em; } body.page-id-15166 .jx-wm1 { color: #E76D07 !important; font-size: clamp(4.2rem, 14.5vw, 17rem); } body.page-id-15166 .jx-wm2 { color: #17428F !important; font-size: clamp(3.9rem, 13.2vw, 15.5rem); } /* --- ORANGE FINALE BLOCK (jeton CTA color block) --- */ body.page-id-15166 .sx-finale { padding-top: 120px; padding-bottom: 130px; position: relative; } body.page-id-15166 .sx-finale::before { content: "" !important; position: absolute; inset: 6% max(1.5%, calc(50% - 760px)); z-index: -1; background: linear-gradient(170deg, rgba(245, 130, 27, 0.30) 0%, rgba(224, 95, 4, 0.35) 100%), url('/wp-content/uploads/sx-scene/jx-tex-ember-orange.webp') center / cover no-repeat, #E05F04; border-radius: 44px; box-shadow: 0 50px 110px -48px rgba(224, 95, 4, 0.55); } body.page-id-15166 .sx-finale h2, body.page-id-15166 .sx-finale .sx-h2 { color: #FFFFFF !important; font-size: clamp(2.4rem, 4vw, 3.7rem); } body.page-id-15166 .sx-finale p { color: rgba(255, 248, 240, 0.92) !important; } body.page-id-15166 .sx-finale .sx-note { color: rgba(255, 240, 224, 0.75) !important; } body.page-id-15166 .sx-finale .sx-line { background: rgba(255,255,255,0.85) !important; } body.page-id-15166 .sx-finale .sx-btn-primary { background-image: linear-gradient(180deg, #22252C 0%, #14161B 100%); color: #FFFFFF; box-shadow: 0 18px 40px -16px rgba(10, 12, 16, 0.55); } body.page-id-15166 .sx-finale .sx-btn-primary:hover { background-image: linear-gradient(180deg, #FFFFFF 0%, #F2EFE9 100%); color: #171A20; } /* ============ NEON GLASS BUTTON SYSTEM (Brad: one treatment for every button on the homepage; hover = neon bloom, never black) ============ */ /* primary CTAs — frosted orange glass, neon edge */ body.page-id-15166 .sx-btn-primary, body.page-id-15166 .sx-btn-primary.e-button-base, body.page-id-15166 .sx-finale .sx-btn-primary { background: linear-gradient(180deg, rgba(245, 132, 30, 0.7), rgba(226, 104, 5, 0.55)); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border: 1.5px solid rgba(255, 168, 84, 0.8); color: #FFFFFF; text-shadow: 0 0 10px rgba(255, 170, 90, 0.45); box-shadow: 0 0 10px 1px rgba(255, 150, 50, 0.28), 0 10px 28px -10px rgba(231, 109, 7, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.25); } body.page-id-15166 .sx-btn-primary:hover, body.page-id-15166 .sx-btn-primary.e-button-base:hover, body.page-id-15166 .sx-finale .sx-btn-primary:hover { transform: translateY(-2px); background: linear-gradient(180deg, rgba(245, 140, 40, 0.6), rgba(231, 109, 7, 0.46)); border-color: rgba(255, 195, 130, 0.95); color: #FFFFFF; box-shadow: 0 0 14px 3px rgba(255, 150, 50, 0.6), 0 0 44px 12px rgba(231, 109, 7, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.3); } /* secondary — clear glass, blue neon edge */ body.page-id-15166 .sx-btn-secondary, body.page-id-15166 .sx-btn-secondary.e-button-base { background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.05)); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border: 1.5px solid rgba(120, 170, 250, 0.55); } body.page-id-15166 .sx-btn-secondary:hover { background: rgba(78, 142, 247, 0.16); border-color: rgba(160, 200, 255, 0.95); color: #17428F; box-shadow: 0 0 12px 2px rgba(120, 175, 255, 0.5), 0 0 32px 8px rgba(78, 142, 247, 0.28); } /* floating nav pill — dark neon glass shell */ #jx-pill { background: linear-gradient(180deg, rgba(18, 28, 54, 0.6), rgba(10, 18, 38, 0.72)); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); border: 1.5px solid rgba(255, 150, 60, 0.5); box-shadow: 0 0 14px 1px rgba(231, 109, 7, 0.3), 0 20px 48px -16px rgba(6, 10, 22, 0.6); } #jx-pill .jx-pill-top { background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.18); color: #FFFFFF; } #jx-pill .jx-pill-top:hover { background: rgba(255, 150, 60, 0.3); border-color: rgba(255, 158, 70, 0.6); } #jx-pill .jx-pill-link:hover { background: rgba(255, 150, 60, 0.2); } #jx-pill .jx-pill-cta { background: linear-gradient(180deg, rgba(240, 126, 26, 0.55), rgba(222, 101, 3, 0.42)); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); border: 1px solid rgba(255, 158, 70, 0.75); color: #FFFFFF !important; text-shadow: 0 0 8px rgba(255, 170, 90, 0.4); box-shadow: 0 0 10px 1px rgba(255, 150, 50, 0.4); } #jx-pill .jx-pill-cta:hover { background: linear-gradient(180deg, rgba(245, 140, 40, 0.7), rgba(231, 109, 7, 0.55)); box-shadow: 0 0 14px 3px rgba(255, 150, 50, 0.6), 0 0 34px 8px rgba(231, 109, 7, 0.35); } /* top utility pills — same dark neon glass, dropped lower off the edge */ body.page-id-15166 .jx-toppill { top: 36px; background: linear-gradient(180deg, rgba(18, 28, 54, 0.55), rgba(10, 18, 38, 0.68)); border: 1px solid rgba(140, 180, 255, 0.35); box-shadow: 0 0 12px rgba(78, 142, 247, 0.22), 0 12px 34px -14px rgba(6, 10, 22, 0.55); } body.page-id-15166 .jx-toppill a { color: #EAF0FB !important; } body.page-id-15166 .jx-toppill a:hover { background: rgba(255, 150, 60, 0.2); color: #FFC891 !important; } body.page-id-15166 .jx-toppill .jx-topsoc { background: rgba(78, 142, 247, 0.32); border: 1px solid rgba(140, 180, 255, 0.45); color: #FFFFFF !important; } body.page-id-15166 .jx-toppill .jx-topsoc:hover { background: rgba(231, 109, 7, 0.5); color: #FFFFFF !important; } body.page-id-15166 .jx-toppill .jx-topcta { background: linear-gradient(180deg, rgba(240, 126, 26, 0.55), rgba(222, 101, 3, 0.42)); border: 1px solid rgba(255, 158, 70, 0.75); color: #FFFFFF !important; text-shadow: 0 0 8px rgba(255, 170, 90, 0.4); box-shadow: 0 0 10px 1px rgba(255, 150, 50, 0.4); } body.page-id-15166 .jx-toppill .jx-topcta:hover { background: linear-gradient(180deg, rgba(245, 140, 40, 0.7), rgba(231, 109, 7, 0.55)); color: #FFFFFF !important; box-shadow: 0 0 14px 3px rgba(255, 150, 50, 0.6), 0 0 30px 8px rgba(231, 109, 7, 0.35); } /* --- reveals --- */ html.jx-js .sx-reveal { transition: opacity .8s cubic-bezier(.2,.6,.25,1), transform .8s cubic-bezier(.2,.6,.25,1); } html.jx-js .sx-reveal:not(.sx-in) { opacity: 0; transform: translateY(26px); } html.jx-js .sx-stage > * { transition: opacity .9s cubic-bezier(.2,.65,.2,1), transform .9s cubic-bezier(.2,.65,.2,1); } html.jx-js:not(.jx-go) .sx-stage > * { opacity: 0; transform: translateY(28px); } html.jx-js .sx-stage > *:nth-child(1) { transition-delay: .1s; } html.jx-js .sx-stage > *:nth-child(2) { transition-delay: .25s; } html.jx-js .sx-stage > *:nth-child(3) { transition-delay: .45s; } html.jx-js .sx-stage > *:nth-child(4) { transition-delay: .62s; } @media (prefers-reduced-motion: reduce) { html.jx-js .sx-reveal, html.jx-js .sx-stage > * { opacity: 1 !important; transform: none !important; transition: none !important; } } /* --- neutralize dark-theme leftovers --- */ body.page-id-15166 .sx-trace::after { content: none; } body.page-id-15166 .sx-band-rule, body.page-id-15166 .sx-core::after { content: none; } body.page-id-15166 .sx-hero-art::before { content: none; } /* --- backplates stay light surfaces even inside the dark zone --- */ body.page-id-15166 .sx-page .sx-zone-system .sx-backplate p, body.page-id-15166 .sx-page .sx-zone-system .sx-backplate li { color: #454B57; } body.page-id-15166 .sx-page .sx-zone-system .sx-backplate strong { color: #171A20; } body.page-id-15166 .sx-page .sx-zone-system .sx-backplate .sx-note { color: #8A8F9A; } /* --- supporting imagery frames --- */ .elementor-element-sx0057 img.e-image-base { /* Gordingo's real growth metrics */ margin-top: 26px; border-radius: 14px; width: 100%; height: auto; border: 1px solid rgba(23, 26, 32, 0.1); box-shadow: 0 22px 44px -30px rgba(23, 30, 48, 0.45); background: #FFFFFF; } .elementor-element-sx003d img.e-image-base { /* real Google Business Profile */ margin-top: 30px; max-width: 270px; width: 100%; height: auto; border-radius: 20px; border: 1px solid rgba(23, 26, 32, 0.1); box-shadow: 0 30px 60px -34px rgba(23, 30, 48, 0.5); transform: rotate(-2deg); transition: transform .6s cubic-bezier(.22,.61,.36,1); } .elementor-element-sx003d:hover img.e-image-base { transform: rotate(0deg); } .elementor-element-sx000t img.e-image-base { /* storefront street, in the dark zone */ margin-top: 30px; max-width: 460px; width: 100%; height: auto; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.14); box-shadow: 0 34px 70px -36px rgba(0, 0, 0, 0.7); } .elementor-element-sx0070 img.e-image-base { /* bespoke 3D presence core, finale */ max-width: 320px; width: 60%; height: auto; margin: -30px auto 6px; filter: drop-shadow(0 30px 46px rgba(120, 45, 0, 0.45)); } @media (prefers-reduced-motion: no-preference) { .elementor-element-sx0070 img.e-image-base { animation: jx-float 7s ease-in-out infinite; } } @keyframes jx-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-12px); } } @media (max-width: 1024px) { .elementor-element-sx0070 img.e-image-base { max-width: 220px; margin-top: -10px; } } /* --- accent colors: must beat the broad light-theme heading overrides --- */ body.page-id-15166 .sx-page .sx-display-accent, body.page-id-15166 .sx-page h1.sx-display-accent, body.page-id-15166 .sx-page h2.sx-display-accent { color: #E76D07; } body.page-id-15166 .sx-page .sx-duo span { color: #E76D07; } body.page-id-15166 .sx-page .sx-zone-system .sx-duo span { color: #FFB877; } body.page-id-15166 .sx-page .sx-finale h2, body.page-id-15166 .sx-page .sx-finale .sx-h2 { color: #FFFFFF; } body.page-id-15166 .sx-page .sx-zone-system h2, body.page-id-15166 .sx-page .sx-zone-system h3 { color: #F5F8FF; } body.page-id-15166 .sx-page .sx-versus-new h3 { color: #FFFFFF; } body.page-id-15166 .sx-page .sx-versus-old h3 { color: #6B7280; } body.page-id-15166 .sx-page .sx-tile h3 { color: #171A20; } body.page-id-15166 .sx-page .sx-zone-system .sx-tile h3 { color: #171A20; } /* --- responsive --- */ @media (max-width: 1024px) { body.page-id-15166 .sx-hero { min-height: 0; } body.page-id-15166 .sx-grid-weekly { grid-template-columns: 1fr; } body.page-id-15166 .sx-path { grid-template-columns: 1fr; gap: 24px; padding-inline-start: 8px; } body.page-id-15166 .sx-path::before { top: 4%; bottom: 4%; left: 19px; right: auto; width: 2px; height: auto; background: repeating-linear-gradient(180deg, rgba(23,66,143,0.3) 0 14px, transparent 14px 26px); } body.page-id-15166 .sx-step { display: grid; grid-template-columns: 40px 1fr; gap: 0 16px; } body.page-id-15166 .sx-step-marker { margin-bottom: 0; } body.page-id-15166 .sx-step .sx-step-body { grid-column: 2; } body.page-id-15166 .sx-versus { grid-template-columns: 1fr; } body.page-id-15166 .sx-zone-system::before, body.page-id-15166 .sx-finale::before { inset: 0 2%; border-radius: 28px; } body.page-id-15166 .sx-logo-stage img, body.page-id-15166 .sx-logo-stage-wide img { max-width: 200px; max-height: 96px; } } /* ============ S3 "A Better Way" neon pass (Brad, 2026-07-06) ============ */ /* signal lines in the neon hero language for continuity: dark navy -> electric blue -> hot orange, with the hero's glow bloom */ /* the atomic e-div-block ignores height declarations (renders ~20px), so the thin line is PAINTED: 3px gradient stripe centered in the box, neon glow via drop-shadow so it hugs the stripe instead of the 20px box */ body.page-id-15166 .elementor-element-sx000m .sx-line, body.page-id-15166 .sx-band-rule { border: 0; display: block; background-image: linear-gradient(90deg, rgba(23, 66, 143, 0) 0%, #17428F 22%, #4E8EF7 48%, #FF8E2E 78%, rgba(255, 142, 46, 0) 100%) !important; background-color: transparent !important; background-size: 100% 3px !important; background-position: center !important; background-repeat: no-repeat !important; box-shadow: none !important; filter: drop-shadow(0 0 6px rgba(78, 142, 247, 0.55)) drop-shadow(0 0 9px rgba(255, 142, 46, 0.5)); } /* heading: neon DARK blue (per Brad — not the light electric blue) + neon orange accent. Fills stay deep for contrast on the cream canvas; the neon reads through the glow. */ body.page-id-15166 .elementor-element-sx000m .sx-h2 { color: #17428F; text-shadow: 0 0 10px rgba(23, 66, 143, 0.30), 0 0 34px rgba(78, 142, 247, 0.35); } body.page-id-15166 .sx-page .elementor-element-sx000m .sx-h2.sx-duo span { color: #E76D07; text-shadow: 0 0 10px rgba(255, 142, 46, 0.45), 0 0 34px rgba(255, 142, 46, 0.35); } /* ============ S3 round 2 (Brad, 2026-07-06): bigger lines, two-line heading, tracer pulse ============ */ /* band rule ("no long-term..."): bigger */ body.page-id-15166 .sx-band-rule { width: 260px !important; max-width: 260px !important; background-size: 100% 4px !important; } /* heading: hard two-line break — "A Better Way To Manage" / "Online Marketing" */ body.page-id-15166 .sx-page .elementor-element-sx000m .sx-h2.sx-duo span { display: block; } /* heading divider: bigger, hotter neon */ body.page-id-15166 .elementor-element-sx000i { position: relative; width: 360px !important; max-width: 72vw; background-size: 100% 4px !important; overflow: visible; filter: drop-shadow(0 0 8px rgba(78, 142, 247, 0.65)) drop-shadow(0 0 12px rgba(255, 142, 46, 0.6)); } /* looping neon tracer: white-hot bead that runs the length of the line */ body.page-id-15166 .elementor-element-sx000i::after { content: "" !important; position: absolute; top: 50%; left: -14%; width: 46px; height: 7px; margin-top: -3.5px; border-radius: 7px; opacity: 0; pointer-events: none; z-index: 1; background: radial-gradient(closest-side, #FFFFFF 0%, #FFE3C2 35%, rgba(255, 142, 46, 0.85) 70%, rgba(255, 142, 46, 0) 100%); box-shadow: 0 0 10px 2px rgba(255, 255, 255, 0.6), 0 0 22px 8px rgba(255, 142, 46, 0.55), 0 0 30px 12px rgba(78, 142, 247, 0.3); } @media (prefers-reduced-motion: no-preference) { body.page-id-15166 .elementor-element-sx000i::after { animation: sx-s3-trace 2.6s linear infinite; } } @keyframes sx-s3-trace { 0% { left: -14%; opacity: 0; } 10% { opacity: 1; } 90% { opacity: 1; } 100% { left: 102%; opacity: 0; } } /* ============ S3 round 3 (Brad, 2026-07-06): band line larger, closer sentence = orange neon w/ looping surge sweep ============ */ body.page-id-15166 .sx-band-rule { width: 380px !important; max-width: 380px !important; background-size: 100% 5px !important; } /* "Skyland Digital was built to remove that uncertainty." — bigger, orange neon; a white-hot band baked into the gradient sweeps L->R on loop. Glow via drop-shadow (follows the clipped gradient text, not the box). */ body.page-id-15166 .sx-page p.s-sx000k { font-size: clamp(1.6rem, 2.4vw, 2.2rem) !important; font-weight: 700 !important; line-height: 1.35 !important; color: transparent !important; background-image: linear-gradient(100deg, #E76D07 0%, #E76D07 40%, #FFB877 46%, #FFF3E2 50%, #FFB877 54%, #E76D07 60%, #E76D07 100%) !important; background-size: 250% 100% !important; background-position: 0% 0 !important; background-repeat: repeat-x !important; -webkit-background-clip: text !important; background-clip: text !important; filter: drop-shadow(0 0 7px rgba(255, 142, 46, 0.4)) drop-shadow(0 0 16px rgba(255, 142, 46, 0.28)); } @media (prefers-reduced-motion: no-preference) { body.page-id-15166 .sx-page p.s-sx000k { animation: sx-s3-surge 3s linear infinite; } } @keyframes sx-s3-surge { 0% { background-position: 100% 0; } 100% { background-position: 0% 0; } } /* ============ S3 round 4 (Brad, 2026-07-06): closer one-line, tracer off the divider, band bigger + staggered entrance, wider column ============ */ /* divider: energy burst belongs to the closer sentence only */ body.page-id-15166 .elementor-element-sx000i::after { content: none !important; animation: none !important; } /* closer: one line, a notch smaller (keeps the surge sweep) */ body.page-id-15166 .sx-page p.s-sx000k { font-size: clamp(1.3rem, 1.75vw, 1.75rem) !important; } @media (min-width: 1025px) { body.page-id-15166 .sx-page p.s-sx000k { white-space: nowrap; } } /* wider column: middle paragraph breathes, closer fits one line */ body.page-id-15166 .elementor-element-sx000l { max-width: 1060px !important; } body.page-id-15166 .sx-page p.s-sx000j { text-wrap: balance; } /* band: bigger type */ body.page-id-15166 .sx-page p.sx-band-title { font-size: 1.05rem !important; } /* the new first-phrase span stays body-colored (the .sx-duo span rule would paint it orange) and needs inline-block for the transform */ body.page-id-15166 .sx-page .sx-duo span.sx-b1 { color: inherit; display: inline-block; } /* band entrance: left-to-right stagger — contracts → lock-ins → line → transparent */ @media (prefers-reduced-motion: no-preference) { body.page-id-15166 .elementor-element-sx000f .sx-b1, body.page-id-15166 .elementor-element-sx000f p.sx-duo span:not(.sx-b1), body.page-id-15166 .elementor-element-sx000f .sx-band-rule, body.page-id-15166 .elementor-element-sx000f p.sx-band-title:not(.sx-duo) { opacity: 0; transform: translateX(-26px); transition: opacity .55s ease, transform .55s ease; } body.page-id-15166 .elementor-element-sx000f.sx-in .sx-b1, body.page-id-15166 .elementor-element-sx000f.sx-in p.sx-duo span:not(.sx-b1), body.page-id-15166 .elementor-element-sx000f.sx-in .sx-band-rule, body.page-id-15166 .elementor-element-sx000f.sx-in p.sx-band-title:not(.sx-duo) { opacity: 1; transform: translateX(0); } body.page-id-15166 .elementor-element-sx000f.sx-in .sx-b1 { transition-delay: .05s; } body.page-id-15166 .elementor-element-sx000f.sx-in p.sx-duo span:not(.sx-b1) { transition-delay: .45s; } body.page-id-15166 .elementor-element-sx000f.sx-in .sx-band-rule { transition-delay: .85s; } body.page-id-15166 .elementor-element-sx000f.sx-in p.sx-band-title:not(.sx-duo) { transition-delay: 1.25s; } } /* S3 round 5 (Brad, 2026-07-06): band phrases in brand dark blue, not near-black */ body.page-id-15166 .sx-page .sx-duo span.sx-b1 { color: #17428F !important; } body.page-id-15166 .sx-page p.sx-band-title:not(.sx-duo) { color: #17428F !important; } /* S3 round 6 (Brad, 2026-07-06): band signal line smaller; band phrases never wrap */ body.page-id-15166 .sx-band-rule { width: 200px !important; max-width: 200px !important; background-size: 100% 4px !important; } body.page-id-15166 .sx-page p.sx-band-title { white-space: nowrap; } /* ============ S4–S8 dark run: hero stage treatment (Brad, 2026-07-06) ============ */ /* hero navy gradient, viewport-anchored (fixed) so all five dark sections read as ONE continuous stage — no per-section gradient seams. Photo backdrops (Blue Ridge sunset / weekly work photo) + their edge-fade masks retired. */ body.page-id-15166 .sx-zone-system { background: linear-gradient(155deg, #060D1B 0%, #0A1428 40%, #10204A 76%, #182B58 100%) !important; background-attachment: fixed !important; } @media (max-width: 1024px) { body.page-id-15166 .sx-zone-system { background: #0B1B3A !important; background-attachment: scroll !important; } } body.page-id-15166 .sx-zone-system::before, body.page-id-15166 .sx-zone-system:has(.sx-grid-weekly)::before { content: none !important; } /* light zones own their cream — the body-bg scroll lerp can no longer tint them, so light→dark edges cut clean at section boundaries */ body.page-id-15166 .sx-zone-calm, body.page-id-15166 .sx-zone-proof { background-color: #F7F4EF; } /* per-section starfield (JS-seeded, mirrors the hero) */ body.page-id-15166 .jx-stars-zone { position: absolute; inset: 0; overflow: hidden; z-index: 0; pointer-events: none; } body.page-id-15166 .jx-stars-zone i { position: absolute; display: block; border-radius: 50%; background: #FFFFFF; opacity: var(--o, .6); animation: jx-twinkle var(--d, 4s) ease-in-out var(--dl, 0s) infinite; } body.page-id-15166 .jx-stars-zone i.jx-star-b { box-shadow: 0 0 6px 1px rgba(200, 220, 255, 0.5); } @media (prefers-reduced-motion: reduce) { body.page-id-15166 .jx-stars-zone i { animation: none; } } /* content rides above the star layer */ body.page-id-15166 .sx-zone-system > *:not(.jx-stars-zone) { position: relative; z-index: 1; } /* ============ S4 rework (Brad, 2026-07-06): 3D atom above the statement, flat logo card + Asheville street photo retired, statement neon orange ===== */ body.page-id-15166 .elementor-element-sx000s, body.page-id-15166 .elementor-element-sx000t > img.e-image-base { display: none !important; } /* the atom clone — a little smaller than the hero's (~600px → 420px) */ #jx-work-logo { position: relative; width: min(100%, 420px); aspect-ratio: 1 / 1; pointer-events: none; margin: 0 0 6px; } /* statement: neon orange, hero-accent glow, both lines */ body.page-id-15166 .sx-page .s-sx000n, body.page-id-15166 .sx-page .s-sx000o { color: #FF8E2E !important; text-shadow: 0 0 12px rgba(255, 142, 46, 0.5), 0 0 38px rgba(231, 109, 7, 0.42); } /* ============ Dark-zone neon pass (Brad, 2026-07-06): signal-line dividers, neon-rimmed cards ============ */ /* dividers in the dark run: painted neon signal line (replaces solid orange bar) */ body.page-id-15166 .sx-zone-system .sx-line { width: 260px !important; max-width: 260px !important; border: 0; display: block; background-image: linear-gradient(90deg, rgba(78, 142, 247, 0) 0%, #4E8EF7 30%, #FF8E2E 70%, rgba(255, 142, 46, 0) 100%) !important; background-color: transparent !important; background-size: 100% 3px !important; background-position: center !important; background-repeat: no-repeat !important; box-shadow: none !important; filter: drop-shadow(0 0 6px rgba(78, 142, 247, 0.55)) drop-shadow(0 0 9px rgba(255, 142, 46, 0.5)); } /* weekly cards: thin blue→orange neon rim (the round-tile treatment), soft dual-glow shadow, hotter on hover; surfaces stay light for readability */ body.page-id-15166 .sx-zone-system .sx-tile { border: 1.5px solid transparent !important; background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(210deg, #4E8EF7 8%, rgba(120, 170, 250, 0.85) 32%, #E76D07 88%) border-box !important; box-shadow: 0 24px 50px -34px rgba(6, 12, 28, 0.6), 0 0 14px rgba(78, 142, 247, 0.14), 0 0 14px rgba(231, 109, 7, 0.12); } body.page-id-15166 .sx-zone-system .sx-tile:hover { box-shadow: 0 30px 60px -34px rgba(6, 12, 28, 0.7), 0 0 18px rgba(78, 142, 247, 0.3), 0 0 22px rgba(231, 109, 7, 0.3); } body.page-id-15166 .sx-zone-system .sx-tile-feature { background: linear-gradient(#FFF4E8, #FFF4E8) padding-box, linear-gradient(210deg, #4E8EF7 8%, rgba(120, 170, 250, 0.85) 32%, #E76D07 88%) border-box !important; } /* card numbers: neon orange bloom */ body.page-id-15166 .sx-zone-system .sx-tile-num { color: #FF9E4F; text-shadow: 0 0 10px rgba(255, 142, 46, 0.55), 0 0 26px rgba(255, 142, 46, 0.3); } /* hover bloom v2 (Brad: couldn't see it) — unmistakable: rim brightens, dual neon halo, number flares */ body.page-id-15166 .sx-zone-system .sx-tile:hover { background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(210deg, #6BA3FF 8%, #8FB9FF 32%, #FF8E2E 88%) border-box !important; box-shadow: 0 30px 60px -34px rgba(6, 12, 28, 0.7), 0 0 22px 3px rgba(78, 142, 247, 0.45), 0 0 34px 7px rgba(255, 142, 46, 0.5); } body.page-id-15166 .sx-zone-system .sx-tile-feature:hover { background: linear-gradient(#FFF4E8, #FFF4E8) padding-box, linear-gradient(210deg, #6BA3FF 8%, #8FB9FF 32%, #FF8E2E 88%) border-box !important; } body.page-id-15166 .sx-zone-system .sx-tile:hover .sx-tile-num { text-shadow: 0 0 12px rgba(255, 142, 46, 0.85), 0 0 36px rgba(255, 142, 46, 0.55); } /* hover v3 (Brad: v2 too hot) — rim stays constant, moderate halo only; numbers BLUE at rest → orange bloom on hover */ body.page-id-15166 .sx-zone-system .sx-tile:hover { background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(210deg, #4E8EF7 8%, rgba(120, 170, 250, 0.85) 32%, #E76D07 88%) border-box !important; box-shadow: 0 30px 60px -34px rgba(6, 12, 28, 0.7), 0 0 16px 1px rgba(78, 142, 247, 0.22), 0 0 20px 2px rgba(255, 142, 46, 0.25); } body.page-id-15166 .sx-zone-system .sx-tile-feature:hover { background: linear-gradient(#FFF4E8, #FFF4E8) padding-box, linear-gradient(210deg, #4E8EF7 8%, rgba(120, 170, 250, 0.85) 32%, #E76D07 88%) border-box !important; } body.page-id-15166 .sx-zone-system .sx-tile-num { color: #4E8EF7; text-shadow: 0 0 10px rgba(78, 142, 247, 0.35); transition: color .35s ease, text-shadow .35s ease; } body.page-id-15166 .sx-zone-system .sx-tile:hover .sx-tile-num { color: #FF9E4F; text-shadow: 0 0 12px rgba(255, 142, 46, 0.7), 0 0 30px rgba(255, 142, 46, 0.4); } /* ownership pathway markers (Brad): electric blue at rest → orange bloom on hover, matching the weekly card numbers */ body.page-id-15166 .sx-zone-system .sx-step-marker { background: #4E8EF7; color: #FFFFFF; box-shadow: 0 0 10px rgba(78, 142, 247, 0.35); } body.page-id-15166 .sx-zone-system .sx-step:hover .sx-step-marker { background: #FF9E4F; color: #1A1207; box-shadow: 0 0 14px 2px rgba(255, 142, 46, 0.65), 0 0 32px 6px rgba(255, 142, 46, 0.35); } /* ============ S8 visibility backplate fixes (Brad, 2026-07-06) ============ */ /* GBP interface screenshot under the CTA: retired */ body.page-id-15166 .elementor-element-sx003d > img.e-image-base { display: none !important; } /* headings on LIGHT backplates inside the dark zone were inheriting the near-white dark-zone h2 color (invisible on white) — use the S3 neon heading language instead: dark blue + orange accent w/ glow */ body.page-id-15166 .sx-page .sx-zone-system .sx-backplate .sx-h2 { color: #17428F !important; text-shadow: 0 0 10px rgba(23, 66, 143, 0.25), 0 0 30px rgba(78, 142, 247, 0.28); } body.page-id-15166 .sx-page .sx-zone-system .sx-backplate .sx-h2.sx-duo span { color: #E76D07 !important; text-shadow: 0 0 10px rgba(255, 142, 46, 0.4), 0 0 30px rgba(255, 142, 46, 0.3); } /* ============ BUTTON DOCTRINE (Brad, 2026-07-06): the neon glass orange pill is THE button treatment sitewide. Glass washes out over light surfaces, so backplate buttons get a denser body — same pill, same glow, any surface. */ body.page-id-15166 .sx-backplate .sx-btn-primary, body.page-id-15166 .sx-backplate .sx-btn-primary.e-button-base { /* same glass gradient as everywhere, over a baked-in navy underlay — reproduces the glass-over-dark blend exactly on any surface */ background: linear-gradient(180deg, rgba(245, 132, 30, 0.7), rgba(226, 104, 5, 0.55)), linear-gradient(180deg, #10204A, #0A1428); } /* ============ S8 checklist upgrade (Brad, 2026-07-06): bigger rows, paid-ads row expands to linked ad services ============ */ body.page-id-15166 .sx-zone-system .sx-checklist .sx-check-row p { font-size: 1.18rem !important; } body.page-id-15166 .sx-zone-system .sx-checklist .sx-check-row { padding-block: 16px; } /* toggle affordance on the paid-ads row */ body.page-id-15166 .jx-ads-toggle { cursor: pointer; } body.page-id-15166 .jx-ads-toggle p::after { content: "▾"; display: inline-block; margin-left: 10px; color: #FF9E4F; transition: transform .35s ease; } body.page-id-15166 .jx-ads-toggle.jx-open p::after { transform: rotate(180deg); } body.page-id-15166 .sx-page .jx-ads-toggle:hover p { color: #FF9E4F !important; } /* the expanding panel */ #jx-ads-panel { overflow: hidden; max-height: 0; opacity: 0; display: flex; flex-direction: column; padding-inline-start: 46px; transition: max-height .45s ease, opacity .35s ease, padding .35s ease; } #jx-ads-panel.jx-open { max-height: 340px; opacity: 1; padding-block: 4px 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.14); } #jx-ads-panel a, #jx-ads-panel .jx-ads-soon { color: #E2EAF7; font-size: 1.06rem; padding: 9px 0; text-decoration: none; transition: color .3s ease; } #jx-ads-panel a::before, #jx-ads-panel .jx-ads-soon::before { content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 50%; margin-right: 12px; vertical-align: 2px; background: #4E8EF7; box-shadow: 0 0 8px rgba(78, 142, 247, 0.6); transition: background .3s ease, box-shadow .3s ease; } #jx-ads-panel a:hover { color: #FF9E4F; } #jx-ads-panel a:hover::before { background: #FF9E4F; box-shadow: 0 0 10px rgba(255, 142, 46, 0.7); } #jx-ads-panel a:focus-visible { outline: 2px solid rgba(255, 158, 79, 0.7); outline-offset: 3px; border-radius: 4px; } #jx-ads-panel .jx-ads-soon { opacity: 0.55; } /* backplate button HOVER: same glass hover recipe over the navy underlay — identical bright rim + halo on light surfaces (Brad, 2026-07-06) */ body.page-id-15166 .sx-backplate .sx-btn-primary:hover, body.page-id-15166 .sx-backplate .sx-btn-primary.e-button-base:hover { background: linear-gradient(180deg, rgba(245, 140, 40, 0.6), rgba(231, 109, 7, 0.46)), linear-gradient(180deg, #10204A, #0A1428); border-color: rgba(255, 195, 130, 0.95); color: #FFFFFF; box-shadow: 0 0 14px 3px rgba(255, 150, 50, 0.6), 0 0 44px 12px rgba(231, 109, 7, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.3); } /* S8 checklist: bigger still, to balance the tall backplate (Brad) */ body.page-id-15166 .sx-zone-system .sx-checklist .sx-check-row p { font-size: 1.32rem !important; } body.page-id-15166 .sx-zone-system .sx-checklist .sx-check-row { padding-block: 19px; gap: 16px; } body.page-id-15166 .sx-zone-system .sx-checklist .sx-check-row::before { width: 34px; height: 34px; font-size: 16px; transition: background .3s ease, color .3s ease, box-shadow .3s ease; } /* rows follow the blue-rest → orange-hover language */ body.page-id-15166 .sx-zone-system .sx-checklist .sx-check-row:hover::before { background: #FF9E4F; color: #0B1B3A; box-shadow: 0 0 12px rgba(255, 142, 46, 0.55); } #jx-ads-panel a, #jx-ads-panel .jx-ads-soon { font-size: 1.12rem; } /* S8 balance v2: list sized up to sit against the tall card, and vertically centered so the whites of the section line up */ body.page-id-15166 .elementor-element-sx003f { align-self: center; } body.page-id-15166 .sx-zone-system .sx-checklist .sx-check-row p { font-size: 1.4rem !important; } body.page-id-15166 .sx-zone-system .sx-checklist .sx-check-row { padding-block: 24px !important; } body.page-id-15166 .sx-zone-system .sx-checklist .sx-check-row::before { width: 38px; height: 38px; font-size: 17px; } body.page-id-15166 .sx-zone-system .sx-checklist::before { left: 19px; } /* ============ S9 "How It Looks in Practice" header (Brad, 2026-07-06) ============ */ body.page-id-15166 .elementor-element-sx004g .sx-h2 { color: #17428F; text-shadow: 0 0 10px rgba(23, 66, 143, 0.30), 0 0 34px rgba(78, 142, 247, 0.35); } body.page-id-15166 .elementor-element-sx004g .sx-line { width: 360px !important; max-width: 72vw !important; border: 0; display: block; background-image: linear-gradient(90deg, rgba(23, 66, 143, 0) 0%, #17428F 22%, #4E8EF7 48%, #FF8E2E 78%, rgba(255, 142, 46, 0) 100%) !important; background-color: transparent !important; background-size: 100% 3px !important; background-position: center !important; background-repeat: no-repeat !important; box-shadow: none !important; filter: drop-shadow(0 0 6px rgba(78, 142, 247, 0.55)) drop-shadow(0 0 9px rgba(255, 142, 46, 0.5)); } body.page-id-15166 .sx-page p.s-sx0048 { max-width: 1120px !important; } /* ============ S10 "Visible Work. Real Results." header (Brad, 2026-07-06) ============ */ body.page-id-15166 .elementor-element-sx005a .sx-h2 { color: #17428F; text-shadow: 0 0 10px rgba(23, 66, 143, 0.30), 0 0 34px rgba(78, 142, 247, 0.35); } body.page-id-15166 .sx-page .elementor-element-sx005a .sx-h2.sx-duo span { color: #E76D07; text-shadow: 0 0 10px rgba(255, 142, 46, 0.45), 0 0 34px rgba(255, 142, 46, 0.35); } body.page-id-15166 .elementor-element-sx005a .sx-line, body.page-id-15166 .elementor-element-sx004i { width: 360px !important; max-width: 72vw !important; border: 0; display: block; background-image: linear-gradient(90deg, rgba(23, 66, 143, 0) 0%, #17428F 22%, #4E8EF7 48%, #FF8E2E 78%, rgba(255, 142, 46, 0) 100%) !important; background-color: transparent !important; background-size: 100% 3px !important; background-position: center !important; background-repeat: no-repeat !important; box-shadow: none !important; filter: drop-shadow(0 0 6px rgba(78, 142, 247, 0.55)) drop-shadow(0 0 9px rgba(255, 142, 46, 0.5)); } /* secondary buttons (Brad, 2026-07-06): hover glow ORANGE, not blue — blue edge at rest, orange bloom on hover per the interaction doctrine */ body.page-id-15166 .sx-btn-secondary:hover, body.page-id-15166 .sx-btn-secondary.e-button-base:hover { background: rgba(255, 142, 46, 0.12); border-color: rgba(255, 168, 84, 0.95); color: #B4540A; box-shadow: 0 0 12px 2px rgba(255, 150, 50, 0.5), 0 0 32px 8px rgba(231, 109, 7, 0.28); } /* ============ S11 FAQ header (Brad, 2026-07-06): standard section-header recipe — neon blue h2 + painted signal line ============ */ body.page-id-15166 .elementor-element-sx006r .sx-h2 { color: #17428F; text-shadow: 0 0 10px rgba(23, 66, 143, 0.30), 0 0 34px rgba(78, 142, 247, 0.35); } body.page-id-15166 .sx-page .elementor-element-sx006r .sx-h2.sx-duo span { color: #E76D07; text-shadow: 0 0 10px rgba(255, 142, 46, 0.45), 0 0 34px rgba(255, 142, 46, 0.35); } body.page-id-15166 .elementor-element-sx006r .sx-line, body.page-id-15166 .elementor-element-sx006n { width: 360px !important; max-width: 72vw !important; border: 0; display: block; background-image: linear-gradient(90deg, rgba(23, 66, 143, 0) 0%, #17428F 22%, #4E8EF7 48%, #FF8E2E 78%, rgba(255, 142, 46, 0) 100%) !important; background-color: transparent !important; background-size: 100% 3px !important; background-position: center !important; background-repeat: no-repeat !important; box-shadow: none !important; filter: drop-shadow(0 0 6px rgba(78, 142, 247, 0.55)) drop-shadow(0 0 9px rgba(255, 142, 46, 0.5)); } /* ============ S12 FINALE → full-width starfield stage (Brad, 2026-07-06): orange color block retired; the closer lives on the same navy starfield as the rest of the dark language ============ */ body.page-id-15166 .sx-finale { background: linear-gradient(155deg, #060D1B 0%, #0A1428 40%, #10204A 76%, #182B58 100%) !important; background-attachment: fixed !important; } @media (max-width: 1024px) { body.page-id-15166 .sx-finale { background: #0B1B3A !important; background-attachment: scroll !important; } } body.page-id-15166 .sx-finale::before { content: none !important; } /* heading: neon-glow white, matching the hero display treatment */ body.page-id-15166 .sx-page .sx-finale h2, body.page-id-15166 .sx-page .sx-finale .sx-h2 { text-shadow: 0 0 14px rgba(240, 244, 255, 0.22), 0 0 46px rgba(78, 142, 247, 0.30); } /* divider: dark-zone neon signal line (replaces the white swatch) */ body.page-id-15166 .sx-finale .sx-line { width: 360px !important; max-width: 72vw !important; border: 0; display: block; background-image: linear-gradient(90deg, rgba(78, 142, 247, 0) 0%, #4E8EF7 30%, #FF8E2E 70%, rgba(255, 142, 46, 0) 100%) !important; background-color: transparent !important; background-size: 100% 3px !important; background-position: center !important; background-repeat: no-repeat !important; box-shadow: none !important; filter: drop-shadow(0 0 6px rgba(78, 142, 247, 0.55)) drop-shadow(0 0 9px rgba(255, 142, 46, 0.5)); } /* content above the star layer */ body.page-id-15166 .sx-finale > *:not(.jx-stars-zone) { position: relative; z-index: 1; } /* ============ FINALE atom + wordmark retirement + FOOTER neon glass panel (Brad, 2026-07-06) ============ */ /* static planet render out, live atom in */ body.page-id-15166 .elementor-element-sx0070 > img.e-image-base { display: none !important; } #jx-finale-logo { position: relative; width: min(72vw, 380px); aspect-ratio: 1 / 1; margin: 0 auto 10px; pointer-events: none; } /* giant wordmark closer retired */ body.page-id-15166 .elementor-element-jxwm0 { display: none !important; } /* --- FOOTER: dark neon glass panel in the pill-nav language --- */ body.page-id-15166 [data-elementor-type="footer"] { position: relative; overflow: hidden; background: linear-gradient(180deg, rgba(18, 28, 54, 0.96), rgba(8, 14, 30, 0.99)) !important; border: 1.5px solid rgba(255, 150, 60, 0.4); border-bottom: 0; border-radius: 34px 34px 0 0; margin: 0 18px; padding-top: 30px; box-shadow: 0 0 18px rgba(231, 109, 7, 0.22), 0 -18px 48px -20px rgba(6, 10, 22, 0.5); } /* neon signal edge along the top, like the pill's rim */ body.page-id-15166 [data-elementor-type="footer"]::before { content: ""; position: absolute; top: 0; left: 8%; right: 8%; height: 3px; background: linear-gradient(90deg, rgba(78, 142, 247, 0) 0%, #4E8EF7 30%, #FF8E2E 70%, rgba(255, 142, 46, 0) 100%); filter: drop-shadow(0 0 6px rgba(78, 142, 247, 0.55)) drop-shadow(0 0 9px rgba(255, 142, 46, 0.5)); } body.page-id-15166 [data-elementor-type="footer"] .e-con, body.page-id-15166 [data-elementor-type="footer"] .e-con-inner { background: transparent !important; } /* type: light on the dark glass */ body.page-id-15166 [data-elementor-type="footer"] h1, body.page-id-15166 [data-elementor-type="footer"] h2, body.page-id-15166 [data-elementor-type="footer"] h3, body.page-id-15166 [data-elementor-type="footer"] h4, body.page-id-15166 [data-elementor-type="footer"] .elementor-heading-title { color: #F5F8FF !important; text-shadow: 0 0 12px rgba(78, 142, 247, 0.25); } body.page-id-15166 [data-elementor-type="footer"] p, body.page-id-15166 [data-elementor-type="footer"] li, body.page-id-15166 [data-elementor-type="footer"] span { color: rgba(222, 230, 246, 0.85); } body.page-id-15166 [data-elementor-type="footer"] a { color: rgba(222, 230, 246, 0.9) !important; transition: color .25s ease, text-shadow .25s ease; } body.page-id-15166 [data-elementor-type="footer"] a:hover { color: #FF9E4F !important; text-shadow: 0 0 10px rgba(255, 142, 46, 0.45); } /* brand logo: cream chip so the two-color mark stays legible on dark */ body.page-id-15166 [data-elementor-type="footer"] .elementor-widget-image img { background: rgba(247, 244, 239, 0.96); padding: 14px 18px; border-radius: 16px; } /* social icons: glass circles, blue rest → orange hover */ body.page-id-15166 [data-elementor-type="footer"] .elementor-social-icon { background: rgba(255, 255, 255, 0.06) !important; border: 1.5px solid rgba(120, 170, 250, 0.55); transition: border-color .3s ease, box-shadow .3s ease; } body.page-id-15166 [data-elementor-type="footer"] .elementor-social-icon:hover { border-color: rgba(255, 168, 84, 0.95); box-shadow: 0 0 12px 2px rgba(255, 150, 50, 0.45); } body.page-id-15166 [data-elementor-type="footer"] .elementor-social-icon i { color: #E2EAF7; } /* form fields (if present): dark glass */ body.page-id-15166 [data-elementor-type="footer"] input, body.page-id-15166 [data-elementor-type="footer"] textarea { background: rgba(255, 255, 255, 0.08) !important; border: 1px solid rgba(120, 170, 250, 0.35) !important; color: #F5F8FF !important; border-radius: 12px; } /* ============ PILL FOOTER v2 (Brad, 2026-07-06): the footer becomes a floating glass island — same species as the nav pill — and its contents become pills ============ */ body.page-id-15166 [data-elementor-type="footer"] { border-radius: 48px !important; border: 1.5px solid rgba(255, 150, 60, 0.5) !important; margin: 34px 22px 120px !important; padding: 44px 30px 36px; box-shadow: 0 0 16px rgba(231, 109, 7, 0.28), 0 26px 60px -24px rgba(6, 10, 22, 0.6) !important; } /* menu links → pill chips (blue rim at rest, orange bloom on hover) */ body.page-id-15166 [data-elementor-type="footer"] .elementor-nav-menu a.elementor-item { display: inline-flex; align-items: center; width: fit-content; padding: 10px 20px !important; border-radius: 999px; border: 1.5px solid rgba(120, 170, 250, 0.45); background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03)); transition: border-color .3s ease, box-shadow .3s ease, color .3s ease; } body.page-id-15166 [data-elementor-type="footer"] .elementor-nav-menu li { margin-bottom: 10px; } body.page-id-15166 [data-elementor-type="footer"] .elementor-nav-menu a.elementor-item:hover { border-color: rgba(255, 168, 84, 0.95); color: #FF9E4F !important; box-shadow: 0 0 12px 2px rgba(255, 150, 50, 0.4); } /* contact links → pill chips */ body.page-id-15166 [data-elementor-type="footer"] a[href^="mailto:"], body.page-id-15166 [data-elementor-type="footer"] a[href^="tel:"] { display: inline-flex; align-items: center; width: fit-content; padding: 10px 20px; border-radius: 999px; margin: 5px 0; border: 1.5px solid rgba(120, 170, 250, 0.45); background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03)); transition: border-color .3s ease, box-shadow .3s ease, color .3s ease; } body.page-id-15166 [data-elementor-type="footer"] a[href^="mailto:"]:hover, body.page-id-15166 [data-elementor-type="footer"] a[href^="tel:"]:hover { border-color: rgba(255, 168, 84, 0.95); box-shadow: 0 0 12px 2px rgba(255, 150, 50, 0.4); } /* brand chip + badge: rounded pill cards w/ subtle blue rim */ body.page-id-15166 [data-elementor-type="footer"] .elementor-widget-image img { border-radius: 26px; border: 1.5px solid rgba(120, 170, 250, 0.3); } /* map: rounded glass card */ body.page-id-15166 [data-elementor-type="footer"] iframe { border-radius: 28px; border: 1.5px solid rgba(120, 170, 250, 0.3); } body.page-id-15166 [data-elementor-type="footer"] .elementor-social-icon { border-radius: 999px !important; } /* footer brand column compacted (Brad): flat logo + badge images out, neon logo + one-line rating in */ body.page-id-15166 [data-elementor-type="footer"] .elementor-element-d9a9a16 .elementor-widget-image { display: none !important; } body.page-id-15166 .jx-foot-brand { display: flex; flex-direction: column; align-items: center; gap: 6px; } body.page-id-15166 .jx-foot-brand img { display: block; width: 150px; height: auto; border: 0; border-radius: 0; background: none; } body.page-id-15166 .jx-foot-brand .jx-foot-stars { margin: 4px 0 0; color: #FF9E4F; font-size: 1.15rem; letter-spacing: 6px; text-shadow: 0 0 10px rgba(255, 142, 46, 0.55); } body.page-id-15166 .jx-foot-brand .jx-foot-rating { margin: 0; color: rgba(222, 230, 246, 0.8); font-size: 0.92rem; } /* footer glass = EXACT nav-pill recipe (Brad): translucent dark gradient + 16px backdrop blur + the pill's rim and glow */ body.page-id-15166 [data-elementor-type="footer"] { background: linear-gradient(180deg, rgba(18, 28, 54, 0.6), rgba(10, 18, 38, 0.72)) !important; -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); border: 1.5px solid rgba(255, 150, 60, 0.5) !important; box-shadow: 0 0 14px 1px rgba(231, 109, 7, 0.3), 0 20px 48px -16px rgba(6, 10, 22, 0.6) !important; } /* footer brand: the LIVE 3D atom (4th on page — hero/S4/finale/footer) */ body.page-id-15166 .jx-foot-atom { position: relative; width: 180px; aspect-ratio: 1 / 1; pointer-events: none; margin-bottom: 2px; } /* pill footer v3 (Brad): slender centered capsule, one system with the nav pill */ body.page-id-15166 [data-elementor-type="footer"] { width: min(1180px, calc(100% - 44px)); margin: 34px auto 120px !important; border-radius: 64px !important; padding: 44px 48px 34px; } /* contact pills: white text (hover still blooms orange) */ body.page-id-15166 [data-elementor-type="footer"] a[href^="mailto:"], body.page-id-15166 [data-elementor-type="footer"] a[href^="tel:"], body.page-id-15166 [data-elementor-type="footer"] a[href^="mailto:"] span, body.page-id-15166 [data-elementor-type="footer"] a[href^="tel:"] span { color: #FFFFFF !important; } /* footer nav DROPDOWNS (Brad): the stock navy submenu panel joins the glass system — same material, rounded, orange rim, orange-bloom items */ body.page-id-15166 [data-elementor-type="footer"] .elementor-nav-menu ul.sub-menu, body.page-id-15166 [data-elementor-type="footer"] .elementor-nav-menu--dropdown { background: linear-gradient(180deg, rgba(18, 28, 54, 0.88), rgba(10, 18, 38, 0.94)) !important; -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); border: 1.5px solid rgba(255, 150, 60, 0.5) !important; border-radius: 20px !important; overflow: hidden; box-shadow: 0 0 14px 1px rgba(231, 109, 7, 0.3), 0 20px 48px -16px rgba(6, 10, 22, 0.6) !important; padding: 8px !important; } body.page-id-15166 [data-elementor-type="footer"] .elementor-nav-menu ul.sub-menu a, body.page-id-15166 [data-elementor-type="footer"] .elementor-nav-menu a.elementor-sub-item { background: transparent !important; color: rgba(222, 230, 246, 0.9) !important; border: 0 !important; border-radius: 13px !important; padding: 10px 16px !important; transition: color .25s ease, background-color .25s ease; } body.page-id-15166 [data-elementor-type="footer"] .elementor-nav-menu ul.sub-menu a:hover, body.page-id-15166 [data-elementor-type="footer"] .elementor-nav-menu a.elementor-sub-item:hover { color: #FF9E4F !important; background: rgba(255, 142, 46, 0.1) !important; text-shadow: 0 0 10px rgba(255, 142, 46, 0.45); } /* ============ PILL FOOTER v4 (Brad): wide, LOW, LISTED — horizontal bands like the nav pill, not stacked columns ============ */ body.page-id-15166 [data-elementor-type="footer"] { width: calc(100% - 60px) !important; max-width: none !important; margin: 34px auto 104px !important; border-radius: 56px !important; padding: 32px 54px 24px !important; } /* band layout: brand + contact side by side; menu drops to its own full-width row */ body.page-id-15166 [data-elementor-type="footer"] .elementor-element-2177c91 > .e-con-inner { display: flex !important; flex-wrap: wrap; align-items: center; gap: 24px 56px; } body.page-id-15166 [data-elementor-type="footer"] .elementor-element-d9a9a16 { flex: 0 0 auto !important; width: auto !important; } body.page-id-15166 [data-elementor-type="footer"] .elementor-element-7d9358b { flex: 1 1 520px !important; width: auto !important; } body.page-id-15166 [data-elementor-type="footer"] .elementor-element-8359ae0 { flex: 1 1 100% !important; width: 100% !important; } /* brand: compact */ body.page-id-15166 .jx-foot-atom { width: 128px; } body.page-id-15166 .jx-foot-brand .jx-foot-stars { font-size: 0.98rem; letter-spacing: 5px; margin-top: 0; } body.page-id-15166 .jx-foot-brand .jx-foot-rating { font-size: 0.85rem; } /* contact: pills never wrap mid-text; address reads as normal lines */ body.page-id-15166 [data-elementor-type="footer"] a[href^="mailto:"], body.page-id-15166 [data-elementor-type="footer"] a[href^="tel:"] { white-space: nowrap; } body.page-id-15166 [data-elementor-type="footer"] .elementor-element-7d9358b p { max-width: none !important; } /* menu: horizontal chip row, centered — the nav pill's reading, at footer scale */ body.page-id-15166 [data-elementor-type="footer"] .elementor-element-8359ae0 nav > ul.elementor-nav-menu { display: flex !important; flex-wrap: wrap; gap: 12px; justify-content: center; padding: 0; } body.page-id-15166 [data-elementor-type="footer"] .elementor-element-8359ae0 nav > ul.elementor-nav-menu > li { margin: 0 !important; } /* map: shorter */ body.page-id-15166 [data-elementor-type="footer"] iframe { height: 220px !important; } /* PILL FOOTER v5: correct band wrap (real parent found via :has) + navy underlay so the glass reads pill-deep over the cream page tail */ body.page-id-15166 [data-elementor-type="footer"] { background: linear-gradient(180deg, rgba(18, 28, 54, 0.6), rgba(10, 18, 38, 0.72)), linear-gradient(180deg, #0F1B38, #0A1428) !important; } body.page-id-15166 [data-elementor-type="footer"] .e-con-inner:has(> .elementor-element-d9a9a16) { flex-wrap: wrap !important; align-items: center !important; gap: 26px 56px !important; justify-content: space-between !important; } body.page-id-15166 [data-elementor-type="footer"] .elementor-element-d9a9a16 { flex: 0 0 210px !important; } /* v5.1: contact column sizes to its content; chip row clears it */ body.page-id-15166 [data-elementor-type="footer"] .elementor-element-7d9358b { height: auto !important; min-height: 0 !important; } body.page-id-15166 [data-elementor-type="footer"] .e-con-inner:has(> .elementor-element-d9a9a16) { align-items: flex-start !important; } body.page-id-15166 [data-elementor-type="footer"] .elementor-element-8359ae0 { margin-top: 14px !important; } /* ============ PILL FOOTER v6 (Brad): brand left; three LINES right; items share the nav pill's EXACT rest/hover spec ============ */ body.page-id-15166 [data-elementor-type="footer"] .e-con-inner:has(> .elementor-element-d9a9a16) { flex-wrap: nowrap !important; align-items: center !important; gap: 40px !important; justify-content: flex-start !important; } body.page-id-15166 .jx-foot-lines { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 14px; } /* line 1: socials + email + phone, one row */ body.page-id-15166 .jx-foot-lines .elementor-element-7d9358b { display: flex !important; flex-direction: row !important; flex-wrap: wrap; align-items: center; gap: 12px 14px !important; width: 100% !important; flex: 0 0 auto !important; height: auto !important; } body.page-id-15166 .jx-foot-lines .elementor-element-7d9358b .elementor-widget-heading { display: none !important; } body.page-id-15166 .jx-foot-lines .elementor-element-7d9358b > * { width: auto !important; margin: 0 !important; } /* line 2: menu chips, left-aligned, nav-pill item spec */ body.page-id-15166 .jx-foot-lines .elementor-element-8359ae0 { width: 100% !important; margin: 0 !important; flex: 0 0 auto !important; } body.page-id-15166 [data-elementor-type="footer"] .elementor-element-8359ae0 nav > ul.elementor-nav-menu { justify-content: flex-start; gap: 4px; } /* line 3: address, one straight line */ body.page-id-15166 .jx-foot-addr { width: 100% !important; } body.page-id-15166 .jx-foot-addr br { display: none; } body.page-id-15166 .jx-foot-addr p { display: inline; max-width: none !important; color: rgba(222, 230, 246, 0.8) !important; } body.page-id-15166 .jx-foot-addr p + p::before { content: " 0B7 "; color: #FF9E4F; } /* === nav-pill item spec, verbatim === */ /* text links: borderless, white 600, hover = white .16 pill */ body.page-id-15166 [data-elementor-type="footer"] .elementor-nav-menu a.elementor-item, body.page-id-15166 [data-elementor-type="footer"] a[href^="mailto:"], body.page-id-15166 [data-elementor-type="footer"] a[href^="tel:"] { border: 0 !important; background: transparent !important; padding: 11px 18px !important; border-radius: 999px !important; color: #FFFFFF !important; font-weight: 600; font-size: 0.95rem; box-shadow: none !important; margin: 0 !important; transition: background-color .25s ease; } body.page-id-15166 [data-elementor-type="footer"] .elementor-nav-menu a.elementor-item:hover, body.page-id-15166 [data-elementor-type="footer"] a[href^="mailto:"]:hover, body.page-id-15166 [data-elementor-type="footer"] a[href^="tel:"]:hover { background: rgba(255, 255, 255, 0.16) !important; color: #FFFFFF !important; border: 0 !important; box-shadow: none !important; text-shadow: none; } /* circle buttons: white .16 circles, hover .3 — the .jx-pill-top spec */ body.page-id-15166 [data-elementor-type="footer"] .elementor-social-icon { background: rgba(255, 255, 255, 0.16) !important; border: 0 !important; box-shadow: none !important; transition: background-color .25s ease; } body.page-id-15166 [data-elementor-type="footer"] .elementor-social-icon:hover { background: rgba(255, 255, 255, 0.3) !important; } /* v6.1 (Brad): email + phone as distinct side-by-side PILLS — the nav pill's solid variant (white .16 rest → .3 hover, same as its circle buttons) */ body.page-id-15166 [data-elementor-type="footer"] a[href^="mailto:"], body.page-id-15166 [data-elementor-type="footer"] a[href^="tel:"] { background: rgba(255, 255, 255, 0.16) !important; } body.page-id-15166 [data-elementor-type="footer"] a[href^="mailto:"]:hover, body.page-id-15166 [data-elementor-type="footer"] a[href^="tel:"]:hover { background: rgba(255, 255, 255, 0.3) !important; } /* address separators */ body.page-id-15166 .jx-foot-addr .jx-addr-sep { color: #FF9E4F; padding: 0 4px; } body.page-id-15166 .jx-foot-addr .elementor-heading-title { font-size: 0.95rem !important; font-weight: 500 !important; color: rgba(222, 230, 246, 0.8) !important; text-shadow: none; } /* v6.2: email + phone live in one icon-list widget — lay its items in a row */ body.page-id-15166 .jx-foot-lines .elementor-element-7d9358b ul.elementor-icon-list-items { display: flex !important; flex-wrap: wrap; align-items: center; gap: 12px; } body.page-id-15166 .jx-foot-lines .elementor-element-7d9358b .elementor-icon-list-item { margin: 0 !important; padding: 0 !important; } /* v6.3: the nav WIDGET box reports 0 height though its content is 42px — force it to size to content so the address line clears the chips */ body.page-id-15166 .jx-foot-lines .elementor-element-8359ae0 { display: flex !important; height: auto !important; min-height: 42px !important; overflow: visible; } body.page-id-15166 .jx-foot-lines .elementor-element-8359ae0 .elementor-widget-container { width: 100%; } /* v7 (Brad): menu chips = VISIBLE solid pills (same fill as email/phone and the nav pill's circle buttons); address = centered band above the map */ body.page-id-15166 [data-elementor-type="footer"] .elementor-nav-menu a.elementor-item { background: rgba(255, 255, 255, 0.16) !important; } body.page-id-15166 [data-elementor-type="footer"] .elementor-nav-menu a.elementor-item:hover { background: rgba(255, 255, 255, 0.3) !important; } body.page-id-15166 [data-elementor-type="footer"] > .jx-foot-addr { width: auto !important; text-align: center; margin: 2px 30px 16px; } body.page-id-15166 [data-elementor-type="footer"] .elementor-nav-menu li { margin: 0 !important; } /* v8 (Brad): clear separation between the two lines + nav-pill METRICS — uniform 40px item heights, compact gaps, pill-scale type */ body.page-id-15166 .jx-foot-lines { gap: 22px !important; } body.page-id-15166 .jx-foot-lines .elementor-element-7d9358b { gap: 8px 10px !important; } body.page-id-15166 [data-elementor-type="footer"] .elementor-element-8359ae0 nav > ul.elementor-nav-menu { gap: 8px; } /* uniform item height/scale across both lines */ body.page-id-15166 [data-elementor-type="footer"] .elementor-social-icon { width: 40px !important; height: 40px !important; } body.page-id-15166 [data-elementor-type="footer"] a[href^="mailto:"], body.page-id-15166 [data-elementor-type="footer"] a[href^="tel:"], body.page-id-15166 [data-elementor-type="footer"] .elementor-nav-menu a.elementor-item { height: 40px; padding: 0 18px !important; align-items: center; font-size: 0.92rem; line-height: 1; } /* v8.1: contact line = one non-wrapping row; menu row gets insurance margin */ body.page-id-15166 .jx-foot-lines .elementor-element-7d9358b { flex-wrap: nowrap !important; } body.page-id-15166 .jx-foot-lines .elementor-element-7d9358b .elementor-icon-list-item { white-space: nowrap; } body.page-id-15166 .jx-foot-lines > .elementor-element-8359ae0 { margin-top: 6px !important; } /* v8.2: the nav widget carried a negative custom margin from the old footer design */ body.page-id-15166 .jx-foot-lines .elementor-element-8359ae0 .elementor-widget-container { margin: 0 !important; } body.page-id-15166 .jx-foot-lines .elementor-element-8359ae0 nav { margin: 0 !important; } /* ============ PILL FOOTER v9 (Brad): centered stack — logo top-center, stars under it, everything centered; tighter height; dropdowns + hovers IDENTICAL to the nav pill ============ */ body.page-id-15166 [data-elementor-type="footer"] { padding: 26px 48px 20px !important; } body.page-id-15166 [data-elementor-type="footer"] .e-con-inner:has(> .elementor-element-d9a9a16) { flex-direction: column !important; align-items: center !important; gap: 12px !important; } body.page-id-15166 [data-elementor-type="footer"] .elementor-element-d9a9a16 { flex: 0 0 auto !important; } body.page-id-15166 .jx-foot-lines { align-items: center; width: 100%; gap: 14px !important; } body.page-id-15166 .jx-foot-lines .elementor-element-7d9358b { justify-content: center !important; } body.page-id-15166 [data-elementor-type="footer"] .elementor-element-8359ae0 nav > ul.elementor-nav-menu { justify-content: center !important; } body.page-id-15166 .jx-foot-lines > .elementor-element-8359ae0 { margin-top: 0 !important; } body.page-id-15166 [data-elementor-type="footer"] > .jx-foot-addr { margin: 0 30px 10px; } body.page-id-15166 .jx-foot-atom { width: 118px; margin-bottom: 0; } /* dropdown panels: the nav pill's EXACT spec — white card, dark text, warm hover */ body.page-id-15166 [data-elementor-type="footer"] .elementor-nav-menu ul.sub-menu, body.page-id-15166 [data-elementor-type="footer"] .elementor-nav-menu--dropdown { background: linear-gradient(180deg, rgba(18,28,54,0.94), rgba(10,18,38,0.96)) !important; -webkit-backdrop-filter: blur(16px) !important; backdrop-filter: blur(16px) !important; border: 1.5px solid rgba(255,150,60,0.5) !important; border-radius: 14px !important; padding: 10px !important; box-shadow: 0 0 14px 1px rgba(231,109,7,0.3), 0 20px 48px -16px rgba(6,10,22,0.6) !important; } body.page-id-15166 [data-elementor-type="footer"] .elementor-nav-menu ul.sub-menu a, body.page-id-15166 [data-elementor-type="footer"] .elementor-nav-menu a.elementor-sub-item { color: #FFFFFF !important; font-weight: 600; font-size: 0.95rem; border-radius: 10px !important; padding: 11px 14px !important; background: transparent !important; text-shadow: none !important; } body.page-id-15166 [data-elementor-type="footer"] .elementor-nav-menu ul.sub-menu a:hover, body.page-id-15166 [data-elementor-type="footer"] .elementor-nav-menu a.elementor-sub-item:hover { background: rgba(255,150,60,0.2) !important; color: #FFC891 !important; text-shadow: none !important; } /* v10 (Brad): the pill-over-white look IS the reference — footer glass gets the pill's exact translucent material, NO navy underlay; brand truly centered */ body.page-id-15166 [data-elementor-type="footer"] { background: linear-gradient(180deg, rgba(18, 28, 54, 0.6), rgba(10, 18, 38, 0.72)) !important; } body.page-id-15166 [data-elementor-type="footer"] .elementor-element-d9a9a16 { align-self: center !important; } body.page-id-15166 .jx-foot-brand { align-items: center !important; } /* v10.1: brand column also carried old negative custom margins */ body.page-id-15166 [data-elementor-type="footer"] .elementor-element-d9a9a16 { margin: 0 !important; } /* v10.2: brand column box must size to its content (atom + stars + rating) */ body.page-id-15166 [data-elementor-type="footer"] .elementor-element-d9a9a16 { height: auto !important; min-height: 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center; } body.page-id-15166 [data-elementor-type="footer"] .elementor-element-d9a9a16 > * { position: relative; } /* ============ v11 (Brad): tighten vertical rhythm; buttons = the pill's DARK button read (dark fill at rest, white-lighten on hover) ============ */ body.page-id-15166 [data-elementor-type="footer"] { padding: 20px 48px 16px !important; } body.page-id-15166 [data-elementor-type="footer"] .e-con:has(.elementor-element-d9a9a16) { padding-top: 0 !important; padding-bottom: 0 !important; } body.page-id-15166 .jx-foot-brand { gap: 8px; } body.page-id-15166 .jx-foot-brand .jx-foot-rating { margin-bottom: 6px; } body.page-id-15166 [data-elementor-type="footer"] > .jx-foot-addr { margin: 0 30px 8px; } /* pill-button fills: dark at rest (the pill's transparent-button-over-dark-shell read), white .16 lighten on hover — chips, contact pills, socials */ body.page-id-15166 [data-elementor-type="footer"] .elementor-nav-menu a.elementor-item, body.page-id-15166 [data-elementor-type="footer"] a[href^="mailto:"], body.page-id-15166 [data-elementor-type="footer"] a[href^="tel:"], body.page-id-15166 [data-elementor-type="footer"] .elementor-social-icon { background: rgba(10, 17, 36, 0.55) !important; } body.page-id-15166 [data-elementor-type="footer"] .elementor-nav-menu a.elementor-item:hover, body.page-id-15166 [data-elementor-type="footer"] a[href^="mailto:"]:hover, body.page-id-15166 [data-elementor-type="footer"] a[href^="tel:"]:hover, body.page-id-15166 [data-elementor-type="footer"] .elementor-social-icon:hover { background: linear-gradient(rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)), rgba(10, 17, 36, 0.55) !important; } /* v12 (Brad): hover/rest values copied VERBATIM from #jx-pill — .jx-pill-top spec: rest rgba(255,255,255,0.16) → hover rgba(255,255,255,0.3) */ body.page-id-15166 [data-elementor-type="footer"] .elementor-nav-menu a.elementor-item, body.page-id-15166 [data-elementor-type="footer"] a[href^="mailto:"], body.page-id-15166 [data-elementor-type="footer"] a[href^="tel:"], body.page-id-15166 [data-elementor-type="footer"] .elementor-social-icon { background: rgba(255, 255, 255, 0.16) !important; } body.page-id-15166 [data-elementor-type="footer"] .elementor-nav-menu a.elementor-item:hover, body.page-id-15166 [data-elementor-type="footer"] a[href^="mailto:"]:hover, body.page-id-15166 [data-elementor-type="footer"] a[href^="tel:"]:hover, body.page-id-15166 [data-elementor-type="footer"] .elementor-social-icon:hover { background: rgba(255, 255, 255, 0.3) !important; } /* v13 (Brad): footer buttons = the pill's CURRENT spec verbatim — ORANGE hover (rgba(255,150,60,.3) + rgba(255,158,70,.6) border) and the pill CTA's orange glow shadows, rest + hover */ body.page-id-15166 [data-elementor-type="footer"] .elementor-nav-menu a.elementor-item, body.page-id-15166 [data-elementor-type="footer"] a[href^="mailto:"], body.page-id-15166 [data-elementor-type="footer"] a[href^="tel:"], body.page-id-15166 [data-elementor-type="footer"] .elementor-social-icon { background: rgba(255, 255, 255, 0.12) !important; border: 1px solid rgba(255, 255, 255, 0.18) !important; box-shadow: 0 0 10px 1px rgba(255, 150, 50, 0.4) !important; transition: background-color .25s ease, border-color .25s ease, box-shadow .25s ease; } body.page-id-15166 [data-elementor-type="footer"] .elementor-nav-menu a.elementor-item:hover, body.page-id-15166 [data-elementor-type="footer"] a[href^="mailto:"]:hover, body.page-id-15166 [data-elementor-type="footer"] a[href^="tel:"]:hover, body.page-id-15166 [data-elementor-type="footer"] .elementor-social-icon:hover { background: rgba(255, 150, 60, 0.3) !important; border-color: rgba(255, 158, 70, 0.6) !important; box-shadow: 0 0 14px 3px rgba(255, 150, 50, 0.6), 0 0 34px 8px rgba(231, 109, 7, 0.35) !important; } /* v14 (Brad): pill buttons carry NO shadows — only the CTA and the shell glow. Footer buttons: bare, fill+border transitions only, exactly .jx-pill-top */ body.page-id-15166 [data-elementor-type="footer"] .elementor-nav-menu a.elementor-item, body.page-id-15166 [data-elementor-type="footer"] a[href^="mailto:"], body.page-id-15166 [data-elementor-type="footer"] a[href^="tel:"], body.page-id-15166 [data-elementor-type="footer"] .elementor-social-icon { box-shadow: none !important; } body.page-id-15166 [data-elementor-type="footer"] .elementor-nav-menu a.elementor-item:hover, body.page-id-15166 [data-elementor-type="footer"] a[href^="mailto:"]:hover, body.page-id-15166 [data-elementor-type="footer"] a[href^="tel:"]:hover, body.page-id-15166 [data-elementor-type="footer"] .elementor-social-icon:hover { box-shadow: none !important; } /* v15 (Brad, side-by-side comparison): the color/shadow difference is the BACKDROP — pill glass sits over dark navy, footer glass sat over cream. Navy underlay restored so both read identically; rating line gets hard clearance; top padding reduced */ body.page-id-15166 [data-elementor-type="footer"] { background: linear-gradient(180deg, rgba(18, 28, 54, 0.6), rgba(10, 18, 38, 0.72)), linear-gradient(180deg, #0F1B38, #0A1428) !important; padding-top: 14px !important; } body.page-id-15166 [data-elementor-type="footer"] .e-con-inner:has(> .elementor-element-d9a9a16) { gap: 10px !important; } body.page-id-15166 .jx-foot-brand .jx-foot-rating { margin-bottom: 18px !important; } /* v15.1: THIRD old negative margin — the contact column renders 35px above its box; zero margins on the line elements */ body.page-id-15166 .jx-foot-lines .elementor-element-7d9358b { margin: 0 !important; } /* v17 (Brad): footer = the pill's EXACT treatment — pure translucent glass, no underlay, reads its backdrop just like #jx-pill does */ body.page-id-15166 [data-elementor-type="footer"] { background: linear-gradient(180deg, rgba(18, 28, 54, 0.6), rgba(10, 18, 38, 0.72)) !important; } /* v18 (Brad): THE pill button shadow found via computed styles — a soft DARK halo (0 0 10px rgba(0,0,0,.5)) + dark text-shadow. Copied verbatim to all footer buttons, rest and hover. */ body.page-id-15166 [data-elementor-type="footer"] .elementor-nav-menu a.elementor-item, body.page-id-15166 [data-elementor-type="footer"] a[href^="mailto:"], body.page-id-15166 [data-elementor-type="footer"] a[href^="tel:"], body.page-id-15166 [data-elementor-type="footer"] .elementor-social-icon, body.page-id-15166 [data-elementor-type="footer"] .elementor-nav-menu a.elementor-item:hover, body.page-id-15166 [data-elementor-type="footer"] a[href^="mailto:"]:hover, body.page-id-15166 [data-elementor-type="footer"] a[href^="tel:"]:hover, body.page-id-15166 [data-elementor-type="footer"] .elementor-social-icon:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) !important; text-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } /* v20 (Brad): footer dropdown chevrons white like the pill's carets */ body.page-id-15166 [data-elementor-type="footer"] .elementor-nav-menu .sub-arrow, body.page-id-15166 [data-elementor-type="footer"] .elementor-nav-menu .sub-arrow i { color: #FFFFFF !important; } body.page-id-15166 [data-elementor-type="footer"] .elementor-nav-menu .sub-arrow svg, body.page-id-15166 [data-elementor-type="footer"] .elementor-nav-menu .sub-arrow svg path { fill: #FFFFFF !important; } /* v21 (Brad): footer atom +50% (118px -> 177px) */ body.page-id-15166 .jx-foot-atom { width: 177px !important; } /* v22 (Brad): footer atom +50% again (177px -> 266px) */ body.page-id-15166 .jx-foot-atom { width: 266px !important; } /* v23 (Brad): footer top margin -50% (34px -> 17px) */ body.page-id-15166 [data-elementor-type="footer"] { margin-top: 17px !important; } /* v22.1: the old 150px .jx-foot-brand img rule was catching the atom's core sphere — the atom's internals size to the atom, always */ body.page-id-15166 .jx-foot-brand .jx-foot-atom img { width: 100% !important; height: 100% !important; max-width: none !important; } /* v24 (Brad): footer top margin -50% again (17px -> 8px) */ body.page-id-15166 [data-elementor-type="footer"] { margin-top: 8px !important; } /* v25 (Brad): footer top padding -50% (14px -> 7px) */ body.page-id-15166 [data-elementor-type="footer"] { padding-top: 7px !important; } /* ==================== MOBILE PASS (2026-07-06) ==================== Desktop untouched — every rule below is inside max-width queries. */ @media (max-width: 1024px) { /* top utility pills: hide on mobile (the id-scoped dark-variant rules were beating the earlier class-only display:none) */ body.page-id-15166 .jx-toppill, body.page-id-15166 #jx-topbar-left, body.page-id-15166 #jx-topbar-right { display: none !important; } /* S3 band: phrases wrap + center (nowrap clipped them off both edges) */ body.page-id-15166 .sx-page p.sx-band-title { white-space: normal !important; text-align: center; } /* FAQ: questions wrap instead of clipping mid-word; + icon stays on-row */ body.page-id-15166 .sx-faq-q { white-space: normal !important; } body.page-id-15166 .sx-faq-q .sx-h3 { white-space: normal !important; flex: 1 1 auto; min-width: 0; } body.page-id-15166 .sx-faq-icon { flex: 0 0 32px; } /* atom clones: size to viewport so orbit rings don't bleed off-screen (rings extend ~1.33x beyond the atom box) */ #jx-work-logo { width: min(56vw, 250px) !important; } #jx-finale-logo { width: min(60vw, 270px) !important; } body.page-id-15166 .jx-foot-atom { width: min(50vw, 190px) !important; } /* footer contact line: wrap + center, email pill no longer clipped */ body.page-id-15166 .jx-foot-lines .elementor-element-7d9358b { flex-wrap: wrap !important; justify-content: center !important; gap: 10px 12px !important; } body.page-id-15166 .jx-foot-lines .elementor-element-7d9358b .elementor-icon-list-item { white-space: normal; max-width: 100%; } body.page-id-15166 .jx-foot-lines .elementor-element-7d9358b a { font-size: 13px !important; } /* footer menu: keep the pill chip row; kill the stock burger dropdown */ body.page-id-15166 [data-elementor-type="footer"] .elementor-menu-toggle { display: none !important; } body.page-id-15166 [data-elementor-type="footer"] nav.elementor-nav-menu--main { display: block !important; } body.page-id-15166 [data-elementor-type="footer"] nav.elementor-nav-menu--dropdown { display: none !important; } } @media (max-width: 480px) { /* nav pill: fit 360-390px screens (was 393px wide — Home button clipped). Mobile-fit only; desktop pill untouched. */ body.page-id-15166 #jx-pill { max-width: calc(100vw - 12px); } body.page-id-15166 #jx-pill .jx-pill-link { font-size: 0.78rem; padding: 9px 10px; } body.page-id-15166 #jx-pill .jx-pill-top { width: 34px; height: 34px; } } /* mobile pass addendum: narrow-screen (360px) fit */ @media (max-width: 480px) { /* unify fallback word rows: scale with viewport */ body.page-id-15166 .jx-word-t { font-size: clamp(1.4rem, 8.5vw, 3rem) !important; } /* pill dropdown panels: full-width sheet under the pill (centered panels clipped at the screen edge) */ body.page-id-15166 #jx-pill .jx-pill-group { position: static; } body.page-id-15166 #jx-pill .jx-pill-panel { left: 10px; right: 10px; width: auto; min-width: 0; transform: none; } body.page-id-15166 #jx-pill .jx-open .jx-pill-panel { transform: none; } } /*JXSKYHOME-START*/ body.page-id-15166{ background:#060d1b; } body.page-id-15166 .sx-skyfix{ position:fixed; inset:0; z-index:0; pointer-events:none; overflow:hidden; background:linear-gradient(160deg,#060d1b 0%,#0a1526 45%,#0b1a33 100%); } body.page-id-15166 .sx-skyfix .jx-star-b{ position:absolute; border-radius:50%; background:#e6efff; opacity:var(--o,.5); animation:jx-twinkle var(--d,4s) ease-in-out infinite; animation-delay:var(--dl,0s); } body.page-id-15166 [data-elementor-type]{ position:relative; z-index:1; } body.page-id-15166 .sx-zone-hero, body.page-id-15166 .sx-zone-system, body.page-id-15166 .sx-zone-warm, body.page-id-15166 .sx-finale, body.page-id-15166 .sx-zone-calm, body.page-id-15166 .sx-zone-proof{ background:transparent !important; } body.page-id-15166 .jx-stars-zone{ display:none !important; } body.page-id-15166 .sx-skyfix .sx-shooter{ position:absolute; width:2px; height:2px; border-radius:50%; background:#fff; box-shadow:0 0 7px 2px rgba(190,215,255,.9); opacity:0; animation:jxShoot var(--sd,1s) ease-out forwards; } body.page-id-15166 .sx-skyfix .sx-shooter::after{ content:""; position:absolute; top:50%; left:-90px; width:90px; height:1.6px; transform:translateY(-50%); background:linear-gradient(90deg, rgba(255,255,255,0), rgba(210,225,255,.8)); border-radius:2px; } @keyframes jxShoot{ 0%{ opacity:0; transform:rotate(var(--ang,22deg)) translateX(0);} 12%{ opacity:1;} 100%{ opacity:0; transform:rotate(var(--ang,22deg)) translateX(var(--dist,360px));} } body.page-id-15166 .sx-zone-calm .sx-h2, body.page-id-15166 .sx-zone-proof .sx-h2, body.page-id-15166 .sx-zone-calm .sx-h3, body.page-id-15166 .sx-zone-proof .sx-h3, body.page-id-15166 .sx-zone-calm .sx-band-title, body.page-id-15166 .sx-zone-proof .sx-band-title, body.page-id-15166 .sx-zone-calm .sx-b1, body.page-id-15166 .sx-zone-proof .sx-b1{ color:#F5F8FF !important; } body.page-id-15166 .sx-zone-calm .sx-lead, body.page-id-15166 .sx-zone-proof .sx-lead, body.page-id-15166 .sx-zone-calm .sx-body, body.page-id-15166 .sx-zone-proof .sx-body, body.page-id-15166 .sx-zone-calm .sx-quote, body.page-id-15166 .sx-zone-proof .sx-quote, body.page-id-15166 .sx-zone-calm .sx-stars, body.page-id-15166 .sx-zone-proof .sx-stars, body.page-id-15166 .sx-zone-calm strong, body.page-id-15166 .sx-zone-proof strong{ color:rgba(228,237,252,.92) !important; } body.page-id-15166 .sx-versus-old, body.page-id-15166 .sx-case, body.page-id-15166 .sx-focus{ background:linear-gradient(160deg, rgba(20,32,60,.72), rgba(9,18,38,.82)) !important; border-color:rgba(120,160,235,.28) !important; } body.page-id-15166 .sx-zone-calm .sx-btn-secondary, body.page-id-15166 .sx-zone-proof .sx-btn-secondary{ color:#F5F8FF !important; border-color:rgba(150,180,235,.55) !important; } @media(prefers-reduced-motion:reduce){ body.page-id-15166 .sx-skyfix .jx-star-b{ animation:none; } body.page-id-15166 .sx-skyfix .sx-shooter{ display:none !important; } } /*JXSKYHOME-END*/ /*JXUNIFYLINES-START*/ body.page-id-15166 .jx-unify-stage::after{ background-image:none !important; } body.page-id-15166 .jx-unify-stage::before{ background:radial-gradient(circle 400px at 50% 50%, transparent 72%, rgba(255,145,55,0.26) 83%, transparent 96%), radial-gradient(circle 418px at 50% 50%, transparent 80%, rgba(90,150,255,0.20) 90%, transparent 99%), radial-gradient(circle 420px at 50% 50%, rgba(16,30,58,0.9) 0%, rgba(12,24,48,0.5) 55%, rgba(9,18,38,0.15) 82%, transparent 97%) !important; -webkit-mask-image:none !important; mask-image:none !important; } /*JXUNIFYLINES-END*/ /*JXATOMCHIP2-START*/ body.page-id-15166 .jx-sq{ background:transparent !important; box-shadow:none !important; } body.page-id-15166 .jx-sq > img{ display:none !important; } body.page-id-15166 .jx-sq .jx-sq-label{ display:none !important; } body.page-id-15166 .jx-sq .mxwrap{ position:absolute; left:50%; top:50%; width:600px; height:600px; margin:-300px 0 0 -300px; transform-origin:center center; pointer-events:none; } body.page-id-15166 .jx-sq .mxwrap .jx-atom{ position:absolute !important; left:0 !important; top:0 !important; right:auto !important; bottom:auto !important; margin:0 !important; } body.page-id-15166 .jx-sq .mxsphere{ position:absolute; inset:0; border-radius:50%; display:grid; place-items:center; text-align:center; overflow:hidden; background:radial-gradient(circle at 50% 36%, #171c28 0%, #080b12 52%, #000103 100%); box-shadow:inset 0 0 0 7px rgba(255,255,255,.95), inset 0 0 26px 4px rgba(200,225,255,.4), 0 0 34px 8px rgba(120,160,255,.3); } body.page-id-15166 .jx-sq .mxname{ font-weight:800; line-height:1.14; letter-spacing:.01em; padding:0 12%; } body.page-id-15166 .jx-sq .mxname .mo{ color:#FF8E2E; text-shadow:0 0 20px rgba(255,140,50,.7); } body.page-id-15166 .jx-sq .mxname .mb{ color:#8fbcff; text-shadow:0 0 20px rgba(90,150,255,.8); } body.page-id-15166 .jx-sq .jx-core::after{ display:none !important; } body.page-id-15166 .jx-sq .jx-core::before{ display:none !important; } body.page-id-15166 .jx-sq .mxwrap .jx-atom, body.page-id-15166 .jx-sq .mxwrap .jx-atom-w{ width:600px !important; height:600px !important; } body.page-id-15166 .jx-sq .jx-core{ width:516px !important; height:516px !important; } /*JXATOMCHIP2-END*/ body.page-id-15166 .jx-word-t::before{ content:none !important; display:none !important; } /*JXBANDWHITE*/ body.page-id-15166 .sx-page .sx-band .sx-duo span.sx-b1{ color:#F5F8FF !important; } body.page-id-15166 .sx-page .sx-band p.sx-band-title:not(.sx-duo){ color:#F5F8FF !important; } /*JXHEROGLASS-START*/ body.page-id-15166 .elementor-element-sx000w.sx-backplate{background:linear-gradient(160deg,rgba(28,50,92,0.52) 0%,rgba(14,28,56,0.40) 55%,rgba(10,20,42,0.44) 100%) !important;-webkit-backdrop-filter:blur(18px) !important;backdrop-filter:blur(18px) !important;border:1px solid rgba(122,178,255,0.55) !important;border-radius:20px !important;box-shadow:0 34px 68px -40px rgba(6,12,28,0.85),0 0 30px rgba(78,142,247,0.26),inset 0 1px 0 rgba(228,240,255,0.30),inset 0 -2px 0 rgba(0,0,0,0.40) !important;}body.page-id-15166 .elementor-element-sx000w.sx-backplate,body.page-id-15166 .elementor-element-sx000w.sx-backplate *{color:#F5F8FF !important;}body.page-id-15166 .elementor-element-sx000w.sx-backplate strong{color:#FFFFFF !important;} /*JXHEROGLASS-END*/ /*JXCARD2-START*/ body.page-id-15166 .elementor-element-sx003e.sx-backplate{background:linear-gradient(160deg,rgba(28,50,92,0.52) 0%,rgba(14,28,56,0.40) 55%,rgba(10,20,42,0.44) 100%) !important;-webkit-backdrop-filter:blur(18px) !important;backdrop-filter:blur(18px) !important;border:1px solid rgba(122,178,255,0.55) !important;border-radius:20px !important;box-shadow:0 34px 68px -40px rgba(6,12,28,0.85),0 0 30px rgba(78,142,247,0.26),inset 0 1px 0 rgba(228,240,255,0.30),inset 0 -2px 0 rgba(0,0,0,0.40) !important;}body.page-id-15166 .sx-page .elementor-element-sx003e .sx-h2.sx-duo{color:#F5F8FF !important;}body.page-id-15166 .sx-page .elementor-element-sx003e .sx-lead,body.page-id-15166 .sx-page .elementor-element-sx003e .sx-body{color:#E6EDF9 !important;}body.page-id-15166 .sx-page .elementor-element-sx003e .sx-lead strong,body.page-id-15166 .sx-page .elementor-element-sx003e .sx-body strong{color:#FFFFFF !important;}body.page-id-15166 .sx-page .elementor-element-sx003e .sx-lead strong,body.page-id-15166 .sx-page .elementor-element-sx003e .sx-body strong{font-weight:400 !important;} /*JXCARD2-END*/ /*JXBODYCLR-START*/ body.page-id-15166 .sx-page .elementor-element-sx000w .sx-body,body.page-id-15166 .sx-page .elementor-element-sx000w .sx-body strong,body.page-id-15166 .sx-page .elementor-element-sx003e .sx-body,body.page-id-15166 .sx-page .elementor-element-sx003e .sx-body strong{color:#9FC1F7 !important;} /*JXBODYCLR-END*/ /*JXWORKWHITE-START*/ body.page-id-15166 .sx-page p.s-sx000n{color:#F5F8FF !important;text-shadow:0 0 12px rgba(220,235,255,0.5),0 0 40px rgba(120,160,240,0.35) !important;}body.page-id-15166 .sx-page p.s-sx000o{color:#FF8E2E !important;text-shadow:0 0 12px rgba(255,142,46,0.5),0 0 38px rgba(231,109,7,0.42) !important;} /*JXWORKWHITE-END*/ /*JXWEEKLYNAVY-START (weekly tiles refinement 2026-08-10: navy glass body matching the pricing-section language; orange retained as rim/glow/number accent. Replaces JXWEEKLYORANGE. Body recipe verbatim from the approved blue-glass rules.)*/ body.page-id-15166 .sx-page .elementor-element-sx002t .sx-tile{background:radial-gradient(135% 105% at 12% -8%,rgba(150,195,255,0.28) 0%,rgba(90,150,255,0.10) 34%,rgba(0,0,0,0) 60%),linear-gradient(158deg,rgba(38,68,125,0.50) 0%,rgba(22,42,84,0.32) 52%,rgba(12,24,50,0.42) 100%) !important;border:1px solid rgba(255,164,90,0.45) !important;border-radius:22px !important;-webkit-backdrop-filter:blur(18px) !important;backdrop-filter:blur(18px) !important;box-shadow:0 24px 50px -34px rgba(6,10,22,0.85),0 0 22px rgba(231,109,7,0.18),inset 0 1px 0 rgba(228,240,255,0.16),inset 0 -28px 50px -32px rgba(0,0,0,0.46) !important;} body.page-id-15166 .sx-page .elementor-element-sx002t .sx-tile:hover{border-color:rgba(255,164,90,0.70) !important;box-shadow:0 30px 60px -34px rgba(6,12,28,0.85),0 0 16px 1px rgba(78,142,247,0.22),0 0 22px 2px rgba(255,142,46,0.30),inset 0 1px 0 rgba(228,240,255,0.16) !important;} body.page-id-15166 .sx-page .elementor-element-sx002t .sx-tile .sx-h3{color:#F5F8FF !important;} body.page-id-15166 .sx-page .elementor-element-sx002t .sx-tile .sx-body{color:rgba(226,234,247,0.85) !important;} body.page-id-15166 .sx-page .elementor-element-sx002t .sx-tile .sx-tile-num{color:#FF9E4F !important;text-shadow:0 0 10px rgba(255,142,46,0.55),0 0 26px rgba(255,142,46,0.3) !important;} body.page-id-15166 .sx-page .elementor-element-sx002t .sx-tile-feature{border-color:rgba(255,164,90,0.65) !important;} /*JXWEEKLYNAVY-END*/ /*JXFIX2-START*/ body.page-id-15166 .sx-page .elementor-element-sx000f .sx-band-title{font-size:1.5rem !important;line-height:1.3 !important;}@media(max-width:640px){body.page-id-15166 .sx-page .elementor-element-sx000f .sx-band-title{font-size:1.15rem !important;}}body.page-id-15166 .sx-page h2.s-sx001s{white-space:nowrap !important;max-width:none !important;}@media(max-width:820px){body.page-id-15166 .sx-page h2.s-sx001s{white-space:normal !important;}}body.page-id-15166 .sx-page .elementor-element-sx004b{background:radial-gradient(135% 105% at 12% -8%,rgba(255,190,128,0.34) 0%,rgba(255,150,70,0.10) 34%,rgba(0,0,0,0) 60%),linear-gradient(158deg,rgba(210,96,28,0.44) 0%,rgba(158,62,16,0.24) 52%,rgba(64,27,12,0.40) 100%) !important;border:1px solid rgba(255,164,90,0.58) !important;border-radius:24px !important;-webkit-backdrop-filter:blur(18px) !important;backdrop-filter:blur(18px) !important;box-shadow:0 38px 76px -44px rgba(6,10,22,0.9),0 0 28px rgba(231,109,7,0.22),inset 0 1px 0 rgba(255,242,218,0.30),inset 0 -28px 50px -32px rgba(0,0,0,0.46) !important;}body.page-id-15166 .sx-page .elementor-element-sx004b .sx-h3{color:#FFF4EC !important;}body.page-id-15166 .sx-page .elementor-element-sx004b .sx-body{color:rgba(255,238,225,0.88) !important;}body.page-id-15166 .sx-page .elementor-element-sx004d{background:linear-gradient(160deg,rgba(28,50,92,0.52) 0%,rgba(14,28,56,0.40) 55%,rgba(10,20,42,0.44) 100%) !important;border:1px solid rgba(122,178,255,0.55) !important;border-radius:24px !important;-webkit-backdrop-filter:blur(18px) !important;backdrop-filter:blur(18px) !important;box-shadow:0 34px 68px -40px rgba(6,12,28,0.85),0 0 30px rgba(78,142,247,0.26),inset 0 1px 0 rgba(228,240,255,0.30),inset 0 -2px 0 rgba(0,0,0,0.40) !important;} /*JXFIX2-END*/ /*JXFIX3-START*/ body.page-id-15166 .sx-page .elementor-element-sx002t .sx-tile .sx-tile-num{color:#FFFFFF !important;}body.page-id-15166 .sx-page .elementor-element-sx000w.sx-backplate,body.page-id-15166 .sx-page .elementor-element-sx003e.sx-backplate,body.page-id-15166 .sx-page .elementor-element-sx004d{background:radial-gradient(135% 105% at 12% -8%,rgba(150,195,255,0.30) 0%,rgba(90,150,255,0.10) 34%,rgba(0,0,0,0) 60%),linear-gradient(158deg,rgba(38,68,125,0.52) 0%,rgba(22,42,84,0.34) 52%,rgba(12,24,50,0.44) 100%) !important;box-shadow:0 38px 76px -44px rgba(6,10,22,0.9),0 0 28px rgba(78,142,247,0.22),inset 0 1px 0 rgba(228,240,255,0.30),inset 0 -28px 50px -32px rgba(0,0,0,0.46) !important;}body.page-id-15166 .sx-page .elementor-element-sx000f{flex-wrap:nowrap !important;}body.page-id-15166 .sx-page .elementor-element-sx000f .sx-band-title{font-size:1.35rem !important;letter-spacing:3px !important;white-space:nowrap !important;}@media(max-width:860px){body.page-id-15166 .sx-page .elementor-element-sx000f{flex-wrap:wrap !important;}body.page-id-15166 .sx-page .elementor-element-sx000f .sx-band-title{white-space:normal !important;font-size:1.1rem !important;}}body.page-id-15166 .sx-page .elementor-element-sx004s img{filter:brightness(0) invert(1) !important;} /*JXFIX3-END*/ /*JXFIX4-START*/ body.page-id-15166 .sx-page .elementor-element-sx0070 .sx-lead,body.page-id-15166 .sx-page .elementor-element-sx0070 .sx-body{max-width:720px !important;margin-left:auto !important;margin-right:auto !important;}body.page-id-15166 .sx-page .elementor-element-sx004s img{filter:none !important;content:url('/wp-content/uploads/2025/06/landon-goldwhite.png') !important;} /*JXFIX4-END*/ /*JXMETRIC-START*/ body.page-id-15166 .jx-caseproof{flex-wrap:wrap !important;align-items:stretch !important;}body.page-id-15166 .jx-metricwrap{display:flex;gap:16px;width:100%;flex-wrap:wrap;}body.page-id-15166 .jx-metric{flex:1 1 0;min-width:190px;padding:20px 20px 18px;border-radius:18px;background:linear-gradient(160deg,rgba(20,36,68,0.66),rgba(10,20,42,0.74));border:1px solid rgba(122,178,255,0.28);box-shadow:0 24px 50px -30px rgba(6,12,28,0.9),inset 0 1px 0 rgba(228,240,255,0.14);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);}body.page-id-15166 .jx-metric-orange{border-color:rgba(255,164,90,0.38);}body.page-id-15166 .jx-metric-label{font-size:0.7rem;letter-spacing:2px;text-transform:uppercase;color:#9FC1F7;font-weight:700;margin:0 0 14px;}body.page-id-15166 .jx-metric-orange .jx-metric-label{color:#FFB877;}body.page-id-15166 .jx-metric-hero{font-size:2.7rem;font-weight:800;line-height:1;color:#F5F8FF;text-shadow:0 0 18px rgba(120,160,240,0.35);}body.page-id-15166 .jx-metric-orange .jx-metric-hero{text-shadow:0 0 18px rgba(255,142,46,0.42);}body.page-id-15166 .jx-metric-flow{display:flex;align-items:baseline;gap:10px;font-size:1.85rem;font-weight:800;color:#F5F8FF;margin-top:8px;}body.page-id-15166 .jx-mf{opacity:0.55;}body.page-id-15166 .jx-marrow{color:#FF8E2E;font-size:1.3rem;}body.page-id-15166 .jx-mt{color:#8fbcff;}body.page-id-15166 .jx-metric-orange .jx-mt{color:#FFB877;}body.page-id-15166 .jx-metric-sub{font-size:0.78rem;color:rgba(200,215,240,0.72);margin-top:12px;line-height:1.35;} /*JXMETRIC-END*/ /*JXFAQ-START*/ body.page-id-15166 .sx-page .sx-faq-item{background:radial-gradient(135% 105% at 12% -8%,rgba(150,195,255,0.28) 0%,rgba(90,150,255,0.10) 34%,rgba(0,0,0,0) 60%),linear-gradient(158deg,rgba(38,68,125,0.50) 0%,rgba(22,42,84,0.32) 52%,rgba(12,24,50,0.42) 100%) !important;border:1px solid rgba(122,178,255,0.38) !important;border-radius:16px !important;-webkit-backdrop-filter:blur(12px) !important;backdrop-filter:blur(12px) !important;padding:10px !important;margin-bottom:12px !important;box-shadow:0 24px 50px -34px rgba(6,10,22,0.85),0 0 22px rgba(78,142,247,0.16),inset 0 1px 0 rgba(228,240,255,0.16),inset 0 -22px 44px -30px rgba(0,0,0,0.40) !important;}body.page-id-15166 .sx-page .sx-faq-item .sx-faq-q{color:#F5F8FF !important;} /*JXFAQ-END*/ /*JXFIX5-START*/ body.page-id-15166 .sx-page .elementor-element-sx003e .sx-h2{font-size:2.45rem !important;}body.page-id-15166 .sx-page .elementor-element-sx003e .sx-h2 .sx-duo,body.page-id-15166 .sx-page .elementor-element-sx003e .sx-h2 span{white-space:nowrap !important;}body.page-id-15166 .sx-page .elementor-element-sx004w,body.page-id-15166 .sx-page .elementor-element-sx0058{background:radial-gradient(135% 105% at 12% -8%,rgba(150,195,255,0.30) 0%,rgba(90,150,255,0.10) 34%,rgba(0,0,0,0) 60%),linear-gradient(158deg,rgba(38,68,125,0.52) 0%,rgba(22,42,84,0.34) 52%,rgba(12,24,50,0.44) 100%) !important;border:1px solid rgba(122,178,255,0.40) !important;box-shadow:0 38px 76px -44px rgba(6,10,22,0.9),0 0 28px rgba(78,142,247,0.20),inset 0 1px 0 rgba(228,240,255,0.16),inset 0 -28px 50px -32px rgba(0,0,0,0.42) !important;} /*JXFIX5-END*/ /*JXFOOTSTARS-CSS-START*/ body.page-id-15166 footer.jx-foot-harden{position:relative;}body.page-id-15166 .jx-foot-stars{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;border-radius:inherit;}body.page-id-15166 footer.jx-foot-harden > *:not(.jx-foot-stars){position:relative;z-index:1;}@keyframes jxfoottw{0%,100%{opacity:.2}50%{opacity:.8}} /*JXFOOTSTARS-CSS-END*/ /*JXCARDBAL-START*/ body.page-id-15166 .sx-page .elementor-element-sx004p{min-height:195px !important;display:flex !important;flex-direction:column !important;justify-content:center !important;}body.page-id-15166 .sx-page .jx-metric{border-radius:14px !important;} /*JXCARDBAL-END*/ /*JXFAQFIX-START*/ body.page-id-15166 .sx-page .sx-faq-item:has(button[aria-expanded="false"]) .sx-faq-a{max-height:0 !important;padding-top:0 !important;padding-bottom:0 !important;overflow:hidden !important;} /*JXFAQFIX-END*/ /*JXFAQICON-START*/ body.page-id-15166 .sx-page .sx-faq-item .sx-faq-icon::before{color:#9FC1F7 !important;}body.page-id-15166 .sx-page .sx-faq-item:has(button[aria-expanded="true"]) .sx-faq-icon::before{color:#FF8E2E !important;} /*JXFAQICON-END*/ /*JXEYEBROW-START*/ body.page-id-15166 .sx-page .elementor-element-sx0006 h1.sx-display::before{content:"ASHEVILLE · WESTERN NORTH CAROLINA · USA";display:block;font-size:0.92rem;letter-spacing:3.5px;font-weight:700;color:#FF9E4F;text-transform:uppercase;margin-bottom:20px;text-shadow:0 0 14px rgba(255,142,46,0.40);}@media(max-width:768px){body.page-id-15166 .sx-page .elementor-element-sx0006 h1.sx-display::before{font-size:0.74rem;letter-spacing:2px;margin-bottom:14px;}} /*JXEYEBROW-END*/ /*JXBRANDORANGE-START*/ body.page-id-15166 .sx-page .elementor-element-sx002t .sx-tile,body.page-id-15166 .sx-page .elementor-element-sx004b{background:radial-gradient(135% 105% at 12% -8%,rgba(255,182,112,0.40) 0%,rgba(255,142,46,0.16) 34%,rgba(0,0,0,0) 60%),linear-gradient(158deg,rgba(255,142,46,0.54) 0%,rgba(231,109,7,0.40) 52%,rgba(140,56,6,0.44) 100%) !important;border-color:rgba(255,152,64,0.66) !important;} /*JXBRANDORANGE-END*/ /*JXCTABLUE-START*/ body.page-id-15166 .sx-page .sx-btn-primary{background:linear-gradient(rgba(78,142,247,0.92),rgba(23,66,143,0.96)) !important;border:1px solid rgba(122,178,255,0.72) !important;color:#FFFFFF !important;box-shadow:0 0 18px rgba(78,142,247,0.30),0 12px 30px -12px rgba(6,12,28,0.7) !important;transition:background 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease !important;}body.page-id-15166 .sx-page .sx-btn-primary:hover{background:linear-gradient(rgba(245,132,30,0.94),rgba(226,104,5,0.82)) !important;border-color:rgba(255,168,84,0.92) !important;box-shadow:0 0 26px rgba(255,142,46,0.48),0 12px 30px -12px rgba(6,12,28,0.7) !important;} /*JXCTABLUE-END*/ /* footer nav dropdowns -> dark neon glass */ [data-elementor-type="footer"] .elementor-nav-menu--dropdown { background: linear-gradient(180deg, rgba(18,28,54,0.94), rgba(10,18,38,0.96)) !important; -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); border: 1.5px solid rgba(255,150,60,0.5) !important; border-radius: 12px !important; box-shadow: 0 0 14px 1px rgba(231,109,7,0.3), 0 20px 48px -16px rgba(6,10,22,0.6) !important; overflow: hidden; } [data-elementor-type="footer"] .elementor-nav-menu--dropdown a.elementor-sub-item { color: #FFFFFF !important; background: transparent !important; } [data-elementor-type="footer"] .elementor-nav-menu--dropdown a.elementor-sub-item:hover { background: rgba(255,150,60,0.2) !important; color: #FFC891 !important; } /* footer dd nowrap+width */ [data-elementor-type="footer"] .elementor-nav-menu--dropdown a.elementor-sub-item { white-space: nowrap !important; } body.page-id-15166 [data-elementor-type="footer"] .elementor-nav-menu ul.sub-menu, body.page-id-15166 [data-elementor-type="footer"] .elementor-nav-menu--dropdown { width: max-content !important; min-width: 220px !important; } /* footer dd open upward */ body.page-id-15166 [data-elementor-type="footer"] .elementor-nav-menu ul.sub-menu.elementor-nav-menu--dropdown, [data-elementor-type="footer"] .elementor-nav-menu ul.sub-menu.elementor-nav-menu--dropdown { top: auto !important; bottom: 100% !important; margin-top: 0 !important; margin-bottom: 12px !important; } /* SX-MOBILE-FIX-DUO 2026-07-14: let duo sub-line wrap on mobile so 'MANAGED WHERE IT MATTERS' isn't clipped */ @media(max-width:767px){html body.page-id-15166 .sx-page .elementor-element-sx003e .sx-h2 .sx-duo,html body.page-id-15166 .sx-page .elementor-element-sx003e .sx-h2 span{white-space:normal !important;}} /* SX-MOBILE-FIX-ORBIT 2026-07-14: replace collapsing 3D orbit with a clean 2-col service list on mobile */ @media(max-width:767px){ body.page-id-15166 .sx-page .elementor-element-jxuni1{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:12px !important;height:auto !important;min-height:0 !important;width:100% !important;max-width:360px !important;margin:0 auto !important;position:relative !important;transform:none !important;align-content:start;} body.page-id-15166 .elementor-element-jxuni1 > div:first-child{display:none !important;} body.page-id-15166 .elementor-element-jxuni1 .mxwrap,body.page-id-15166 .elementor-element-jxuni1 .jx-orbit,body.page-id-15166 .elementor-element-jxuni1 .jx-ring,body.page-id-15166 .elementor-element-jxuni1 .jx-car{display:none !important;} body.page-id-15166 .elementor-element-jxuni2{grid-column:1 / -1 !important;order:1 !important;position:relative !important;left:auto !important;top:auto !important;transform:none !important;margin:0 auto 4px !important;width:auto !important;} body.page-id-15166 .elementor-element-jxuni2 img{max-width:310px !important;width:86vw !important;height:auto !important;margin:0 auto !important;display:block !important;} body.page-id-15166 .elementor-element-jxwd1,body.page-id-15166 .elementor-element-jxwd2,body.page-id-15166 .elementor-element-jxwd3{grid-column:1 / -1 !important;order:2 !important;position:relative !important;left:auto !important;top:auto !important;transform:none !important;text-align:center !important;margin:0 auto !important;} body.page-id-15166 .elementor-element-jxsq1,body.page-id-15166 .elementor-element-jxsq2,body.page-id-15166 .elementor-element-jxsq3,body.page-id-15166 .elementor-element-jxsq4,body.page-id-15166 .elementor-element-jxsq5,body.page-id-15166 .elementor-element-jxsq6,body.page-id-15166 .elementor-element-jxsq7,body.page-id-15166 .elementor-element-jxsq8{order:3 !important;position:relative !important;left:auto !important;top:auto !important;right:auto !important;bottom:auto !important;transform:none !important;width:100% !important;height:auto !important;min-height:70px !important;display:flex !important;align-items:center !important;justify-content:center !important;text-align:center !important;padding:14px 10px !important;border-radius:14px !important;background:linear-gradient(160deg,rgba(28,50,92,.52),rgba(10,20,42,.46)) !important;border:1px solid rgba(120,170,255,.30) !important;box-shadow:0 6px 18px rgba(0,0,0,.28) !important;-webkit-backdrop-filter:blur(8px) !important;backdrop-filter:blur(8px) !important;overflow:visible !important;} body.page-id-15166 .elementor-element-jxuni1 .jx-sq-label{position:relative !important;display:block !important;height:auto !important;width:100% !important;color:#F5F8FF !important;font-size:14px !important;line-height:1.25 !important;font-weight:600 !important;text-align:center !important;margin:0 !important;text-shadow:0 1px 6px rgba(0,0,0,.5);} body.page-id-15166 .elementor-element-jxsq1 img,body.page-id-15166 .elementor-element-jxsq2 img,body.page-id-15166 .elementor-element-jxsq3 img,body.page-id-15166 .elementor-element-jxsq4 img,body.page-id-15166 .elementor-element-jxsq5 img,body.page-id-15166 .elementor-element-jxsq6 img,body.page-id-15166 .elementor-element-jxsq7 img,body.page-id-15166 .elementor-element-jxsq8 img{display:none !important;} } /* SX-MOBILE-FIX-ORBIT-2 2026-07-14: flat legible labels (kill white pill) + compact cards */ @media(max-width:767px){ body.page-id-15166 .elementor-element-jxuni1 .jx-sq-label{background:transparent !important;background-color:transparent !important;box-shadow:none !important;border-radius:0 !important;padding:0 6px !important;color:#F5F8FF !important;font-size:15px !important;line-height:1.28 !important;font-weight:600 !important;width:100% !important;} body.page-id-15166 .elementor-element-jxsq1,body.page-id-15166 .elementor-element-jxsq2,body.page-id-15166 .elementor-element-jxsq3,body.page-id-15166 .elementor-element-jxsq4,body.page-id-15166 .elementor-element-jxsq5,body.page-id-15166 .elementor-element-jxsq6,body.page-id-15166 .elementor-element-jxsq7,body.page-id-15166 .elementor-element-jxsq8{aspect-ratio:auto !important;height:auto !important;min-height:78px !important;padding:16px 12px !important;} } /* SX-MOBILE-FIX-ORBIT-3 2026-07-14: services as plain text (no glass card box) */ @media(max-width:767px){ body.page-id-15166 .elementor-element-jxsq1,body.page-id-15166 .elementor-element-jxsq2,body.page-id-15166 .elementor-element-jxsq3,body.page-id-15166 .elementor-element-jxsq4,body.page-id-15166 .elementor-element-jxsq5,body.page-id-15166 .elementor-element-jxsq6,body.page-id-15166 .elementor-element-jxsq7,body.page-id-15166 .elementor-element-jxsq8{background:none !important;background-color:transparent !important;border:0 !important;box-shadow:none !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;min-height:0 !important;padding:10px 8px !important;} } /* SX-MOBILE-FIX-ORBIT-4 2026-07-14: kill the radial-gradient ::before overlays (the 'box' + orange glow) on mobile */ @media(max-width:767px){ body.page-id-15166 .elementor-element-jxuni0::before,body.page-id-15166 .elementor-element-jxuni1::before{display:none !important;background:none !important;background-image:none !important;content:none !important;} } /* SX-MOBILE-FIX-HEROLOGO 2026-07-14: move the 3D animated Skyland planet logo ABOVE the hero CTA text on mobile */ @media(max-width:767px){ body.page-id-15166 .elementor-element-sx000b>div:nth-child(3){order:-1 !important;margin:0 auto 4px !important;} } /* SX-MOBILE-FIX-HEROTIGHTEN 2026-07-14: button above fold + fix eyebrow/subhead orphans */ @media(max-width:767px){ body.page-id-15166 .elementor-element-sx000b>div:nth-child(3){transform:scale(.66) !important;transform-origin:center top !important;margin-top:-6px !important;margin-bottom:-88px !important;} body.page-id-15166 .elementor-element-sx000b .sx-display-accent{text-wrap:balance !important;} body.page-id-15166 .elementor-element-sx000b h1.sx-display::before{white-space:nowrap !important;font-size:10px !important;letter-spacing:1.4px !important;} body.page-id-15166 .elementor-element-sx000b h1.sx-display{margin-top:2px !important;} } /* SX-MOBILE-FIX-HERO2 2026-07-14: restore full logo size, subhead on one line, claw back space for button */ @media(max-width:767px){ body.page-id-15166 .elementor-element-sx000b>div:nth-child(3){transform:none !important;margin-top:-4px !important;margin-bottom:0 !important;} body.page-id-15166 .elementor-element-sx000b .sx-display-accent{white-space:nowrap !important;font-size:26px !important;line-height:1.1 !important;text-wrap:nowrap !important;margin:2px 0 6px !important;} body.page-id-15166 .elementor-element-sx000b h1.sx-display{font-size:36px !important;line-height:1.08 !important;margin:2px 0 6px !important;} body.page-id-15166 .elementor-element-sx000b .sx-lead{font-size:15px !important;line-height:1.35 !important;margin:6px 0 10px !important;} } /* SX-MOBILE-FIX-HEROGAP 2026-07-14: reduce empty space between hero button and VGS logo */ @media(max-width:767px){ body.page-id-15166 .elementor-element-sx000a{gap:16px !important;} body.page-id-15166 .elementor-element-sx000b{padding-bottom:10px !important;} body.page-id-15166 .elementor-element-jxuni0{padding-top:24px !important;} } /* SX-MOBILE-FIX-HEROGAP2 2026-07-14: hide empty sx-hero-visual placeholder + final tighten */ @media(max-width:767px){ body.page-id-15166 .elementor-element-sx0009{display:none !important;} body.page-id-15166 .elementor-element-sx000b{padding-bottom:6px !important;} body.page-id-15166 .elementor-element-jxuni0{padding-top:12px !important;} } /* SX-MOBILE-FIX-WORKSEC 2026-07-14: center atom logo + fix 'to.' orphan in the 'We do the work' section */ @media(max-width:767px){ body.page-id-15166 .elementor-element-sx000t{justify-content:center !important;align-items:center !important;} body.page-id-15166 .elementor-element-sx000t>div{margin-left:auto !important;margin-right:auto !important;} body.page-id-15166 .s-sx000o{text-wrap:balance !important;} } /* SX-ILINK-VGS 2026-07-14: in-copy VGS link -> brand internal-link standard */ body.page-id-15166 .sx-lead a[href*="the-visible-growth-system"],body.page-id-15166 .sx-lead a[href*="the-visible-growth-system"] strong{color:#FF8E2E !important;font-weight:inherit !important;font-size:inherit !important;text-decoration:none !important;} body.page-id-15166 .sx-lead a[href*="the-visible-growth-system"]:hover,body.page-id-15166 .sx-lead a[href*="the-visible-growth-system"]:hover strong{color:#4E8EF7 !important;} /* SX-MOBILE-FIX-WORKSEC-ONELINE 2026-07-14: 'so you don't have to.' on one line in the 'We do the work' section (match hero) */ @media(max-width:767px){ body.page-id-15166 .elementor-element-sx000y .s-sx000o{white-space:nowrap !important;text-wrap:nowrap !important;font-size:27px !important;line-height:1.12 !important;} } /* SX-LOCKINS-BLUE 2026-07-14: 'No lock-ins.' brand blue on all devices */ body.page-id-15166 .elementor-element-sx000f p.sx-band-title.sx-duo span:nth-child(2){color:#4E8EF7 !important;text-shadow:rgba(78,142,247,0.45) 0px 0px 10px,rgba(78,142,247,0.35) 0px 0px 30px !important;} /*JXPRC1-START v3 (Pricing refinement 2026-08-10: hierarchy + density + FAQ transition; pricing scopes only. Card/side/eyebrow/price recipes verbatim from approved blocks.)*/ body.page-id-15166 .sx-prc-sec{padding-bottom:70px !important;} body.page-id-15166 .sx-prc-sec .sx-container-narrow .sx-h2{text-align:center;} body.page-id-15166 .sx-prc-sec .sx-container-narrow .sx-lead{text-align:center;} @media (min-width:1025px){ body.page-id-15166 .sx-prc-sec .sx-container-narrow .sx-h2{white-space:nowrap;} } body.page-id-15166 .sx-prc-sec .sx-line{width:360px !important;max-width:72vw !important;border:0;display:block;background-image:linear-gradient(90deg,rgba(23,66,143,0) 0%,#17428F 22%,#4E8EF7 48%,#FF8E2E 78%,rgba(255,142,46,0) 100%) !important;background-color:transparent !important;background-size:100% 3px !important;background-position:center !important;background-repeat:no-repeat !important;box-shadow:none !important;filter:drop-shadow(0 0 6px rgba(78,142,247,0.55)) drop-shadow(0 0 9px rgba(255,142,46,0.5));} body.page-id-15166 .sx-prc-card{width:100%;max-width:980px;margin:0 auto;border-radius:20px;padding:36px 40px;background:radial-gradient(135% 105% at 12% -8%,rgba(150,195,255,0.30) 0%,rgba(90,150,255,0.10) 34%,rgba(0,0,0,0) 60%),linear-gradient(158deg,rgba(38,68,125,0.52) 0%,rgba(22,42,84,0.34) 52%,rgba(12,24,50,0.44) 100%) !important;border:1px solid rgba(122,178,255,0.55) !important;-webkit-backdrop-filter:blur(18px) !important;backdrop-filter:blur(18px) !important;box-shadow:0 34px 68px -40px rgba(6,12,28,0.85),0 0 28px rgba(78,142,247,0.22),inset 0 1px 0 rgba(228,240,255,0.30),inset 0 -28px 50px -32px rgba(0,0,0,0.46) !important;display:flex;flex-direction:column;gap:12px;} body.page-id-15166 .sx-prc-card .sx-h3{color:#F5F8FF !important;margin:0 !important;} body.page-id-15166 .sx-prc-card .sx-prc-head{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:28px;width:100%;} body.page-id-15166 .sx-prc-head .sx-prc-headl{display:flex;flex-direction:column;gap:12px;flex:1 1 auto;min-width:0;} body.page-id-15166 .sx-prc-card .sx-prc-mark{width:276px;flex:0 0 auto;align-self:center;margin:0 52px 0 0;} body.page-id-15166 .sx-prc-card .sx-prc-mark img{width:276px;max-width:100%;height:auto;display:block;} body.page-id-15166 .sx-page .sx-prc-eyebrow{text-transform:uppercase !important;letter-spacing:0.24em !important;font-size:0.8rem !important;font-weight:700 !important;color:#FF8E2E !important;text-shadow:0 0 14px rgba(255,142,46,0.45);margin:0 !important;} body.page-id-15166 .sx-page .sx-prc-kicker{text-transform:uppercase !important;letter-spacing:0.24em !important;font-size:0.8rem !important;font-weight:700 !important;color:#9FC1F7 !important;margin:6px 0 0 !important;} body.page-id-15166 .sx-page .sx-prc-price{font-size:clamp(2rem,3.6vw,3.1rem) !important;font-weight:700 !important;letter-spacing:-0.02em !important;color:#FFFFFF !important;line-height:1.1 !important;margin:0 !important;} body.page-id-15166 .sx-page .sx-prc-price span{color:#FF8E2E;text-shadow:0 0 18px rgba(255,142,46,0.5),0 0 46px rgba(255,142,46,0.25);} body.page-id-15166 .sx-page .sx-prc-sub{color:#C9D9F5 !important;font-size:1.02rem !important;line-height:1.6 !important;margin:0 !important;max-width:760px;} body.page-id-15166 .sx-page .sx-prc-sub strong{color:#FF8E2E !important;} body.page-id-15166 .sx-prc-card .sx-prc-inch{color:#F5F8FF !important;margin:4px 0 0 !important;} body.page-id-15166 .sx-prc-list{display:grid;grid-template-columns:1fr 1fr;gap:0 36px;width:100%;} body.page-id-15166 .sx-prc-list .sx-check-row{padding-block:9px !important;align-items:flex-start;} body.page-id-15166 .sx-prc-list .sx-check-row::before{margin-top:1px;} body.page-id-15166 .sx-prc-list .sx-check-row .sx-body{font-weight:400 !important;color:rgba(226,234,247,0.80) !important;line-height:1.55 !important;font-size:1rem !important;} body.page-id-15166 .sx-prc-list .sx-check-row .sx-body strong{display:block;color:#F5F8FF !important;font-weight:600;font-size:1.02rem;} body.page-id-15166 .sx-page .sx-prc-dfy{margin-top:14px !important;color:#F5F8FF !important;font-size:1.05rem !important;} body.page-id-15166 .sx-page .sx-prc-dfy strong{color:#FF8E2E !important;} body.page-id-15166 .sx-prc-cols{display:grid;grid-template-columns:1fr 1fr;gap:26px;width:100%;max-width:980px;margin:0 auto;align-items:start;} body.page-id-15166 .sx-prc-side{border-radius:16px;padding:26px 28px;background:radial-gradient(135% 105% at 12% -8%,rgba(150,195,255,0.28) 0%,rgba(90,150,255,0.10) 34%,rgba(0,0,0,0) 60%),linear-gradient(158deg,rgba(38,68,125,0.50) 0%,rgba(22,42,84,0.32) 52%,rgba(12,24,50,0.42) 100%) !important;border:1px solid rgba(122,178,255,0.38) !important;-webkit-backdrop-filter:blur(12px) !important;backdrop-filter:blur(12px) !important;box-shadow:0 24px 50px -34px rgba(6,10,22,0.85),0 0 22px rgba(78,142,247,0.16),inset 0 1px 0 rgba(228,240,255,0.16) !important;display:flex;flex-direction:column;gap:12px;} body.page-id-15166 .sx-prc-side .sx-h3{color:#F5F8FF !important;margin:0 !important;} body.page-id-15166 .sx-prc-side .sx-prc-cardtitle{color:#FF8E2E !important;font-size:1.28rem !important;font-weight:700 !important;text-shadow:0 0 14px rgba(255,142,46,0.35);margin:0 0 2px !important;} body.page-id-15166 .sx-prc-side .sx-prc-intro{font-size:0.95rem !important;color:rgba(226,234,247,0.68) !important;margin:0 0 6px !important;} body.page-id-15166 .sx-prc-side .sx-prc-subnote{font-size:0.88rem !important;color:rgba(226,234,247,0.58) !important;margin:-6px 0 0 !important;} body.page-id-15166 .sx-prc-side .sx-body{color:rgba(226,234,247,0.80) !important;margin:0 !important;line-height:1.55 !important;} body.page-id-15166 .sx-prc-side .sx-body strong{display:block;color:#4E8EF7 !important;font-weight:600;text-shadow:0 0 12px rgba(78,142,247,0.30);} body.page-id-15166 .sx-prc-lite .sx-body{color:rgba(226,234,247,0.72) !important;} body.page-id-15166 .sx-prc-exlist{display:flex;flex-direction:column;gap:15px;width:100%;} body.page-id-15166 .sx-prc-exlist .sx-prc-ex{font-size:1rem !important;line-height:1.45 !important;color:#4E8EF7 !important;font-weight:600 !important;text-shadow:0 0 12px rgba(78,142,247,0.25);} body.page-id-15166 .sx-prc-promise{width:100%;max-width:980px;margin:-10px auto 0;border-radius:16px;padding:22px 28px;background:radial-gradient(135% 105% at 12% -8%,rgba(150,195,255,0.28) 0%,rgba(90,150,255,0.10) 34%,rgba(0,0,0,0) 60%),linear-gradient(158deg,rgba(38,68,125,0.50) 0%,rgba(22,42,84,0.32) 52%,rgba(12,24,50,0.42) 100%) !important;border:1px solid rgba(255,142,46,0.45) !important;-webkit-backdrop-filter:blur(12px) !important;backdrop-filter:blur(12px) !important;box-shadow:0 24px 50px -34px rgba(6,10,22,0.85),0 0 22px rgba(255,142,46,0.14),inset 0 1px 0 rgba(228,240,255,0.16) !important;} body.page-id-15166 .sx-page .sx-prc-nosurprise{color:#F5F8FF !important;margin:0 !important;font-size:1.05rem !important;} body.page-id-15166 .sx-page .sx-prc-nosurprise strong{color:#FF8E2E !important;} @media (max-width:760px){ body.page-id-15166 .sx-prc-sec{padding-bottom:56px !important;} body.page-id-15166 .sx-prc-list{grid-template-columns:1fr;} body.page-id-15166 .sx-prc-cols{grid-template-columns:1fr;} body.page-id-15166 .sx-prc-card{padding:28px 24px;} body.page-id-15166 .sx-prc-card .sx-prc-head{flex-direction:column;align-items:flex-start;gap:16px;} body.page-id-15166 .sx-prc-card .sx-prc-mark{align-self:center;max-width:100%;} body.page-id-15166 .sx-prc-promise{padding:20px 22px;} } /*JXPRC1-END*/ /*JXDFY1-START (hero done-for-you kicker, additive CRO 2026-08-10; new scope only, eyebrow recipe values)*/ body.page-id-15166 .sx-hero .sx-hero-dfy{display:inline-block !important;margin:0 0 10px !important;text-transform:uppercase !important;letter-spacing:0.18em !important;font-size:0.85rem !important;font-weight:700 !important;color:#FF8E2E !important;text-shadow:0 0 14px rgba(255,142,46,0.4);} /*JXDFY1-END*/ /*JXBRAND1-START v9 (final hierarchy: statement clamp(1.2rem,1.6vw,1.6rem)/700 = one notch under the uncertainty line; single support paragraph 17px light; tight one-section flow. Span color inherits the section-native #E76D07 accent rule.)*/ body.page-id-15166 .sx-brandnote{display:flex;flex-direction:column;gap:10px;align-self:stretch;align-items:center;margin:6px 0 0;max-width:none;text-align:center;} body.page-id-15166 .sx-brandnote .sx-h2{color:#F5F8FF !important;margin:0 !important;font-size:clamp(1.2rem,1.6vw,1.6rem) !important;font-weight:700 !important;line-height:1.35 !important;} body.page-id-15166 .sx-brandnote .sx-brandnote-s{font-size:17px !important;line-height:1.55 !important;margin:0 !important;text-align:center;opacity:0.85;} @media (min-width:1025px){ body.page-id-15166 .sx-brandnote .sx-h2{white-space:nowrap;} } @media (max-width:760px){ body.page-id-15166 .sx-brandnote{margin:4px 0 0;} body.page-id-15166 .sx-brandnote .sx-brandnote-s{font-size:15px !important;} } /*JXBRAND1-END*/ /* SXMOB1-HOME-START :: mobile hero density pass for the homepage, 2026-09-14 (Brad: CTA below the fold on the Pixel in an in-app browser). Same intent as SXMOB1 on the service pages: smaller atom, tighter gaps, nothing else. Mobile only. Delete this block to revert. */ @media (max-width:760px){ body.page-id-15166 .sx-hero { padding-top: 72px !important; min-height: 100vh !important; min-height: 100svh !important; box-sizing: border-box !important; } body.page-id-15166 #jx-hero-logo { width: min(60vw, 250px) !important; margin: 0 auto !important; } body.page-id-15166 .sx-hero .sx-container { padding-top: 4px !important; margin-top: -32px !important; } } /* SXMOB1-HOME-PRCMARK 2026-09-14: centre the VGS badge in the pricing card on phones (Brad). */ @media (max-width:760px){ body.page-id-15166 .sx-prc-card .elementor-element-sxp108 { justify-content: center !important; } body.page-id-15166 .sx-prc-card .sx-prc-mark { margin-left: auto !important; margin-right: auto !important; } } /* SXMOB1-HOME-END */ /* SX-PRC-ALC (9 Oct 2026): a la carte callout inside the pricing card, reuses .sx-prc-promise */ body.page-id-15166 .sx-prc-card .sx-prc-alacarte{max-width:none !important;margin:22px 0 4px !important;} body.page-id-15166 .sx-prc-alacarte .sx-btn-primary{margin-top:16px;} @media (max-width:767px){body.page-id-15166 .sx-prc-alacarte .sx-btn-primary,body.page-id-15166 .sx-prc-alacarte .sx-btn-primary.e-button-base{display:flex;justify-content:center;width:100%;padding:13px 14px !important;line-height:1.3;text-align:center;}} @media (max-width:767px){body.page-id-15166 .sx-prc-card .sx-prc-alacarte{padding:16px !important;margin:18px -8px 4px !important;}body.page-id-15166 .sx-page .sx-prc-alacarte .sx-prc-nosurprise{font-size:15.5px !important;line-height:1.55 !important;}} /* SX-HERO-STARS-MOBILE (9 Oct 2026, Brad): on phones the hero's own scrolling star layer (#jx-stars) slid over the pinned sitewide sky = disjointed. Phones show only the pinned sky. Remove this block to undo. */ body.page-id-15166 #jx-stars{display:none !important;} /* all widths since 9 Oct (desktop added on Brad's request) */ /*SD-CONSOLIDATE-20261009*/ body.page-id-15166 [data-id="sx004f"]{margin-top:72px !important;} body.page-id-15166 [data-id="sx0046"]{font-size:clamp(26px,3vw,36px) !important;} body.page-id-15166 [data-id="sx0011"]{display:flex !important;justify-content:center !important;margin-top:48px !important;} body.page-id-15166 [data-id="sx002r"] a,body.page-id-15166 [data-id="sxp145"] a{color:#4E8EF7 !important;text-decoration:underline;text-underline-offset:3px;} body.page-id-15166 [data-id="sx002r"] a:hover,body.page-id-15166 [data-id="sxp145"] a:hover{color:#FF8E2E !important;} /* SX-WRAP-PHONE (9 Oct 2026, Brad): phones only. Balanced headings, no orphan words in leads/body, two-part duo headings split into blocks, lead line breaks flow as one paragraph, pricing H2 29px so Visible Growth System fits one line. Remove block to undo. */ @media (max-width:767px){body.page-id-15166 h1,body.page-id-15166 h2,body.page-id-15166 h3{text-wrap:balance !important;}body.page-id-15166 .sx-duo br{display:none !important;}body.page-id-15166 .sx-duo:has(br) span{display:block !important;}body.page-id-15166 .sx-lead br{display:none !important;}body.page-id-15166 .sx-lead,body.page-id-15166 .sx-body,body.page-id-15166 .sx-prc-sub{text-wrap:pretty !important;}body.page-id-15166 [data-id="sxp103"]{font-size:29px !important;}} /* SX-LINEBREAKS (9 Oct 2026, Brad): keep the pricing intro's three lines on phones (overrides the SX-WRAP-PHONE lead-break hiding for sxp105) and no single-word last lines in the callout. Remove block to undo. */ @media (max-width:767px){body.page-id-15166 p[data-id="sxp105"] br{display:inline !important;}body.page-id-15166 .sx-prc-nosurprise{text-wrap:pretty !important;}}/* End custom CSS */