:root.vx-home { background:#04060b; scroll-behavior:smooth; }
:root.vx-home #root { display:none !important; }
#vx-experience[hidden] { display:none !important; }
#vx-experience {
  --vx-bg:#04060b; --vx-text:#f5f7fb; --vx-muted:rgba(238,242,252,.58);
  --vx-gold:#d7ae4b; --vx-gold2:#f1d17c; --vx-blue:#6d80b8; --vx-progress:0;
  --vx-mx:0px; --vx-my:0px; position:relative; min-height:100vh; color:var(--vx-text);
  background:var(--vx-bg); font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  overflow:clip; isolation:isolate;
}
#vx-experience *,#vx-experience *::before,#vx-experience *::after{box-sizing:border-box}
#vx-experience a{color:inherit} #vx-experience button,#vx-experience a{-webkit-tap-highlight-color:transparent}

.vx-intro{position:fixed;inset:0;z-index:120;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#04060b;transition:opacity .9s cubic-bezier(.2,.7,.2,1),visibility .9s;overflow:hidden}
.vx-intro::before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 50% 50%,rgba(215,174,75,.12),transparent 28%),repeating-linear-gradient(90deg,rgba(255,255,255,.022) 0 1px,transparent 1px 78px),repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 78px);transform:perspective(700px) rotateX(58deg) translateY(35%);opacity:.9}
.vx-intro.is-done{opacity:0;visibility:hidden;pointer-events:none}.vx-intro-mark{width:82px;height:82px;position:relative;z-index:2;margin-bottom:28px}.vx-intro-mark::before,.vx-intro-mark::after{content:"";position:absolute;border:1px solid rgba(215,174,75,.22);border-radius:50%;inset:-25px;animation:vxPulse 2.2s infinite ease-out}.vx-intro-mark::after{inset:-48px;animation-delay:.45s;opacity:.35}.vx-intro-mark img{width:100%;height:100%;object-fit:cover;border-radius:50%;filter:drop-shadow(0 0 24px rgba(215,174,75,.25))}
.vx-intro-kicker,.vx-intro-title,.vx-intro-load,.vx-intro-percent{position:relative;z-index:2}.vx-intro-kicker{text-transform:uppercase;letter-spacing:.32em;font-size:8px;color:var(--vx-gold);margin-bottom:17px}.vx-intro-title{text-align:center;text-transform:uppercase;letter-spacing:.14em;font-size:clamp(38px,6vw,76px);line-height:.95;font-weight:200}.vx-intro-title em{font-style:normal;color:var(--vx-gold2)}.vx-intro-load{width:min(360px,66vw);height:1px;background:rgba(255,255,255,.1);margin-top:36px;overflow:hidden}.vx-intro-load span{display:block;height:100%;width:0;background:var(--vx-gold);box-shadow:0 0 16px rgba(215,174,75,.7)}.vx-intro-percent{margin-top:12px;font-size:8px;letter-spacing:.3em;color:rgba(255,255,255,.5)}
@keyframes vxPulse{0%{transform:scale(.8);opacity:0}30%{opacity:.7}100%{transform:scale(1.18);opacity:0}}

