@font-face{font-family:Satoshi;src:url('./assets/Satoshi-Medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Satoshi;src:url('./assets/Satoshi-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{--midnight:#0E1320;--fog:#F8F9FB;--violet:#7047EB;--muted:#646976;--line:#DEE1E7;--white:#FFFFFF;--ease:cubic-bezier(.16,1,.3,1);font-family:Satoshi,Arial,sans-serif;color:var(--midnight);background:var(--fog);font-synthesis:none;scrollbar-color:#BBC0CB var(--fog)}
*{box-sizing:border-box}
body{margin:0}
::selection{background:var(--violet);color:var(--white)}
a{color:inherit;text-decoration:none;text-underline-offset:5px}
a:focus-visible{outline:3px solid var(--violet);outline-offset:7px}
p,h1{margin:0}
.page{max-width:1600px;min-height:100svh;margin:auto;padding:42px 6.25% 26px;display:flex;flex-direction:column}
.header{display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:block;line-height:0;flex-shrink:0}
.brand img{width:112px;height:auto}
.launch-status{display:flex;align-items:center;gap:10px;font-size:.875rem;font-weight:500}
.launch-icon{width:22px;height:22px;stroke:var(--violet);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.hero{flex:1;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:7%;padding:76px 0 86px}
h1{font-weight:500;font-size:clamp(4.25rem,6.9vw,6rem);line-height:1.025;letter-spacing:-.04em}
@font-face{font-family:Satoshi;src:url('./assets/Satoshi-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
.next{color:var(--violet);font-weight:700}
.period{color:var(--midnight)}
.next-word{position:relative;display:inline-grid;vertical-align:baseline;overflow:hidden;padding:.08em 0;margin:-.08em 0;border:0;border-radius:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-align:inherit;cursor:pointer}
.next-current,.next-incoming{grid-area:1/1;display:block;white-space:nowrap}
.next-incoming{transform:translateX(-115%);visibility:hidden}
.next-word:focus-visible{outline:2px solid var(--violet);outline-offset:5px}
.next-word.is-advancing .next-current{animation:next-depart .72s cubic-bezier(.65,0,.25,1) both}
.next-word.is-advancing .next-incoming{visibility:visible;animation:next-arrive .72s cubic-bezier(.65,0,.25,1) both}
@keyframes next-depart{from{transform:translateX(0)}to{transform:translateX(115%)}}
@keyframes next-arrive{from{transform:translateX(-115%)}to{transform:translateX(0)}}
.introduction{margin-top:32px;font-size:1.0625rem;line-height:1.65}
.announcement{font-weight:500}
.description{color:var(--muted);margin-top:7px;font-weight:400}
.button{display:inline-flex;align-items:center;justify-content:center;gap:36px;background:var(--violet);color:var(--white);padding:17px 23px;min-height:56px;border-radius:9px;font-size:1rem;font-weight:500;margin-top:29px;transition:background .2s,transform .3s var(--ease)}
.button:hover{background:#5E36D3;transform:translateY(-2px)}
.button:active{transform:translateY(0)}
.button svg,.footer svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.button svg{transition:transform .3s var(--ease)}
.button:hover svg{transform:translateX(4px)}
.brand-art{width:100%;max-width:460px;justify-self:end;padding-top:0}
.art-frame{position:relative;width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center}
.symbol{width:76%;height:auto;position:relative;z-index:1}
.symbol{transform:translate(var(--pointer-x,0px),var(--pointer-y,0px));transition:transform .6s var(--ease)}
.accent-block{position:absolute;right:12%;top:13%;width:18%;aspect-ratio:1;background:var(--violet);border-radius:15%;transform:translate(calc(var(--pointer-x,0px) * -.6),calc(var(--pointer-y,0px) * -.6));transition:transform .6s var(--ease)}
  .hero-copy{animation:compose .8s var(--ease) both}
  .brand-art{animation:mark-reveal .9s var(--ease) both}
@keyframes compose{from{transform:translateY(14px);opacity:.35}to{transform:translateY(0);opacity:1}}
@keyframes mark-reveal{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}
.frame-corner{position:absolute;width:48px;height:48px;border-color:var(--line);border-style:solid}
.corner-top{top:0;left:0;border-width:1px 0 0 1px}
.corner-bottom{bottom:0;right:0;border-width:0 1px 1px 0}
.footer{border-top:1px solid var(--line);padding-top:25px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:.8125rem;line-height:1.5}
.footer a{display:flex;gap:8px;align-items:center;min-height:44px;color:var(--midnight);font-size:.875rem;font-weight:500}
.footer a:hover{text-decoration:underline}
.footer svg{width:16px;height:16px}
.copyright{white-space:nowrap}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1600px){.page{padding-left:100px;padding-right:100px}}
@media(max-width:1000px){.page{padding:32px 5% 22px}.hero{gap:5%;padding:70px 0}.brand-art{max-width:360px}.footer{flex-wrap:wrap}.footer>p:first-child{flex-basis:100%}.footer{row-gap:8px}}
@media(max-width:680px){.page{padding:27px 24px 20px}.header{gap:16px}.brand img{width:89px}.launch-status{font-size:.8125rem;gap:8px}.hero{grid-template-columns:1fr;gap:0;padding:59px 0 44px}h1{font-size:clamp(3.5rem,12.8vw,5.2rem);line-height:1.045;letter-spacing:-.035em}.introduction{margin-top:27px;font-size:1rem;max-width:380px}.desktop-break{display:none}.button{margin-top:25px;padding:16px 21px;gap:35px}.brand-art{display:none}.footer{padding-top:20px;font-size:.75rem}.footer>p:first-child{font-size:.8125rem}.footer a{font-size:.8125rem}.copyright{font-size:.75rem}}
@media(max-width:360px){.page{padding-left:20px;padding-right:20px}.launch-status{font-size:.75rem}.brand img{width:78px}}