:root{--bg:#050508;--surface:rgba(10,8,18,.9);--white:#f7f6f4;--muted:#c7c2cc;--purple:#a76dff;--gold:#f0a600;--gold-light:#ffd85a;--headline:"Barlow Condensed",Impact,"Arial Narrow",sans-serif;--body:"Barlow",system-ui,sans-serif}
*{box-sizing:border-box}html,body{min-width:320px;background:var(--bg)}body{margin:0;color:var(--white);font-family:var(--body)}button,input{font:inherit}
.capture-page{position:relative;isolation:isolate;display:grid;height:100svh;min-height:100svh;overflow:hidden;background-color:#030306;background-image:url("assets/capture-page-background.png");background-position:center bottom;background-size:cover;background-repeat:no-repeat}
.capture-page:before{content:"";position:absolute;z-index:8;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.06),transparent 35%,rgba(0,0,0,.04))}
.capture-page:after{display:none}
.atmosphere,.atmosphere>*{position:absolute;pointer-events:none}.atmosphere{display:none}
.film-strip{left:-10rem;top:8%;width:28rem;height:48rem;border:2px solid rgba(133,72,211,.32);border-radius:48% 64% 72% 36%;transform:rotate(-31deg) skewY(-8deg);opacity:.68;box-shadow:0 0 10px rgba(139,76,255,.28),inset 0 0 12px rgba(139,76,255,.12)}
.film-strip:before,.film-strip:after,.film-strip span{content:"";position:absolute;border-radius:inherit}.film-strip:before{inset:1.9rem;border:1px solid rgba(123,74,184,.25)}.film-strip:after{inset:3.8rem;border:1px solid rgba(123,74,184,.16)}.film-strip span:first-child{inset:.7rem;border:9px dashed rgba(107,65,157,.22)}.film-strip span:last-child{inset:2.7rem;border:5px dashed rgba(107,65,157,.16)}
.light-arc{border-radius:50%;transform:rotate(14deg)}.light-arc--gold{width:59rem;height:74rem;right:-40rem;top:-18rem;border:2px solid #ff9e24;box-shadow:0 0 7px #ff9b24,0 0 17px rgba(255,150,32,.52)}.light-arc--gold:before,.light-arc--gold:after{content:"";position:absolute;inset:1.2rem;border:1px solid rgba(218,104,43,.4);border-radius:inherit}.light-arc--gold:after{inset:-1.4rem;border-color:rgba(121,62,185,.2)}.light-arc--purple{width:64rem;height:78rem;right:-42rem;top:-19rem;border:1px solid rgba(113,58,177,.22)}
.capture-content{position:relative;z-index:4;width:min(94vw,1200px);margin:0 auto;padding:clamp(3rem,5vh,4.9rem) 0 7rem;text-align:center}.hero-copy{animation:reveal-down .7s cubic-bezier(.2,.75,.3,1) both}
h1{margin:0;font-family:var(--headline);font-weight:700;line-height:.84;text-transform:uppercase}h1 span{display:block;margin-bottom:.18em;color:var(--white);font-size:clamp(3.1rem,5.35vw,5.15rem);letter-spacing:.012em;text-shadow:0 3px 16px #000b}h1 strong{display:block;color:var(--gold);font-size:clamp(5.8rem,9.5vw,9rem);font-weight:700;letter-spacing:-.018em;background:linear-gradient(180deg,#ffe16b,#ffc229 35%,#e69a00 72%,#a86300);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 0 rgba(76,42,0,.7)) drop-shadow(0 4px 11px rgba(202,125,0,.15))}
.subheadline{margin:1.15rem 0 0;font-size:clamp(1.35rem,2vw,1.85rem);font-weight:700;letter-spacing:.055em;line-height:1.1;text-transform:uppercase}.curiosity-line{margin:.55rem 0 0;color:var(--muted);font-size:clamp(1.05rem,1.55vw,1.38rem);font-weight:300;letter-spacing:.018em}
.capture-card{width:min(90vw,520px);margin:1.75rem auto 0;padding:1.75rem 2.5rem 1.45rem;border:1px solid rgba(184,119,255,.84);border-radius:20px;background:linear-gradient(145deg,rgba(20,16,31,.88),rgba(6,5,11,.95));box-shadow:0 0 0 1px rgba(108,47,169,.17),0 0 28px rgba(126,55,210,.28),0 22px 62px #0009,inset 0 1px #ffffff14;backdrop-filter:blur(13px);animation:reveal-card .72s .18s cubic-bezier(.2,.75,.3,1) both}
.capture-card h2{margin:0 0 1.1rem;font-family:var(--headline);font-size:clamp(1.75rem,2.7vw,2.25rem);letter-spacing:.035em;line-height:1;text-transform:uppercase}.capture-card form{display:grid;gap:.85rem}.capture-card input{width:100%;height:64px;padding:0 1.65rem;border:1px solid rgba(177,105,246,.7);border-radius:10px;outline:0;color:var(--white);caret-color:var(--gold-light);background:rgba(8,7,13,.8);box-shadow:inset 0 1px #ffffff09,0 7px 19px #0004;font-size:1.15rem;transition:.18s ease}.capture-card input::placeholder{color:#ddd8e1;opacity:.9}.capture-card input:focus{border-color:#c695ff;background:rgba(13,10,20,.95);box-shadow:0 0 0 3px rgba(158,84,245,.16),0 0 18px rgba(135,63,217,.25)}
.capture-card button{min-height:70px;margin-top:.05rem;border:2px solid #ffe581;border-radius:11px;color:#100c03;cursor:pointer;background:linear-gradient(180deg,#ffe474,#ffc32b 30%,#ffb000 61%,#e58b00);box-shadow:0 0 18px rgba(255,175,0,.48),0 10px 22px #0006,inset 0 2px #ffffff8a,inset 0 -3px rgba(125,67,0,.22);font-family:var(--headline);font-size:clamp(2rem,3vw,2.55rem);font-weight:800;letter-spacing:.02em;line-height:1;text-transform:uppercase;transition:.17s ease}.capture-card button:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 0 25px rgba(255,175,0,.62),0 12px 25px #0007,inset 0 2px #ffffff94}.capture-card button:active{transform:none}.capture-card button:focus-visible{outline:3px solid var(--white);outline-offset:4px}.privacy-note{margin:.2rem 0 0;color:#d2cdd6;font-size:.96rem;font-weight:300}
.clapperboard{z-index:2;left:50%;bottom:-8.4rem;width:min(86vw,1160px);height:18rem;transform:translateX(-50%) perspective(900px) rotateX(52deg) rotateZ(-5deg);filter:drop-shadow(-18px 8px 18px rgba(116,46,182,.2)) drop-shadow(22px 5px 16px rgba(242,142,20,.14))}
.clapperboard__top,.clapperboard__body{position:absolute;left:0;width:100%;overflow:hidden;border:2px solid #2d2930;background:linear-gradient(180deg,#211d24,#0c0b0e 62%,#050506);box-shadow:inset 0 1px #ffffff1a,0 8px 22px #000c}.clapperboard__top{top:0;height:5.2rem;transform:rotate(-7deg);transform-origin:5% 100%;border-radius:8px 8px 3px 3px}.clapperboard__body{top:6.2rem;height:10rem;border-radius:4px 4px 18px 18px}.clapperboard__top i,.clapperboard__body>i{position:relative;display:inline-block;width:13.9%;height:150%;margin:-1rem .1%;transform:skewX(-30deg);background:linear-gradient(135deg,#4c3d35,#7b5a3a 46%,#312822);opacity:.75;box-shadow:inset 1px 0 rgba(255,202,119,.1),2px 0 #080709}.clapperboard__top i:nth-child(even),.clapperboard__body>i:nth-child(even){background:linear-gradient(135deg,#19151c,#2d2530 50%,#0b090d)}.clapperboard__body>i{width:15.7%;height:4.6rem;margin-top:.3rem}.clapperboard__hinge{position:absolute;z-index:2;left:1.2rem;top:1.2rem;width:4.3rem;height:6.5rem;border:2px solid #3e3743;border-radius:10px;background:linear-gradient(145deg,#171419,#050506);box-shadow:inset 0 0 12px #000}.clapperboard__hinge:before,.clapperboard__hinge:after{content:"";position:absolute;left:1.45rem;width:1.1rem;aspect-ratio:1;border-radius:50%;background:#08070a;border:2px solid #39323d}.clapperboard__hinge:before{top:.75rem}.clapperboard__hinge:after{bottom:.75rem}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes reveal-down{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}@keyframes reveal-card{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
@media(max-height:850px) and (min-width:769px){.capture-content{padding-top:2.25rem}h1 span{font-size:clamp(2.8rem,4.6vw,4.4rem)}h1 strong{font-size:clamp(5rem,9vw,8.5rem)}.capture-card{margin-top:1.2rem;padding-top:1.35rem;padding-bottom:1.15rem}.capture-card input{height:58px}.capture-card button{min-height:62px}}
@media(max-width:900px){.capture-content{width:min(94vw,760px);padding-top:3rem}.film-strip{left:-15rem;opacity:.4;transform:rotate(-35deg) scale(.8)}.light-arc--gold{right:-47rem;opacity:.75}.clapperboard{width:110vw;opacity:.8}}
@media(max-width:600px){.capture-page{overflow-x:hidden;overflow-y:auto}.capture-page:before{position:fixed}.capture-content{width:100%;min-height:100svh;padding:2.25rem 15px 9rem}h1{line-height:.88}h1 span{max-width:24rem;margin:0 auto .28em;font-size:clamp(2.25rem,10.8vw,3.1rem)}h1 strong{max-width:24rem;margin:auto;font-size:clamp(4rem,18vw,5.55rem);line-height:.82}.subheadline{margin-top:1.05rem;font-size:clamp(1.05rem,5.2vw,1.35rem)}.curiosity-line{font-size:1rem}.capture-card{width:100%;max-width:430px;margin-top:1.55rem;padding:1.45rem 1.15rem 1.2rem;border-radius:17px}.capture-card h2{margin-bottom:1rem;font-size:1.7rem}.capture-card form{gap:.75rem}.capture-card input{height:56px;padding:0 1.15rem;font-size:1.05rem}.capture-card button{min-height:58px;font-size:2rem}.privacy-note{font-size:.88rem}.film-strip{display:none}.light-arc--gold{width:37rem;height:56rem;right:-31rem;top:3rem;opacity:.52}.light-arc--purple{display:none}.clapperboard{position:fixed;bottom:-10.5rem;width:145vw;height:16rem;opacity:.5;transform:translateX(-50%) perspective(900px) rotateX(55deg) rotateZ(-5deg)}}
@media(max-width:370px){.capture-content{padding-top:1.6rem}h1 span{font-size:2.1rem}h1 strong{font-size:3.8rem}.capture-card{margin-top:1.2rem}}@media(max-width:600px){.capture-page{height:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}}