:root{color-scheme:dark;--ink:#edf1f9;--muted:#adb8cc;--blue:#78baff;--violet:#a17cf8;--background:#080d17}
*{box-sizing:border-box}
html{min-width:320px;background:var(--background)}
body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}
a{color:inherit}
.page{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;display:flex;flex-direction:column;background:var(--background)}
.landscape{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,#080d17 0%,rgba(8,13,23,.98) 24%,rgba(8,13,23,.82) 42%,rgba(8,13,23,.16) 67%,rgba(8,13,23,.03) 100%),linear-gradient(0deg,#080d17 0%,rgba(8,13,23,.08) 31%,rgba(8,13,23,0) 70%,rgba(8,13,23,.5) 100%),url("assets/lunar-frontier.jpg");background-size:cover,cover,auto 100%;background-repeat:no-repeat;background-position:center,center,right center}
.page:after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 26% 50%,rgba(50,83,159,.1),transparent 55%);pointer-events:none}
.header{padding:31px 5.6vw;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:block;width:222px;height:52px;flex:none;border-radius:4px;text-decoration:none}
.brand:focus-visible{outline:2px solid var(--blue);outline-offset:8px}
.brand-art{display:block;width:222px;height:52px;background-image:url("assets/brand-reference.png");background-repeat:no-repeat;background-size:824px 1909px;background-position:-44px -3px;mix-blend-mode:screen}
.header-note{font-size:10px;letter-spacing:.23em;color:#b5bfd0;text-align:right}
.hero{flex:1;display:flex;position:relative;align-items:center;padding:60px 5.6vw 96px;min-height:640px}
.intro{width:min(670px,57%);position:relative}
.status{display:inline-flex;align-items:center;gap:9px;margin:0 0 37px;padding:9px 13px;border:1px solid #778aad48;border-radius:100px;color:#d4dded;font-size:10px;letter-spacing:.19em;font-weight:600;background:#111c2b75}
.status-light{width:5px;height:5px;background:#9bbdff;box-shadow:0 0 11px #75a7ff9c;border-radius:50%}
.eyebrow{margin:0 0 20px;font-size:11px;line-height:1.5;font-weight:500;letter-spacing:.28em;color:#b4bfce}
h1{font-size:clamp(50px,5.9vw,91px);line-height:1.035;font-weight:600;letter-spacing:-.052em;margin:0 0 27px}
h1 span{background:linear-gradient(100deg,#88c9ff 7%,#779bf8 52%,#ae7af5 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.description{font-size:clamp(16px,1.24vw,18px);line-height:1.85;color:#c0cbdd;max-width:500px;margin:0;font-weight:400;text-wrap:pretty}
.signature{display:flex;align-items:center;gap:7px;margin:32px 0 19px;width:95px}
.signature span{height:1px;flex:1;background:linear-gradient(90deg,#5c9cf5,#9a7ee8)}
.signature i{width:4px;height:4px;transform:rotate(45deg);background:#a3adcf}
.invitation{margin:0;color:#a7b3c7;font-size:13px;line-height:1.8;letter-spacing:.01em}
.invitation strong{font-weight:400;color:#d3dced}
.frontier-note{position:absolute;right:5.6vw;bottom:98px;display:flex;align-items:flex-start;gap:15px;font-family:Consolas,monospace;font-size:9px;line-height:1.8;letter-spacing:.15em;color:#cad5e6aa}
.crosshair{font-size:22px;font-weight:300;line-height:1;color:#a3b8de}
.footer{margin:0 5.6vw;padding:22px 0 26px;border-top:1px solid #b4c4dc29;display:flex;align-items:center;justify-content:space-between;gap:25px;position:relative}
.company{font-size:10px;letter-spacing:.21em;line-height:1.7;margin:0;color:#e0e6ef;white-space:nowrap}
.company span{display:block;font-size:8px;letter-spacing:.27em;color:#91a0b5}
.focus{display:flex;gap:0;list-style:none;margin:0;padding:0;color:#aebace;font-size:11px;letter-spacing:.025em}
.focus li+li{border-left:1px solid #a4b7d338;padding-left:20px;margin-left:20px}
.copyright{font-size:9px;color:#8d9ab0;margin:0;white-space:nowrap}
.hero{padding-top:32px;padding-bottom:56px;min-height:520px}
.status{margin-bottom:28px}
.signature{margin:28px 0 0}
.brand-art{filter:contrast(1.25) brightness(1.1)}
.landscape{background-position:center,center,calc(100% + 24vw) center}
.product-note{margin-top:29px;padding:2px 0 2px 20px;border-left:1px solid #8897ed99;max-width:490px}
.product-label{font-size:8px;font-weight:600;letter-spacing:.24em;color:#a99be5;margin:0 0 10px}
.product-note h2{font-size:18px;line-height:1.35;letter-spacing:-.02em;font-weight:500;margin:0 0 10px;color:#e1e8f5}
.product-note>p:not(.product-label){margin:0;color:#afbbcf;font-size:13px;line-height:1.8;text-wrap:pretty}
.product-note a{display:inline-flex;align-items:center;gap:10px;margin-top:12px;color:#a4c9fa;font-size:11px;line-height:1.6;text-decoration:none}
.product-note a:hover{color:#d2dfff;text-decoration:underline;text-underline-offset:4px}
.product-note a:focus-visible{outline:2px solid var(--blue);outline-offset:5px}
@media(min-width:1600px){.landscape{background-size:cover,cover,cover}}
@media(max-width:1100px){.header-note{font-size:8px;letter-spacing:.16em}.intro{width:65%}.hero{padding-top:30px;padding-bottom:65px;min-height:610px}.frontier-note{display:none}.focus{font-size:10px}.focus li+li{padding-left:12px;margin-left:12px}.copyright{font-size:8px}.landscape{background-position:center,center,66% center}.footer{gap:18px}}
@media(max-width:760px){.header{padding:23px 7vw}.header-note{display:none}.brand,.brand-art{width:212px;height:49px}.hero{align-items:flex-start;padding:51px 7vw 245px;min-height:750px}.intro{width:100%;max-width:550px}.status{margin-bottom:29px;font-size:9px;padding:8px 12px}.eyebrow{font-size:9px;letter-spacing:.24em;margin-bottom:18px}h1{font-size:clamp(43px,8.7vw,65px);line-height:1.07;margin-bottom:24px}.description{font-size:15px;line-height:1.85;max-width:450px}.signature{margin-top:25px}.invitation{font-size:12px}.landscape{background-image:linear-gradient(180deg,#080d17 0%,#080d17 24%,rgba(8,13,23,.94) 44%,rgba(8,13,23,.4) 68%,rgba(8,13,23,.05) 81%,#080d17 100%),url("assets/lunar-frontier.jpg");background-size:cover,auto 650px;background-position:center,57% bottom}.footer{margin:0 7vw;padding:22px 0 24px;align-items:flex-start;flex-wrap:wrap;gap:19px}.company{font-size:10px}.focus{margin-left:auto;display:block;font-size:10px;line-height:1.9;text-align:right}.focus li+li{margin:0;padding:0;border:none}.copyright{width:100%;font-size:9px}.page{min-height:100svh}}
@media(max-width:360px){.hero{padding-top:35px;padding-bottom:225px}h1{font-size:39px}.description{font-size:14px}.eyebrow{font-size:8px}}
@media(max-width:760px){.product-note{margin-top:27px;padding-left:16px}.product-note h2{font-size:17px}.product-note>p:not(.product-label){font-size:12px}.hero{padding-bottom:240px}.landscape{background-size:cover,auto 700px}}