:root{--ink:#02070b;--panel:#071117;--white:#f4f8fa;--muted:#93a4ad;--blue:#0b9ee8;--green:#13cc86;--line:rgba(255,255,255,.12);--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:Inter,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.ambient{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.ambient span{position:absolute;width:42vw;height:42vw;border-radius:50%;filter:blur(150px);opacity:.11}.ambient span:first-child{background:var(--blue);top:-20vw;right:-15vw}.ambient span:last-child{background:var(--green);bottom:-22vw;left:-18vw}
.lux-nav{height:86px;padding:0 clamp(24px,5vw,78px);display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:20;width:100%;border-bottom:1px solid var(--line);transition:.4s}.lux-nav.is-fixed{position:fixed;background:rgba(2,7,11,.78);backdrop-filter:blur(20px);height:72px}.lux-brand{display:flex;align-items:center;gap:15px;font:600 11px Manrope,sans-serif;letter-spacing:.13em;text-transform:uppercase}.lux-brand img{width:106px;height:45px;object-fit:cover;object-position:left;border-radius:3px}.lux-links{display:flex;align-items:center;gap:34px;font-size:13px}.lux-links a{color:#c7d3d9;transition:.25s}.lux-links a:hover{color:white}.lux-links .nav-cta{border:1px solid rgba(255,255,255,.35);border-radius:100px;padding:12px 18px;color:white}.menu-toggle{display:none;background:none;border:0;width:40px}.menu-toggle span{display:block;height:1px;background:white;margin:7px}
.cinema-hero{height:max(760px,100svh);position:relative;overflow:hidden;padding:150px clamp(24px,7vw,112px) 80px;display:flex;align-items:center}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to right,black,transparent 78%)}.hero-orbit{position:absolute;width:78vw;height:78vw;border:1px solid rgba(21,190,177,.2);border-radius:50%;right:-25vw;top:-12vw;box-shadow:0 0 160px rgba(5,137,224,.13),inset 0 0 130px rgba(15,205,136,.06);animation:orbit 14s ease-in-out infinite alternate}.hero-copy{position:relative;z-index:3;width:min(760px,58vw)}.kicker{text-transform:uppercase;font:600 11px Manrope,sans-serif;letter-spacing:.2em;color:var(--green);margin-bottom:22px}.cinema-hero h1,.lineup h2,.final-cta h2{font:600 clamp(72px,9.5vw,154px)/.84 Manrope,sans-serif;letter-spacing:-.075em;margin:0}.cinema-hero h1 em,.lineup h2 em,.final-cta h2 em{font-style:normal;color:transparent;background:linear-gradient(100deg,var(--blue),var(--green));background-clip:text}.hero-copy>p{font-size:clamp(17px,1.5vw,21px);line-height:1.7;color:#a5b5bd;max-width:610px;margin:38px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{min-height:54px;padding:0 24px;border-radius:100px;display:inline-flex;align-items:center;gap:22px;justify-content:center;font-weight:600;font-size:14px;transition:.35s var(--ease)}.button span{font-size:18px}.button.primary{color:#00120d;background:linear-gradient(110deg,var(--green),#52ead0)}.button.primary:hover{transform:translateY(-3px);box-shadow:0 14px 50px rgba(19,204,134,.24)}.button.ghost{border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.03);backdrop-filter:blur(10px)}.button.ghost:hover{border-color:white}
.hero-machine{position:absolute;right:2vw;bottom:3vh;width:min(39vw,600px);height:80vh;display:flex;align-items:flex-end;justify-content:center;z-index:2}.hero-machine>img{height:83%;width:auto;object-fit:contain;filter:drop-shadow(0 40px 45px rgba(0,0,0,.65));animation:machineFloat 5s ease-in-out infinite}.machine-halo{position:absolute;width:90%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(12,149,229,.28),rgba(19,204,134,.09) 35%,transparent 68%);filter:blur(20px);bottom:3%}.machine-spec{position:absolute;padding:13px 17px;border:1px solid var(--line);background:rgba(3,13,19,.68);backdrop-filter:blur(14px);border-radius:8px;display:flex;flex-direction:column;gap:4px;font-size:11px;color:#9eb0ba;animation:tagFloat 4s ease-in-out infinite}.machine-spec b{font:600 12px Manrope,sans-serif;color:white}.spec-one{left:0;top:32%}.spec-two{right:2%;bottom:25%;animation-delay:-2s}.hero-foot{position:absolute;bottom:28px;left:clamp(24px,7vw,112px);right:clamp(24px,5vw,78px);display:flex;justify-content:space-between;color:#768891;font-size:11px;text-transform:uppercase;letter-spacing:.14em}.hero-foot a{color:#b9c4c9}.hero-foot i{color:var(--green);font-style:normal;margin-left:14px}.hero-reveal{opacity:0;transform:translateY(34px);animation:heroIn 1s var(--ease) forwards}.hero-reveal:nth-child(2){animation-delay:.1s}.hero-reveal:nth-child(3){animation-delay:.22s}.hero-reveal:nth-child(4){animation-delay:.34s}
.manifesto{min-height:72vh;padding:18vh clamp(24px,8vw,130px);display:flex;flex-direction:column;justify-content:center}.manifesto-line{font:500 clamp(42px,6.8vw,108px)/1.02 Manrope,sans-serif;letter-spacing:-.055em;max-width:1100px;margin:0}.manifesto-line em{font-style:normal;color:#71818a}.manifesto-proof{display:flex;gap:5vw;margin-top:70px;color:#9eb0b9}.manifesto-proof span{border-top:1px solid var(--line);padding-top:18px;min-width:210px;font-size:14px}.manifesto-proof b{color:var(--green);margin-right:24px;font:500 11px Manrope}
.story{position:relative}.story-stage{position:sticky;top:0;height:100svh;overflow:hidden}.story-visual{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.08);transition:opacity 1s ease,transform 1.8s var(--ease)}.story-visual.is-active{opacity:1;transform:scale(1)}.story-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,6,9,.94) 0%,rgba(1,6,9,.66) 44%,rgba(1,6,9,.12) 78%),linear-gradient(0deg,rgba(1,6,9,.68),transparent 40%)}.story-index{position:absolute;right:5vw;bottom:5vh;display:flex;align-items:center;gap:14px;font:600 11px Manrope;letter-spacing:.18em}.story-index i{display:block;width:72px;height:1px;background:rgba(255,255,255,.4)}.story-index .current{color:var(--green)}.story-panels{position:relative;margin-top:-100svh;z-index:3}.story-panel{height:100svh;display:flex;align-items:center;padding:8vh clamp(24px,8vw,130px);pointer-events:none}.story-card{max-width:610px;opacity:.2;transform:translateX(-50px);transition:.7s var(--ease)}.story-panel.is-active .story-card{opacity:1;transform:none}.story-card h2{font:600 clamp(48px,6vw,88px)/.97 Manrope;letter-spacing:-.055em;margin:0 0 30px}.story-card p{font-size:17px;line-height:1.7;color:#b5c1c7;max-width:530px}.story-card a,.text-link{pointer-events:auto;display:inline-flex;gap:22px;margin-top:20px;font:600 13px Manrope;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:8px}.story-card a span,.text-link span{color:var(--green)}
.lineup{padding:150px 0;background:linear-gradient(180deg,#03090d,#071117 50%,#03090d)}.lineup-head{padding:0 clamp(24px,8vw,130px);display:flex;align-items:flex-end;justify-content:space-between;gap:60px}.lineup h2{font-size:clamp(58px,8vw,118px)}.lineup-head>p{max-width:430px;color:var(--muted);line-height:1.7;font-size:16px;margin-bottom:8px}.machine-track{display:flex;gap:18px;overflow-x:auto;padding:90px clamp(24px,8vw,130px) 45px;scroll-snap-type:x mandatory;scrollbar-width:none}.machine-track::-webkit-scrollbar{display:none}.machine-card{position:relative;flex:0 0 min(380px,78vw);height:570px;border:1px solid var(--line);border-radius:18px;padding:25px;background:linear-gradient(155deg,rgba(255,255,255,.055),rgba(255,255,255,.012));overflow:hidden;scroll-snap-align:center;transition:.5s var(--ease)}.machine-card:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:var(--blue);filter:blur(100px);opacity:.07;top:25%;left:10%;transition:.5s}.machine-card:hover{transform:translateY(-12px);border-color:rgba(17,203,134,.45)}.machine-card:hover:before{opacity:.18}.machine-card>span{font:600 10px Manrope;letter-spacing:.17em;text-transform:uppercase;color:#71838c}.machine-card img{width:100%;height:365px;object-fit:contain;margin:22px auto;filter:drop-shadow(0 26px 25px rgba(0,0,0,.5));transition:.55s var(--ease)}.machine-card:hover img{transform:scale(1.045) translateY(-5px)}.machine-card h3{font:600 28px Manrope;margin:0;letter-spacing:-.03em}.machine-card p{color:var(--muted);font-size:13px}.machine-card.featured{border-color:rgba(19,204,134,.36);background:linear-gradient(155deg,rgba(19,204,134,.1),rgba(4,16,22,.2))}.lineup-action{text-align:center}
.experience{padding:14vh clamp(24px,8vw,130px);display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.experience-photo{position:relative}.experience-photo:before{content:"";position:absolute;inset:-1px;border:1px solid var(--line);transform:translate(18px,18px)}.experience-photo img{position:relative;aspect-ratio:4/5;object-fit:cover;filter:saturate(.75) contrast(1.05)}.experience-photo span{position:absolute;bottom:18px;left:18px;background:rgba(2,8,11,.78);backdrop-filter:blur(12px);padding:12px 16px;font-size:10px;letter-spacing:.15em;text-transform:uppercase}.experience-copy h2,.paths-intro h2{font:600 clamp(45px,5vw,76px)/1 Manrope;letter-spacing:-.055em;margin:0 0 30px}.experience-copy>p{color:var(--muted);font-size:17px;line-height:1.75}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin:46px 0 22px}.service-grid span{background:var(--ink);padding:22px 8px;display:flex;flex-direction:column;gap:8px;color:#778891;font-size:12px}.service-grid b{color:white;font:600 15px Manrope}
.paths-section{padding:150px clamp(24px,5vw,78px)}.paths-intro{text-align:center;margin-bottom:70px}.path-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.path-panel{min-height:570px;border-radius:20px;padding:46px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;border:1px solid var(--line);transition:.55s var(--ease)}.path-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 20%,rgba(11,158,232,.2),transparent 38%);transition:.5s}.path-panel.place:before{background:radial-gradient(circle at 85% 20%,rgba(19,204,134,.2),transparent 38%)}.path-panel:hover{transform:translateY(-8px);border-color:rgba(255,255,255,.35)}.path-num{font:500 12px Manrope;color:#71838c;letter-spacing:.18em}.path-panel>div{position:relative;max-width:530px}.path-panel h3{font:600 clamp(42px,5vw,68px)/1 Manrope;letter-spacing:-.055em;margin:0 0 24px}.path-panel p{color:var(--muted);line-height:1.7;max-width:470px}.path-panel b{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:24px;margin-top:50px;font:600 13px Manrope}.path-panel i{color:var(--green);font-style:normal;font-size:22px}
.final-cta{min-height:85vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:100px 24px;position:relative;overflow:hidden}.cta-light{position:absolute;width:80vw;height:80vw;border-radius:50%;border:1px solid rgba(19,204,134,.12);box-shadow:0 0 200px rgba(11,158,232,.12),inset 0 0 170px rgba(19,204,134,.06)}.final-cta h2{position:relative;font-size:clamp(64px,9vw,132px)}.final-cta p{position:relative;color:var(--muted);font-size:17px}.final-cta .hero-actions{position:relative;margin-top:24px}.lux-footer{border-top:1px solid var(--line);padding:80px clamp(24px,6vw,96px) 30px;display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:60px;color:#85969f;font-size:13px}.lux-footer img{width:130px;height:56px;object-fit:cover;object-position:left;margin-bottom:20px}.lux-footer>div:not(.footer-bottom){display:flex;flex-direction:column;gap:13px}.lux-footer>div>span{color:white;text-transform:uppercase;letter-spacing:.15em;font-size:10px;margin-bottom:8px}.lux-footer p{margin:0;line-height:1.6}.footer-brand p{max-width:300px}.footer-bottom{grid-column:1/-1;border-top:1px solid var(--line);padding-top:24px;margin-top:30px;display:flex;justify-content:space-between}.footer-bottom i{font-style:normal}.reveal{opacity:0;transform:translateY(45px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.is-visible{opacity:1;transform:none}
@keyframes heroIn{to{opacity:1;transform:none}}@keyframes machineFloat{50%{transform:translateY(-14px)}}@keyframes tagFloat{50%{transform:translateY(-8px)}}@keyframes orbit{to{transform:scale(1.05) rotate(8deg)}}
@media(max-width:900px){.lux-nav{height:72px}.lux-brand span,.lux-links{display:none}.menu-toggle{display:block}.lux-links.open{display:flex;position:absolute;top:72px;left:0;right:0;padding:30px;background:rgba(2,7,11,.97);flex-direction:column;align-items:flex-start}.cinema-hero{padding-top:130px;align-items:flex-start}.hero-copy{width:100%}.cinema-hero h1{font-size:clamp(65px,18vw,108px)}.hero-copy>p{max-width:90%;font-size:16px}.hero-machine{width:60vw;height:53vh;right:-7vw;opacity:.65}.machine-spec{display:none}.hero-foot span{display:none}.story-shade{background:linear-gradient(0deg,rgba(1,6,9,.95) 0%,rgba(1,6,9,.48) 65%,rgba(1,6,9,.18))}.story-panel{align-items:flex-end;padding-bottom:12vh}.story-card{max-width:100%}.story-card h2{font-size:clamp(44px,12vw,66px)}.lineup-head{display:block}.lineup-head>p{margin-top:28px}.experience{grid-template-columns:1fr;padding-top:100px}.experience-photo img{aspect-ratio:4/3}.path-grid{grid-template-columns:1fr}.path-panel{min-height:470px}.lux-footer{grid-template-columns:1fr 1fr}.footer-brand,.footer-bottom{grid-column:1/-1}}
@media(max-width:560px){.cinema-hero{min-height:790px}.hero-machine{height:47vh;bottom:0;right:-14vw}.hero-actions{flex-direction:column;align-items:stretch}.manifesto{min-height:auto;padding-top:120px;padding-bottom:120px}.manifesto-proof{flex-direction:column;gap:18px;margin-top:50px}.manifesto-proof span{min-width:0}.story-index{display:none}.lineup{padding:110px 0}.machine-track{padding-top:60px}.machine-card{height:520px}.machine-card img{height:320px}.service-grid{grid-template-columns:1fr}.paths-section{padding-top:100px}.path-panel{padding:32px;min-height:440px}.lux-footer{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom i{display:block;margin-top:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* AI Vending Canada brand architecture */
.lux-brand img{width:190px;height:63px;object-fit:contain;object-position:left;border-radius:0}
.lux-footer img{width:280px;height:auto;object-fit:contain;object-position:left;margin-bottom:20px}
.footer-brand strong{font:600 10px Manrope,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--green)}
@media(max-width:560px){.lux-brand img{width:155px;height:auto}.lux-footer img{width:min(280px,100%)}}

/* True-black canvas keeps the logo visually integrated with the site. */
html,body,.ambient{background:#000}
.lux-nav{background:#000}
.lux-nav.is-fixed{background:rgba(0,0,0,.9)}
.lux-brand img,.lux-footer img{background:transparent;border-radius:0}
.lineup{background:#000}

/* Clear separation between machine sales and managed placements. */
.entity-actions{align-items:stretch}.choice-button{min-width:245px;justify-content:space-between;text-align:left;border-radius:14px;padding:15px 20px}.choice-button>span{display:flex;flex-direction:column;gap:3px;font-size:inherit}.choice-button small{font:600 9px Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase;opacity:.72}.choice-button strong{font:600 15px Manrope,sans-serif}.choice-button>i{font-style:normal;font-size:19px}.paths-intro>p{max-width:650px;margin:24px auto 0;color:var(--muted);font-size:16px;line-height:1.7}.entity-name{display:inline-flex;margin-bottom:18px;padding:8px 12px;border:1px solid rgba(255,255,255,.18);border-radius:100px;color:#dce7ec;font:600 10px Manrope,sans-serif;letter-spacing:.15em;text-transform:uppercase}.path-panel.buy{border-top:2px solid var(--blue)}.path-panel.place{border-top:2px solid var(--green)}
@media(max-width:560px){.entity-actions .choice-button{width:100%;min-width:0}.paths-intro>p{font-size:15px}.entity-name{margin-bottom:15px}}
