/* Finansowe ADHD: light, depth and a paced story. No content depends on animation. */
.hero{position:relative;isolation:isolate}.hero::before,.hero::after{content:"";position:absolute;pointer-events:none;z-index:-1}
.hero::before{width:1000px;height:850px;right:-240px;top:-260px;background:radial-gradient(ellipse at 35% 40%,#14745a5c,transparent 58%),radial-gradient(ellipse at 80% 80%,#d4ee8d25,transparent 55%);filter:blur(35px)}
.hero::after{inset:0;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent,black);opacity:.65}
.fa-motion-on.fa-hero-in-view .hero::before{animation:fa-aurora 13s ease-in-out infinite alternate}
.hero-copy,.hero-image{animation:none}.hero h1>.fa-title-line{display:block;overflow:hidden;color:inherit;padding-bottom:.09em;margin-bottom:-.09em}.hero h1 .fa-title-content{display:block;color:inherit}
.fa-motion-on .fa-title-content{animation:fa-title 1.05s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--line-index)*130ms)}
.fa-motion-on .hero .eyebrow{animation:fa-enter .8s both}.fa-motion-on .hero-description{animation:fa-enter .9s .4s both}.fa-motion-on .hero-actions{animation:fa-enter .9s .55s both}
.hero-image{transform:perspective(1200px) rotate(1.2deg) rotateX(var(--fa-rx,0deg)) rotateY(var(--fa-ry,0deg));transition:transform .45s ease,box-shadow .5s;box-shadow:0 35px 90px #0005,0 0 0 1px #ffffff1c}
.fa-motion-on.fa-hero-in-view .hero-image{animation:fa-float 7s ease-in-out 1.1s infinite}
.hero-image img{translate:0 var(--fa-shift,0px);scale:1.035;transition:translate .3s ease-out,scale .9s cubic-bezier(.2,.7,.3,1)}
/* Keep the table photo inside its box so it cannot cover the caption. */
.table-image img{translate:none;scale:1}
.table-image{transform:perspective(1600px) rotateX(var(--fa-rx,0deg)) rotateY(var(--fa-ry,0deg));transition:transform .5s ease,box-shadow .5s}
.fa-motion-on .fa-reveal{transition:opacity .85s ease,translate .85s cubic-bezier(.16,1,.3,1),transform .6s,box-shadow .4s;transition-delay:var(--fa-delay,0ms)}
.fa-motion-on .fa-reveal:not(.is-visible){opacity:0;translate:0 36px}
.fa-motion-on .table-image.fa-reveal:not(.is-visible){translate:0 50px;scale:.97}.fa-motion-on .table-image.fa-reveal{transition:opacity 1s,translate 1s cubic-bezier(.16,1,.3,1),scale 1s,transform .5s}
.facts strong{font-variant-numeric:tabular-nums}.facts>div{position:relative}.facts>div::after{content:"";position:absolute;left:0;bottom:-12px;width:34px;height:2px;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform .7s .35s}.facts>div.is-visible::after{transform:scaleX(1)}
.mechanics article,.market-grid article,.progress-list article,.roadmap>li,.roadmap>.roadmap-step{transition:transform .35s,box-shadow .35s,border-color .35s;background-color:transparent}
.number{transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s}.topic{transition:letter-spacing .35s}
.difference h2 span{background-repeat:no-repeat;background-size:100% 100%}.fa-motion-on .difference:not(.is-visible) h2 span{background-size:0% 100%}.fa-motion-on .difference h2 span{transition:background-size 1.1s .35s}
.roadmap{position:relative}.roadmap::before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--lime),#d4ee8d,#ac6417);transform:scaleX(var(--fa-road,0));transform-origin:left;transition:transform .4s ease-out}
.button,.fa-cta .wp-block-button__link{position:relative;overflow:hidden;isolation:isolate;transition:transform .25s,box-shadow .3s}
.button::after,.fa-cta .wp-block-button__link::after{content:"";position:absolute;inset:-70% -80%;background:linear-gradient(105deg,transparent 40%,#ffffff6e 50%,transparent 60%);transform:translateX(-70%);pointer-events:none}
.fa-motion-on.fa-hero-in-view .hero .button::after,.fa-motion-on.fa-hero-in-view .hero .fa-cta a::after{animation:fa-sheen 7s ease-in-out 2s infinite}
.nav a:not(.brand){position:relative}.nav nav a::after,.fa-navigation a::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform .3s}.nav a.is-current::after,.nav a:hover::after{transform:scaleX(1)}
.contact-box{position:relative;isolation:isolate;overflow:hidden;transition:box-shadow .4s,transform .4s}.contact-box::after{content:"";position:absolute;width:180px;height:180px;right:-90px;top:-110px;border:1px solid #14745a35;border-radius:50%;box-shadow:0 0 0 30px #14745a08,0 0 0 60px #14745a05;z-index:-1;transition:scale .6s}.contact-box a span,.nav-contact span{display:inline-block;transition:transform .3s}
.fa-reading-progress{position:fixed;z-index:99990;top:0;left:0;height:3px;width:100%;background:linear-gradient(90deg,#14745a,#d4ee8d,var(--lime));transform:scaleX(0);transform-origin:left;pointer-events:none}
.admin-bar .fa-reading-progress{top:32px}.fa-motion-toggle{position:fixed;z-index:9990;right:20px;bottom:20px;display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 14px;border:1px solid #cbd4bb;background:#fffffff2;backdrop-filter:blur(12px);border-radius:100px;box-shadow:0 4px 18px #102c2312;color:#20362b;font:500 12px/1.2 'DM Sans',sans-serif;cursor:pointer}.fa-motion-icon{width:12px;height:12px;border-left:3px solid currentColor;border-right:3px solid currentColor}.fa-motion-off .fa-motion-icon{height:0;width:0;border:6px solid transparent;border-left:9px solid currentColor;border-right:0}.fa-motion-toggle:disabled{opacity:.7;cursor:default}.fa-motion-toggle:focus-visible{outline:3px solid #14745a;outline-offset:4px}
@media(hover:hover) and (pointer:fine){.fa-motion-on .hero-image:hover{box-shadow:0 40px 110px #0006,0 0 45px #14745a20}.fa-motion-on .mechanics article:hover,.fa-motion-on .market-grid article:hover,.fa-motion-on .roadmap>li:hover,.fa-motion-on .roadmap>.roadmap-step:hover{transform:translateY(-8px);border-color:var(--blue)}.fa-motion-on .mechanics article:hover .number{transform:rotate(-10deg) scale(1.14);box-shadow:0 6px 18px #20362b15}.fa-motion-on .mechanics article:hover .topic{letter-spacing:.16em}.fa-motion-on .progress-list article:hover{transform:translateX(6px)}.fa-motion-on .contact-box:hover{transform:translateY(-5px);box-shadow:0 18px 50px #14745a15}.fa-motion-on .contact-box:hover::after{scale:1.25}.fa-motion-on .contact-box a:hover span,.fa-motion-on .nav-contact:hover span{transform:translate(3px,-3px)}.fa-motion-on .button:hover,.fa-motion-on .fa-cta a:hover{transform:translateY(-4px);box-shadow:0 10px 32px #d4ee8d30}}
@keyframes fa-aurora{from{transform:translate(-4%,0) rotate(-8deg)}to{transform:translate(7%,10%) rotate(10deg)}}
@keyframes fa-title{from{transform:translateY(115%) rotate(3deg);opacity:0}to{transform:translateY(0) rotate(0);opacity:1}}
@keyframes fa-enter{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@keyframes fa-float{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes fa-sheen{0%,65%{transform:translateX(-70%)}85%,100%{transform:translateX(70%)}}
.fa-tab-hidden *, .fa-tab-hidden *::before,.fa-tab-hidden *::after{animation-play-state:paused!important}
.fa-motion-off *,.fa-motion-off *::before,.fa-motion-off *::after{animation:none!important;transition:none!important}.fa-motion-off .hero-image,.fa-motion-off .table-image{transform:none}.fa-motion-off .hero-image img,.fa-motion-off .table-image img{translate:none;scale:1}.fa-motion-off .fa-reveal{opacity:1;translate:none}.fa-motion-off{scroll-behavior:auto}
@media(max-width:700px){.hero::before{width:700px;height:700px;right:-320px;top:-60px;filter:blur(20px)}.hero::after{background-size:48px 48px}.hero-image{transform:none}.fa-motion-on.fa-hero-in-view .hero-image{animation:none}.fa-motion-toggle{bottom:12px;right:12px;padding:10px 12px}.fa-motion-on .fa-reveal:not(.is-visible){translate:0 24px}.roadmap::before{width:2px;height:100%;transform:scaleY(var(--fa-road,0));transform-origin:top;left:-12px}}
@media(max-width:782px){.admin-bar .fa-reading-progress{top:46px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-image,.table-image{transform:none}.hero-image img,.table-image img{translate:none;scale:1}.fa-reveal{opacity:1!important;translate:none!important}}
