.brand-scene{position:relative;width:min(100%,calc(100svh - 64px));margin:auto;aspect-ratio:1}.brand .brand-scene img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:1;object-fit:contain}
.secret-eye{position:absolute;left:39%;top:48%;width:22%;height:6.5%;min-height:0;padding:0;margin:0;border:0;border-radius:2px;background:transparent;color:transparent;z-index:2}.secret-eye:hover{background:transparent}.secret-eye:focus-visible{outline:2px solid #f0c58b;outline-offset:2px}
.eye-glow{position:absolute;left:50%;top:51.6%;width:1.6%;height:1.6%;border-radius:50%;transform:translate(-50%,-50%);background:#ffedbd;box-shadow:0 0 10px 5px #f0c58b,0 0 32px 12px #f0c58b99;opacity:0;pointer-events:none}.pediment-glow{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;filter:drop-shadow(0 0 3px #f0c58b)}.pediment-glow path{fill:#f0c58b15;stroke:#f0c58b;stroke-width:.3;stroke-linejoin:round}.is-unlocking .eye-glow{animation:eye-awakens .45s ease-out both}.is-unlocking .pediment-glow{animation:pediment-press .45s ease-out both}
@keyframes eye-awakens{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}45%,100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes pediment-press{0%{opacity:0;transform:scale(1)}40%{opacity:1;transform:scale(.996)}100%{opacity:.8;transform:scale(1)}}
.language-row{display:flex;justify-content:flex-end;margin-bottom:22px}.language-row select{max-width:160px;background:#101715;border:1px solid #42534e;color:#e9efec;border-radius:10px;padding:8px 12px;font:inherit;font-size:13px;min-height:38px}.language-row select:focus-visible{outline:3px solid #f0c58b;outline-offset:4px}.demo-jump{display:inline-block;color:#a3c7bc;font-size:14px;text-underline-offset:5px;margin-top:-10px}.waitlist-card{margin-top:32px;padding-top:28px;border-top:1px solid #25312d}.waitlist-card h2{font-size:22px;line-height:1.2;letter-spacing:-.025em;font-weight:650;margin:0 0 12px}.waitlist-card .intro{font-size:14px;line-height:1.55;margin-bottom:20px}.beta-choice{display:flex;align-items:flex-start;gap:10px;margin:15px 0;font-size:13px;font-weight:400;color:#afbab7}.beta-choice input{width:18px;height:18px;min-height:0;flex:none;margin:2px 0;padding:0;accent-color:#126c61}.privacy,.preview{font-size:12px;line-height:1.55;color:#98a8a0;margin:13px 0 0}.status{margin:13px 0 0;color:#a3c7bc;overflow-wrap:anywhere}.status[data-tone=error]{color:#ffc0b9}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}button:disabled{opacity:.7;cursor:progress}
.demo-main{display:block;width:min(1120px,100%);padding:0;min-height:100svh}.demo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px clamp(22px,4vw,60px)}.demo-toolbar .language-row{margin:0}.back-home{color:#a3c7bc;text-decoration:none;font-size:14px;line-height:1.5}.back-home:hover{text-decoration:underline;text-underline-offset:4px}.demo-section{width:100%;margin:0 auto 40px;padding:24px clamp(22px,4vw,60px) 40px}.demo-section h2{font-size:clamp(26px,3vw,34px);line-height:1.2;letter-spacing:-.03em;margin:0 0 12px;font-weight:650}.demo-intro{color:#afbab7;max-width:60ch;margin:0 0 34px}.demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 50px}.demo-card{display:block;text-decoration:none;color:#e9efec;min-width:0}.phone-shell{display:block;position:relative;width:min(320px,100%);margin:auto;padding:10px;border:1px solid #4b5852;border-radius:34px;background:#050807;box-shadow:0 16px 35px #0008,inset 0 0 0 2px #18201c}.phone-shell:before{content:'';position:absolute;left:50%;top:4px;transform:translateX(-50%);width:34px;height:3px;border-radius:3px;background:#4b5852;pointer-events:none}.phone-screen{display:block;overflow:hidden;border-radius:24px;background:#000}.phone-screen img{display:block;width:100%;height:auto;aspect-ratio:390/844;object-fit:contain}.demo-card h3{font-size:16px;line-height:1.4;font-weight:600;margin:0 auto;padding:18px 4px 0;max-width:320px;text-align:center}.demo-card:hover .phone-shell{border-color:#a3c7bc}.demo-card:focus-visible,.back-home:focus-visible{outline:3px solid #f0c58b;outline-offset:5px}
dialog{color:#f7f8f6;background:#0b1210;border:1px solid #42534e;border-radius:14px;padding:26px;max-width:calc(100vw - 28px);max-height:calc(100svh - 28px);overflow:auto;overscroll-behavior:contain}dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}dialog:not([open]){display:none}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.dialog-head h2{font-size:22px;line-height:1.25;margin:0;font-weight:650;letter-spacing:-.025em}.dialog-close{flex:none;width:42px;min-height:42px;margin:0;padding:8px;justify-content:center;background:#101715;border-color:#42534e;font-size:22px}.dialog-tools{display:flex;justify-content:center;gap:12px;margin:16px 0 0}.dialog-tools button{width:auto;min-width:44px;min-height:44px;justify-content:center;margin:0;padding:9px 16px;background:#101715;border-color:#42534e}.gallery-dialog{width:min(470px,calc(100vw - 28px))}.gallery-dialog .dialog-head{position:sticky;top:0;background:#0b1210;z-index:3;padding:8px 0}.gallery-dialog .viewer-phone{width:min(300px,100%,32svh);margin:auto}.gallery-dialog .phone-screen img{height:auto;max-height:none;aspect-ratio:390/844}.gallery-count{color:#98a8a0;text-align:center;font-size:13px;margin:10px 0 0}
.secret-dialog{width:min(440px,calc(100vw - 28px));border-color:#a08863;box-shadow:0 0 60px #f0c58b12}.secret-dialog .dialog-head{align-items:flex-start}.secret-dialog .dialog-head h2{font-size:27px}.secret-intro{color:#afbab7;line-height:1.6;margin:0 0 20px}.request-copy{color:#afbab7;font-size:14px;line-height:1.6;margin:20px 0 15px}.request-copy a{color:#f0c58b;overflow-wrap:anywhere}.request-code{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#126c61;border:1px solid #1d8176;border-radius:10px;padding:13px 18px;color:#fff;text-decoration:none;font-weight:650;min-height:54px}.request-code svg{width:20px;height:20px;flex:none}.code-ready{color:#98a8a0;font-size:13px;margin:24px 0 12px;padding-top:20px;border-top:1px solid #25312d}
@media(max-width:799px) and (orientation:portrait),(max-width:559px){.brand-scene{width:min(100%,43svh)}.language-row{margin-bottom:18px}.waitlist-card{margin-top:26px;padding-top:24px}.demo-section{padding:20px 22px 32px}.demo-grid{grid-template-columns:1fr;gap:18px}.demo-section h2{font-size:27px}.demo-card h3{padding:15px 17px}.secret-dialog .dialog-head h2{font-size:25px}dialog{padding:18px}}
@media(prefers-reduced-motion:reduce){.is-unlocking .eye-glow,.is-unlocking .pediment-glow{animation:none}}
.demo-grid .demo-card:last-child:nth-child(odd){grid-column:1/-1}
.gallery-dialog .dialog-tools{flex-wrap:wrap}
.gallery-dialog .phone-screen{aspect-ratio:390/844;position:relative;display:flex;align-items:center;justify-content:center;touch-action:none;overscroll-behavior:contain;cursor:grab}.gallery-dialog .phone-screen:active{cursor:grabbing}.gallery-dialog .phone-screen img{max-width:none;max-height:none;flex:none;transform-origin:50% 50%;will-change:transform;user-select:none;-webkit-user-drag:none}.gallery-dialog .dialog-tools{gap:8px}.gallery-dialog .dialog-tools button{padding:9px 12px;flex:none}.gallery-dialog #demo-zoom-reset{font-size:13px;min-width:58px}
.waitlist-card .status{margin-top:18px;padding:16px 18px;border:1px solid #7fbed7;border-left-width:4px;border-radius:10px;background:#142631;color:#e3f5ff;font-size:16px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.waitlist-card .status:focus-visible{outline:2px solid #b9e6f5;outline-offset:4px}
.waitlist-card .status[data-tone=error]{border-color:#c87970;background:#301b19;color:#ffc0b9}