:root{color-scheme:dark;--bg:#08090c;--text:#f5f4f8;--muted:#92919d;--purple:#9a5cff;--purple-bright:#a66bff;--line:#202027}
*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;display:flex;flex-direction:column;overflow-x:hidden}.topbar,.footer{width:min(1296px,calc(100% - 72px));margin-inline:auto;display:flex;align-items:center;justify-content:space-between}.topbar{height:82px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-size:.91rem;font-weight:800;letter-spacing:.085em}.brand-accent{color:var(--purple)}.brand-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--purple);color:#fff;font-weight:800;font-size:.94rem;letter-spacing:-.08em;box-shadow:0 0 24px #9a5cff36}.top-discord{font-size:.83rem;font-weight:600;color:#ddd9e5;text-decoration:none;transition:color .2s}.top-discord:hover,.socials a:hover{color:var(--purple-bright)}.top-discord span,.socials span{color:var(--purple)}main{flex:1;display:flex}.hero{width:min(1296px,calc(100% - 72px));margin:auto;min-height:calc(100svh - 144px);padding:74px 0 86px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:46px}.hero-copy{padding-left:clamp(0px,3.2vw,48px);position:relative;z-index:1}.badge{display:inline-flex;align-items:center;gap:8px;border:1px solid #6e42a177;background:#a45cff13;border-radius:999px;padding:6px 12px;color:#bd92ff;font-size:.72rem;font-weight:600;letter-spacing:.01em}.spark{font-size:.83rem}h1{font-size:clamp(3.3rem,4.5vw,4.3rem);line-height:1.02;letter-spacing:-.075em;margin:26px 0 25px;font-weight:800}h1 span{color:var(--purple)}.description{max-width:540px;color:#a09faa;font-size:clamp(.96rem,1.2vw,1.1rem);line-height:1.75;margin:0}.actions{display:flex;flex-direction:column;align-items:flex-start;margin-top:32px}.primary-button{display:inline-flex;align-items:center;gap:11px;min-height:48px;padding:0 17px;border-radius:12px;background:var(--purple);color:white;text-decoration:none;font-size:.86rem;font-weight:600;box-shadow:0 8px 28px #9a5cff36;transition:transform .2s,background .2s,box-shadow .2s}.primary-button:hover{transform:translateY(-2px);background:#a66bff;box-shadow:0 10px 34px #9a5cff55}.primary-button svg{width:17px;height:17px;fill:white}.primary-button span{font-size:1rem}.button-caption{margin:10px 0 0 4px;color:#797984;font-size:.75rem}.brand-art{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}.brand-art img{display:block;width:min(100%,560px);aspect-ratio:1.86;object-fit:cover;object-position:50% 50%;border-radius:4px;filter:drop-shadow(0 22px 65px #8b38ff1c)}.art-caption{font-size:.65rem;letter-spacing:.2em;font-weight:600;color:#787482;margin-top:5px}.footer{min-height:62px;border-top:1px solid var(--line);color:#898793}.footer-copy{font-size:.69rem;font-weight:600;letter-spacing:.09em}.footer-note{font-size:.75rem;color:#aaa7b1}.footer-note span{color:var(--purple)}.socials{display:flex;align-items:center;gap:22px}.socials a{display:inline-flex;gap:5px;align-items:center;color:#aaa7b1;text-decoration:none;font-size:.75rem;font-weight:500;transition:color .2s}.socials span{font-size:.72rem}@media(max-width:850px){.hero{grid-template-columns:1fr;gap:46px;padding:72px 0 68px;min-height:auto}.hero-copy{padding-left:0}.brand-art img{width:min(100%,530px)}h1{font-size:clamp(3.4rem,10vw,5.8rem)}.description{max-width:600px}}@media(max-width:560px){.topbar,.footer,.hero{width:calc(100% - 40px)}.topbar{height:70px}.brand{font-size:.82rem}.brand-icon{width:25px;height:25px}.top-discord{font-size:.76rem}.hero{padding:63px 0 58px;gap:42px}.badge{font-size:.65rem}h1{font-size:clamp(3rem,12.7vw,4.5rem);margin:23px 0 19px}.description{font-size:.94rem}.brand-art img{width:100%;aspect-ratio:1.65}.art-caption{font-size:.56rem;letter-spacing:.14em}.footer{min-height:72px;flex-wrap:wrap;gap:10px;padding:14px 0}.footer-note{display:none}.socials{gap:14px}.socials a{font-size:.69rem}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}