:root{--navy:#081729;--deep:#040d1a;--panel:#10253d;--silver:#eaf0f7;--copper:#f49b53;--muted:#9eafc3;--line:#b0c2d42a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--navy);color:var(--silver);font-family:Arial,Helvetica,sans-serif}button,a,input{-webkit-tap-highlight-color:transparent;font:inherit}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--copper);outline-offset:5px}img{max-width:100%}video{display:block;width:100%;height:100%;object-fit:cover}[hidden]{display:none!important}.skip{position:fixed;left:15px;top:-100px;z-index:100;background:var(--copper);color:var(--navy);padding:12px}.skip:focus{top:10px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand img{width:62px;height:51px;object-fit:contain;border-radius:9px}.brand>span{font-size:21px;font-weight:850;letter-spacing:2px}.brand small{font-size:6px;font-weight:400;color:var(--muted);letter-spacing:1px;display:block;margin-top:5px}header{height:88px;display:flex;align-items:center;gap:35px;padding:12px 4.5%;position:sticky;top:0;z-index:30;background:#081729ee;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}header nav{display:flex;gap:23px;margin-left:auto;font-size:10px;color:#b7c7d9}header nav a{padding:10px 0}header nav a[aria-current]{color:var(--copper);border-bottom:1px solid var(--copper)}.header-cta{border:1px solid #d99b6290;padding:13px 16px;border-radius:7px;font-size:10px;white-space:nowrap}.header-cta span{margin-left:17px;color:var(--copper)}.menu-toggle{display:none}main{overflow:hidden}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:32px;min-height:660px;padding:64px 4.5% 65px;max-width:1680px;margin:auto;background:radial-gradient(ellipse at 85% 65%,#204e7033,transparent 65%)}.eyebrow{display:flex;align-items:center;gap:10px;font-size:8px;font-weight:700;letter-spacing:2.3px;color:var(--copper)}.eyebrow i{height:6px;width:6px;flex-shrink:0;background:var(--copper);border-radius:50%;box-shadow:0 0 12px var(--copper)}h1{font-size:clamp(46px,5.25vw,88px);line-height:1.01;letter-spacing:-3.6px;margin:30px 0 24px;font-weight:900}h1 em,h2 em{font-style:normal;color:var(--copper)}.hero-copy>p{font-size:14px;line-height:1.8;max-width:435px;color:var(--muted)}.hero-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:29px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:17px 22px;min-height:54px;border:1px solid transparent;border-radius:7px;font-size:11px;font-weight:700;transition:transform .2s}.button:hover{transform:translateY(-3px)}.button span{font-size:22px;line-height:1}.copper{background:var(--copper);color:#101b2c}.outline{border-color:#b0c2d470;background:transparent}.secondary{font-size:11px;color:#b9c9dc;line-height:1.7}.block{display:block;margin-top:22px}.hero-foot{font-size:7px;letter-spacing:2px;color:#748ca6;margin-top:36px;display:flex;gap:13px;align-items:center}.hero-foot>span{height:1px;width:30px;background:var(--copper)}.hero-art{min-width:0;position:relative}.frame-label{display:flex;justify-content:space-between;gap:20px;color:#829bb5;font-size:7px;letter-spacing:2px;margin-bottom:14px}.frame-label>span:first-child{color:var(--copper)}.bottom-label{margin:17px 0 0}.video-frame{position:relative;aspect-ratio:1.17;overflow:hidden;border-radius:100px 12px 12px 12px;border:1px solid #e1a46e70;box-shadow:0 30px 70px #0005}.video-frame video{object-position:center}.shade{position:absolute;inset:0;background:linear-gradient(0deg,#040e21dc,transparent 70%);pointer-events:none}.frame-copy{position:absolute;left:30px;bottom:35px;font-size:34px;font-weight:850;line-height:1;letter-spacing:-1px}.motion{position:absolute;bottom:25px;right:22px;width:37px;height:37px;border:1px solid #ffffff66;border-radius:50%;background:#081729b0;font-size:13px}.ribbon{position:relative;background:var(--copper);color:var(--navy);padding:15px 0;transform:rotate(-1deg) scale(1.01);overflow:hidden}.ribbon>div{display:flex;gap:43px;align-items:center;white-space:nowrap;width:max-content;font-size:19px;font-weight:850;letter-spacing:1px;animation:slide 40s linear infinite}.ribbon b{font-weight:400;font-size:25px}@keyframes slide{to{transform:translateX(-50%)}}.section{padding:75px 4.5%;max-width:1680px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:40px}h2{font-size:60px;line-height:1.03;letter-spacing:-2.7px;margin:20px 0}.heading>p{color:var(--muted);font-size:12px;line-height:1.7}.roles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.role{display:flex;flex-direction:column;padding:32px 26px;border:1px solid var(--line);background:linear-gradient(145deg,#18365366,#0a1a2d);border-radius:14px;transition:border-color .25s,transform .25s}.role:hover{border-color:#f49b5377;transform:translateY(-4px)}.index{font-size:8px;letter-spacing:2px;color:var(--copper);font-weight:700}.role h3{font-size:29px;line-height:1.12;letter-spacing:-1px;margin:27px 0 19px}.role p{color:var(--muted);font-size:12px;line-height:1.8;flex:1}.role strong{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin-top:23px;padding-top:19px;border-top:1px solid var(--line)}.role strong b{font-size:20px;color:var(--copper)}.film-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(100deg,#061122,#0c2138);display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:70px 4.5%;align-items:center}.film-section p,.split-panel>div>p{font-size:13px;line-height:1.8;color:var(--muted);max-width:430px}.film-section .button{margin-top:20px}.double-films{display:grid;grid-template-columns:1fr 1fr;gap:18px}.double-films figure{position:relative;aspect-ratio:.73;border:1px solid #d49b6977;border-radius:65px 8px 8px 8px;overflow:hidden;margin:35px 0 0}.double-films figure:nth-child(2){margin:0 0 35px;border-radius:8px 8px 65px 8px}.double-films figure:first-child video{object-position:25% center}.double-films figcaption{position:absolute;bottom:0;left:0;right:0;padding:60px 18px 24px;background:linear-gradient(transparent,#081729ef);font-size:18px;font-weight:700}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:27px}.feature-grid article{padding:27px 0;border-top:1px solid #dd965a88}.feature-grid article>span{font-size:11px;color:var(--copper)}.feature-grid h3{font-size:23px;letter-spacing:-.5px;margin:23px 0 17px}.feature-grid p{color:var(--muted);font-size:12px;line-height:1.9}.split-panel{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;padding:65px 7%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0b1e33}.split-panel h2{font-size:48px}.split-panel .button{margin-top:25px}.steps{list-style:none;padding:0;margin:0;align-self:center}.steps li{display:flex;gap:25px;border-bottom:1px solid var(--line);padding:23px 0}.steps li>span{color:var(--copper);font-size:12px;padding-top:5px}.steps h3{font-size:24px;margin:0 0 9px}.steps p{font-size:12px;color:var(--muted);margin:0}.compact{padding-top:45px;padding-bottom:45px}.callout{border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:32px}.callout h3{font-size:26px;letter-spacing:-.7px;margin:0 0 15px}.callout p{color:var(--muted);font-size:13px;line-height:1.7}.info-panel{padding:35px;border:1px solid #caa48055;border-radius:18px;background:#0a1828;align-self:center}.info-panel h3{font-size:30px;line-height:1.1;margin:0 0 23px;letter-spacing:-1px}.info-panel p{font-size:13px!important;line-height:1.8!important;color:var(--muted)}.info-panel .secondary{display:block;margin-top:20px;color:var(--copper)}.apps-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.app-panel{padding:35px;border:1px solid var(--line);border-radius:15px;background:#10253d88;display:flex;flex-direction:column;align-items:start}.app-panel:first-child{border-color:#d28d5677;background:linear-gradient(130deg,#244060,#0b1b2e)}.app-panel h3{font-size:36px;letter-spacing:-1px;margin:24px 0 15px}.app-panel p{font-size:13px;color:var(--muted);line-height:1.8;max-width:380px;flex:1}.app-panel .button{margin-top:20px}.app-panel .secondary{margin-top:18px}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:0 5%}.download-grid .lead{font-size:14px;line-height:1.8;color:var(--muted);max-width:400px;margin-bottom:30px}.small{font-size:11px;line-height:1.8;color:var(--muted);max-width:400px;margin-top:27px}.phone{width:290px;margin:auto;background:#081729;border:6px solid #65748a;border-radius:38px;padding:25px 15px 20px;box-shadow:20px 25px 80px #0006;transform:rotate(6deg)}.phone-notch{height:11px;width:72px;background:#010811;border-radius:10px;margin:-14px auto 25px}.phone-head{display:flex;align-items:center;gap:8px;font-size:15px}.phone-head img{width:43px;border-radius:7px}.phone-title{font-size:27px;font-weight:900;letter-spacing:-1px;line-height:1.04;margin:27px 0 20px}.phone-title em{font-style:normal;color:var(--copper)}.phone-poster{border-radius:35px 8px 8px 8px;border:1px solid #dda06888;aspect-ratio:1.45;object-fit:cover}.phone-restos{display:grid;gap:7px;margin:20px 0}.phone-restos>span{display:flex;justify-content:space-between;border:1px solid var(--line);border-radius:8px;padding:13px 10px;font-size:10px;background:var(--panel)}.phone-restos b{color:var(--copper)}.phone-note{display:block;text-align:center;font-size:6px;letter-spacing:1.5px;color:var(--muted)}.install-guides{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:65px}.install-guides article{border-top:1px solid #d99b6277;padding:26px 15px 10px 0}.install-guides h3{font-size:28px;margin:20px 0}.install-guides ol{padding-left:18px;max-width:430px}.install-guides li{font-size:13px;line-height:1.8;color:var(--muted);padding-left:7px;margin-bottom:13px}.small-callout{margin-top:30px;display:flex;flex-direction:column;align-items:center;text-align:center}.small-callout .secondary{font-size:10px;overflow-wrap:anywhere}.qr{width:160px;height:160px;background:white;padding:10px;border-radius:10px;margin:15px}.install-feedback{font-size:13px;color:var(--copper);line-height:1.7}.directory-gate{max-width:650px;margin:auto;padding:35px;border:1px solid var(--line);border-radius:20px;background:var(--panel)}.directory-gate h2{font-size:45px}.directory-gate p{font-size:13px;color:var(--muted);line-height:1.8}.directory-gate label{display:block;font-size:11px;margin-top:20px}.directory-gate input[name=code]{width:100%;padding:15px;background:var(--navy);color:var(--silver);border:1px solid var(--line);border-radius:8px;margin:12px 0 20px;text-align:center;font-size:26px;letter-spacing:12px}.directory-nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.directory-nav a{border:1px solid var(--line);padding:12px 19px;border-radius:25px;font-size:12px}.directory-note{font-size:12px;line-height:1.8;color:var(--muted)}.directory-section{margin:45px 0}.directory-section h2{font-size:28px;letter-spacing:-.8px;padding-bottom:20px;border-bottom:1px solid #e4a06570}.directory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.access-link{background:#10253d;border:1px solid var(--line);border-radius:9px;display:flex;justify-content:space-between;align-items:center;gap:13px;padding:18px}.access-link b{font-size:12px}.access-link small{display:block;font-size:10px;color:var(--muted);margin-top:7px;line-height:1.5}.access-link i{font-style:normal;color:var(--copper);font-size:21px}.directory-restaurant{background:#0c1f34;border:1px solid var(--line);border-radius:13px;padding:20px}.directory-restaurant h3{font-size:24px;letter-spacing:-.5px;margin:10px 0 25px}.directory-restaurant .access-link{margin-top:9px;padding:13px;border-color:#ffffff13}.directory-logout{margin-top:35px}.endcap{display:flex;align-items:center;justify-content:space-between;gap:35px;margin:0 4.5% 60px;padding:45px 4%;background:linear-gradient(135deg,#173653,#0d1f35);border:1px solid #c5996c55;border-radius:20px}.endcap h2{font-size:48px;margin-bottom:0}.endcap h2 em{color:transparent;-webkit-text-stroke:1px #b9c8d9}.endcap .button{flex-shrink:0}footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:35px;padding:35px 4.5%;border-top:1px solid var(--line);background:var(--deep)}footer>div{display:grid;gap:13px;font-size:10px;color:#a6b8ca}footer>small{width:100%;font-size:9px;color:#7b92ad;border-top:1px solid #ffffff13;padding-top:20px}dialog{width:calc(100% - 30px);max-width:450px;background:var(--panel);color:var(--silver);padding:35px;border:1px solid #dc9a6177;border-radius:20px}dialog::backdrop{background:#030c1abf;backdrop-filter:blur(5px)}dialog h2{font-size:36px;letter-spacing:-1.5px}dialog p{font-size:13px;line-height:1.8;color:var(--muted)}.close{position:absolute;right:13px;top:8px;border:0;background:none;color:white;font-size:28px}.paused .ribbon>div{animation-play-state:paused}.error{color:#ffb59f!important}
@media(min-width:1680px){.film-section,.split-panel{padding-left:max(4.5%,calc((100vw - 1530px)/2));padding-right:max(4.5%,calc((100vw - 1530px)/2))}}
@media(max-width:1050px){header{gap:20px}header nav{gap:15px}.brand>span{font-size:18px}.hero{min-height:570px;padding-top:45px}.hero h1{font-size:49px;letter-spacing:-2.5px}.hero-actions{gap:18px}.hero-art .video-frame{aspect-ratio:.95}.frame-copy{font-size:28px}.feature-grid{grid-template-columns:1fr 1fr}.role{padding:25px 21px}.role h3{font-size:25px}.split-panel{gap:35px;padding:50px 5%}.split-panel h2{font-size:40px}.film-section{gap:35px}.directory-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){html{scroll-padding-top:90px}header{height:75px;padding:10px 5%;gap:15px}.brand img{width:48px;height:42px}.brand>span{font-size:18px;letter-spacing:1px}.brand small{font-size:5px}.header-cta{display:none}.menu-toggle{display:block;margin-left:auto;background:transparent;border:1px solid var(--line);padding:10px 14px;border-radius:8px;font-size:11px}.menu-toggle span{color:var(--copper);margin-left:10px}header nav{display:none;position:absolute;left:0;right:0;top:75px;margin:0;background:#081729fa;border-bottom:1px solid #d4976466;padding:18px 6%;flex-direction:column;gap:9px}header nav.open{display:flex}.hero{display:flex;flex-direction:column;padding:36px 5% 33px;gap:30px;min-height:0;align-items:stretch}.eyebrow{font-size:7px;letter-spacing:1.6px;line-height:1.5}.hero h1{font-size:clamp(37px,9.4vw,68px);letter-spacing:-1.8px;margin:23px 0 19px;line-height:1.04}.hero-copy>p{font-size:12px;line-height:1.8;margin:0;max-width:none}.hero-actions{margin-top:23px;gap:17px}.button{font-size:10px;min-height:49px;padding:14px 18px;gap:26px}.secondary{font-size:10px}.hero-foot{margin-top:25px;font-size:6px;letter-spacing:1.5px}.hero-art .video-frame{aspect-ratio:1.55;border-radius:60px 10px 10px 10px}.frame-label{font-size:6px;letter-spacing:1.3px;margin-bottom:10px}.frame-copy{font-size:27px;left:23px;bottom:23px}.motion{width:33px;height:33px;bottom:19px;right:17px}.bottom-label{margin-top:12px}.ribbon{padding:11px 0}.ribbon>div{font-size:14px;gap:27px}.ribbon b{font-size:20px}.section{padding:43px 5%}.heading{align-items:start;gap:15px;margin-bottom:25px}.heading>p{display:none}h2{font-size:42px;letter-spacing:-1.8px;margin:18px 0}.roles{grid-template-columns:1fr;gap:17px}.role{padding:26px}.role h3{font-size:28px;margin:22px 0 15px}.role p{font-size:12px}.role strong{margin-top:15px}.film-section{grid-template-columns:1fr;padding:43px 5%;gap:30px}.film-section p{font-size:12px}.double-films{gap:13px}.double-films figure{border-top-left-radius:48px;margin-top:25px}.double-films figure:nth-child(2){margin-bottom:25px;border-bottom-right-radius:48px}.double-films figcaption{font-size:13px;padding:45px 13px 20px}.feature-grid{gap:20px}.feature-grid article{padding-top:21px}.feature-grid h3{font-size:21px;margin-top:20px}.feature-grid p{font-size:11px;line-height:1.8}.split-panel{grid-template-columns:1fr;gap:28px;padding:40px 5%}.split-panel h2{font-size:37px}.split-panel>div>p{font-size:12px}.steps li{padding:20px 0}.steps h3{font-size:23px}.steps p{font-size:11px}.info-panel{padding:26px}.info-panel h3{font-size:26px}.callout{padding:25px}.callout h3{font-size:25px}.callout p{font-size:12px}.apps-grid{grid-template-columns:1fr;gap:18px}.app-panel{padding:27px}.app-panel h3{font-size:31px}.app-panel p{font-size:12px}.download-grid{grid-template-columns:1fr;gap:45px;padding:0}.download-grid .lead{font-size:12px}.phone{width:255px;transform:rotate(3deg)}.install-guides{grid-template-columns:1fr;gap:15px;margin-top:48px}.install-guides article{padding-top:23px}.install-guides h3{font-size:25px}.install-guides li{font-size:12px}.directory-gate{padding:25px}.directory-gate h2{font-size:36px}.directory-gate p{font-size:12px}.directory-nav{gap:8px}.directory-nav a{font-size:10px;padding:11px 14px}.directory-grid{grid-template-columns:1fr}.directory-section h2{font-size:23px;letter-spacing:-.5px;line-height:1.2}.directory-section{margin-top:35px}.directory-note{font-size:11px}.endcap{flex-direction:column;align-items:start;margin:0 5% 35px;padding:28px 25px;gap:23px}.endcap h2{font-size:36px;letter-spacing:-1.5px}footer{padding:29px 5%;gap:28px}footer .brand{width:100%}footer>div{font-size:10px}footer small{line-height:1.7;font-size:8px}dialog{padding:29px}dialog h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.role:hover,.button:hover{transform:none}}