:root{--orange:#d43f26;--orange-hi:#c23820;--underline:#7e80d7;--ink:#fff;--ink-soft:#ffffffeb;--rule:#ffffffeb;--night:#0b1a2b;--h1-size:104.64;--h1-ls:1.72;--h1-lh:101;--h1-off:2.1;--p-size:16.6;--p-lh:24.7;--p-w:322;--p-gap:32;--btn-gap:30;--btn-w:178;--btn-h:51;--btn-size:17.48;--nav-size:13.79;--nav-gap:93.9;--nav-shift:3;--logo-size:23.34;--logo-shift:1;--su-size:14.34;--su-w:122;--su-h:41;--su-bw:1.5;--head-top:25;--head-left:65.6;--head-right:69;--ul-w:37;--ul-h:2;--ul-top:31.5;--u:1;--hero-top:272px}:is(html:has(#app),body:has(#app)){background:var(--night);height:100%;overflow:hidden}#app{background:var(--night);position:fixed;inset:0;overflow:hidden}#stage{transform-origin:0 0;width:1280px;height:960px;transform:translate(var(--tx,0px), var(--ty,0px)) scale(var(--s,1));position:absolute;top:0;left:0}#bg{object-fit:cover;object-position:50% 58%;pointer-events:none;width:1280px;height:960px;display:block}#topscrim{height:calc(178px * var(--u));opacity:var(--scrim,0);pointer-events:none;background:linear-gradient(#08111de0 0%,#08111d85 42%,#08111d2e 74%,#08111d00 100%);position:absolute;top:0;left:0;right:0}#scrim{z-index:20;opacity:0;pointer-events:none;background:#050c1680;transition:opacity .34s cubic-bezier(.4,0,.2,1);position:fixed;inset:0}#masthead{z-index:30;top:calc(var(--head-top) * 1px * var(--u));left:calc(var(--head-left) * 1px * var(--u));right:calc(var(--head-right) * 1px * var(--u));justify-content:space-between;align-items:center;display:flex;position:absolute}.logo{color:var(--ink);font-size:calc(var(--logo-size) * 1px * var(--u));transform:translateY(calc(var(--logo-shift) * 1px * var(--u)));align-items:center;gap:.38em;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.logo svg{flex:none;width:auto;height:1.05em}#masthead .logo{filter:drop-shadow(0 1px 6px #08111d8c)drop-shadow(0 0 16px #08111d73)}.cluster,.links{align-items:center;gap:calc(var(--nav-gap) * 1px * var(--u));display:flex}.links a{color:var(--ink-soft);font-size:calc(var(--nav-size) * 1px * var(--u));white-space:nowrap;transform:translateY(calc(var(--nav-shift) * 1px * var(--u)));font-weight:600;line-height:1;text-decoration:none;display:inline-block;position:relative}.links a.is-active{color:var(--ink)}.links a.is-active:after{content:"";left:50%;top:calc(var(--ul-top) * 1px * var(--u));width:calc(var(--ul-w) * 1px * var(--u));height:calc(var(--ul-h) * 1px * var(--u));background:var(--underline);position:absolute;transform:translate(-50%)}.signup{width:calc(var(--su-w) * 1px * var(--u));height:calc(var(--su-h) * 1px * var(--u));border:calc(var(--su-bw) * 1px * var(--u)) solid var(--ink);color:var(--ink);font-size:calc(var(--su-size) * 1px * var(--u));justify-content:center;align-items:center;font-weight:500;text-decoration:none;transition:background-color .2s,color .2s;display:inline-flex}@media (hover:hover){.signup:hover{background:var(--ink);color:var(--night)}}#menu-btn{display:none}#hero{z-index:10;left:calc(72px * var(--u));top:var(--hero-top);width:calc(620px * var(--u));transform:scale(var(--fit,1));transform-origin:0 0;position:absolute}#hero h1{margin:calc(var(--h1-off) * -1px * var(--u)) 0 0;color:var(--ink);font-family:var(--serif);font-size:calc(var(--h1-size) * 1px * var(--u));font-weight:700;line-height:calc(var(--h1-lh) * 1px * var(--u));letter-spacing:calc(var(--h1-ls) * 1px * var(--u))}#hero .ln{clip-path:inset(-40% -8% -8%);display:block}#hero .ln>span{display:block}#hero p{width:calc(var(--p-w) * 1px * var(--u));max-width:100%;margin:calc(var(--p-gap) * 1px * var(--u)) 0 0;color:var(--ink-soft);font-size:calc(var(--p-size) * 1px * var(--u));font-weight:400;line-height:calc(var(--p-lh) * 1px * var(--u))}.explore{width:calc(var(--btn-w) * 1px * var(--u));height:calc(var(--btn-h) * 1px * var(--u));margin-top:calc(var(--btn-gap) * 1px * var(--u));background:var(--orange);color:var(--ink);font-size:calc(var(--btn-size) * 1px * var(--u));justify-content:center;align-items:center;font-weight:400;text-decoration:none;transition:background-color .2s;display:flex}.explore:hover{background:var(--orange-hi)}.explore:active{transform:translateY(1px)}#app a:focus-visible,#app button:focus-visible{outline:calc(2px * var(--u)) solid #fff;outline-offset:calc(3px * var(--u))}#app:not([data-mode=exact]) #menu-btn{z-index:2;justify-content:center;align-items:flex-end;gap:calc(5px * var(--u));width:calc(34px * var(--u));height:calc(34px * var(--u));cursor:pointer;background:0 0;border:0;flex-direction:column;padding:0;display:flex;position:relative}#menu-btn:before{content:"";width:max(44px,100%);height:max(44px,100%);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#menu-btn span{height:calc(1.6px * var(--u));background:var(--ink);border-radius:2px;transition:transform .34s cubic-bezier(.4,0,.2,1),width .34s cubic-bezier(.4,0,.2,1);display:block}#menu-btn span:first-child{width:calc(28px * var(--u))}#menu-btn span:last-child{width:calc(20px * var(--u))}#app[data-menu=open] #menu-btn span:first-child{width:calc(24px * var(--u));transform:translateY(calc(3.3px * var(--u))) rotate(45deg)}#app[data-menu=open] #menu-btn span:last-child{width:calc(24px * var(--u));transform:translateY(calc(-3.3px * var(--u))) rotate(-45deg)}#app:not([data-mode=exact]) #nav-panel{z-index:1;width:min(64vw,360px);padding:calc(88px + env(safe-area-inset-top)) calc(36px + env(safe-area-inset-right)) calc(36px + env(safe-area-inset-bottom)) 36px;-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);visibility:hidden;background:#091422ed;border-left:1px solid #ffffff24;flex-direction:column;justify-content:center;align-items:flex-start;gap:44px;transition:transform .34s cubic-bezier(.4,0,.2,1),visibility 0s linear .34s;position:fixed;top:0;bottom:0;right:0;transform:translate(102%)}#app:not([data-mode=exact])[data-menu=open] #nav-panel{visibility:visible;transition-delay:0s;transform:none}#app:not([data-mode=exact])[data-menu=open] #scrim{opacity:1;pointer-events:auto}#app:not([data-mode=exact]) .links{flex-direction:column;align-items:flex-start;gap:26px}#app:not([data-mode=exact]) .links a{font-size:clamp(19px,2.3vw,23px);transform:none}#app:not([data-mode=exact]) .links a.is-active:after{width:36px;height:2px;top:calc(100% + 8px);left:0;transform:none}#app:not([data-mode=exact]) .signup{border-width:1.5px;width:clamp(126px,17vw,158px);height:clamp(44px,5.2vh,52px);font-size:15px}#app[data-mode=tablet] #topscrim{opacity:.5;height:132px}#app[data-mode=compact]{--mpad:clamp(22px, 5.6vw, 34px);--mgap:clamp(18px, min(6vw, 3.2vh), 34px);grid-template-rows:auto 1fr;display:grid}#app[data-mode=compact] #stage{width:100%;height:100%;inset:0;transform:none}#app[data-mode=compact] #bg{object-position:72% 50%;width:100%;height:100%}#app[data-mode=compact] #topscrim{opacity:.55;height:clamp(240px,52vh,520px)}#app[data-mode=compact] #masthead{margin:calc(clamp(14px, min(4.4vw, 2.6vh), 28px) + env(safe-area-inset-top)) var(--mpad) 0;position:relative;inset:auto}#app[data-mode=compact] .logo{font-size:clamp(23px,min(4.4vw,5.4vh),34px);transform:none}#app[data-mode=compact] #hero{width:auto;margin:clamp(20px, min(7.4vh, 8vw), 72px) var(--mpad) calc(clamp(18px, 3vh, 30px) + env(safe-area-inset-bottom));align-self:start;position:relative;top:auto;left:auto;transform:none}#app[data-mode=compact] #hero h1{letter-spacing:0;margin:0 0 0 -.02em;font-size:clamp(40px,min(14.2vw,15vh),112px);line-height:.96}#app[data-mode=compact] #hero p{width:min(100%,38ch);margin-top:var(--mgap);font-size:clamp(14px,min(3.9vw,2.3vh),19px);line-height:1.47}#app[data-mode=compact] .explore{width:clamp(150px,44vw,196px);height:clamp(46px,min(12vw,11vh),58px);margin-top:var(--mgap);font-size:clamp(15px,min(4vw,3.4vh),18px)}@media (orientation:landscape) and (max-height:520px){#app[data-mode=compact]{--mgap:clamp(14px, 2.6vh, 24px)}#app[data-mode=compact] #hero{max-width:min(60vw,460px)}#app[data-mode=compact] #hero h1{font-size:clamp(38px,min(11vw,13.5vh),72px)}#app[data-mode=compact] #hero p{width:min(100%,36ch)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important}}
