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