/* ===== ADWELD FX — warstwa wizualna v10 (ładowana po style.css) ===== */
@font-face{font-family:Unbounded;font-style:normal;font-weight:500 700;font-display:swap;src:url(/assets/fonts/unbounded-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}
@font-face{font-family:Unbounded;font-style:normal;font-weight:500 700;font-display:swap;src:url(/assets/fonts/unbounded-latin-ext.woff2) format("woff2");unicode-range:u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}
@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/fonts/manrope-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}
@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/fonts/manrope-latin-ext.woff2) format("woff2");unicode-range:u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}

:root{
  --bg:#07080B;--bg-2:#0B0D12;--surface:rgba(255,255,255,.045);--surface-2:rgba(255,255,255,.07);--line:rgba(255,255,255,.09);
  --ink:#F6F4F1;--muted:#A3A7AE;--arc-1:#FF4D1A;--arc-2:#FF9A1F;
  --grad-arc:linear-gradient(120deg,#FF4D1A 0%,#FF7A1A 45%,#FFB547 100%);--grad-text:var(--grad-arc);
  --solid:#101218;--r:24px;--r-lg:36px;--pill:999px;--fx-ease:cubic-bezier(.16,1,.3,1);--glass:saturate(160%) blur(22px);
}
:root[data-theme="light"]{--bg:#F4F1EC;--bg-2:#EEEAE3;--surface:rgba(255,255,255,.65);--surface-2:rgba(255,255,255,.85);--line:rgba(20,20,30,.1);--ink:#16171C;--muted:#555A63;--solid:#FFFFFF;
  --arc-1:#C93B0A;--arc-2:#A85A00;--grad-text:linear-gradient(120deg,#C93B0A,#E0660F 50%,#B86A00)}
body{font-family:Manrope,Inter,system-ui,sans-serif;background:var(--bg)}
h1,h2,h3,h4,.logo,.counter,.trust b,.proc li,.card .num{font-family:Unbounded,"Space Grotesk",sans-serif!important}
h1,h2{font-weight:600;letter-spacing:-.03em;line-height:1.02}
h3{font-weight:600;letter-spacing:-.015em}
.gradtext{background-size:200% 100%;animation:fxflow 6s linear infinite}
@keyframes fxflow{to{background-position:200% 0}}

/* żywe tło */
.fx-aura{position:fixed;inset:-20vmax;z-index:-2;pointer-events:none;filter:blur(80px);opacity:.55}
.fx-aura i{position:absolute;border-radius:50%;mix-blend-mode:screen;animation:fxdrift 28s var(--fx-ease) infinite alternate}
.fx-aura i:nth-child(1){width:48vmax;height:48vmax;left:10%;top:0;background:radial-gradient(circle,#FF4D1A,transparent 65%)}
.fx-aura i:nth-child(2){width:40vmax;height:40vmax;right:5%;top:30%;background:radial-gradient(circle,#FF9A1F,transparent 65%);animation-delay:-9s}
.fx-aura i:nth-child(3){width:38vmax;height:38vmax;left:30%;bottom:-5%;background:radial-gradient(circle,#2B5BFF,transparent 65%);opacity:.5;animation-delay:-17s}
@keyframes fxdrift{to{transform:translate3d(8vmax,-6vmax,0) scale(1.15)}}
:root[data-theme="light"] .fx-aura{opacity:.22}:root[data-theme="light"] .fx-aura i{mix-blend-mode:multiply}
.fx-grain{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.fx-glow{position:fixed;left:0;top:0;width:520px;height:520px;border-radius:50%;pointer-events:none;z-index:-1;background:radial-gradient(circle,rgba(255,122,26,.16),transparent 60%);transform:translate(-999px,-999px)}
@media (hover:none){.fx-glow{display:none}}

/* tła sekcji przezroczyste, by było widać aurę */
.hero,.trust,.sec[style*="surface"],footer.site{background:transparent!important}
.sec[style*="surface"]{background:transparent!important}

/* topbar + nagłówek: pływająca wyspa */
.topbar{background:transparent;border:0}
header.site{top:calc(10px + env(safe-area-inset-top,0px));background:transparent!important;border:0!important;backdrop-filter:none!important;padding:0 12px;box-shadow:none}
header.site>.shell{min-height:66px;background:rgba(16,18,24,.55);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);border:1px solid var(--line);border-radius:var(--pill);padding:0 10px 0 24px;box-shadow:0 10px 40px rgba(0,0,0,.25);width:min(1240px,100%)}
:root[data-theme="light"] header.site>.shell{background:rgba(255,255,255,.75)}
header.site nav.main{gap:0!important}
header.site nav.main a{border-radius:var(--pill);padding:8px 9px!important;font-size:.87rem;white-space:nowrap;transition:background .3s,color .3s}
header.site nav.main a:hover,header.site nav.main a[aria-current]{background:var(--surface-2)}
.logo{display:inline-flex;align-items:center;letter-spacing:-.02em!important;font-size:1.15rem!important}
.logo::before{content:"";margin-right:10px;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#FFE3A8,#FF7A1A 45%,#C8260A 80%);box-shadow:0 0 18px rgba(255,122,26,.8);animation:fxpulse 3s ease-in-out infinite}
@keyframes fxpulse{50%{box-shadow:0 0 30px rgba(255,150,40,1)}}
.theme-btn,.menu-btn{border-radius:50%!important;border:0!important;background:var(--surface-2)!important}
.drawer{margin-top:10px;border:1px solid var(--line)!important;border-radius:var(--r);background:rgba(16,18,24,.92)!important;backdrop-filter:var(--glass);overflow:hidden}
:root[data-theme="light"] .drawer{background:rgba(255,255,255,.96)!important}
.drawer .shell{padding:8px 4px 16px}
.drawer a{border-bottom:0;border-radius:16px;padding:10px 16px}
.drawer a[aria-current]{box-shadow:none;background:var(--surface-2);padding-left:16px}

/* przyciski: płynne pigułki z błyskiem */
.btn{border-radius:var(--pill)!important;position:relative;overflow:hidden;isolation:isolate;font-family:Manrope,Inter,sans-serif;font-weight:700;transition:transform .5s var(--fx-ease),box-shadow .5s var(--fx-ease),border-color .3s}
.btn-primary{background:var(--grad-arc)!important;color:#1A0A02!important;box-shadow:0 8px 30px rgba(255,90,26,.35),inset 0 1px 0 rgba(255,255,255,.5)}
.btn-primary::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-120%);transition:transform .9s var(--fx-ease)}
.btn-primary:hover::after{transform:translateX(120%)}
.btn-primary:hover{box-shadow:0 14px 50px rgba(255,90,26,.55),inset 0 1px 0 rgba(255,255,255,.5)}
.btn-outline{background:var(--surface)!important;backdrop-filter:var(--glass);border:1px solid var(--line)!important}
.btn-outline:hover{border-color:rgba(255,154,31,.6)!important}
.btn:active{transform:scale(.97)}

/* szklane karty z reflektorem */
.card,.tablewrap,.note,.modal>div,.toast{background:var(--surface)!important;backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);border:1px solid var(--line)!important;border-radius:var(--r)!important}
.card{padding:30px;transition:transform .6s var(--fx-ease)}
.card:hover{transform:translateY(-6px)}
.card::before{inset:0!important;height:auto!important;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(255,140,40,.18),transparent 45%)!important;transition:opacity .4s}
.card.poly::before{background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(47,227,200,.16),transparent 45%)!important}
.card.doc::before{background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(124,107,255,.18),transparent 45%)!important}
.card::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;background:radial-gradient(300px circle at var(--mx,50%) var(--my,50%),rgba(255,160,60,.85),transparent 40%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s}
.card:hover::before,.card:hover::after{opacity:1}
.card.invert{background:radial-gradient(120% 140% at 100% 0%,rgba(255,122,26,.45),transparent 55%),radial-gradient(90% 120% at 0% 100%,rgba(43,91,255,.3),transparent 60%),var(--solid)!important}
.card .num{letter-spacing:.02em!important;font-size:.72rem!important;opacity:.9}
.card .go{display:inline-flex;align-items:center;gap:10px}
.note{border-left:1px solid var(--line)!important}

/* chipy, procesy, trust */
.chip,.proc li{border-radius:var(--pill)!important;background:var(--surface-2)!important;border:1px solid var(--line)!important;backdrop-filter:var(--glass)}
.trust .shell{gap:14px;padding:26px 0}
.trust span{border:1px solid var(--line)!important;border-radius:20px;padding:16px 18px!important;background:var(--surface);backdrop-filter:var(--glass)}
.counter{background:var(--grad-arc);-webkit-background-clip:text;background-clip:text;color:transparent!important;letter-spacing:-.04em}
.kicker{letter-spacing:.04em!important;text-transform:none!important;font-size:.85rem!important;font-weight:600!important}
.kicker::before{width:22px!important;height:8px!important;border-radius:4px}

/* hero z palnikiem */
.hero{position:relative;overflow:hidden}
.hero>.shell{position:relative;z-index:1}
.fx-torch{position:absolute;inset:0;width:100%;height:100%;z-index:0;touch-action:pan-y}
.hero h1{font-size:clamp(1.85rem,3.6vw,3.3rem)!important;line-height:1.04}
h1{font-size:clamp(1.9rem,3.6vw,3.2rem)}
h2{font-size:clamp(1.5rem,2.8vw,2.4rem)}
header.site .head-act{gap:8px}
header.site>.shell{gap:10px}
.fx-hint{display:inline-flex;align-items:center;gap:10px;margin-top:18px;color:var(--muted);font-size:.85rem}
.fx-hint i{width:28px;height:28px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-style:normal}
@media (hover:none){.fx-hint .fx-m{display:none}}
#hero3d{border-radius:var(--r-lg);overflow:hidden}

/* taśma z metodami */
.fx-marq{overflow:hidden;padding:30px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.fx-marq div{display:flex;gap:56px;width:max-content;animation:fxmq 40s linear infinite}
.fx-marq span{font:600 clamp(1.4rem,3vw,2.4rem)/1 Unbounded,sans-serif;color:transparent;-webkit-text-stroke:1px var(--muted);white-space:nowrap;letter-spacing:-.02em}
.fx-marq span:nth-child(3n+1){color:var(--ink);-webkit-text-stroke:0}
.fx-marq b{font-weight:600;background:var(--grad-arc);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:0}
@keyframes fxmq{to{transform:translateX(-50%)}}

/* wejście z rozmyciem */
.js .rv{filter:blur(6px);transform:translateY(28px);transition:opacity 1s var(--fx-ease),transform 1s var(--fx-ease),filter 1s var(--fx-ease)!important}
.js .rv.in{filter:none;transform:none}

/* kroki: rozgrzewający się łańcuch */
.step::before{border-radius:50%!important;background:var(--surface-2)!important;transition:all .6s var(--fx-ease)}
.step.fx-on::before{background:var(--grad-arc)!important;color:#1A0A02!important;box-shadow:0 0 24px rgba(255,122,26,.7)}

/* FAQ, formularze */
details.faq{background:var(--surface);border:1px solid var(--line)!important;border-radius:18px;margin-bottom:10px;padding:0 20px;backdrop-filter:var(--glass);transition:border-color .3s}
details.faq[open]{border-color:rgba(255,154,31,.35)!important}
details.faq summary::after{content:"+"!important;width:30px;height:30px;border-radius:50%;background:var(--surface-2);display:grid;place-items:center;flex:none;transition:transform .5s var(--fx-ease)}
details.faq[open] summary::after{transform:rotate(135deg)}
input,select,textarea{border-radius:16px!important;background:var(--surface)!important;backdrop-filter:var(--glass);transition:border-color .3s,box-shadow .3s}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--arc-2)!important;box-shadow:0 0 0 4px rgba(255,154,31,.18)}
table th,table td{border-color:var(--line)!important}
table tbody tr{transition:background .3s}table tbody tr:hover{background:var(--surface-2)}

/* pasek mobilny: pływająca pigułka */
@media(max-width:999px){
  .bar{left:10px!important;right:10px!important;bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;padding:6px!important;border-radius:var(--pill);border:1px solid var(--line);background:rgba(16,18,24,.78)!important;backdrop-filter:var(--glass)!important;-webkit-backdrop-filter:var(--glass)!important;box-shadow:0 10px 40px rgba(0,0,0,.4);gap:6px!important}
  :root[data-theme="light"] .bar{background:rgba(255,255,255,.88)!important}
  .bar .btn{min-height:48px!important}
  header.site>.shell{background:rgba(16,18,24,.82)}
}

/* stopka */
footer.site{padding:40px 0 30px}
footer.site>.shell,footer.site .shell:first-child{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(28px,5vw,56px);backdrop-filter:var(--glass)}
.fx-word{font:700 clamp(3rem,15vw,12rem)/.85 Unbounded,sans-serif;letter-spacing:-.05em;text-align:center;margin:36px 0 0;background:linear-gradient(180deg,var(--line),transparent);-webkit-background-clip:text;background-clip:text;color:transparent;user-select:none}
#progress{height:3px;box-shadow:0 0 12px #FF7A1A}

@media (prefers-reduced-motion:reduce){
  .fx-aura i,.fx-marq div,.gradtext,.logo::before{animation:none!important}
  .js .rv{filter:none!important;transform:none!important}
}