.fx-stage{position:relative;isolation:isolate}.fx-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.9}.fx-stage>img{position:relative;z-index:1}.fx-stage>.canvas-note,.fx-stage>.hero-art-top,.fx-stage>.hero-art-bottom,.fx-stage>.preview-footer{z-index:2}.fx-surface{--fx-x:50%;--fx-y:50%;--fx-dx:0px;--fx-dy:0px;--fx-rx:0deg;--fx-ry:0deg}.hero-emblem,.story-hero-art{transition:transform .7s cubic-bezier(.2,.8,.2,1),box-shadow .7s;transform-style:preserve-3d}.hero-emblem.fx-pointer-active,.story-hero-art.fx-pointer-active{transform:perspective(1400px) rotateX(var(--fx-rx)) rotateY(var(--fx-ry));box-shadow:0 30px 60px #153f3926}.hero-emblem>img,.story-hero-art>img{translate:var(--fx-dx,0px) var(--fx-dy,0px);transition:translate .7s cubic-bezier(.2,.8,.2,1)}.hero-emblem::after,.story-hero-art::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at var(--fx-x,50%) var(--fx-y,50%),#fff2d218,transparent 60%);z-index:2;opacity:0;transition:opacity .7s}.hero-emblem.fx-pointer-active::after,.story-hero-art.fx-pointer-active::after{opacity:1}.emblem-fold{transform-origin:60% 40%}.hero-emblem.fx-pointer-active .emblem-fold{translate:calc(var(--fx-dx)*-1) calc(var(--fx-dy)*-1);transition:translate .8s}.fx-heading-wind{position:absolute;right:0;bottom:0;width:min(35%,350px);height:170px;pointer-events:none;opacity:.3;z-index:-1}.page-heading,.intro{isolation:isolate;position:relative}.fx-heading-wind path{stroke:#c65c48;stroke-width:1.1;fill:none;stroke-dasharray:650;stroke-dashoffset:0}.fx-heading-wind path+path{stroke:#bc9652;stroke-width:.7}.intro .fx-heading-wind{opacity:.14;right:10%}.brand-current{overflow:hidden;border-bottom:1px solid #a5c3a42b;padding:19px 0;display:flex;user-select:none;pointer-events:none;contain:paint}.brand-current-track{display:flex;flex:none;min-width:100%;justify-content:space-around;gap:70px;padding-right:70px;color:#b1c8ad;font:18px/1.5 var(--serif);letter-spacing:4px;white-space:nowrap}.brand-current-track>span{color:#eabf72}.brand-current-track>i{font:10px/2 Arial;color:#c65c48;align-self:center;font-style:normal;letter-spacing:2px}.brand-current-track>em{font-size:10px;font-family:Arial;color:#789b83;font-style:normal;letter-spacing:3px;align-self:center}.card-art{isolation:isolate}.card-art::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 20%,#fff2d229 46%,#fff2d24a 50%,transparent 62%);translate:-140% 0;z-index:3;transition:translate .8s cubic-bezier(.2,.6,.3,1)}.resource-card:hover .card-art::after{translate:140% 0}.resource-card,.tutorial-card,.app-card{transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .6s,border-color .4s}.resource-card.fx-pointer-active,.tutorial-card.fx-pointer-active{transform:perspective(1400px) rotateX(var(--fx-rx)) rotateY(var(--fx-ry)) translateY(-6px);box-shadow:0 20px 40px #153f3917}.resource-card .card-body{position:relative;background-image:radial-gradient(circle at var(--fx-x) var(--fx-y),#eabf721a,transparent 65%)}.app-card.fx-pointer-active{transform:translateY(-5px);box-shadow:0 16px 35px #153f391c}.guide-feature.fx-pointer-active{background-image:radial-gradient(circle at var(--fx-x) var(--fx-y),#eabf7230,transparent 70%)}.button,.download-primary,.layout-switch button,.filter-list button,.surface-options button{position:relative;overflow:hidden}.fx-ripple{position:absolute;width:400px;height:400px;border-radius:50%;pointer-events:none;background:#fff2d2;z-index:5;opacity:0}.button .icon,.text-link .icon,.guide-row>.icon,.category-title>.icon:last-child{transition:translate .35s,transform .35s}.button:hover .icon,.text-link:hover .icon,.guide-row:hover>.icon{translate:5px 0}.hero-story-link>span{display:inline-block;transition:transform .4s}.hero-story-link:hover>span{transform:translate(3px,-3px)}.brand-credo>div{position:relative}.brand-credo>div::after{content:'';position:absolute;bottom:-10px;left:38px;width:25px;height:1px;background:#c65c48;transform:scaleX(0);transform-origin:left}.journey-cta::before,.brand-download::before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,#fff2d22e 48%,transparent 70%);translate:-130% 0;pointer-events:none}.brand-download{position:relative;overflow:hidden}.journey-cta[data-fx-seen=true]::before,.brand-download[data-fx-seen=true]::before{animation:fx-sword-light 1.8s ease-out both}.qn-footer-brand>a{transition:filter .4s}.qn-footer-brand>a:hover{filter:drop-shadow(0 0 12px #eabf7228)}
body[data-page-motion=on] .brand-current-track{animation:fx-current 35s linear infinite}body[data-page-motion=on] .fx-heading-wind path{animation:fx-wind-write 12s ease-in-out infinite}body[data-page-motion=on] .fx-heading-wind path+path{animation-delay:-3s}body[data-page-motion=on] .emblem-fold{animation:fx-fold-breathe 16s ease-in-out infinite}body[data-page-motion=on] .hero-copy h1 em::after{animation:fx-red-stroke 1.3s .7s cubic-bezier(.2,.8,.2,1) both;transform-origin:left}body[data-page-motion=on] .hero-eyebrow>span{animation:fx-seal-settle .9s .2s both}body[data-page-motion=on] .brand-credo[data-fx-seen=true]>div::after{animation:fx-red-stroke .8s .2s ease-out both}body[data-page-motion=on] .brand-credo[data-fx-seen=true]>div:nth-of-type(2)::after{animation-delay:.4s}body[data-page-motion=on] .brand-credo[data-fx-seen=true]>div:nth-of-type(3)::after{animation-delay:.6s}
@keyframes fx-current{to{transform:translateX(-100%)}}@keyframes fx-wind-write{0%,100%{stroke-dashoffset:0;opacity:.45}45%{stroke-dashoffset:190;opacity:1}70%{stroke-dashoffset:0;opacity:.6}}@keyframes fx-fold-breathe{0%,100%{scale:1;opacity:.9}50%{scale:1.04;opacity:1}}@keyframes fx-red-stroke{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes fx-seal-settle{0%{opacity:0;transform:translateY(-10px) scale(1.15);filter:blur(2px)}100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes fx-sword-light{to{translate:130% 0}}
body[data-page-motion=off] .fx-canvas,body[data-fx-state=hidden] .fx-canvas{opacity:0}body[data-page-motion=off] .fx-surface{transform:none!important}body[data-page-motion=off] .fx-stage>img{translate:none}body[data-page-motion=off] .hero-emblem::after,body[data-page-motion=off] .story-hero-art::after{opacity:0}body[data-page-motion=off] .brand-current-track{transform:none}body[data-page-motion=off] .fx-heading-wind path{stroke-dashoffset:0}body[data-page-motion=off] .card-art::after{display:none}
@media(max-width:800px){.brand-current-track{font-size:16px;gap:40px;padding-right:40px;letter-spacing:3px}.brand-current-track>em{display:none}.brand-current{padding-block:16px}.fx-heading-wind{width:45%;height:140px;opacity:.2}}
@media(max-width:520px){.brand-current-track{font-size:15px;gap:30px;padding-right:30px;letter-spacing:2px}.brand-current-track>i{font-size:8px;letter-spacing:1px}.brand-current{padding-block:17px}.fx-heading-wind{width:45%;opacity:.15}.brand-credo>div::after{left:0}}
@media(hover:none),(pointer:coarse){.fx-surface{transform:none!important}.fx-stage>img{translate:none}.hero-emblem::after{display:none}.resource-card:hover .card-art::after{translate:-140% 0}}
@media(prefers-reduced-motion:reduce){.fx-canvas{display:none}.fx-surface{transform:none!important}.fx-stage>img{translate:none}.brand-current-track{animation:none!important}.card-art::after{display:none}.fx-heading-wind path{animation:none!important}.hero-emblem::after,.story-hero-art::after{display:none}}
@media print{.brand-current,.fx-canvas,.fx-heading-wind,.fx-ripple{display:none}}