*{box-sizing:border-box;margin:0;padding:0}html,body{overflow:hidden;background:#000;color-scheme:dark}body{font-family:Reference Sans,Arial,sans-serif;color:#fff}button,a{font:inherit;cursor:pointer;color:inherit}button{border:0}button:hover{filter:brightness(1.08)}button:focus-visible,a:focus-visible{outline:2px solid #fff;outline-offset:3px}.viewport{position:fixed;top:0;right:0;bottom:0;left:0;isolation:isolate;background:#000}.screen{position:absolute;top:0;right:0;bottom:0;left:0;isolation:isolate;--gs:clamp(36px,4.177vw,96px);--ge:clamp(36px,4.04vw,96px);--hb:clamp(34px,5.19vh,64px)}.background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;width:100%;height:100%;object-fit:cover;pointer-events:none}.screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:linear-gradient(180deg,#00000008,transparent 24%,transparent 82%,#0000000d),radial-gradient(ellipse at 44% 54%,transparent 30%,#0000000e)}header{position:absolute;inset:clamp(20px,2.264vh,30px) var(--ge) auto var(--gs);height:48px;display:flex;align-items:flex-start;white-space:nowrap;z-index:10}.brand{position:relative;top:10px;filter:drop-shadow(0 1px 2px #0005)}.header-actions{display:flex;align-items:flex-start;flex:1}nav{display:flex;gap:clamp(24px,2.9vw,43px);margin-left:clamp(36px,3.03vw,48px);padding-top:9px}nav button{background:none;font-size:16px;font-weight:430;letter-spacing:-.36px;color:#e5e5e6c4;position:relative;text-shadow:0 1px 3px #0009}nav button.active{color:#fff}nav .active:after{content:"";position:absolute;left:0;bottom:-8px;width:44px;height:2px;background:#ffffffd1}.timezone{margin-left:auto;padding-left:8px;border-left:2px solid #e6e6e685;width:211px;height:48px;display:flex;flex-direction:column;gap:6px;font-size:15px}.timezone span{font-weight:420;color:#f0f0f0c4}.timezone b{font-weight:440;font-size:13px}.signup{background:#fff;color:#101010;height:42px;padding:0 18px;border-radius:7px;font-size:15px;font-weight:460;margin-left:clamp(20px,1.95vw,29px);box-shadow:inset 0 1px #ffffffb8,0 1px 5px #0005}.hero-content{position:absolute;left:var(--gs);bottom:var(--hb);display:flex;flex-direction:column;align-items:flex-start}h1{font-family:Reference Display,Reference Sans,Arial,sans-serif;font-size:clamp(58px,7.64vh,88px);line-height:clamp(72px,9.34vh,106px);font-weight:500;letter-spacing:-2.1px;-webkit-text-stroke:.12px currentColor;text-shadow:0 2px 2px #0007;white-space:nowrap}h1 span{display:block;transform-origin:left center;transform:scaleX(.775);animation:line .85s .3s both}h1 span+span{color:#d3cfcfc7;transform:scaleX(.793);animation-delay:.44s}.hero-content>p{font-weight:350;font-size:clamp(14px,1.7vh,19px);line-height:clamp(19px,2.17vh,24px);letter-spacing:.13px;color:#e2e5e4d6;width:clamp(390px,31.67vw,500px);margin-top:clamp(15px,2.08vh,24px);text-shadow:0 1px 3px #000b;animation:up .62s .74s both}.primary{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:clamp(24px,3.11vh,36px);background:#fff;color:#111;border-radius:7px;height:clamp(38px,3.96vh,44px);width:clamp(142px,15.09vh,168px);padding:0 5px 0 12px;font-size:17px;animation:up .56s .96s both}.primary span{height:72%;aspect-ratio:1;background:#070909;color:#fff;border-radius:7px;display:grid;place-items:center}.demo{position:absolute;right:var(--ge);bottom:var(--hb);width:clamp(150px,18.96vh,215px);aspect-ratio:201/265;border:1px solid #ffffff21;border-radius:clamp(12px,1.52vh,18px);background:linear-gradient(145deg,#181614cc,#050c0edb);box-shadow:0 2px 10px #0007,0 0 0 3px #ffffff09 inset,0 0 0 1px #000e;-webkit-backdrop-filter:blur(14px) saturate(108%);backdrop-filter:blur(14px) saturate(108%);padding:7px;display:flex;flex-direction:column;gap:7px;animation:up .92s 1.04s both}.demo-visual{position:relative;aspect-ratio:1;overflow:hidden;border-radius:10px;background:#101a1e}.smoke{width:100%;height:100%;background:radial-gradient(ellipse at 25% 30%,#f8372355,transparent 55%),radial-gradient(ellipse at 60% 70%,#0084ff99,transparent 60%),conic-gradient(from 30deg at 40% 40%,#020709,#822820,#08111b,#004e66,#020709);filter:contrast(1.3)}.demo-visual>button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#03050778;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #ffffff57;border-radius:50%;width:30%;aspect-ratio:1;display:grid;place-items:center}.watch{flex:1;width:100%;border-radius:9px;border:1px solid #ffffff36;background:linear-gradient(145deg,#1a2224db,#101d21e6);font-size:14px;font-weight:430}.menu{display:none}dialog{margin:auto;border:1px solid #fff3;border-radius:18px;background:#0c161a;color:#fff;padding:30px;max-width:min(500px,90vw)}dialog::backdrop{background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}dialog h2{font-size:28px;margin:20px 0}dialog p{line-height:1.6;color:#bdc8cc;margin-bottom:24px}dialog .signup{margin:0}dialog input{display:block;width:100%;background:#ffffff0a;color:#fff;border:1px solid #fff4;padding:12px;border-radius:6px;margin-bottom:20px}.close{float:right;background:none}.chart{height:180px;display:flex;gap:12px;align-items:flex-end;margin-bottom:24px}.chart span{flex:1;background:linear-gradient(#b7f2ec,#245c69);border-radius:5px;animation:up 1s both}@keyframes line{0%{opacity:0;translate:0 110%;filter:blur(3px)}to{opacity:1;translate:0 0;filter:none}}@keyframes up{0%{opacity:0;translate:0 12px;scale:.985}to{opacity:1;translate:0 0;scale:1}}@media(max-width:1000px){.timezone{display:none}nav{gap:24px}.header-actions .signup{margin-left:auto}}@media(max-width:790px){.screen{--gs:24px;--ge:24px}.menu{display:grid;place-items:center;width:46px;height:46px;border:1px solid #fff3;border-radius:11px;background:#111a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);margin-left:auto}.header-actions{display:none}.header-actions.open{display:flex;position:absolute;right:0;top:60px;width:min(324px,calc(100vw - 48px));padding:24px;background:#071014e6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #fff3;border-radius:16px;flex-direction:column;gap:24px}nav{flex-direction:column;margin:0;gap:24px;padding:0}.timezone{display:flex;margin:0}.header-actions .signup{margin:0}h1{font-size:60px}.hero-content>p{width:390px}.demo{width:150px}}@media(max-width:619px){.screen{--gs:20px;--ge:20px;--hb:30px}h1{font-size:clamp(39px,9vw,58px);line-height:1.15;letter-spacing:-1.5px}.hero-content>p{width:calc(100vw - 40px);font-size:14px;line-height:1.5;max-width:340px}.hero-content>p br{display:none}.demo{top:clamp(100px,25svh,220px);bottom:auto;width:130px}.primary{height:42px}.watch{font-size:12px}}@media(max-height:650px)and (max-width:619px){.demo{width:90px;top:90px}.watch{font-size:9px}.hero-content>p{max-width:280px}.hero-content h1{font-size:36px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@keyframes entrance-brand{0%{opacity:0;translate:0 7px;scale:.94}to{opacity:1;translate:0 0;scale:1}}@keyframes entrance-nav{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}@keyframes entrance-action{0%{opacity:0;translate:0 8px;scale:.985}to{opacity:1;translate:0 0;scale:1}}.brand{animation:entrance-brand .58s .06s cubic-bezier(.16,1,.3,1) both}nav button{animation:entrance-nav .48s cubic-bezier(.16,1,.3,1) both}nav button:nth-child(1){animation-delay:.13s}nav button:nth-child(2){animation-delay:175ms}nav button:nth-child(3){animation-delay:.22s}nav button:nth-child(4){animation-delay:265ms}.timezone{animation:entrance-nav .52s .18s cubic-bezier(.16,1,.3,1) both}.header-actions>.signup{animation:entrance-action .52s .22s cubic-bezier(.16,1,.3,1) both}.menu{animation:entrance-action .52s .14s cubic-bezier(.16,1,.3,1) both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important}}