@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/barlow-600.ttf') format('truetype')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/barlow-700.ttf') format('truetype')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:800;font-display:swap;src:url('/assets/fonts/barlow-800.ttf') format('truetype')}
:root{--bg:#0a0b0e;--surface:#13151b;--gold:#f3b95a;--light:#f3f3f4;--muted:#979aa6;--line:#ffffff10;--display:'Barlow Condensed','Arial Narrow',sans-serif}
body{background:#0a0b0e}.header{height:84px;padding:0 6%;background:#0a0b0ef2;gap:38px;border-bottom:1px solid #ffffff0e}.brand>span{font-size:25px;letter-spacing:3px}.brand small{font-size:7px;letter-spacing:4px}.header nav{margin-inline:auto;font-size:12px;font-weight:700;gap:32px}.header nav a{height:84px;display:flex;align-items:center;position:relative}.header nav a.nav-current{color:#fff}.header nav a.nav-current:after{content:'';position:absolute;bottom:0;left:0;right:0;background:var(--gold);height:2px}.button{border:0;border-radius:5px;background:#f3b95a;color:#14110b;padding:17px 24px;font-size:10px;letter-spacing:1px;gap:27px;min-height:53px;box-shadow:none}.button:hover{background:#ffd38b;transform:translateY(-2px)}.button.small{padding-inline:20px;gap:18px;min-height:43px;font-size:10px}.button.secondary{background:#ffffff07;border:1px solid #ffffff26;color:#e4e4e9}.button.secondary:hover{background:#ffffff10}.text-link{font-weight:700}
.hero{height:710px;min-height:710px;max-height:none;background:#101117;position:relative;isolation:isolate;overflow:hidden}.hero-world{position:absolute;inset:0;background:linear-gradient(90deg,#0a0b0efa 0%,#0a0b0ef3 33%,#0a0b0e86 74%,#0a0b0ea9),linear-gradient(0deg,#0a0b0e,transparent 55%),url('/assets/hero.jpg') center 48%/cover;opacity:.48;z-index:-2}.hero-glow{position:absolute;width:800px;height:800px;top:-170px;right:-110px;background:radial-gradient(ellipse,#d8432522,transparent 60%);z-index:-1}.hero-watermark{position:absolute;right:-20px;top:50px;font:800 clamp(140px,20vw,310px)/1 var(--display);letter-spacing:5px;color:transparent;-webkit-text-stroke:1px #ffffff09;pointer-events:none;z-index:-1}.hero-content{position:relative;z-index:4;padding:100px 0 85px 8%;max-width:780px;pointer-events:none}.hero-content a{pointer-events:auto}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#f3b95a}.hero .eyebrow{display:flex;align-items:center;gap:15px;font-size:9px;letter-spacing:1.5px;margin-bottom:27px}.beta-pill{border:1px solid #ffbf6150;border-radius:3px;background:#ecab4610;padding:5px 9px;color:#f4c276;font-size:8px;letter-spacing:1px}.hero h1{font-family:var(--display);font-size:clamp(68px,6.9vw,108px);font-weight:700;line-height:.96;letter-spacing:-1px;max-width:700px}.hero h1 em{color:#f3b95a}.hero-copy{font-size:14px;line-height:1.9;color:#a4a6af;margin-top:28px}.hero-actions{gap:12px;margin-top:28px;flex-wrap:wrap}.hero-meta{font-size:8px;letter-spacing:1.5px;margin-top:26px;color:#747884;gap:13px}.hero-meta i{background:#6e624e}.character-stage{position:absolute;right:-4%;width:62%;height:690px;bottom:0;pointer-events:none;z-index:2}.hero-character{height:100%;width:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 25px #0009);position:relative;z-index:2;transform-origin:center bottom}.character-aura{position:absolute;width:75%;height:75%;top:8%;left:12%;background:radial-gradient(ellipse,#d33b1725,transparent 70%);border-radius:50%}.character-shadow{position:absolute;z-index:3;bottom:-1px;left:-10%;right:0;height:110px;background:linear-gradient(0deg,#0a0b0e,transparent)}.hero-character-label{position:absolute;right:6%;bottom:100px;z-index:5;padding:12px 18px;border-left:2px solid #f3b95a;background:linear-gradient(90deg,#0a0b0eba,#0a0b0e08);pointer-events:none}.hero-character-label span{font-size:8px;color:#f3b95a;letter-spacing:2px}.hero-character-label strong{display:block;font:600 25px/1.5 var(--display);letter-spacing:1px}.hero-character-label small{font-size:9px;color:#8a8c96}.hero-bottom{position:absolute;left:8%;right:6%;bottom:23px;z-index:5;display:flex;justify-content:space-between;align-items:center}.hero-bottom>a{font-size:8px;letter-spacing:1.5px;color:#858891;display:flex;align-items:center;gap:13px}.scroll-orb{width:28px;height:28px;border:1px solid #ffffff22;border-radius:50%;display:inline-grid;place-items:center;color:#dcb778;font-size:15px}.hero-bottom button{background:none;border:0;color:#9f9fa8;font-size:19px;padding:6px;display:flex;align-items:center;gap:9px}.hero-bottom button span{font-size:8px;letter-spacing:1px}.hero-bottom button[hidden]{display:none}.character-unavailable .hero-character-label{display:none}.character-unavailable .hero-world{opacity:1}.entered .hero-character{animation:character-enter 1.25s cubic-bezier(.16,1,.3,1) both}.entered .hero-content{animation:text-enter .85s .12s cubic-bezier(.16,1,.3,1) both}.entered .hero-character-label{animation:label-enter .6s .7s both}@keyframes character-enter{from{opacity:0;transform:translateX(160px) scale(1.025)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes text-enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes label-enter{from{opacity:0;transform:translateX(15px)}to{opacity:1;transform:translateX(0)}}
.status-strip{background:#14151b;padding:21px 8%;gap:26px;border-block:1px solid #ffffff0a}.status-strip strong{font-size:9px;color:#d9dae1;letter-spacing:1px}.status-strip p{color:#888d99;font-size:11px}.status-strip>a{color:#edc58b}.pulse{background:#f3b95a;box-shadow:0 0 0 4px #f3b95a12}.section{padding:83px 8%;max-width:1560px}.section-head{margin-bottom:36px}.section h2{font-family:var(--display);font-weight:600;font-size:48px;line-height:1.04;letter-spacing:0}.section h2 em{color:#a4a6af}.section-head p:last-child:not(.eyebrow){font-size:12px}.section .eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:15px}.feature-grid{gap:18px}.feature{min-height:252px;padding:28px;background:linear-gradient(140deg,#1a1b23,#111219);border:1px solid #ffffff0a;border-radius:9px;transition:transform .2s,border-color .2s}.feature:hover{border-color:#e3b77966;transform:translateY(-4px)}.feature h3{font:700 18px/1.3 var(--sans);margin-top:27px;letter-spacing:-.4px}.feature-icon{font-size:27px;line-height:1.4;color:#f3b95a}.feature p{font-size:12px;line-height:1.8;color:#9599a5}.number{color:#515460;font-family:var(--display);font-size:16px}.tag{border:0;background:#ffffff06;border-radius:3px;color:#c6a56e;letter-spacing:1px;font-size:8px;padding:5px 9px}.classes{max-width:none;background:radial-gradient(ellipse at 72% 66%,#1c263660,transparent 55%),#0f1117;border-block:1px solid #ffffff08}.class-layout{gap:25px;grid-template-columns:30% 1fr}.class-tabs button{font:600 15px/1.5 var(--sans);border-bottom:1px solid #ffffff0b;border-radius:4px;padding:22px 18px}.class-tabs button[aria-selected=true]{background:#f3b95a10;border-left:2px solid #f3b95a;color:#f3b95a}.class-tabs button span{color:#717584}.class-panel{border-radius:8px;background:radial-gradient(at 10% 55%,#26374b80,transparent 65%),#13151d;border:1px solid #ffffff0a;min-height:310px;gap:25px}.class-panel:before{border-color:#f3b95a0c;border-radius:50%}.class-rune{font-size:120px;color:#e4b977}.class-info h3{font:600 46px var(--display)}.class-tags span{border-color:#ffffff15;background:#ffffff05;border-radius:3px}.steps article h3{font:700 17px var(--sans)}.steps article>span{font-family:var(--display);font-size:40px;font-weight:600;color:#f3b95a}.steps{gap:35px}.steps article{border-color:#ffffff15}.download-box{border:1px solid #f3b95a2e;border-radius:8px;background:linear-gradient(100deg,#28211677,#14151d);padding:25px;gap:20px}.download-box h3{font:700 17px var(--sans)}.download-box p{font-size:11px}.download-icon{border-radius:8px;background:#f3b95a12;color:#f3b95a}.news-grid{gap:22px}.news-main{border:1px solid #ffffff0b;background:#12141b;border-radius:9px;overflow:hidden}.news-image{height:210px;background-position:60% 40%}.news-body{padding:28px}.news-body h3{font:700 22px/1.25 var(--sans);letter-spacing:-.6px}.roadmap{border-radius:9px;background:#13151c;border:1px solid #ffffff0a;padding:29px}.roadmap h3{font:700 15px var(--sans)}.beta{margin:15px 8% 30px;padding:55px 45px;max-width:none;border:1px solid #f3b95a35;border-radius:12px;background:radial-gradient(ellipse at 0 0,#65422344,transparent 70%),#14151c}.beta h2{font-family:var(--display);font-size:43px;font-weight:700;line-height:1.05}.beta h2 em{color:#f3b95a}.beta>div>p:not(.eyebrow){font-size:12px}.email-row input{border-radius:5px;background:#0c0e14;border:1px solid #ffffff1c}.email-row{gap:8px}.email-row .button{white-space:nowrap;padding-inline:17px;gap:12px}.consent{font-size:10px}.faq{padding-block:65px}.faq h2{font-size:42px}.faq summary{font:600 13px var(--sans);padding-block:23px}.faq details{border-color:#ffffff12}.faq details p{font-size:12px}footer{padding:35px 8%;background:#08090c;border-top:1px solid #ffffff0a;gap:25px}footer>p{font-size:8px;letter-spacing:1px}footer small{font-size:9px;letter-spacing:0}.art-source{font-size:9px;color:#868991}dialog{border-radius:10px}dialog h2{font-family:var(--display);font-weight:600}dialog p{font-size:12px}
@media(min-width:1550px){.hero{height:780px}.hero-content{padding-top:120px;max-width:900px}.hero h1{font-size:116px}.character-stage{right:1%;width:58%;height:755px}.hero-character-label{right:11%}}
@media(max-width:1150px){.hero-content{padding-left:6%;max-width:630px}.hero h1{font-size:81px}.hero .eyebrow{font-size:8px;gap:10px}.hero-copy{font-size:12px}.hero-actions .button{padding:15px 18px;gap:15px;font-size:9px}.hero{height:665px;min-height:665px}.character-stage{right:-8%;width:64%;height:620px}.hero-character-label{right:4%}.header{gap:23px}.header nav{gap:23px}.hero-bottom{left:6%}.section{padding-inline:6%}.beta{margin-inline:6%;padding:40px 30px}.beta h2{font-size:36px}.section h2{font-size:43px}.feature{padding:24px}.class-layout{grid-template-columns:33% 1fr}}
@media(max-width:800px){.header{height:72px;padding-inline:22px;gap:15px}.header .brand>span{font-size:23px}.header .button.small{margin-left:auto;padding:10px 13px;font-size:9px}.header nav{display:none;position:absolute;top:72px;left:0;right:0;margin:0;background:#101219;padding:15px 22px;border-bottom:1px solid #ffffff18;flex-direction:column;gap:0}.header nav.open{display:flex}.header nav a{height:auto;padding:13px 0}.header nav a.nav-current:after{display:none}.menu{display:block;color:#e8e5df;background:none;border:0;font-size:24px;padding:4px}.hero{height:940px;min-height:940px}.hero-content{padding:53px 24px 0;max-width:none;text-align:center}.hero .eyebrow{justify-content:center;flex-wrap:wrap;font-size:8px;letter-spacing:1px;gap:10px;margin-bottom:22px}.hero h1{font-size:clamp(61px,12vw,82px);line-height:.97;letter-spacing:0}.hero-copy{margin-top:20px;font-size:12px}.hero-actions{justify-content:center;gap:8px;margin-top:22px}.hero-actions .button{font-size:9px;padding:15px;gap:13px;min-height:49px}.hero-meta{justify-content:center;gap:12px;font-size:7px;margin-top:23px}.character-stage{width:100%;height:510px;right:0;bottom:35px}.character-aura{top:15%}.hero-character-label{right:23px;bottom:80px;padding:8px 13px}.hero-character-label strong{font-size:22px}.hero-character-label small{display:none}.hero-watermark{font-size:155px;top:auto;bottom:140px;right:-10px}.hero-world{background-position:70% center;opacity:.25}.hero-bottom{left:24px;right:20px;bottom:18px}.hero-bottom>a{font-size:7px;letter-spacing:1px;gap:9px}.hero-bottom button span{font-size:7px}.status-strip{padding:20px 24px;flex-wrap:wrap;gap:12px}.status-strip p{font-size:10px;flex-basis:100%;order:3}.status-strip strong{font-size:8px}.status-strip>a{font-size:9px}.section{padding:60px 24px}.section h2{font-size:40px}.section-head{display:block;margin-bottom:25px}.section-head>p{margin-top:19px}.feature-grid{grid-template-columns:1fr;gap:12px}.feature{min-height:215px;padding:24px}.feature h3{margin-top:18px}.feature p{max-width:500px}.class-layout{display:block}.class-tabs{padding:0}.class-tabs button{padding:17px 13px}.class-tabs>p{display:none}.class-panel{margin-top:23px;min-height:290px;padding:24px;gap:20px}.class-info h3{font-size:38px}.class-rune{font-size:85px}.class-info p{font-size:12px}.steps{display:block}.steps article{padding-bottom:25px}.download-box{flex-wrap:wrap;gap:15px;padding:22px}.download-box>div:nth-child(2){flex:1;min-width:180px}.download-box h3{font-size:15px}.download-box p{font-size:10px;line-height:1.8}.download-box .tag{margin-left:0}.news-grid{display:block}.roadmap{margin-top:18px}.news-image{height:185px}.news-body{padding:24px}.news-body h3{font-size:20px}.news .section-head>.tag{margin-top:20px}.beta{margin:10px 18px 20px;padding:35px 25px;display:block}.beta h2{font-size:38px}.beta form{margin-top:25px}.email-row{flex-wrap:wrap}.email-row input{width:100%;min-width:0;flex-basis:100%;min-height:51px}.email-row .button{width:100%;min-height:49px}.faq{display:block}.faq-items{margin-top:25px}footer{padding:30px 24px;flex-wrap:wrap}footer>p{flex-basis:100%;order:3}footer .art-source{margin-left:auto;font-size:8px}footer .inline-link{font-size:10px}}
@media(max-width:390px){.hero{height:930px;min-height:930px}.hero-content{padding-inline:18px}.hero h1{font-size:60px}.hero .eyebrow{font-size:7px;gap:7px}.hero-actions .button{font-size:8px;padding-inline:12px}.header{padding-inline:16px;gap:10px}.header .button.small{padding-inline:10px}.character-stage{height:460px}.class-panel{gap:15px}.class-rune{font-size:65px}.class-info h3{font-size:33px}}
@media(prefers-reduced-motion:reduce){.entered .hero-character,.entered .hero-content,.entered .hero-character-label{animation:none!important}*{scroll-behavior:auto!important;transition:none!important}}

/* Blend the retrieved character illustration into the cinematic background. */
.character-stage{right:0;width:59%}.hero-character{object-fit:cover;object-position:50% 18%;mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 100%)}.character-stage:after{content:'';position:absolute;inset:0;z-index:3;background:linear-gradient(0deg,#0a0b0e 0%,transparent 22%),linear-gradient(90deg,#0a0b0e70,transparent 50%);pointer-events:none}.hero-character-label{background:linear-gradient(90deg,#080a0edb,#080a0e55);backdrop-filter:blur(8px);border-radius:0 5px 5px 0}@media(max-width:800px){.character-stage{right:0;width:100%;height:510px}.hero-character{object-position:center 24%;mask-image:linear-gradient(0deg,transparent,#000 15%,#000 88%,transparent);-webkit-mask-image:linear-gradient(0deg,transparent,#000 15%,#000 88%,transparent)}.character-stage:after{background:linear-gradient(0deg,#0a0b0e,transparent 22%)}.hero-character-label{bottom:76px}}

@media(min-width:801px){.character-stage{height:100%;top:0;bottom:0}}

@media(max-width:800px){.hero-actions{flex-direction:row;align-items:center}.hero-content{padding-bottom:0}.hero{background:#0a0b0e}}

.brand img.velkar-wordmark{width:144px;height:72px;object-fit:contain}.account-header .brand img.velkar-wordmark{width:180px;height:90px}@media(max-width:800px){.header .brand img.velkar-wordmark{width:114px;height:57px}}