@font-face{font-family:Montserrat;src:url('fonts/Montserrat-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Montserrat;src:url('fonts/Montserrat-ExtraBold.ttf') format('truetype');font-weight:800;font-style:normal;font-display:swap}
:root{--cyan:#00f6e7;--bg:#090b0c;--muted:#b7c1c5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#fff;font-family:Montserrat,Arial,sans-serif;font-weight:500;font-synthesis:none}a{color:inherit;text-decoration:none}main{max-width:1200px;margin:auto;padding:38px 48px 28px;display:grid;grid-template-columns:minmax(0,1fr) 370px;column-gap:100px}header{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding-bottom:36px;border-bottom:1px solid #202729;margin-bottom:40px}.brand{font-size:32px;font-weight:800;letter-spacing:-1.5px;line-height:1}.brand span{color:var(--cyan)}.location{font-size:11px;font-weight:800;letter-spacing:.45em}.intro{grid-column:1;grid-row:2;padding-top:38px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.19em;color:var(--muted);margin-bottom:18px}h1{font-size:clamp(48px,5.7vw,72px);font-weight:800;line-height:1.02;letter-spacing:-.055em;margin:0 0 24px}h1 span{color:var(--cyan)}p{font-size:14px;line-height:1.65;color:var(--muted);margin:0}.camera{grid-column:2;grid-row:2/6}.camera-bar,.camera-bottom{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.025em;color:var(--muted);padding:0 1px 12px}.camera-label{font-weight:800;color:#fff;font-size:9px;display:flex;align-items:center;gap:7px}.camera-label i{width:6px;height:6px;background:var(--cyan);border-radius:50%}.screen{background:#151a1c;aspect-ratio:9/16;border-radius:16px;overflow:hidden;outline:1px solid #283235}.screen iframe{display:block;width:100%;height:100%;border:0}.camera-bottom{padding:12px 0 0;font-size:9px}.camera-bottom span:last-child{font-size:8px;letter-spacing:.1em}.actions{grid-column:1;grid-row:3;padding:38px 0 32px}button{font-family:inherit;cursor:pointer;border:0}#expand{display:flex;justify-content:space-between;align-items:center;background:var(--cyan);color:#000;padding:18px 24px;width:100%;max-width:360px;border-radius:100px;font-weight:800;font-size:15px;transition:background .15s,transform .15s}#expand:hover{background:#83fff6;transform:translateY(-2px)}#expand span{font-size:22px;line-height:1}#youtube{display:inline-block;margin-top:18px;font-size:11px;color:var(--muted);border-bottom:1px solid #455152;padding-bottom:3px}#notice{max-width:360px;margin-top:14px;font-size:12px}.benefits{grid-column:1;grid-row:4;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-self:end;margin-top:10px}.benefits div{border-top:2px solid var(--cyan);padding-top:12px;font-size:12px;line-height:1.45;font-weight:800}footer{grid-column:1;grid-row:5;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-self:end;margin-top:48px;padding-top:22px;border-top:1px solid #202729;font-size:11px;color:var(--muted)}footer a{color:#fff}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}.screen:fullscreen{width:100vw;height:100vh;border-radius:0;aspect-ratio:auto;background:#000}.screen:fullscreen iframe{width:100%;height:100%}@media(max-width:800px){main{display:flex;flex-direction:column;max-width:460px;padding:24px 20px calc(24px + env(safe-area-inset-bottom))}header{padding-bottom:0;border:0;margin-bottom:32px}.brand{font-size:27px}.location{font-size:9px}.intro{padding:0}.eyebrow{font-size:9px;margin-bottom:12px}h1{font-size:clamp(35px,10.2vw,46px);margin-bottom:12px}p{font-size:12px}.camera{margin-top:24px}.camera-bar{padding-bottom:10px}.screen{border-radius:14px}.actions{padding:20px 0 0}#expand{max-width:none;padding:15px 22px;font-size:14px}#youtube{margin-top:14px}.benefits{margin-top:34px;gap:10px}.benefits div{font-size:10px;padding-top:10px}footer{margin-top:28px;font-size:10px;gap:12px}}@media(prefers-reduced-motion:reduce){#expand{transition:none}#expand:hover{transform:none}}
.offline{height:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:36px;font-size:16px;line-height:1.6;color:#b7c1c5}
footer{align-items:center}footer a{display:inline-flex;align-items:center;justify-content:center;background:var(--cyan);color:#000;font-weight:800;font-size:15px;padding:17px 25px;min-height:54px;border-radius:100px;white-space:nowrap}footer a:hover{background:var(--cyan)}@media(max-width:800px){footer{align-items:stretch;gap:18px}footer a{width:100%;font-size:16px;padding:18px 24px}footer>span{font-size:12px}}