.cinematic-journey{--cinematic-progress:0;isolation:isolate;color:var(--surface);background:var(--navy);position:relative}.cinematic-stage{pointer-events:none;z-index:-1;background:var(--navy);height:100svh;min-height:680px;position:absolute;inset:0 0 auto;overflow:hidden}.cinematic-poster,.cinematic-video{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.cinematic-video{opacity:0}.cinematic-video[data-ready=true]{opacity:1}.cinematic-shade{background:linear-gradient(90deg,#0b1e3bf0 0%,#0b1e3bcc min(760px,100%),#0b1e3b26 100%),linear-gradient(#0b1e3b7a,#0000 35%,#0b1e3b80);position:absolute;inset:0}.cinematic-caption{max-width:min(44ch,100% - 48px);color:var(--surface);background:#0b1e3beb;border-radius:8px;margin:0;padding:7px 12px;font-size:11px;line-height:1.6;position:absolute;inset:auto 24px 18px auto}.cinematic-interface{z-index:2;position:absolute;inset:114px 6% auto}.cinematic-interface button{border-radius:var(--radius-pill);background:var(--navy);min-height:44px;color:var(--surface);border:1px solid #ffffff73;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:12px;line-height:1.6;display:inline-flex}.cinematic-interface button:hover{color:var(--surface);background:var(--primary-hover)}.cinematic-status{max-width:75ch;color:var(--surface);margin:14px 0 20px;font-size:12px;line-height:1.8}.cinematic-chapters{z-index:1;position:relative}.cinematic-chapter{align-items:center;padding:92px 6%;scroll-margin-top:32px;display:flex;position:relative}.cinematic-chapter:first-child{min-height:max(100svh,680px);padding-block:190px 130px}.cinematic-copy{max-width:620px}.cinematic-copy h1,.cinematic-copy h2{letter-spacing:-.06em;text-wrap:balance;margin:0 0 28px;font-size:clamp(42px,5.5vw,82px);font-weight:600;line-height:1.08}.cinematic-copy h2{font-size:clamp(38px,4.5vw,68px)}.cinematic-copy h1>span,.cinematic-copy h2>span{display:block}.cinematic-description{text-wrap:pretty;max-width:46ch;margin:0 0 25px;font-size:15px;line-height:1.85}.cinematic-features{flex-wrap:wrap;gap:12px 22px;margin:0 0 32px;padding:0;font-size:12px;list-style:none;display:flex}.cinematic-features li{align-items:center;gap:9px;display:inline-flex}.cinematic-features svg{color:var(--accent-action)}.cinematic-cta{background:var(--accent-action);min-height:52px;color:var(--navy);border-radius:var(--radius-pill);transition:background-color var(--motion-micro) ease;justify-content:center;align-items:center;gap:28px;padding:14px 24px;font-size:13px;font-weight:600;display:inline-flex}.cinematic-cta:hover{background:var(--accent-hover);color:var(--navy)}.cinematic-journey :is(a,button):focus-visible{outline:3px solid var(--accent-action);outline-offset:5px}.cinematic-journey[data-mode=static] .cinematic-chapter+.cinematic-chapter{border-top:1px solid #fff3}.cinematic-journey[data-mode=static] .cinematic-chapter:nth-child(2n){background:var(--primary-active)}.cinematic-journey[data-mode=static] .cinematic-chapter-finale{background:var(--background);color:var(--navy)}.cinematic-journey[data-mode=cinematic] .cinematic-stage{z-index:0;height:100svh;min-height:0;margin-bottom:-100svh;position:sticky;top:0}.cinematic-journey[data-mode=cinematic] .cinematic-chapter{min-height:130svh;padding-block:160px}.cinematic-journey[data-mode=cinematic] .cinematic-chapter:first-child{min-height:max(100svh,680px);padding-block:190px 130px}.cinematic-journey[data-mode=cinematic] .cinematic-chapter-finale{min-height:110svh}@media (max-width:720px){.cinematic-poster,.cinematic-video{object-position:60% center}.cinematic-interface{inset:88px 22px auto}.cinematic-interface button{padding:9px 12px;font-size:11px}.cinematic-status{font-size:11px}.cinematic-chapter{padding:64px 22px}.cinematic-chapter:first-child{min-height:max(100svh,720px);padding-block:178px 100px}.cinematic-copy h1{font-size:clamp(43px,11.5vw,66px)}.cinematic-copy h2{font-size:clamp(35px,9.5vw,54px)}.cinematic-description{font-size:13px;line-height:1.9}.cinematic-features{gap:13px;font-size:11px}.cinematic-cta{gap:20px;padding:14px 20px;font-size:12px}.cinematic-caption{font-size:10px;bottom:12px;right:18px}.cinematic-shade{background:linear-gradient(90deg,#0b1e3beb,#0b1e3bc7 65%,#0b1e3bb8)}.cinematic-journey[data-mode=cinematic] .cinematic-chapter{padding-block:120px}.cinematic-journey[data-mode=cinematic] .cinematic-chapter:first-child{min-height:max(100svh,720px);padding-block:178px 100px}}@media (prefers-reduced-motion:reduce){.cinematic-journey *,.cinematic-journey :before,.cinematic-journey :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.cinematic-journey .cinematic-video{display:none}.cinematic-journey[data-mode=cinematic] .cinematic-stage{height:100svh;margin-bottom:0;position:absolute}.cinematic-journey[data-mode=cinematic] .cinematic-chapter{min-height:0;padding-block:72px}}@media (forced-colors:active){.cinematic-stage{display:none}.cinematic-journey,.cinematic-journey .cinematic-chapter{color:canvastext;background:canvas}.cinematic-cta,.cinematic-interface button{border:1px solid buttontext}.cinematic-journey :is(a,button):focus-visible{outline-color:highlight}}
.landing-page{background:var(--navy);color:var(--surface)}.landing-page a{text-decoration:none}.landing-page .brand-logo{background-image:url(/brand/voalio-symbol-small.png);background-position:50%;background-size:100% 100%}.landing-page a:focus-visible,.landing-page button:focus-visible,.landing-page summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.landing-skip{z-index:var(--z-skip-link);color:var(--navy);background:var(--surface);border-radius:var(--radius-button);padding:14px 20px;position:fixed;top:-100px;left:20px}.landing-skip:focus{top:16px}.landing-header{background:#0b1e3bd1;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:24px;padding:26px 4.5vw;display:flex;position:absolute;top:0;left:0;right:0}.landing-header>*{z-index:5;position:relative}.landing-header .brand{color:var(--surface);mix-blend-mode:lighten;gap:12px}.landing-header .brand-logo{background-image:url(/brand/voalio-symbol-light.png);background-position:50%;background-size:100% 100%;width:44px;height:56px}.landing-header .brand-name{color:var(--surface);letter-spacing:.02em;font-size:27px}.landing-nav{align-items:center;gap:32px;display:flex}.landing-nav a{min-height:44px;color:var(--surface);align-items:center;font-size:13px;display:inline-flex}.landing-nav a:hover{color:var(--surface);text-underline-offset:6px;text-decoration:underline}.landing-header-cta{border-radius:var(--radius-pill);background:var(--accent-action);min-height:46px;color:var(--on-accent-action);align-items:center;gap:18px;padding:10px 22px;font-size:13px;font-weight:600;display:inline-flex}.landing-header-cta:hover{background:var(--accent-hover);color:var(--on-accent-action)}.landing-button{border-radius:var(--radius-pill);justify-content:center;align-items:center;gap:16px;min-height:54px;padding:16px 25px;font-size:14px;font-weight:600;display:inline-flex}.landing-button-orange{background:var(--accent-action);color:var(--on-accent-action)}.landing-button-orange:hover{background:var(--accent-hover);color:var(--on-accent-action)}.landing-header-cta,.landing-button-orange{transition:background-color var(--motion-micro) ease}.landing-capabilities{isolation:isolate;background:var(--background);color:var(--navy);padding:96px max(6vw,24px);scroll-margin-top:24px;position:relative}.landing-capabilities-heading{grid-template-columns:1.15fr 1fr;align-items:end;gap:32px 64px;max-width:1180px;margin:0 auto 52px;display:grid}.landing-capabilities .landing-kicker{color:var(--accent-text);margin-bottom:18px}.landing-capabilities h2{letter-spacing:-.045em;text-wrap:balance;margin-bottom:0;font-size:clamp(32px,4vw,52px);line-height:1.15}.landing-capabilities-heading>p{color:var(--text-secondary);text-wrap:pretty;margin:0;line-height:1.8}.landing-capabilities-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 40px;max-width:1180px;margin:0 auto;padding:0;list-style:none;display:grid}.landing-capabilities-list li{border-top:1px solid var(--border);padding-top:28px}.landing-capabilities-list svg{color:var(--accent-text);margin-bottom:22px}.landing-capabilities h3{text-wrap:balance;margin-bottom:14px;font-size:19px;line-height:1.4}.landing-capabilities-list p{text-wrap:pretty;margin-bottom:16px;font-size:14px;line-height:1.8}.landing-capabilities-list .landing-capability-detail{color:var(--text-secondary);margin-bottom:0;font-size:12px;line-height:1.75}.landing-preparation-note{border-top:1px solid var(--border);max-width:1180px;color:var(--text-secondary);margin:44px auto 0;padding-top:28px;font-size:13px;line-height:1.8}.landing-invitation{isolation:isolate;text-align:center;background:var(--navy);flex-direction:column;justify-content:center;align-items:center;min-height:85svh;padding:100px 24px;scroll-margin-top:0;display:flex;position:relative;overflow:hidden}.landing-end-marker{z-index:-1;color:var(--primary-hover);font:700 23vw/1 var(--font-heading);letter-spacing:-.08em;opacity:.55;pointer-events:none;position:absolute;bottom:-5vw;left:0;right:0}.landing-kicker{text-transform:uppercase;letter-spacing:.22em;color:var(--orange);margin:0 0 24px;font-size:12px;font-weight:600}.landing-invitation h2{letter-spacing:-.055em;margin:0 0 24px;font-size:clamp(38px,5.8vw,84px);line-height:1.08}.landing-invitation h2 span{color:var(--orange)}.landing-invitation>p:not(.landing-kicker){max-width:620px;font-size:16px;line-height:1.7}.landing-invitation-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;margin-top:20px;display:flex}.landing-account-link{min-height:44px;color:var(--surface);align-items:center;gap:10px;font-size:13px;display:inline-flex}.landing-account-link:hover{color:var(--surface);text-underline-offset:6px;text-decoration:underline}.landing-stores{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:24px;display:flex}.landing-store{text-align:left;border:1px solid var(--surface);background:var(--surface);min-width:206px;min-height:72px;color:var(--navy);border-radius:var(--radius-input);align-items:center;gap:14px;padding:14px 22px;display:flex}.landing-store:disabled{opacity:1;cursor:default}.landing-store span{gap:2px;display:grid}.landing-store small{font-size:11px}.landing-store strong{font-size:20px;font-weight:600}.landing-invitation>p.landing-store-note{margin:16px 0 0;font-size:12px}@media (max-width:900px){.landing-capabilities-list{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-nav{gap:20px}.landing-nav a{font-size:12px}}@media (max-width:720px){.landing-capabilities{padding:64px 24px}.landing-capabilities-heading,.landing-capabilities-list{grid-template-columns:minmax(0,1fr)}.landing-capabilities-heading{gap:24px;margin-bottom:36px}.landing-capabilities-list{gap:32px}.landing-header{gap:12px;padding:16px 20px}.landing-header .brand{gap:9px}.landing-header .brand-logo{width:36px;height:46px}.landing-header .brand-name{font-size:21px}.landing-nav{display:none}.landing-header-cta{gap:10px;padding:10px 16px;font-size:12px}.landing-invitation{min-height:760px;padding:72px 24px}.landing-invitation h2{font-size:clamp(34px,10vw,54px)}.landing-invitation>p:not(.landing-kicker){font-size:14px}.landing-invitation-actions{flex-direction:column;gap:12px}.landing-kicker{font-size:10px}.landing-stores{gap:10px;width:100%}.landing-store{flex:145px;gap:10px;min-width:0;padding:13px 14px}.landing-store strong{font-size:17px}.landing-store svg{width:23px}}@media (forced-colors:active){.landing-header .brand{mix-blend-mode:normal}.landing-store{border:1px solid canvastext}.landing-header .brand-logo{display:none}.landing-header .brand-name{color:linktext}.landing-end-marker{display:none}}