html.teaser-html,.teaser-body,.teaser-body #root{height:auto;min-height:100%}.teaser-body{overscroll-behavior-y:none;background:var(--bg);overflow:hidden auto}.teaser-poster{z-index:0;pointer-events:none;background:radial-gradient(60% 45% at 50% 30%, color-mix(in oklab, var(--accent) 22%, transparent), transparent 70%), radial-gradient(70% 50% at 15% 85%, color-mix(in oklab, var(--accent-3) 14%, transparent), transparent 70%), radial-gradient(60% 50% at 90% 70%, color-mix(in oklab, var(--accent-2) 10%, transparent), transparent 70%), var(--bg);position:fixed;inset:0}.teaser{z-index:1;min-height:100vh;min-height:100dvh;padding:max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));color:var(--fg);flex-direction:column;display:flex;position:relative}.teaser>:not(.teaser-poster):not([aria-hidden]){z-index:2;position:relative}.teaser-top{justify-content:space-between;align-items:center;min-height:48px;display:flex}.teaser-mark{font-family:var(--ff-display);letter-spacing:.32em;color:var(--fg-muted);padding-left:2px;font-size:.82rem;font-weight:650}.teaser-tools{gap:6px;display:flex}.teaser-tool{min-width:44px;height:44px;font:600 .78rem/1 var(--ff-body);letter-spacing:.08em;color:var(--fg-muted);background:0 0;border:1px solid #0000;border-radius:999px;place-items:center;padding:0 10px;transition:color .2s,background-color .2s,border-color .2s,translate .2s;display:inline-grid}.teaser-tool:hover{color:var(--fg);background:var(--surface);border-color:var(--line)}.teaser-tool svg{width:18px;height:18px}.teaser-stage{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(8px,2.5vh,24px);padding:8px 0 16px;display:flex}.teaser-lumik-slot{--reveal:0;--cmp-hero-size:clamp(150px, min(46vw, 30vh), 250px);width:calc(var(--cmp-hero-size) * 1.5);height:calc(var(--cmp-hero-size) * 1.08);place-items:center;max-width:100%;display:grid;position:relative}.teaser-lumik{z-index:2;position:relative}.teaser-lumik .cmp{filter:brightness(calc(.24 + var(--reveal) * .76)) saturate(calc(.25 + var(--reveal) * .75)) drop-shadow(0 0 calc(var(--reveal) * 18px) color-mix(in oklab, var(--accent) 35%, transparent));-webkit-mask-image:linear-gradient(110deg, #000 calc(18% + var(--reveal) * 62%), rgb(0 0 0/calc(.42 + var(--reveal) * .58)) calc(68% + var(--reveal) * 32%));-webkit-mask-image:linear-gradient(110deg, #000 calc(18% + var(--reveal) * 62%), rgb(0 0 0/calc(.42 + var(--reveal) * .58)) calc(68% + var(--reveal) * 32%));mask-image:linear-gradient(110deg, #000 calc(18% + var(--reveal) * 62%), rgb(0 0 0/calc(.42 + var(--reveal) * .58)) calc(68% + var(--reveal) * 32%));transition:filter .6s}.teaser-spot{z-index:1;pointer-events:none;background:radial-gradient(20% 64% at 50% 34%, color-mix(in oklab, var(--fg) 22%, transparent), transparent 70%), radial-gradient(36% 46% at 50% 58%, color-mix(in oklab, var(--accent) 30%, transparent), transparent 72%);opacity:calc(.55 + var(--reveal) * .45);position:absolute;inset:-45% -10% -5%}.teaser-floor{z-index:1;pointer-events:none;background:radial-gradient(closest-side, color-mix(in oklab, var(--accent) 30%, transparent), transparent);height:14%;opacity:calc(.3 + var(--reveal) * .6);border-radius:50%;position:absolute;bottom:2%;left:22%;right:22%}[data-scheme=light] .teaser-lumik .cmp{filter:brightness(calc(.55 + var(--reveal) * .45)) saturate(calc(.4 + var(--reveal) * .6))}.teaser-copy{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:34rem;display:flex}.teaser-title{font-family:var(--ff-display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(1.85rem,1.1rem + 3.6vw,3.4rem);font-weight:600;line-height:1.08}.teaser-hint{color:var(--fg-muted);text-wrap:balance;max-width:28rem;margin:0;font-size:clamp(1rem,.94rem + .3vw,1.125rem);line-height:1.5}.teaser-action{justify-content:center;align-items:flex-start;width:100%;min-height:140px;margin-top:10px;display:flex}.teaser-join{flex-direction:column;align-items:center;width:100%;display:flex}.teaser-capsule{background:linear-gradient(135deg, var(--accent), color-mix(in oklab, var(--accent) 55%, var(--accent-2)));max-width:100%;box-shadow:0 10px 34px -10px var(--glow), inset 0 1px 0 #ffffff4d;position:relative;overflow:hidden}.teaser-capsule.is-open,.teaser-capsule.is-done{background:color-mix(in oklab, var(--bg) 62%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.3);backdrop-filter:blur(18px)saturate(1.3);width:min(100%,26rem);box-shadow:0 18px 50px -24px var(--shadow), inset 0 0 0 1px var(--line-strong), inset 0 1px 0 var(--highlight)}.teaser-join-button{min-height:56px;font:600 1.02rem/1.2 var(--ff-body);color:var(--on-accent,#fff);white-space:nowrap;background:0 0;border:0;align-items:center;gap:10px;padding:0 26px;transition:translate .2s;display:inline-flex}.teaser-join-button svg,.teaser-done svg{flex:none;width:1.15em;height:1.15em}.teaser-form{flex-direction:column;margin:0;display:flex}.teaser-row{align-items:center;gap:6px;padding:6px 6px 6px 20px;display:flex}.teaser-row-name{border-top:1px solid var(--line);padding:2px 20px 4px}.teaser-row input{min-width:0;height:44px;color:var(--fg);font:500 1rem/1.2 var(--ff-body);background:0 0;border:0;outline:0;flex:1}.teaser-row-name input{height:42px;color:var(--fg-muted);font-size:1rem}.teaser-row input::placeholder{color:var(--fg-subtle)}.teaser-row input:focus-visible{outline:0}.teaser-capsule.is-open:focus-within{box-shadow:0 18px 50px -24px var(--shadow), inset 0 0 0 1.5px var(--ring), inset 0 1px 0 var(--highlight)}.teaser-send{width:44px;height:44px;color:var(--on-accent,#fff);background:linear-gradient(135deg, var(--accent), color-mix(in oklab, var(--accent) 55%, var(--accent-2)));box-shadow:0 6px 20px -6px var(--glow);border:0;border-radius:999px;flex:none;place-items:center;transition:translate .2s;display:grid}.teaser-send svg{width:20px;height:20px}.teaser-done{text-align:left;outline:0;justify-content:center;align-items:center;gap:10px;min-height:56px;margin:0;padding:10px 22px;font-weight:500;display:flex}.teaser-done svg{color:var(--accent-2)}.teaser-done span{text-wrap:balance}.teaser-error{min-height:1.5em;color:var(--danger);margin:6px 0 0;font-size:.92rem}.teaser-hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.teaser-flight{z-index:80;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;max-width:70vw;font:500 .95rem/1.4 var(--ff-body);color:var(--fg);background:color-mix(in oklab, var(--accent) 30%, var(--bg));box-shadow:0 0 24px var(--glow);transform-origin:0;border-radius:999px;padding:4px 12px;position:fixed;top:0;left:0;overflow:hidden}.teaser-closed p{color:var(--fg-muted);margin:0 0 10px;font-style:italic}.teaser-button{min-height:48px;color:var(--fg);border:1px solid var(--line-strong);background:var(--surface);border-radius:999px;align-items:center;padding:0 22px;text-decoration:none;display:inline-flex}.teaser-login{min-height:44px;color:var(--fg-muted);text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:4px;border-radius:999px;align-items:center;padding:0 12px;font-size:.92rem;display:inline-flex}.teaser-login:hover{color:var(--fg)}.teaser-foot{text-align:center;color:var(--fg-subtle);padding-top:4px;font-size:.8rem}.teaser-foot p{text-wrap:balance;margin:0}.teaser-foot a{color:var(--fg-muted);margin:-12px 0;padding:12px 4px;display:inline-block}.teaser-noscript{z-index:3;text-align:center;padding:24px;position:relative}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (orientation:landscape) and (max-height:540px){.teaser-stage{flex-direction:row;gap:clamp(12px,4vw,48px);padding:0}.teaser-lumik-slot{--cmp-hero-size:clamp(120px, 42vh, 200px);flex:none}.teaser-copy{text-align:left;align-items:flex-start;gap:8px;max-width:30rem}.teaser-title{font-size:clamp(1.5rem,1rem + 2.2vw,2.2rem)}.teaser-hint{font-size:.95rem}.teaser-action,.teaser-join{justify-content:flex-start;align-items:flex-start;margin-top:4px}.teaser-action{min-height:132px}.teaser-top{min-height:44px}}@media (min-width:900px) and (min-height:640px){.teaser-lumik-slot{--cmp-hero-size:clamp(220px, 34vh, 320px)}.teaser-copy{max-width:46rem}}@media (prefers-reduced-motion:reduce){.teaser-lumik .cmp{transition:none}}