.navigation{position:relative;background:#08141b;backdrop-filter:none}.magic-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;mix-blend-mode:screen}.hero-art{will-change:transform}.hero-content{animation:hero-unveil 1.2s cubic-bezier(.2,.6,.2,1) both}.hero h1{background:linear-gradient(115deg,#fff 8%,#d3e9f0 34%,#fff 43%,#9fc9dc 68%,#eff8fc 85%);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:frost-letter 14s ease-in-out infinite}.hero h1>span{color:var(--gold)}.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 77% 45%,#62dfff18,transparent 43%);mix-blend-mode:screen;z-index:1;pointer-events:none;animation:realm-breath 7s ease-in-out infinite alternate}.lightning{z-index:1;animation:lightning-storm 5.6s infinite;opacity:.13}.lightning path{stroke-width:1.3;stroke-dasharray:16 3 120 8;animation:arc-flow 2s linear infinite}.lightning path+path{animation-duration:3.2s;animation-direction:reverse}.button.gold{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at var(--glow-x,50%) var(--glow-y,50%),#fff0ca,#dfbc7d 46%,#c7a064 100%);box-shadow:0 0 25px #ddb97512,inset 0 0 0 1px #fff4}.button.gold:before{content:'';position:absolute;width:70px;inset-block:-70%;left:-90px;transform:rotate(25deg);background:linear-gradient(90deg,transparent,#fff8,transparent);pointer-events:none;animation:gold-sweep 8s ease-in-out infinite}.button.gold:hover{box-shadow:0 0 32px #ddb97540,0 8px 28px #0008;transform:translateY(-3px)}.feature:before{content:'';position:absolute;left:15%;right:15%;height:1px;top:-1px;background:linear-gradient(90deg,transparent,#8fcfe0,transparent);opacity:.5;transition:.4s}.feature:hover:before{left:0;right:0;opacity:1}.feature:hover .rune{transform:translateY(-4px) scale(1.06);filter:brightness(1.3)}.rune{transition:transform .6s,filter .6s}.features .feature:nth-child(2){background:radial-gradient(ellipse at 50% 20%,#705a3526,transparent 70%),#0a161c}.reveal{filter:blur(3px);transform:translateY(34px);transition:opacity 1s cubic-bezier(.2,.6,.2,1),transform 1s cubic-bezier(.2,.6,.2,1),filter 1s}.reveal.visible{filter:blur(0)}.final-cta{background:linear-gradient(#07111699,#071116b3),url('/assets/journey.webp') center 55%/cover no-repeat}.final-cta:after{content:'';position:absolute;inset:0;border-block:1px solid #89d6ea12;box-shadow:inset 0 60px 80px -40px #071116,inset 0 -60px 80px -40px #071116;pointer-events:none}.final-cta .button{position:relative;z-index:1}dialog[open]{animation:portal-open .3s ease-out}.dialog-emblem{text-shadow:0 0 30px #d9b77866}.status-dot.online{animation:status-pulse 3s infinite}
@keyframes hero-unveil{from{opacity:0;transform:translateY(20px);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes frost-letter{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes realm-breath{to{opacity:.25}}@keyframes arc-flow{to{stroke-dashoffset:-294}}@keyframes lightning-storm{0%,10%,30%,45%,70%,90%,100%{opacity:.08}11%,12%,31%,32%,46%,48%,71%,72%,91%{opacity:.48}11.5%,31.5%,47%,71.5%,91.5%{opacity:.1}}@keyframes gold-sweep{0%,75%,100%{left:-90px}88%{left:calc(100% + 70px)}}@keyframes portal-open{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@keyframes status-pulse{50%{box-shadow:0 0 0 7px #96d9b40b,0 0 19px #96d9b470}}
@media(max-width:680px){.magic-canvas{opacity:.7}.lightning{opacity:.15}.hero h1{animation-duration:20s}.reveal{filter:none;transform:translateY(20px)}.final-cta{background-position:60% center}.navigation{backdrop-filter:none}}
.feature{padding:0 0 25px;overflow:hidden}.feature-number{position:absolute;top:18px;left:22px;z-index:2;color:#d3e4ed;text-shadow:0 1px 12px #000;letter-spacing:2px}.feature-visual{height:205px;position:relative;margin-bottom:26px;overflow:hidden}.feature-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(#07111666,transparent 45%,#0a161c)}.feature-visual img{width:100%;height:100%;object-fit:cover;transition:transform 1s,filter 1s;filter:saturate(.85)}.feature:hover .feature-visual img{transform:scale(1.07);filter:saturate(1.15)}.feature:nth-child(3) .feature-visual img{object-position:center 35%}.feature h3,.feature p,.feature-tag{margin-left:25px;margin-right:25px}.feature p{min-height:105px}.portal-art{position:relative;max-width:320px;aspect-ratio:4/5;overflow:hidden;border:1px solid #5b9ebc55;box-shadow:0 0 70px #2299d719;margin:26px 0 12px}.portal-art img{width:100%;height:100%;object-fit:cover;display:block}.portal-halo{position:absolute;left:16%;right:16%;top:22%;bottom:19%;border:1px solid #a6f3ff99;border-radius:50%;box-shadow:0 0 15px #64dfff55,inset 0 0 22px #64dfff44;animation:portal-breathe 4s ease-in-out infinite;pointer-events:none}.steps{align-self:center}.lightning{animation:gentle-electric 4s ease-in-out infinite alternate}.final-cta{min-height:430px}.final-cta .overline,.final-cta h2{text-shadow:0 2px 35px #000}.portal-art:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 80%,#07111688);pointer-events:none}@keyframes portal-breathe{50%{opacity:.35;transform:scale(1.025);box-shadow:0 0 30px #64dfff77,inset 0 0 30px #64dfff55}}@keyframes gentle-electric{from{opacity:.08}to{opacity:.35}}@media(max-width:680px){.feature-visual{height:210px}.feature h3,.feature p,.feature-tag{margin-left:23px;margin-right:23px}.feature p{min-height:0}.portal-art{max-width:none;width:100%;margin-top:26px}.journey{gap:45px}.final-cta{min-height:380px}}
@media(prefers-reduced-motion:reduce){.magic-canvas{display:none}.hero-art{will-change:auto;transform:none!important}.hero h1{background:none;color:var(--ink)}.reveal{filter:none;transform:none;opacity:1}.hero:before{display:none}.portal-halo{animation:none}}