:root{color-scheme:dark;--bg:#080d17;--white:#edf2fa;--muted:#b3bfd0;--blue:#80bfff;--purple:#a780f6}
*{box-sizing:border-box}
html{min-width:320px;background:var(--bg)}
body{margin:0;color:var(--white);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.page{position:relative;isolation:isolate;min-height:100svh;padding:0 5.6vw;overflow:hidden;display:flex;flex-direction:column;background:var(--bg)}
.page:before{content:"";z-index:-1;position:absolute;inset:0;background-image:linear-gradient(0deg,#080d17 0%,#080d17 30%,rgba(8,13,23,.8) 52%,rgba(8,13,23,.05) 78%,rgba(8,13,23,.4)),linear-gradient(90deg,#080d17 0%,rgba(8,13,23,.95) 26%,rgba(8,13,23,.6) 47%,rgba(8,13,23,.03) 80%),url("assets/lunar-frontier.jpg");background-position:center,center,calc(100% + 19vw) -50px;background-size:cover,cover,auto 790px;background-repeat:no-repeat}
header{display:flex;align-items:center;justify-content:space-between;padding:27px 0;gap:25px}
.brand{display:block;width:222px;height:52px;flex:none;text-decoration:none}
.brand span{display:block;width:222px;height:52px;background:url("assets/brand-reference.png") no-repeat -44px -3px / 824px 1909px;mix-blend-mode:screen;filter:contrast(1.25) brightness(1.1)}
a:focus-visible{outline:2px solid var(--blue);outline-offset:5px}
.status{display:inline-flex;align-items:center;gap:9px;border:1px solid #7385a64f;border-radius:50px;padding:9px 13px;font-size:9px;font-weight:600;letter-spacing:.18em;color:#ced9e9;background:#101b2b7a;margin:0;white-space:nowrap}
.status i{width:5px;height:5px;border-radius:50%;background:#9cbeff;box-shadow:0 0 11px #7cafff80}
main{flex:1}
.hero{padding:35px 0 49px;max-width:690px}
.eyebrow{margin:0 0 20px;color:#afbdd1;font-size:10px;letter-spacing:.24em;line-height:1.7}
h1{font-size:clamp(49px,5.7vw,86px);font-weight:600;line-height:1.03;letter-spacing:-.05em;margin:0 0 24px}
h1 span{background:linear-gradient(100deg,#8bcaff,#7d9af7 48%,#ae7bf5);color:transparent;background-clip:text;-webkit-background-clip:text}
.intro{font-size:17px;line-height:1.85;color:#c0ccdd;margin:0;max-width:520px;text-wrap:pretty}
.offerings{border-top:1px solid #a1b6d13d;padding:23px 0 30px}
.section-label{display:flex;justify-content:space-between;gap:25px;margin-bottom:24px;align-items:center}
.section-label h2{margin:0;color:#aebcce;font-size:9px;letter-spacing:.22em;font-weight:500}
.section-label>span{font-size:8px;letter-spacing:.19em;color:#71819c}
.offering-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
article{padding:0 31px}
article:first-child{padding-left:0}
article:last-child{padding-right:0}
article+article{border-left:1px solid #8d9fbb30}
.number{font-size:10px;font-family:Consolas,monospace;letter-spacing:.12em;color:#8d9fe6}
h3{font-size:clamp(19px,1.75vw,25px);line-height:1.25;font-weight:500;letter-spacing:-.025em;margin:12px 0}
article p{margin:0;font-size:13px;line-height:1.9;color:var(--muted);max-width:345px;text-wrap:pretty}
article .compliance-note{margin-top:14px;padding-top:12px;border-top:1px solid #8d9fbb25;font-size:11px;line-height:1.8;color:#9faec6}
.compliance-note strong{color:#c5d3ec;font-weight:500}
.implementation{padding:19px 0;border-top:1px solid #a1b6d125;display:flex;align-items:center;justify-content:space-between;gap:28px}
.implementation p{margin:0;color:#94a4bc;font-size:12px;line-height:1.8}
.implementation strong{color:#d4dded;font-weight:500;margin-right:5px}
.implementation>span{font-size:8px;letter-spacing:.18em;color:#8593ad;white-space:nowrap}
.founder{border-top:1px solid #a1b6d125;padding:22px 0 25px;display:grid;grid-template-columns:190px minmax(0,740px);gap:25px;align-items:baseline}
.founder-label{margin:0;color:#8d9fe6;font-size:8px;font-weight:500;letter-spacing:.19em;line-height:1.9}
.founder>p:last-child{margin:0;color:#9eacc2;font-size:12px;line-height:1.9;text-wrap:pretty}
.founder strong{font-weight:500;color:#d4dded}
@media(max-width:650px){.founder{grid-template-columns:1fr;gap:10px;padding:23px 0}.founder>p:last-child{font-size:12px}}
footer{padding:21px 0 23px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #a1b6d125;color:#7c8da6;font-size:9px}
footer span:first-child{font-size:8px;letter-spacing:.19em;color:#a4b1c7}
@media(min-width:1600px){.page{padding-left:max(6vw,calc((100vw - 1440px)/2));padding-right:max(6vw,calc((100vw - 1440px)/2))}.hero{padding-top:55px;padding-bottom:70px}.page:before{background-size:cover,cover,auto 900px}}
@media(max-width:900px){article{padding:0 20px}h3{font-size:20px}article p{font-size:12px}.hero{max-width:580px}.intro{font-size:16px}.implementation>span{display:none}}
@media(max-width:650px){.page{padding:0 7vw}.page:before{background-image:linear-gradient(0deg,#080d17 0%,#080d17 57%,rgba(8,13,23,.65) 78%,rgba(8,13,23,.45) 100%),url("assets/lunar-frontier.jpg");background-size:cover,auto 470px;background-position:center,61% 75px}header{padding:22px 0}.brand,.brand span{width:196px;height:50px}.brand span{background-size:766px 1775px;background-position:-41px -3px}.status{font-size:7px;letter-spacing:.1em;padding:8px 9px;gap:6px}.status i{width:4px;height:4px}.hero{padding:39px 0 40px}.eyebrow{font-size:8px;letter-spacing:.17em;margin-bottom:20px}h1{font-size:clamp(42px,9.1vw,59px);line-height:1.07;margin-bottom:24px}.intro{font-size:15px;line-height:1.85;max-width:460px}.section-label{margin-bottom:8px}.section-label>span{display:none}.offerings{padding:22px 0 12px}.offering-grid{grid-template-columns:1fr}article,article:first-child,article:last-child{position:relative;padding:22px 0 24px 36px}article+article{border-left:none;border-top:1px solid #8d9fbb25}.number{position:absolute;top:28px;left:0;font-size:8px}h3{font-size:22px;margin:0 0 11px}article p{max-width:none;font-size:13px;line-height:1.85}.implementation{padding:21px 0}.implementation p{font-size:12px}footer{font-size:8px;gap:15px}footer span:first-child{font-size:7px;letter-spacing:.1em}}
@media(max-width:360px){.brand,.brand span{width:170px}.status{font-size:6px;padding:7px}.hero{padding-top:28px}h1{font-size:39px}.intro{font-size:14px}}

.brand{position:relative}

.trademark{font-family:Arial,sans-serif;font-size:8px;font-weight:500;letter-spacing:0;color:var(--white);line-height:0;vertical-align:super;margin-left:2px}

footer{font-size:13px;align-items:baseline}footer span:first-child{font-size:14px;letter-spacing:.1em}
@media(max-width:650px){footer{font-size:12px}footer span:first-child{font-size:13px}}
@media(max-width:360px){.brand span{background-size:700px 1622px;background-position:-37px -3px}}