:root{--accent:#e8b04a;--bg:#07070a;--panel:#0d0d11;--line:#ffffff17;--text:#f3efe8;--muted:#8e8a83;--serif:"Cormorant Garamond", Georgia, serif;--sans:"Inter", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow:hidden}.shell{grid-template-columns:1.35fr 1fr;height:100vh;display:grid}.stage{isolation:isolate;background:#000;position:relative;overflow:hidden}.stage__camera{transform-style:preserve-3d;will-change:transform;transition:transform .6s cubic-bezier(.2,.7,.2,1);position:absolute;inset:-6%}.stage__img{object-fit:cover;object-position:60% 50%;filter:contrast(1.08)saturate(1.05);width:100%;height:100%;animation:22s ease-in-out infinite alternate dolly,1.1s cubic-bezier(.2,.7,.2,1) both reveal}@keyframes dolly{0%{transform:scale(1.02)translate(0,0)}to{transform:scale(1.14)translate(-2%,-1%)}}@keyframes reveal{0%{opacity:0;filter:blur(14px)brightness(.2)contrast(1.08)}to{opacity:1;filter:blur()brightness()contrast(1.08)saturate(1.05)}}.stage__lens-glow{aspect-ratio:1;mix-blend-mode:screen;pointer-events:none;background:radial-gradient(circle,#8c5aff38,#3cc8aa14 45%,#0000 70%);border-radius:50%;width:30%;animation:6s ease-in-out infinite breathe;position:absolute;top:55%;left:71%;transform:translate(-50%,-50%)}.stage__lens-glint{filter:blur(1px);mix-blend-mode:screen;pointer-events:none;background:linear-gradient(90deg,#0000,#ffaa3c00 20%,#ffbe5ae6 50%,#ffaa3c00 80%,#0000);width:60%;height:3px;animation:5s ease-in-out infinite glint;position:absolute;top:51%;left:86%;transform:translate(-50%,-50%)}.stage__lens-glint:after{content:"";background:radial-gradient(circle,#ffe6b4f2,#ffa03266 40%,#0000 70%);border-radius:50%;width:26px;height:26px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes breathe{0%,to{opacity:.55;transform:translate(-50%,-50%)scale(.95)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.05)}}@keyframes glint{0%,to{opacity:.35;transform:translate(-50%,-50%)scaleX(.6)}45%{opacity:1;transform:translate(-50%,-50%)scaleX(1.15)}55%{opacity:.85;transform:translate(-50%,-50%)scaleX(1)}}.stage__sweep{mix-blend-mode:soft-light;pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffc88217 45%,#ffe6be29 50%,#ffc88217 55%,#0000 65%) 0 0/300% 100%;animation:9s ease-in-out infinite sweep;position:absolute;inset:0}@keyframes sweep{0%{background-position:120% 0}60%{background-position:-20% 0}to{background-position:-20% 0}}.stage__gl{opacity:0;width:100%;height:100%;transition:opacity .6s;display:block;position:absolute;inset:0}.stage.is-3d .stage__gl{opacity:1}.loader{z-index:2;background:radial-gradient(60% 50% at 55%,#e8b04a14,#0000 70%);place-content:center;justify-items:center;gap:18px;transition:opacity .6s,visibility .6s;display:grid;position:absolute;inset:0}.stage.is-3d .loader,.stage.is-fallback .loader{opacity:0;visibility:hidden}.loader__iris{fill:none;stroke-linecap:round;width:120px;height:120px}.loader__ring{stroke:#ffffff2e;stroke-width:1px}.loader__ring--dash{stroke:var(--accent);stroke-width:1.5px;stroke-dasharray:40 200;transform-origin:50%;animation:1.4s linear infinite spin}.loader__blades{stroke:#ffffff8c;stroke-width:1.5px;transform-origin:50%;animation:1.8s ease-in-out infinite iris-breathe}.loader__core{fill:var(--accent);opacity:.7;filter:blur(4px);animation:1.8s ease-in-out infinite breathe-core}@keyframes iris-breathe{0%,to{transform:rotate(0)scale(1)}50%{transform:rotate(30deg)scale(.6)}}@keyframes breathe-core{0%,to{opacity:.8;transform:scale(1.4)}50%{opacity:.3;transform:scale(.6)}}.loader__text{font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;color:#fff9;font-size:11px}.loader__bar{background:#ffffff1a;width:140px;height:2px;overflow:hidden}.loader__bar i{background:var(--accent);width:40%;height:100%;animation:1.1s ease-in-out infinite loader-slide;display:block}@keyframes loader-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}.stage:not(.is-fallback) .stage__camera,.stage:not(.is-fallback) .stage__dust{display:none}.stage__dust{pointer-events:none;mix-blend-mode:screen;width:100%;height:100%;position:absolute;inset:0}.stage__vignette{background:radial-gradient(ellipse 75% 70% at 58% 52%, transparent 40%, #000000bf 100%), linear-gradient(90deg, transparent 75%, var(--panel) 100%);pointer-events:none;position:absolute;inset:0}.stage__grain{opacity:.09;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:.6s steps(6,end) infinite grain;position:absolute;inset:-50%}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-4%,3%)}40%{transform:translate(3%,-5%)}60%{transform:translate(-6%,-2%)}80%{transform:translate(5%,4%)}to{transform:translate(0)}}.letterbox{z-index:3;background:#000;height:7vh;animation:1s cubic-bezier(.7,0,.2,1) both bars;position:absolute;left:0;right:0}.letterbox--top{transform-origin:top;top:0}.letterbox--bottom{transform-origin:bottom;bottom:0}@keyframes bars{0%{transform:scaleY(7)}to{transform:scaleY(1)}}.hud{z-index:4;font-family:var(--mono);letter-spacing:.08em;color:#ffffffb8;pointer-events:none;font-size:11px;animation:.7s .5s both fadeIn;position:absolute;inset:calc(7vh + 22px) 28px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hud__corner{border:1.5px solid #ffffff8c;width:26px;height:26px;position:absolute}.hud__corner--tl{border-bottom:0;border-right:0;top:0;left:0}.hud__corner--tr{border-bottom:0;border-left:0;top:0;right:0}.hud__corner--bl{border-top:0;border-right:0;bottom:0;left:0}.hud__corner--br{border-top:0;border-left:0;bottom:0;right:0}.hud__top,.hud__bottom{justify-content:space-between;align-items:center;display:flex;position:absolute;left:40px;right:40px}.hud__top{top:6px}.hud__bottom{bottom:6px}.hud b{color:#fff;font-weight:500}.hud__rec{color:#fff;align-items:center;gap:7px;display:flex}.hud__rec i{background:#ff3b30;border-radius:50%;width:8px;height:8px;animation:1.2s step-end infinite blink;box-shadow:0 0 10px #ff3b30}@keyframes blink{50%{opacity:0}}.hud__battery{border:1.5px solid #ffffffb3;border-radius:2px;width:24px;height:11px;padding:1.5px;position:relative}.hud__battery:after{content:"";background:#ffffffb3;width:2px;height:4px;position:absolute;top:2.5px;right:-4px}.hud__battery b{background:#9be37c;width:75%;height:100%;display:block}.hud__meter{align-items:center;gap:4px;display:flex}.hud__meter em{opacity:.6;font-size:9px;font-style:normal}.hud__meter i{background:#fff6;width:2px;height:7px}.hud__meter i.on{background:var(--accent);height:12px}.hud__focus{width:120px;height:120px;transition:width .25s,height .25s;position:absolute;top:50%;left:66%;transform:translate(-50%,-50%)}.hud__focus span{border:2px solid #fffc;width:18px;height:18px;transition:border-color .3s;position:absolute}.hud__focus span:first-child{border-bottom:0;border-right:0;top:0;left:0}.hud__focus span:nth-child(2){border-bottom:0;border-left:0;top:0;right:0}.hud__focus span:nth-child(3){border-top:0;border-right:0;bottom:0;left:0}.hud__focus span:nth-child(4){border-top:0;border-left:0;bottom:0;right:0}.hud__focus.is-locked{width:96px;height:96px}.hud__focus.is-locked span{border-color:#7dff8a}.stage__caption{z-index:4;max-width:420px;animation:.8s cubic-bezier(.2,.7,.2,1) .6s both rise;position:absolute;bottom:calc(7vh + 70px);left:64px}.stage__eyebrow{letter-spacing:.32em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;font-size:11px;transition:color .5s}.stage__caption h2{font-family:var(--serif);text-shadow:0 4px 30px #000c;font-size:clamp(34px,3.6vw,54px);font-weight:500;line-height:1.05}.stage__caption em{color:var(--accent);transition:color .5s}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.panel{background:radial-gradient(600px 400px at 100% 0%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 70%), var(--panel);border-left:1px solid var(--line);transition:background .6s;display:flex;position:relative;overflow-y:auto}.panel__inner{width:100%;max-width:460px;margin:auto;padding:48px 44px 28px;animation:.6s cubic-bezier(.2,.7,.2,1) .1s both rise}.brand{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:40px;padding-bottom:22px;display:flex}.brand__logo{line-height:0}.brand__logo img{filter:invert()brightness(1.05);mix-blend-mode:screen;width:auto;height:64px}@keyframes spin{to{transform:rotate(360deg)}}.brand__tag{letter-spacing:.34em;text-transform:uppercase;color:var(--muted);font-size:10.5px}.view{display:none}.view.is-active{animation:.6s cubic-bezier(.2,.7,.2,1) both rise;display:block}.heading{margin-bottom:26px}.heading h3{font-family:var(--serif);margin-bottom:6px;font-size:34px;font-weight:500}.heading p{color:var(--muted);font-size:14px;line-height:1.5}.heading strong{color:var(--accent);font-weight:600;transition:color .4s}.label{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;font-size:11px}.modules{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:26px;display:grid}.module{--c:#fff;border:1px solid var(--line);color:var(--muted);font:500 12px var(--sans);cursor:pointer;background:#ffffff05;border-radius:12px;flex-direction:column;align-items:center;gap:7px;padding:14px 6px 12px;transition:all .25s;display:flex;position:relative}.module svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.module:hover{color:var(--text);border-color:#fff3;transform:translateY(-2px)}.module.is-selected{color:var(--text);border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);box-shadow:0 8px 26px -10px color-mix(in srgb, var(--accent) 60%, transparent)}.module.is-selected svg{stroke:var(--accent)}.form{flex-direction:column;gap:14px;display:flex}.field{position:relative}.field input{border:1px solid var(--line);width:100%;height:56px;color:var(--text);font:400 15px var(--sans);background:#ffffff08;border-radius:12px;outline:none;padding:20px 44px 6px 46px;transition:border-color .2s,background .2s,box-shadow .2s}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 15%, transparent);background:#ffffff0d}.field label{color:var(--muted);pointer-events:none;font-size:14px;transition:all .2s;position:absolute;top:50%;left:46px;transform:translateY(-50%)}.field input:focus+label,.field input:not(:placeholder-shown)+label{letter-spacing:.08em;color:var(--accent);font-size:10.5px;top:17px}.field input:autofill+label{letter-spacing:.08em;color:var(--accent);font-size:10.5px;top:17px}.field input:-webkit-autofill{-webkit-text-fill-color:var(--text);caret-color:var(--text);transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 1000px #141418}.field input:-webkit-autofill:focus{box-shadow:0 0 0 1000px #18181c inset, 0 0 0 4px color-mix(in srgb, var(--accent) 15%, transparent)}.field>svg{fill:none;width:18px;height:18px;stroke:var(--muted);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.field.has-error input{border-color:#ff6b5e}.field__toggle{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.field__toggle:hover{color:var(--text);background:#ffffff0d}.field__toggle svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:18px;height:18px}.form__row{color:var(--muted);justify-content:space-between;align-items:center;margin-top:2px;font-size:13px;display:flex}.check{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;display:flex}.check input{display:none}.check span{border:1px solid #ffffff40;border-radius:5px;place-items:center;width:17px;height:17px;transition:all .2s;display:grid}.check input:checked+span{background:var(--accent);border-color:var(--accent)}.check input:checked+span:after{content:"";border:2px solid #111;border-width:0 2px 2px 0;width:4px;height:8px;transform:translateY(-1px)rotate(45deg)}.link{color:var(--accent);font-size:13px;text-decoration:none;transition:opacity .2s,color .4s}.link:hover{opacity:.75}.form__error{color:#ff6b5e;min-height:18px;font-size:13px}.btn{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 100%, #fff 15%), color-mix(in srgb, var(--accent) 80%, #000 20%));color:#121008;height:56px;font:600 15px var(--sans);letter-spacing:.02em;cursor:pointer;box-shadow:0 14px 34px -14px color-mix(in srgb, var(--accent) 80%, transparent);border:0;border-radius:12px;transition:transform .15s,box-shadow .3s,background .5s;position:relative;overflow:hidden}.btn:hover{box-shadow:0 18px 40px -12px color-mix(in srgb, var(--accent) 90%, transparent);transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.btn:before{content:"";background:linear-gradient(105deg,#0000 30%,#ffffff73 50%,#0000 70%);transition:transform .8s;position:absolute;inset:0;transform:translate(-100%)}.btn:hover:before{transform:translate(100%)}.btn.is-loading .btn__label{opacity:0}.btn__shutter{opacity:0;border:2.5px solid #00000040;border-top-color:#121008;border-radius:50%;width:24px;height:24px;margin:-12px 0 0 -12px;position:absolute;top:50%;left:50%}.btn.is-loading .btn__shutter{opacity:1;animation:.7s linear infinite spin}.foot{text-align:center;color:var(--muted);margin-top:22px;font-size:13px}.legal{text-align:center;color:#ffffff47;letter-spacing:.05em;margin-top:40px;font-size:11px}.success{text-align:center;padding:20px 0}.success__aperture{width:96px;height:96px;color:var(--accent);margin:0 auto 22px}.success__aperture path{stroke-dasharray:70;stroke-dashoffset:70px;animation:.7s .3s forwards draw}@keyframes draw{to{stroke-dashoffset:0}}.success h3{font-family:var(--serif);margin-bottom:8px;font-size:32px;font-weight:500}.success p{color:var(--muted);margin-bottom:22px;font-size:14px}.progress{background:#ffffff14;border-radius:3px;height:3px;margin-bottom:26px;overflow:hidden}.progress span{background:var(--accent);width:0;height:100%;animation:.5s cubic-bezier(.4,0,.2,1) forwards load;display:block}@keyframes load{to{width:100%}}.flash{opacity:0;pointer-events:none;z-index:50;background:#fff;position:fixed;inset:0}.flash.is-firing{animation:.55s ease-out flash}@keyframes flash{0%{opacity:.9}to{opacity:0}}.iris{pointer-events:none;z-index:49;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.iris svg{width:150vmax;height:150vmax;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=980px){body{overflow:auto}.shell{grid-template-columns:1fr;height:auto;min-height:100vh}.stage{height:46vh;min-height:320px}.stage__caption{bottom:calc(7vh + 50px);left:28px}.stage__caption h2{font-size:30px}.hud__bottom{display:none}.stage__vignette{background:radial-gradient(ellipse 75% 70% at 58% 52%, transparent 40%, #000000bf 100%), linear-gradient(180deg, transparent 75%, var(--panel) 100%)}.panel{border-left:0}.panel__inner{padding:36px 24px 24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
