.arcana-how-workspace{z-index:3;text-align:center;align-content:center;width:min(100%,1280px);height:100%;min-height:0;margin-inline:auto;padding:clamp(1.15rem,2.6svh,2.4rem) clamp(1rem,3.6vw,3.5rem) clamp(1rem,2.4svh,2rem);display:grid;position:relative}.arcana-how-header{flex-direction:column;align-self:start;align-items:center;display:flex}.arcana-how-title{color:var(--arcana-gold-bright,#f1d58b);letter-spacing:0;text-shadow:0 1px #ffffff14,0 0 26px #8055ff38;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.4rem,5.2vw,6.2rem);font-weight:500;line-height:.92}.arcana-how-subtitle{color:var(--arcana-gold-bright,#f1d58b);align-items:center;gap:.9rem;margin:1rem 0 0;font-size:clamp(1rem,1.2vw,1.3rem);line-height:1.35;display:flex}.arcana-how-subtitle:before,.arcana-how-subtitle:after{content:"";background:linear-gradient(90deg,#0000,#f1d58bb3,#0000);width:clamp(3rem,7vw,6rem);height:1px}.arcana-how-divider{width:min(28rem,72vw);height:1.75rem;margin-top:.35rem;position:relative}.arcana-how-divider:before,.arcana-how-divider:after{content:"";background:linear-gradient(90deg,#0000,#d9b76c7a,#0000);height:1px;position:absolute;top:50%;left:0;right:0}.arcana-how-divider:after{background:#050716db;border:1px solid #f1d58bb8;width:.62rem;height:.62rem;left:50%;right:auto;transform:translate(-50%,-50%)rotate(45deg)}.arcana-how-intro{color:#f4efe5c7;width:min(100%,34rem);margin:0 auto;font-size:clamp(.95rem,1.02vw,1.1rem);line-height:1.65}.arcana-how-steps{grid-template-columns:repeat(4,minmax(0,1fr));align-self:center;align-items:stretch;gap:clamp(.9rem,2vw,2.25rem);width:min(100%,980px);margin:clamp(1rem,2svh,1.7rem) auto 0;display:grid}.arcana-how-step-group{min-width:0;display:flex;position:relative}.arcana-how-step-arrow{z-index:1;filter:drop-shadow(0 0 8px #f1d58b42);background:linear-gradient(90deg,#0000,#f1d58bdb,#0000);width:clamp(1.1rem,1.4vw,1.45rem);height:1px;position:absolute;top:50%;left:calc(100% + clamp(.9rem,2vw,2.25rem)/2 - clamp(1.1rem,1.4vw,1.45rem)/2)}.arcana-how-step-arrow:after{content:"";border-top:2px solid #f1d58be6;border-right:2px solid #f1d58be6;width:.65rem;height:.65rem;position:absolute;top:50%;right:0;transform:translateY(-50%)rotate(45deg)}.arcana-how-step-card{background:radial-gradient(circle at 50% 20%,#8055ff29,#0000 40%),#04061494;border:1px solid #d9b76c3d;border-radius:.7rem;flex-direction:column;flex:auto;align-items:center;height:100%;min-height:clamp(16rem,26svh,19rem);padding:clamp(1.05rem,1.5vw,1.35rem);display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #8055ff1c,0 18px 36px #00000042}.arcana-how-step-card:before{content:"";z-index:3;pointer-events:none;background-image:url(/images/border-square.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0}.arcana-how-step-card>*{z-index:2;position:relative}.arcana-how-step-orb{--arcana-how-step-icon:none;aspect-ratio:1;width:clamp(5.2rem,7vw,7rem);color:var(--arcana-gold-bright,#f1d58b);background:radial-gradient(circle at 50% 45%,#8055ff52,#0000 62%),#040614c7;border:1px solid #f1d58bad;border-radius:999px;place-items:center;display:grid;position:relative;box-shadow:inset 0 0 0 1px #8055ff24,0 0 24px #8055ff2e}.arcana-how-step-orb:before{content:"";z-index:2;border-radius:inherit;background-image:var(--arcana-how-step-icon);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0}.arcana-how-step-orb svg,.arcana-how-benefit-icon svg{z-index:1;fill:none;stroke:currentColor;stroke-width:1.35px;stroke-linecap:round;stroke-linejoin:round;width:56%;height:56%;position:relative}.arcana-how-step-number{z-index:2;aspect-ratio:1;width:2.15rem;color:var(--arcana-gold-bright,#f1d58b);background:#040614e0;border:1px solid #f1d58bd1;border-radius:.35rem;place-items:center;margin-top:-.55rem;font-family:Georgia,Times New Roman,serif;font-size:1.05rem;display:grid;position:relative;transform:rotate(45deg)}.arcana-how-step-number>span{display:block;transform:rotate(-45deg)}.arcana-how-step-title,.arcana-how-benefit-title{z-index:2;color:var(--arcana-gold-bright,#f1d58b);margin:.9rem 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1rem,1.15vw,1.28rem);font-weight:600;line-height:1.15;position:relative}.arcana-how-step-description,.arcana-how-benefit-description{z-index:2;color:#f4efe5c2;margin:.65rem 0 0;font-size:clamp(.82rem,.84vw,.96rem);line-height:1.55;position:relative}.arcana-how-benefits{background:radial-gradient(circle at 50% 0,#8055ff1a,#0000 56%),#03051285;border:1px solid #d9b76c2e;border-radius:1.4rem;grid-template-columns:repeat(5,minmax(0,1fr));width:min(100%,980px);margin:clamp(.9rem,2.2svh,1.8rem) auto 0;display:grid;overflow:hidden;box-shadow:inset 0 1px #f1d58b0f,0 18px 40px #00000038}.arcana-how-benefit{padding:clamp(1.1rem,1.6vw,1.55rem) clamp(.8rem,1.3vw,1.25rem);position:relative}.arcana-how-benefit+.arcana-how-benefit{border-left:1px solid #d9b76c26}.arcana-how-benefit-icon{--arcana-how-benefit-icon:none;aspect-ratio:1;width:clamp(2.75rem,3.2vw,3.55rem);color:var(--arcana-gold-bright,#f1d58b);place-items:center;margin:0 auto;display:grid;position:relative}.arcana-how-benefit-icon:before{content:"";z-index:2;background-image:var(--arcana-how-benefit-icon);background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;inset:0}.arcana-how-benefit-title{margin-top:.75rem;font-size:clamp(.95rem,.95vw,1.12rem)}.arcana-how-benefit-description{font-size:clamp(.76rem,.75vw,.88rem)}.arcana-how-closing{color:var(--arcana-gold-bright,#f1d58b);text-shadow:0 0 18px #8055ff2e;align-self:end;margin:clamp(.9rem,2.4svh,1.75rem) auto 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.25rem,1.7vw,2rem);line-height:1.2}@media (min-width:1024px) and (max-height:1080px){.arcana-how-it-works-canvas .arcana-canvas-content{padding:clamp(.35rem,.85svh,.75rem) clamp(1.35rem,4vw,4rem) clamp(.4rem,.95svh,.8rem)}.arcana-how-it-works-canvas .arcana-how-workspace{align-content:center;row-gap:clamp(.45rem,1svh,.85rem);width:min(100%,1160px);padding:clamp(.2rem,.65svh,.52rem) clamp(.9rem,2.6vw,2.3rem) clamp(.22rem,.7svh,.58rem)}.arcana-how-it-works-canvas .arcana-how-title{font-size:clamp(3rem,4.6vw,5.05rem);line-height:.88}.arcana-how-it-works-canvas .arcana-how-subtitle{margin-top:.5rem;font-size:clamp(.82rem,.84vw,.96rem);line-height:1.25}.arcana-how-it-works-canvas .arcana-how-divider{height:.95rem;margin-top:.1rem}.arcana-how-it-works-canvas .arcana-how-intro{width:min(100%,31rem);font-size:clamp(.78rem,.76vw,.88rem);line-height:1.34}.arcana-how-it-works-canvas .arcana-how-steps{gap:clamp(.65rem,1.1vw,1rem);width:min(100%,900px);margin-top:clamp(.6rem,1.1svh,.9rem)}.arcana-how-it-works-canvas .arcana-how-step-arrow{width:clamp(.8rem,.9vw,1rem);left:calc(100% + clamp(.65rem,1.1vw,1rem)/2 - clamp(.8rem,.9vw,1rem)/2)}.arcana-how-it-works-canvas .arcana-how-step-card{min-height:clamp(11.6rem,18.8svh,13.4rem);padding:clamp(.72rem,.9vw,.95rem)}.arcana-how-it-works-canvas .arcana-how-step-orb{width:clamp(3.9rem,5vw,5rem)}.arcana-how-it-works-canvas .arcana-how-step-number{border-radius:.28rem;width:1.72rem;margin-top:-.42rem;font-size:.84rem}.arcana-how-it-works-canvas .arcana-how-step-title{margin-top:.55rem;font-size:clamp(.82rem,.82vw,.96rem)}.arcana-how-it-works-canvas .arcana-how-step-description{margin-top:.36rem;font-size:clamp(.62rem,.62vw,.72rem);line-height:1.28}.arcana-how-it-works-canvas .arcana-how-benefits{border-radius:.9rem;width:min(100%,900px);margin-top:clamp(.36rem,.75svh,.6rem)}.arcana-how-it-works-canvas .arcana-how-benefit{padding:clamp(.5rem,.78vw,.7rem) clamp(.45rem,.75vw,.68rem)}.arcana-how-it-works-canvas .arcana-how-benefit-icon{width:clamp(2rem,2.4vw,2.5rem)}.arcana-how-it-works-canvas .arcana-how-benefit-title{margin-top:.38rem;font-size:clamp(.68rem,.68vw,.8rem)}.arcana-how-it-works-canvas .arcana-how-benefit-description{margin-top:.24rem;font-size:clamp(.56rem,.56vw,.66rem);line-height:1.24}.arcana-how-it-works-canvas .arcana-how-closing{margin-top:clamp(.45rem,.95svh,.75rem);font-size:clamp(1.05rem,1.25vw,1.45rem);display:block}}