@font-face{font-family:Space;src:url('/assets/SpaceGrotesk-Variable.ttf') format('truetype');font-weight:300 700;font-display:swap}
:root{color-scheme:dark;font-family:Space,Arial,sans-serif;color:#f6f2fa;background:#19171e;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-width:280px;background-color:#19171e;background-image:linear-gradient(116deg,transparent 0 58%,#b290cb0c 58.1%,transparent 58.35% 73%,#c9a8de0b 73.1%,transparent 73.3%),radial-gradient(ellipse at 83% 55%,#47324f 0,transparent 57%),linear-gradient(125deg,#19181e 15%,#26202e 70%,#211b28)}
.page{position:relative;z-index:1;min-height:100svh;display:flex;flex-direction:column;padding:34px 5vw 26px;overflow:hidden}
header,footer{display:flex;align-items:center;justify-content:space-between;gap:24px;color:#c9bdcf;font-size:10px;letter-spacing:.17em;font-weight:500}
header{padding-bottom:22px;border-bottom:1px solid #a38aaf30}.domain{letter-spacing:.2em}
main{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:70px 0 82px}
.identity{display:flex;align-items:center;flex-direction:column}.mark{width:103px;height:auto;filter:drop-shadow(0 18px 45px #0a071936)}
.wordmark{font-size:clamp(27px,4vw,48px);font-weight:600;letter-spacing:.22em;margin:28px -.22em 0 0;line-height:1.1;color:#f6f2fa}
.divider{height:1px;width:48px;background:#c4a9ed;margin:40px 0 31px}
h1{font-size:clamp(27px,3vw,39px);line-height:1.23;letter-spacing:-.04em;font-weight:400;margin:0}h1 span{color:#c4a9ed}
.description{font-size:14px;color:#c9bdcf;margin:20px 0 0;line-height:1.6}
.contact{display:inline-flex;align-items:center;min-height:44px;margin-top:14px;color:#ded1ea;font-size:13px;text-decoration:underline;text-decoration-color:#a28cb4;text-underline-offset:4px}.contact:hover{color:#d8c3f5;text-decoration-color:currentColor}.contact:focus-visible{outline:2px solid #d8c3f5;outline-offset:4px}
footer{border-top:1px solid #a38aaf30;padding-top:20px;letter-spacing:.02em;font-size:11px;font-weight:400}
.architecture{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:linear-gradient(156deg,transparent 0 44%,#d0b5dd09 44.1%,transparent 44.3% 65%,#b798ca0c 65.1%,transparent 65.35%),repeating-linear-gradient(107deg,#ffffff02 0 1px,transparent 1px 5px)}.architecture span{position:absolute;width:61vw;height:145vh;border:1px solid #b59bc312;background:linear-gradient(135deg,#c4a9ed05,transparent);transform:rotate(32deg);top:-28vh;left:-46vw}.architecture span+span{left:auto;right:-46vw;top:8vh;transform:rotate(32deg)}
@media(min-width:1500px){.page{padding-left:max(5vw,calc((100vw - 1500px)/2));padding-right:max(5vw,calc((100vw - 1500px)/2))}}
@media(max-width:600px){.page{padding:26px 26px 22px}header{font-size:8px;letter-spacing:.14em;justify-content:center;padding-bottom:20px}.domain{display:none}main{padding:64px 0 72px}.mark{width:86px}.wordmark{margin-top:25px;font-size:29px;letter-spacing:.15em;margin-right:-.15em}.divider{margin:34px 0 28px}h1{font-size:31px}.description{font-size:13px}footer{font-size:9px;gap:14px;letter-spacing:0}.architecture span{width:95vw;left:-88vw}.architecture span+span{right:-86vw}}
@media(max-width:340px){.page{padding-left:20px;padding-right:20px}.wordmark{font-size:25px}h1{font-size:28px}footer{flex-direction:column;gap:8px}}