.vx-bg{position:fixed;inset:0;z-index:-8;background:radial-gradient(circle at 63% 40%,rgba(68,81,126,.17),transparent 30%),radial-gradient(circle at 16% 78%,rgba(215,174,75,.055),transparent 28%),linear-gradient(180deg,#04060b 0%,#080b13 52%,#04060b 100%);overflow:hidden}
.vx-bg::before{content:"";position:absolute;inset:-20%;background-image:linear-gradient(rgba(113,133,181,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(113,133,181,.05) 1px,transparent 1px);background-size:72px 72px;transform:perspective(900px) rotateX(62deg) translateY(34vh) scale(1.38);transform-origin:center bottom;opacity:.66;mask-image:linear-gradient(to bottom,transparent 0,#000 25%,#000 78%,transparent 98%)}
#vx-gl,#vx-particles{position:absolute;inset:0;width:100%;height:100%}#vx-gl{z-index:1;filter:saturate(1.08)}#vx-particles{z-index:2;opacity:.82;mix-blend-mode:screen}
.vx-scan{position:fixed;z-index:30;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 0,rgba(104,127,178,.025) 49.8%,rgba(104,127,178,.11) 50%,transparent 50.2%);background-size:100% 190px;animation:vxScan 9s linear infinite;opacity:.55}.vx-noise{position:fixed;inset:0;z-index:31;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.94' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.15'/%3E%3C/svg%3E")}
@keyframes vxScan{to{background-position:0 190px}}

.vx-topbar{position:fixed;z-index:60;inset:0 0 auto;height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:linear-gradient(180deg,rgba(2,4,8,.82),transparent)}
.vx-brand{display:inline-flex;align-items:center;gap:13px;text-decoration:none;letter-spacing:.15em;font-size:12px;text-transform:uppercase}.vx-brand img{width:46px;height:46px;object-fit:cover;border-radius:50%;box-shadow:0 0 38px rgba(215,174,75,.18)}.vx-brand-copy strong{display:block;font-size:16px;letter-spacing:.18em}.vx-brand-copy span{display:block;margin-top:5px;color:var(--vx-muted);font-size:8px;letter-spacing:.24em}
.vx-top-actions{display:flex;align-items:center;gap:24px}.vx-sound,.vx-menu-toggle{border:0;background:transparent;color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.18em;font-size:9px}.vx-sound{display:flex;align-items:center;gap:9px;padding:10px 0}.vx-sound i{display:flex;align-items:flex-end;gap:2px;width:15px;height:12px}.vx-sound i::before,.vx-sound i::after{content:"";display:block;width:2px;background:rgba(255,255,255,.6);height:5px;box-shadow:4px -3px 0 rgba(255,255,255,.6),8px 1px 0 rgba(255,255,255,.6);transition:.25s}.vx-sound.is-on i::before{height:8px;box-shadow:4px -4px 0 var(--vx-gold),8px -1px 0 rgba(255,255,255,.8)}.vx-sound.is-on{color:var(--vx-gold2)}
.vx-menu-toggle{display:inline-flex;align-items:center;gap:14px;padding:12px 0 12px 14px}.vx-menu-lines{width:30px;height:16px;position:relative}.vx-menu-lines::before,.vx-menu-lines::after{content:"";position:absolute;right:0;height:1px;background:#fff;transition:.3s}.vx-menu-lines::before{width:30px;top:2px}.vx-menu-lines::after{width:18px;bottom:2px}.vx-menu-toggle:hover .vx-menu-lines::after{width:30px}

.vx-menu{position:fixed;z-index:90;inset:0;background:rgba(3,5,10,.975);backdrop-filter:blur(22px);display:grid;grid-template-columns:minmax(300px,.74fr) 1.26fr;opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s}.vx-menu.is-open{opacity:1;visibility:visible}.vx-menu-visual{position:relative;overflow:hidden;border-right:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 50% 50%,rgba(215,174,75,.08),transparent 28%),repeating-linear-gradient(0deg,rgba(88,108,155,.07) 0 1px,transparent 1px 48px),repeating-linear-gradient(90deg,rgba(88,108,155,.07) 0 1px,transparent 1px 48px)}.vx-menu-visual>img{position:absolute;width:150px;left:50%;top:50%;transform:translate(-50%,-50%);opacity:.78;filter:drop-shadow(0 0 34px rgba(215,174,75,.22))}.vx-menu-radar,.vx-menu-radar span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(215,174,75,.16);border-radius:50%}.vx-menu-radar{width:540px;height:540px}.vx-menu-radar span:nth-child(1){width:390px;height:390px}.vx-menu-radar span:nth-child(2){width:255px;height:255px}.vx-menu-radar span:nth-child(3){width:650px;height:650px;border-color:rgba(104,127,178,.12)}
.vx-menu-main{display:flex;flex-direction:column;justify-content:center;padding:8vw}.vx-menu-close{position:absolute;right:32px;top:28px;width:44px;height:44px;border:0;background:transparent;color:#fff;cursor:pointer;font-size:29px;font-weight:200}.vx-menu-kicker{color:var(--vx-gold);font-size:9px;text-transform:uppercase;letter-spacing:.28em;margin-bottom:33px}.vx-menu-nav{display:grid;gap:2px}.vx-menu-nav a{text-decoration:none;display:flex;align-items:baseline;gap:20px;padding:9px 0;color:rgba(255,255,255,.46);transition:.25s}.vx-menu-nav a b{color:var(--vx-gold);font-size:10px;letter-spacing:.2em}.vx-menu-nav a span{font-weight:200;font-size:clamp(40px,6vw,82px);letter-spacing:.14em;text-transform:uppercase}.vx-menu-nav a:hover,.vx-menu-nav a.is-active{color:#fff;transform:translateX(7px)}.vx-menu-bottom{margin-top:48px;display:flex;gap:12px;flex-wrap:wrap}.vx-menu-bottom a{border:1px solid rgba(255,255,255,.15);padding:12px 17px;text-decoration:none;font-size:9px;letter-spacing:.14em;text-transform:uppercase}

.vx-stage{position:fixed;z-index:4;inset:0;pointer-events:none}.vx-stage-inner{position:absolute;inset:0;transform:translate3d(var(--vx-mx),var(--vx-my),0);transition:transform .18s ease-out}.vx-halo{position:absolute;left:59%;top:49%;width:min(52vw,710px);aspect-ratio:1;border:1px solid rgba(102,126,181,.11);border-radius:50%;transform:translate(-50%,-50%) rotateX(68deg) rotateZ(-12deg);transition:left .8s cubic-bezier(.2,.7,.2,1),transform .8s}.vx-halo::before,.vx-halo::after{content:"";position:absolute;border-radius:50%;inset:13%;border:1px solid rgba(215,174,75,.12)}.vx-halo::after{inset:33%;border-color:rgba(102,126,181,.15)}.vx-halo-b{width:min(68vw,900px);transform:translate(-50%,-50%) rotateX(77deg) rotateY(18deg) rotateZ(24deg);opacity:.55}
#vx-experience[data-scene="1"] .vx-halo,#vx-experience[data-scene="3"] .vx-halo{left:40%}
.vx-object-label{position:absolute;right:4vw;top:23vh;width:220px;border-top:1px solid rgba(255,255,255,.13);padding-top:11px;text-align:right;transition:.5s}.vx-object-label::before{content:"";position:absolute;right:0;top:-2px;width:36px;height:3px;background:var(--vx-gold);box-shadow:0 0 15px rgba(215,174,75,.5)}.vx-object-label span,.vx-object-label small{display:block;color:var(--vx-muted);font-size:7px;letter-spacing:.16em;text-transform:uppercase}.vx-object-label strong{display:block;margin:6px 0;font-size:10px;letter-spacing:.18em;font-weight:650}.vx-coordinates{position:absolute;right:4vw;bottom:16vh;display:grid;gap:5px;text-align:right;color:rgba(255,255,255,.3);font-size:7px;letter-spacing:.18em}.vx-side-mark{position:absolute;right:27px;top:50%;transform:translateY(-50%);display:grid;gap:10px}.vx-side-mark button{width:2px;height:35px;border:0;padding:0;background:rgba(255,255,255,.12);transition:.35s;pointer-events:auto;cursor:pointer}#vx-experience[data-scene="0"] .vx-side-mark button:nth-child(1),#vx-experience[data-scene="1"] .vx-side-mark button:nth-child(2),#vx-experience[data-scene="2"] .vx-side-mark button:nth-child(3),#vx-experience[data-scene="3"] .vx-side-mark button:nth-child(4){background:var(--vx-gold);box-shadow:0 0 12px rgba(215,174,75,.48)}
.vx-progress{position:fixed;z-index:65;left:0;top:0;width:calc(var(--vx-progress)*1%);height:2px;background:var(--vx-gold);box-shadow:0 0 14px rgba(215,174,75,.4)}

.vx-main{position:relative;z-index:10}.vx-section{position:relative;min-height:100vh;display:flex;align-items:center;padding:120px 7vw 92px}.vx-section-inner{width:min(500px,39vw);position:relative;z-index:4}.vx-section:nth-child(even){justify-content:flex-end}.vx-section:nth-child(even) .vx-section-inner{margin-left:auto;margin-right:4vw}.vx-eyebrow{display:flex;align-items:center;gap:12px;color:var(--vx-gold);text-transform:uppercase;letter-spacing:.28em;font-size:8px;margin-bottom:21px}.vx-eyebrow::before{content:"";width:42px;height:1px;background:var(--vx-gold)}.vx-eyebrow span{color:rgba(255,255,255,.45)}
.vx-title{margin:0;text-transform:uppercase;font-weight:200;letter-spacing:.12em;line-height:.91;font-size:clamp(52px,7vw,98px)}.vx-title em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(241,209,124,.95);text-shadow:0 0 26px rgba(215,174,75,.06)}.vx-copy{margin:27px 0 0;max-width:450px;color:var(--vx-muted);line-height:1.82;font-size:13px;letter-spacing:.025em}.vx-actions{margin-top:29px;display:flex;gap:10px;flex-wrap:wrap}.vx-btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:0 20px;border:1px solid rgba(255,255,255,.18);text-decoration:none;text-transform:uppercase;letter-spacing:.16em;font-size:8px;transition:.28s;background:rgba(255,255,255,.012);backdrop-filter:blur(8px);position:relative;overflow:hidden}.vx-btn::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:translateX(-130%);transition:.55s}.vx-btn:hover::after{transform:translateX(130%)}.vx-btn:hover{border-color:var(--vx-gold);color:var(--vx-gold2);transform:translateY(-2px)}.vx-btn-primary{background:var(--vx-gold);color:#111318!important;border-color:var(--vx-gold);font-weight:800}.vx-btn-primary:hover{background:var(--vx-gold2);color:#111318!important}.vx-data-strip{margin-top:33px;display:grid;grid-template-columns:repeat(3,1fr);max-width:430px;border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09)}.vx-data-strip div{padding:14px 14px 14px 0}.vx-data-strip div+div{border-left:1px solid rgba(255,255,255,.09);padding-left:14px}.vx-data-strip strong{display:block;color:#fff;font-size:16px;letter-spacing:.05em}.vx-data-strip span{display:block;color:var(--vx-muted);margin-top:4px;text-transform:uppercase;letter-spacing:.14em;font-size:7px}.vx-microcopy{display:flex;gap:14px;margin-top:29px;color:rgba(255,255,255,.42);font-size:7px;letter-spacing:.13em;text-transform:uppercase;flex-wrap:wrap}.vx-microcopy span{border-left:1px solid rgba(215,174,75,.45);padding-left:8px}
.vx-section-word{position:absolute;left:3vw;bottom:5vh;font-size:clamp(82px,14vw,205px);letter-spacing:.15em;text-transform:uppercase;font-weight:150;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.035);white-space:nowrap;pointer-events:none}.vx-section:nth-child(even) .vx-section-word{left:auto;right:-1vw}

.vx-scroll-hint{position:fixed;z-index:40;left:34px;bottom:27px;display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.2em;font-size:7px}.vx-scroll-wheel{width:18px;height:29px;border:1px solid rgba(255,255,255,.27);border-radius:20px;position:relative}.vx-scroll-wheel::before{content:"";position:absolute;left:50%;top:6px;width:2px;height:5px;background:var(--vx-gold);transform:translateX(-50%);animation:vxWheel 1.7s infinite}@keyframes vxWheel{0%{transform:translate(-50%,0);opacity:0}30%{opacity:1}100%{transform:translate(-50%,9px);opacity:0}}
.vx-bottom-links{position:fixed;z-index:40;right:34px;bottom:27px;display:flex;align-items:center;gap:16px}.vx-bottom-links a{text-decoration:none;color:rgba(255,255,255,.42);text-transform:uppercase;letter-spacing:.16em;font-size:7px;transition:.2s}.vx-bottom-links a:hover{color:var(--vx-gold)}
.vx-download-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}.vx-download-card{border:1px solid rgba(255,255,255,.12);padding:16px;background:rgba(8,11,18,.52);backdrop-filter:blur(11px);position:relative;overflow:hidden}.vx-download-card::before{content:"";position:absolute;width:70px;height:70px;border:1px solid rgba(215,174,75,.12);border-radius:50%;right:-30px;top:-30px}.vx-download-card>span{display:block;color:var(--vx-gold);text-transform:uppercase;letter-spacing:.17em;font-size:7px}.vx-download-card>strong{display:block;margin-top:7px;font-size:14px;letter-spacing:.06em}.vx-store-row{display:flex;gap:7px;margin-top:12px}.vx-store-row a{flex:1;min-height:35px;display:grid;place-items:center;text-decoration:none;border:1px solid rgba(255,255,255,.14);font-size:7px;text-transform:uppercase;letter-spacing:.12em}.vx-store-row a:hover{border-color:var(--vx-gold);color:var(--vx-gold)}
.vx-final-footer{position:relative;z-index:15;min-height:220px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:55px 7vw 76px;border-top:1px solid rgba(255,255,255,.08);background:rgba(3,5,10,.88)}.vx-footer-brand{display:flex;align-items:center;gap:13px}.vx-footer-brand img{width:46px;height:46px;border-radius:50%}.vx-footer-brand strong{display:block;text-transform:uppercase;letter-spacing:.18em;font-size:12px}.vx-footer-brand span{display:block;margin-top:5px;color:var(--vx-muted);font-size:9px}.vx-footer-nav{display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-end}.vx-footer-nav a{text-decoration:none;color:var(--vx-muted);font-size:8px;letter-spacing:.12em;text-transform:uppercase}.vx-footer-nav a:hover{color:var(--vx-gold)}

@media(max-width:950px){.vx-topbar{padding:0 20px;height:74px}.vx-brand img{width:39px;height:39px}.vx-brand-copy span,.vx-sound span{display:none}.vx-top-actions{gap:14px}.vx-menu{grid-template-columns:1fr}.vx-menu-visual{display:none}.vx-menu-main{padding:90px 25px 40px}.vx-menu-nav a span{font-size:clamp(34px,12vw,62px)}.vx-stage{position:absolute;height:100vh}.vx-stage-inner{position:sticky;top:0;height:100vh}.vx-halo{left:50%!important;top:35%;width:112vw;opacity:.55}.vx-object-label{top:13vh;right:20px;width:170px}.vx-coordinates,.vx-side-mark{display:none}.vx-section{min-height:100svh;padding:95px 22px 72px;align-items:flex-end}.vx-section:nth-child(even){justify-content:flex-start}.vx-section:nth-child(even) .vx-section-inner{margin:0}.vx-section-inner{width:100%;max-width:610px;padding:70px 0 0;background:linear-gradient(180deg,transparent,rgba(4,6,11,.72) 28%,rgba(4,6,11,.96) 58%)}.vx-title{font-size:clamp(46px,13vw,76px);letter-spacing:.09em}.vx-copy{font-size:12px;max-width:560px}.vx-data-strip{max-width:none}.vx-section-word{font-size:28vw;bottom:24vh;opacity:.7}.vx-scroll-hint,.vx-bottom-links{display:none}.vx-final-footer{padding:38px 22px;flex-direction:column;align-items:flex-start}.vx-footer-nav{justify-content:flex-start}}
@media(max-width:560px){.vx-brand-copy strong{font-size:12px}.vx-menu-toggle>span:first-child{display:none}.vx-section{padding-left:18px;padding-right:18px}.vx-title{font-size:clamp(42px,14vw,62px)}.vx-actions{display:grid;grid-template-columns:1fr}.vx-btn{width:100%}.vx-data-strip{grid-template-columns:repeat(3,1fr)}.vx-data-strip strong{font-size:14px}.vx-download-grid{grid-template-columns:1fr}.vx-menu-nav a{gap:12px}.vx-menu-nav a span{letter-spacing:.09em}.vx-object-label{top:11vh}.vx-intro-title{letter-spacing:.1em}}
@media(prefers-reduced-motion:reduce){#vx-experience *,#vx-experience *::before,#vx-experience *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01s!important}.vx-scan{display:none}}

/* ================= V3 SAFARI / CACHE-HARDENED LAYOUT ================= */
html.vx-home, html.vx-home body { margin:0 !important; padding:0 !important; min-height:100%; background:#04060b !important; color:#f5f7fb !important; overflow-x:hidden !important; }
html.vx-home body { min-width:320px; }
html.vx-home #vx-experience { width:100%; min-height:100vh; min-height:100svh; overflow-x:hidden; }

/* Intro is intentionally isolated from legacy/global app styles. */
#vx-experience > .vx-intro {
  position:fixed !important; inset:0 !important; z-index:120 !important;
  display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important;
  width:100vw !important; height:100vh !important; height:100svh !important; padding:24px !important;
  background:#04060b !important; overflow:hidden !important;
}
#vx-experience > .vx-intro.is-done { opacity:0 !important; visibility:hidden !important; pointer-events:none !important; }
#vx-experience > .vx-intro .vx-intro-mark { width:72px !important; height:72px !important; flex:0 0 72px !important; margin:0 0 24px !important; }
#vx-experience > .vx-intro .vx-intro-mark img { display:block !important; width:72px !important; height:72px !important; max-width:72px !important; max-height:72px !important; object-fit:cover !important; border-radius:50% !important; }
#vx-experience > .vx-intro .vx-intro-kicker { margin:0 0 16px !important; font-size:8px !important; line-height:1.3 !important; letter-spacing:.28em !important; text-align:center !important; }
#vx-experience > .vx-intro .vx-intro-title { margin:0 !important; max-width:900px !important; font-size:clamp(34px,5.2vw,70px) !important; line-height:.98 !important; letter-spacing:.10em !important; text-align:center !important; }
#vx-experience > .vx-intro .vx-intro-load { margin:30px 0 0 !important; }
#vx-experience > .vx-intro .vx-intro-percent { margin:12px 0 0 !important; }

/* Header: smaller and cleaner, matching the reference's restraint. */
#vx-experience > .vx-topbar { height:76px !important; padding:0 clamp(20px,2.6vw,42px) !important; }
#vx-experience > .vx-topbar .vx-brand { gap:11px !important; min-width:0 !important; }
#vx-experience > .vx-topbar .vx-brand img { display:block !important; width:36px !important; height:36px !important; max-width:36px !important; max-height:36px !important; flex:0 0 36px !important; object-fit:cover !important; border-radius:50% !important; }
#vx-experience > .vx-topbar .vx-brand-copy strong { font-size:13px !important; line-height:1 !important; }
#vx-experience > .vx-topbar .vx-brand-copy span { margin-top:4px !important; font-size:7px !important; }

/* Keep the visual engine on the right half so content remains readable. */
#vx-experience .vx-stage { z-index:3 !important; }
#vx-experience .vx-halo { left:68% !important; top:50% !important; width:min(46vw,650px) !important; opacity:.72 !important; }
#vx-experience .vx-halo-b { width:min(59vw,820px) !important; opacity:.34 !important; }
#vx-experience[data-scene="1"] .vx-halo,
#vx-experience[data-scene="3"] .vx-halo { left:34% !important; }
#vx-experience .vx-object-label { right:5.5vw !important; top:31vh !important; width:230px !important; }
#vx-experience .vx-coordinates { right:5.5vw !important; bottom:18vh !important; }
#vx-experience .vx-side-mark { right:30px !important; gap:9px !important; }
#vx-experience .vx-side-mark button { width:3px !important; height:28px !important; border-radius:2px !important; }

/* Hero chapters. Fixed text measure prevents Safari from wrapping FIND YOUR into 4 lines. */
#vx-experience .vx-section { min-height:100vh !important; min-height:100svh !important; padding:108px 7vw 88px !important; }
#vx-experience .vx-section-inner { width:min(560px,42vw) !important; max-width:560px !important; }
#vx-experience .vx-section:nth-child(even) .vx-section-inner { margin-right:7vw !important; }
#vx-experience .vx-eyebrow { margin-bottom:18px !important; }
#vx-experience .vx-title {
  max-width:560px !important; font-size:clamp(50px,5.15vw,82px) !important;
  letter-spacing:.075em !important; line-height:.92 !important; overflow-wrap:normal !important; word-break:normal !important;
}
#vx-experience .vx-title em { white-space:nowrap !important; }
#vx-experience .vx-copy { margin-top:24px !important; max-width:500px !important; font-size:13px !important; line-height:1.72 !important; }
#vx-experience .vx-actions { margin-top:25px !important; }
#vx-experience .vx-data-strip { margin-top:28px !important; }
#vx-experience .vx-section-word { bottom:4vh !important; font-size:clamp(72px,11vw,165px) !important; opacity:.62 !important; }

/* First scene gets a little more breathing room because it carries the largest headline. */
#vx-experience #discover .vx-section-inner { transform:translateY(2vh); }

/* Footer/utility chrome. */
#vx-experience .vx-scroll-hint { left:clamp(20px,2.6vw,42px) !important; bottom:24px !important; }
#vx-experience .vx-bottom-links { right:clamp(20px,2.6vw,42px) !important; bottom:27px !important; }

@media (max-width:1180px) and (min-width:951px) {
  #vx-experience .vx-section-inner { width:min(500px,44vw) !important; }
  #vx-experience .vx-title { font-size:clamp(48px,5.45vw,70px) !important; }
  #vx-experience .vx-halo { left:70% !important; width:min(48vw,580px) !important; }
  #vx-experience[data-scene="1"] .vx-halo,
  #vx-experience[data-scene="3"] .vx-halo { left:31% !important; }
  #vx-experience .vx-object-label { top:27vh !important; }
}

@media (max-width:950px) {
  #vx-experience > .vx-topbar { height:68px !important; padding:0 18px !important; }
  #vx-experience > .vx-topbar .vx-brand img { width:34px !important; height:34px !important; max-width:34px !important; max-height:34px !important; flex-basis:34px !important; }
  #vx-experience .vx-stage { position:absolute !important; height:100svh !important; }
  #vx-experience .vx-halo { left:50% !important; top:33% !important; width:104vw !important; max-width:none !important; opacity:.34 !important; }
  #vx-experience[data-scene="1"] .vx-halo,
  #vx-experience[data-scene="3"] .vx-halo { left:50% !important; }
  #vx-experience .vx-object-label { top:12vh !important; right:18px !important; width:160px !important; opacity:.72 !important; }
  #vx-experience .vx-section { min-height:100svh !important; padding:88px 20px 62px !important; align-items:flex-end !important; }
  #vx-experience .vx-section-inner,
  #vx-experience .vx-section:nth-child(even) .vx-section-inner { width:100% !important; max-width:650px !important; margin:0 !important; padding:105px 0 0 !important; transform:none !important; }
  #vx-experience .vx-title { max-width:600px !important; font-size:clamp(43px,11vw,68px) !important; letter-spacing:.06em !important; }
  #vx-experience .vx-copy { font-size:12.5px !important; line-height:1.65 !important; }
  #vx-experience .vx-section-word { bottom:22vh !important; font-size:24vw !important; opacity:.45 !important; }
}

@media (max-width:560px) {
  #vx-experience > .vx-topbar .vx-brand-copy span { display:none !important; }
  #vx-experience .vx-section { padding:82px 16px 48px !important; }
  #vx-experience .vx-section-inner { padding-top:118px !important; }
  #vx-experience .vx-title { font-size:clamp(40px,13vw,58px) !important; letter-spacing:.045em !important; }
  #vx-experience .vx-title em { white-space:normal !important; }
  #vx-experience .vx-data-strip { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
}

@media (max-height:760px) and (min-width:951px) {
  #vx-experience .vx-section { padding-top:86px !important; padding-bottom:56px !important; }
  #vx-experience .vx-section-inner { transform:none !important; }
  #vx-experience .vx-title { font-size:clamp(46px,4.8vw,70px) !important; }
  #vx-experience .vx-copy { margin-top:18px !important; line-height:1.58 !important; }
  #vx-experience .vx-actions { margin-top:19px !important; }
  #vx-experience .vx-data-strip { margin-top:19px !important; }
  #vx-experience .vx-object-label { top:25vh !important; }
}


/* ===== V4 clarity + scroll refinements ===== */
#vx-experience{--vx-panel:rgba(6,9,16,.58);--vx-panel-strong:rgba(6,9,16,.78)}
.vx-bg{background:radial-gradient(circle at 68% 39%,rgba(88,106,168,.14),transparent 28%),radial-gradient(circle at 14% 82%,rgba(215,174,75,.045),transparent 24%),linear-gradient(180deg,#05070c 0%,#0a0e17 50%,#05070c 100%)}
.vx-bg::before{opacity:.38;background-size:88px 88px;transform:perspective(1000px) rotateX(67deg) translateY(38vh) scale(1.22)}
.vx-scan{opacity:.22;background-size:100% 240px}
.vx-noise{opacity:.08}
.vx-stage-inner{transition:transform .12s ease-out}
.vx-halo{opacity:.36;width:min(48vw,640px);border-color:rgba(111,131,188,.16);filter:blur(.1px)}
.vx-halo::before{border-color:rgba(215,174,75,.12)}
.vx-halo::after{border-color:rgba(111,131,188,.12)}
.vx-halo-b{opacity:.24;width:min(60vw,800px)}
.vx-object-label{right:4.8vw;top:20vh;width:240px;background:linear-gradient(180deg,rgba(6,9,16,.22),rgba(6,9,16,.04));padding:11px 0 0 18px;border-left:1px solid rgba(255,255,255,.08);border-top:0;text-align:left}
.vx-object-label::before{left:0;right:auto;top:0;width:4px;height:34px}
.vx-object-label strong{font-size:11px;letter-spacing:.22em}
.vx-coordinates{right:4.8vw;bottom:14vh;color:rgba(255,255,255,.38)}
.vx-side-mark button{width:10px;height:10px;border-radius:999px;background:rgba(255,255,255,.34);border:1px solid rgba(255,255,255,.28);transition:.25s}
.vx-side-mark button:hover{background:rgba(215,174,75,.65);border-color:rgba(215,174,75,.85)}
.vx-section-inner{padding:28px 28px 28px 0;position:relative}
.vx-section-inner::before{content:"";position:absolute;left:-24px;right:-18px;top:-26px;bottom:-26px;border-radius:30px;background:linear-gradient(180deg,rgba(7,10,17,.06),rgba(7,10,17,.58) 32%,rgba(7,10,17,.84));border:1px solid rgba(255,255,255,.06);backdrop-filter:blur(10px);z-index:-1;box-shadow:0 22px 80px rgba(0,0,0,.18)}
.vx-section:nth-child(even) .vx-section-inner{padding-left:24px;padding-right:0}
.vx-eyebrow{margin-bottom:18px}
.vx-title{letter-spacing:.095em}
.vx-copy{max-width:470px;color:rgba(240,244,255,.74)}
.vx-section-word{-webkit-text-stroke:1px rgba(255,255,255,.028);opacity:.34}
.vx-data-strip,.vx-download-card{background:rgba(255,255,255,.025);backdrop-filter:blur(8px)}
.vx-download-card{border:1px solid rgba(255,255,255,.08)}
.vx-scroll-hint{opacity:.8}
.vx-btn{backdrop-filter:blur(12px)}
@media (max-width:950px){
  .vx-bg::before{opacity:.22;transform:perspective(700px) rotateX(69deg) translateY(44vh) scale(1.18)}
  .vx-halo{top:31%!important;opacity:.28;width:100vw}
  .vx-halo-b{display:none}
  .vx-object-label{top:11vh;right:18px;width:168px;padding-left:14px;background:linear-gradient(180deg,rgba(6,9,16,.18),transparent);border-left:1px solid rgba(255,255,255,.07)}
  .vx-section-inner{padding:110px 0 0!important;background:none!important}
  .vx-section-inner::before{left:-10px;right:-10px;top:76px;bottom:-16px}
  .vx-section-word{opacity:.24!important}
}
@media (max-width:560px){
  .vx-section-inner::before{left:-8px;right:-8px;top:84px;bottom:-12px;border-radius:24px}
  .vx-copy{font-size:12.5px!important;line-height:1.7!important}
}


/* ===== V5 barber-themed background ===== */
#vx-experience .vx-bg::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 72% 42%, rgba(212,175,55,.04), transparent 18%);opacity:.9}
#vx-experience .vx-section{overflow:hidden}
#vx-experience .vx-section::after{content:"";position:absolute;right:5vw;top:50%;transform:translateY(-50%);width:min(34vw,540px);height:min(34vw,540px);background-position:center;background-repeat:no-repeat;background-size:contain;opacity:.12;filter:drop-shadow(0 0 30px rgba(212,175,55,.06));pointer-events:none;z-index:1}
#vx-experience .vx-section:nth-child(even)::after{right:auto;left:6vw}
#vx-experience #discover::after{background-image:url('/barber-scissors.svg')}
#vx-experience #book::after{background-image:url('/barber-clipper.svg')}
#vx-experience #grow::after{background-image:url('/barber-chair.svg')}
#vx-experience #download::after{background-image:url('/barber-pole.svg')}
#vx-experience .vx-section-inner{z-index:3}
#vx-experience .vx-section-inner::before{background:linear-gradient(180deg,rgba(6,9,16,.08),rgba(6,9,16,.46) 28%,rgba(6,9,16,.78));box-shadow:0 24px 90px rgba(0,0,0,.22)}
#vx-experience .vx-halo{opacity:.18}
#vx-experience .vx-halo-b{opacity:.12}
#vx-experience .vx-object-label{background:linear-gradient(180deg,rgba(6,9,16,.50),rgba(6,9,16,.08))}
#vx-experience .vx-section-word{opacity:.22 !important}
#vx-experience .vx-copy{max-width:500px}
@media (max-width:950px){
  #vx-experience .vx-section::after{left:50% !important;right:auto !important;top:28%;transform:translate(-50%,-50%);width:min(62vw,330px);height:min(62vw,330px);opacity:.10}
}