.teaser{background:var(--canvas);width:100%;min-height:100vh;color:var(--text-primary);position:relative;overflow:hidden}.teaser-video{object-fit:cover;z-index:0;pointer-events:none;opacity:.08;filter:grayscale(.6)contrast(1.05)brightness(.55);width:100%;height:100%;position:fixed;inset:0}.teaser-hex-bg{z-index:1;width:100%;height:100%;color:var(--fx-scan);opacity:.18;pointer-events:none;position:fixed;inset:0}@media (hover:hover) and (pointer:fine){.teaser-hex-bg{pointer-events:auto}}.teaser-vignette{z-index:2;pointer-events:none;background:radial-gradient(#0000 30%,#0a0a0f8c 100%),linear-gradient(#0a0a0f73 0%,#0000 18% 82%,#0a0a0f99 100%);position:fixed;inset:0}.teaser-targets{z-index:2;pointer-events:none;position:fixed;inset:0}.lock{color:var(--accent);filter:drop-shadow(0 0 6px var(--accent-glow));opacity:.5;width:0;height:0;position:absolute;transform:translate(-50%,-50%)}.lock>i{opacity:0;border:1.6px solid;width:22%;height:22%;position:absolute}.lock>i:first-child{--tx:-14px;--ty:-14px;border-bottom:0;border-right:0;top:0;left:0}.lock>i:nth-child(2){--tx:14px;--ty:-14px;border-bottom:0;border-left:0;top:0;right:0}.lock>i:nth-child(3){--tx:-14px;--ty:14px;border-top:0;border-right:0;bottom:0;left:0}.lock>i:nth-child(4){--tx:14px;--ty:14px;border-top:0;border-left:0;bottom:0;right:0}.lock.is-active>i{animation:lock-converge .75s var(--ease-emph) forwards}.lock.is-active>i:nth-child(2){animation-delay:50ms}.lock.is-active>i:nth-child(3){animation-delay:.1s}.lock.is-active>i:nth-child(4){animation-delay:.15s}.lock.is-leaving>i{animation:.5s ease-in forwards lock-leave}@keyframes lock-converge{0%{transform:translate(var(--tx,0), var(--ty,0)) scale(1.15);opacity:0}55%{opacity:1;transform:translate(0)scale(1)}72%{opacity:1;transform:translate(0)scale(1.18)}to{opacity:.95;transform:translate(0)scale(1)}}@keyframes lock-leave{0%{opacity:.95;transform:translate(0)scale(1)}to{opacity:0;transform:translate(0)scale(1.22)}}.teaser-scanline{background:linear-gradient(90deg, transparent, var(--fx-scan) 30%, var(--fx-scan) 70%, transparent);height:2px;box-shadow:0 0 18px var(--fx-scan);z-index:2;opacity:0;pointer-events:none;animation:2.4s ease-in-out .3s forwards scanline-once;position:fixed;top:20%;left:8%;right:8%}@keyframes scanline-once{0%{opacity:0;top:12%}15%{opacity:.7}85%{opacity:.5}to{opacity:0;top:88%}}.teaser-stage{z-index:5;min-height:100vh;padding:var(--space-4) var(--space-3);text-align:center;justify-content:center;align-items:center;gap:var(--space-2);flex-direction:column;display:flex;position:relative}.teaser-eyebrow{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--fx-scan);text-shadow:0 0 12px #0a0a0f99;margin:0 0 var(--space-1);align-items:center;gap:10px;font-size:.6875rem;display:inline-flex}.teaser-eyebrow .dot{background:var(--fx-scan);width:6px;height:6px;box-shadow:0 0 8px var(--fx-scan);opacity:0;border-radius:50%;animation:.45s cubic-bezier(.2,1.2,.3,1) 1.05s forwards eyebrow-dot-pop,1.6s ease-in-out 1.65s infinite status-pulse;transform:scale(0)}@keyframes eyebrow-dot-pop{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.35)}to{opacity:1;transform:scale(1)}}@keyframes status-pulse{0%,to{opacity:.55;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.teaser-eyebrow .eyebrow-text{clip-path:inset(0 100% 0 0);opacity:0;animation:.7s cubic-bezier(.6,0,.2,1) 1.35s forwards eyebrow-text-reveal;display:inline-block}@keyframes eyebrow-text-reveal{0%{clip-path:inset(0 100% 0 0);opacity:0}15%{opacity:1}to{clip-path:inset(0);opacity:1}}.teaser-wordmark{color:var(--text-primary);opacity:.975;filter:drop-shadow(0 3px 8px #000000bf)drop-shadow(0 18px 48px #0000008c)drop-shadow(0 0 32px #7dd3fc1f);margin:0;font-size:clamp(3rem,10vw,9rem);line-height:1}.teaser-wm{width:auto;height:.78em}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.teaser-tag{margin:var(--space-3) 0 0;font-family:var(--font-body);letter-spacing:0;color:var(--text-secondary);text-shadow:0 0 18px #0a0a0fcc;opacity:0;max-width:28ch;font-size:clamp(1.25rem,2.2vw,1.75rem);font-weight:400;line-height:1.25;animation:.7s ease-out 2s forwards fade-in}.teaser-tag:before{content:"";width:24px;height:2px;margin:0 auto var(--space-2);background:var(--accent);opacity:.85;box-shadow:0 0 12px var(--accent-glow);border-radius:2px;display:block}.teaser-coming{margin:var(--space-4) 0 0;font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--text-tertiary);text-shadow:0 0 12px #0a0a0fb3;opacity:0;align-items:center;gap:10px;font-size:.6875rem;font-weight:500;animation:.7s ease-out 2.6s forwards fade-in;display:inline-flex}.teaser-coming .coming-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent-glow);border-radius:50%;animation:1.6s ease-in-out infinite status-pulse}@keyframes fade-in{to{opacity:1}}.gate-btn{right:var(--space-3);bottom:var(--space-3);z-index:4;-webkit-backdrop-filter:blur(20px)saturate(140%);border:1px solid var(--border-default);color:var(--text-primary);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;opacity:0;transition:background .15s var(--ease), border-color .15s var(--ease), transform .2s var(--ease);background:#14141a99;border-radius:9999px;align-items:center;gap:8px;padding:10px 16px;font-size:.75rem;animation:.6s ease-out 3s forwards fade-in;display:inline-flex;position:fixed}.gate-btn:hover{border-color:var(--border-strong);background:#14141acc;transform:translateY(-1px)}.gate-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.gate-btn-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent-glow);border-radius:50%}.gate-modal{z-index:10;padding:var(--space-3);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.gate-modal[hidden]{display:none}.gate-modal-backdrop{-webkit-backdrop-filter:blur(8px);background:#0009;position:absolute;inset:0}.gate-modal-card{background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);width:min(420px,100%);padding:var(--space-3);animation:modal-in .22s var(--ease);flex-direction:column;gap:12px;display:flex;position:relative;box-shadow:0 24px 64px #00000080}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.gate-modal-title{font-family:var(--font-display);color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:700}.gate-modal-sub{color:var(--text-secondary);margin:0;font-size:.875rem}.gate-modal-input{border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--surface);color:var(--text-primary);font-family:var(--font-body);margin-top:4px;padding:12px 14px;font-size:1rem}.gate-modal-input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.gate-modal-error{color:var(--error);margin:0;font-size:.8125rem}.gate-modal-actions{justify-content:flex-end;gap:8px;display:flex}.gate-modal-btn{font-family:var(--font-body);cursor:pointer;transition:background .15s var(--ease), border-color .15s var(--ease), color .15s var(--ease);border:1px solid #0000;border-radius:9999px;padding:10px 16px;font-size:.875rem;font-weight:600}.gate-modal-btn.ghost{color:var(--text-secondary);border-color:var(--border-default);background:0 0}.gate-modal-btn.ghost:hover{color:var(--text-primary);border-color:var(--border-strong)}.gate-modal-btn.primary{background:var(--accent);color:var(--accent-on)}.gate-modal-btn.primary:hover{background:var(--accent-hover)}.teaser-signup{margin:var(--space-7) 0 0;opacity:0;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:420px;animation:.7s ease-out 3.2s forwards fade-in;display:flex}.teaser-signup-label{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--text-tertiary);text-shadow:0 0 12px #0a0a0fb3;font-size:.6875rem;font-weight:500}.teaser-signup-row{-webkit-backdrop-filter:blur(20px)saturate(140%);border:1px solid var(--border-default);width:100%;transition:border-color .15s var(--ease), background .15s var(--ease);background:#14141a99;border-radius:9999px;align-items:center;gap:6px;padding:6px 6px 6px 16px;display:flex}.teaser-signup-row:focus-within{border-color:var(--border-strong);background:#14141ac7}.teaser-signup-input{min-width:0;color:var(--text-primary);font-family:var(--font-body);background:0 0;border:0;outline:none;flex:1;padding:8px 0;font-size:.9375rem}.teaser-signup-input::placeholder{color:var(--text-tertiary)}.teaser-signup-btn{background:var(--accent);color:var(--accent-on);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background .15s var(--ease), transform .15s var(--ease), opacity .15s var(--ease);border:0;border-radius:9999px;flex-shrink:0;padding:9px 16px;font-size:.75rem;font-weight:600}.teaser-signup-btn:hover{background:var(--accent-hover)}.teaser-signup-btn:active{transform:translateY(1px)}.teaser-signup-btn:disabled{opacity:.6;cursor:progress}.teaser-signup-msg{min-height:1em;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-tertiary);margin:0;font-size:.6875rem}.teaser-signup-msg[data-tone=ok]{color:var(--fx-scan)}.teaser-signup-msg[data-tone=err]{color:var(--error)}.teaser-signup[data-state=done] .teaser-signup-row{opacity:.55}@media (width<=640px){.teaser-stage{padding:var(--space-3) var(--space-2) var(--space-7);gap:0}.teaser-tag{margin-top:var(--space-2);font-size:1.0625rem}.teaser-tag:before{margin-bottom:var(--space-1)}.teaser-coming{margin-top:var(--space-3)}.teaser-signup{margin-top:var(--space-4)}.gate-btn{margin-top:var(--space-3);position:static;bottom:auto;left:auto;right:auto;transform:none}.gate-btn:hover{transform:translateY(-1px)}}@media (prefers-reduced-motion:reduce){.teaser-targets,.lock>i,.teaser-scanline,.teaser-eyebrow,.teaser-eyebrow .dot,.teaser-eyebrow .eyebrow-text,.teaser-tag,.teaser-coming,.teaser-coming .coming-dot,.teaser-signup,.gate-btn{animation:none!important}.teaser-targets,.teaser-eyebrow,.teaser-tag,.teaser-coming,.teaser-signup,.gate-btn{opacity:1}.teaser-eyebrow .dot{opacity:1;transform:scale(1)}.teaser-eyebrow .eyebrow-text{clip-path:none;opacity:1}.lock>i{opacity:.9;transform:none}}