@font-face{font-family:Manrope;src:url('/landing/manrope-regular.woff2?v=1') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('/landing/manrope-semibold.woff2?v=1') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Newsreader;src:url('/landing/newsreader-regular.woff2?v=1') format('woff2');font-weight:400;font-display:swap}

:root{color-scheme:dark;--ink:#F4F1E8;--muted:#b9bdb5;--signal:#FEDB1E;--charcoal:#12161B;--page:#171613}

*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--page)}
body{font:400 14px/1.6 Manrope,system-ui,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible{outline:2px solid var(--signal);outline-offset:5px}
button{cursor:pointer}
p,h1{margin:0}
.page{position:relative;min-height:100svh;overflow:hidden}
.yard{position:absolute;inset:0;overflow:hidden;background:#20271e url(data:image/webp;base64,UklGRt4AAABXRUJQVlA4INIAAABwCACdASowADAAPt1gqE8opSOiKrqqqRAbiWdm7wk6AIa23/WIu3yCKsMrIWlbUf0PSHfjOf2yTo/tmCWoQGQC4qBO+E1R7nYX6EAAAP68Q6tpC9+IAennEg0560e2aOWc/16YR6xdLicJqMG6fFIdBdM8p+6EmM1dFTZwaVuO2X6MBDRfU87jdVB+JOCt7VrSYde4cTVJAP7ufOhcHvgVesNFEj5sQ1F3yUC0T1l43KCXmxLP1VXkXsU5MfAj3uqHJsCIufRdtbdEksUOGUYAAAA=) center/cover no-repeat}
.yard canvas{width:100%;height:100%;display:block}
.yard::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(13,17,18,.7) 0%,rgba(13,17,18,.35) 33%,transparent 68%),linear-gradient(0deg,rgba(13,17,18,.66),transparent 25%,transparent 80%,rgba(13,17,18,.15))}
.signin{position:relative;z-index:2;width:442px;padding:42px 40px 35px;background:rgba(18,22,27,.92);border:1px solid rgba(244,241,232,.16);border-radius:20px;box-shadow:0 30px 100px #0004;backdrop-filter:blur(24px)}
.brand{display:flex;align-items:center;gap:12px;margin-bottom:48px;font-size:20px;font-weight:600;letter-spacing:-.6px;line-height:1.2}
.brand svg{width:42px;height:42px;flex-shrink:0}
.brand small{display:block;font-size:10px;font-weight:600;letter-spacing:3.1px;text-transform:uppercase;margin-top:6px;color:#bcc1ba}
.eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#b5bcb3;margin-bottom:18px}
h1{font:400 53px/.99 Newsreader,Georgia,serif;letter-spacing:-1.7px}
h1 span{display:block}
.copy{color:var(--muted);font-size:13px;margin-top:22px;white-space:nowrap}
.actions{display:grid;gap:12px;margin-top:34px}
.button{min-height:54px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:13px;font-weight:600;border:1px solid #f4f1e82b;transition:background .2s,border-color .2s}
.primary{background:var(--signal);border-color:var(--signal);color:#12161b;position:relative}
.primary svg{position:absolute;right:19px;width:18px;height:18px}
.primary:hover{background:#ffe45c}
.secondary:hover{background:#f4f1e80b;border-color:#f4f1e85c}
.security{display:flex;justify-content:center;align-items:center;gap:8px;color:#aeb5ad;font-size:10px;margin-top:23px}
.security svg{width:12px;height:12px}
.a main{pointer-events:none}
.signin{pointer-events:auto}
.a .yard{z-index:0}
.a .signin{margin-left:clamp(40px,6.25vw,120px)}
.a main{min-height:100svh;display:flex;align-items:center;padding:100px 0}
.top-note{position:absolute;top:38px;left:6.25vw;z-index:2;display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:1.8px;text-transform:uppercase;color:#e0e4db}
.top-note:before{content:"";width:18px;height:1px;background:currentColor}
.map-top{position:absolute;right:42px;top:34px;z-index:1;display:flex;gap:12px;align-items:center;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#ecf0e7}
.map-top .north{width:34px;height:34px;display:grid;place-items:center;border:1px solid #f4f1e844;border-radius:50%;font-size:10px}
.map-bottom{position:absolute;bottom:42px;right:42px;left:54%;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.map-caption{font-size:12px;letter-spacing:.1px;color:#e0e5dc}
.map-caption small{display:block;font-size:10px;color:#bcc5b9;margin-top:3px}
.demo-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#fedb1e;margin-right:8px;vertical-align:2px}
.motion{display:flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;border:1px solid #f4f1e838;border-radius:50%;background:#12161b88;color:#f4f1e8}
.motion:hover{background:#12161bdd}
.motion svg{width:13px;height:13px}
.motion .play-icon{display:none}
.motion.paused .pause-icon{display:none}
.motion.paused .play-icon{display:block}
.footer{position:absolute;z-index:2;bottom:37px;left:6.25vw;font-size:10px;color:#c4c9be;letter-spacing:.2px}
.yard-label{position:absolute;pointer-events:none;z-index:1;padding:6px 10px;border-radius:5px;background:#121b17a8;border:1px solid #e7eed81f;color:#e6eadd;font-size:10px;white-space:nowrap;transform:translate(-50%,-50%);box-shadow:0 3px 15px #0002}
.yard-label:before{content:"";display:inline-block;width:4px;height:4px;background:#c0d5b4;border-radius:50%;margin-right:6px}

@media(min-width:761px) and (max-height:760px){.a main{padding:72px 0}
.signin{padding:32px 35px 28px}
.brand{margin-bottom:32px}
h1{font-size:48px}
.actions{margin-top:28px}
.top-note{top:25px}
.footer{bottom:24px}
.map-bottom{bottom:27px}
}

@media(max-width:760px){.page{min-height:100svh}
.a main{position:relative;z-index:2;display:block;min-height:100svh;padding:76px 20px 240px}
.signin{width:100%;max-width:420px;margin:0 auto!important;padding:30px 27px 28px;border-radius:17px;background:rgba(18,22,27,.94);border:1px solid #f4f1e82b;box-shadow:0 20px 70px #0004;backdrop-filter:blur(20px)}
.brand{margin-bottom:35px;font-size:19px}
.brand svg{width:38px;height:38px}
.brand small{font-size:9px;letter-spacing:2.8px}
h1{font-size:45px;letter-spacing:-1.2px}
.copy{font-size:11px;white-space:normal;margin-top:18px}
.actions{margin-top:28px;gap:10px}
.button{min-height:52px;font-size:12px}
.security{font-size:9px;margin-top:21px}
.eyebrow{font-size:9px;letter-spacing:1.7px;margin-bottom:14px}
.top-note{top:28px;left:24px;font-size:9px;letter-spacing:1.5px}
.map-top{top:auto;bottom:145px;right:26px}
.map-top>span:first-child{display:none}
.map-bottom{left:26px;right:26px;bottom:68px}
.map-caption{font-size:11px}
.map-caption small{font-size:9px}
.footer{bottom:23px;left:26px;transform:none;font-size:9px}
.yard::after{background:linear-gradient(0deg,#101714cf,transparent 35%,#10171422 60%,#10171488)}
.yard-label{font-size:9px;padding:4px 7px}
.motion{min-width:42px;min-height:42px}
}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}
.motion{display:none}
}