.da-home{--green:#4d7c0f;color:#18251c;background:#fff;font-family:Arial,sans-serif}.da-container{max-width:1180px;margin:auto;padding:0 24px}.da-section{padding:84px 0}.da-two{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center}.da-hero{padding:88px 0;background:linear-gradient(125deg,#f3f7eb,#fff)}.da-home h1{font-size:clamp(36px,4vw,58px);line-height:1.12;letter-spacing:-2px;margin:16px 0 24px}.da-home h1 span{color:var(--green)}.da-home h2{font-size:clamp(28px,3vw,40px);line-height:1.2;letter-spacing:-1px;margin:12px 0 24px}.da-home h3{font-size:23px;line-height:1.3;margin:20px 0 14px}.da-home p{color:#536055;line-height:1.7}.da-eyebrow{font-size:13px!important;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--green)!important}.da-lead{font-size:20px}.da-intro{font-size:18px;max-width:760px;margin-bottom:32px}.da-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin:28px 0 18px}.da-button{display:inline-flex;justify-content:center;align-items:center;background:var(--green);color:#fff!important;font-weight:700;padding:17px 25px;border-radius:4px;min-height:52px}.da-button:hover{background:#365909}.da-link{color:var(--green);font-weight:700}.da-note,.da-small{font-size:14px!important;line-height:1.6!important}.da-preview{background:#fff;border:1px solid #dce5d5;border-radius:12px;box-shadow:0 24px 70px #26351c12;overflow:hidden}.da-preview-top{display:flex;justify-content:space-between;padding:24px;background:#edf3e5;gap:15px}.da-preview-top span{color:var(--green)}.da-preview-row{display:flex;gap:20px;padding:24px;border-bottom:1px solid #e6ebdf}.da-preview-row>span{font-weight:700;color:var(--green)}.da-preview-row p{margin:4px 0 0;font-size:15px}.da-preview-bottom{padding:18px 24px;margin:0;font-size:14px}.da-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.da-card{border:1px solid #e0e6d9;padding:28px;border-radius:6px}.da-number{font-size:12px;color:var(--green);letter-spacing:1px;font-weight:700}.da-soft{background:#f5f7f1}.da-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.da-steps strong{font-size:21px}.da-steps p{margin:14px 0 0}.da-price{border:2px solid var(--green);border-radius:8px;padding:36px;box-shadow:0 12px 35px #26351c0d}.da-amount{font-size:48px!important;font-weight:700;color:#18251c!important;margin:10px 0 0;line-height:1.2!important}.da-amount span{font-size:17px;font-weight:400;display:block;margin-top:10px}.da-price ul{list-style:none;padding:16px 0;margin:0 0 20px}.da-price li{padding:9px 0;border-bottom:1px solid #edf0e8}.da-price li:before{content:'✓';color:var(--green);margin-right:12px}.da-price .da-button{width:100%}.da-faq{max-width:920px}.da-faq details{padding:20px 0;border-bottom:1px solid #dce3d4}.da-faq summary{cursor:pointer;font-size:19px;font-weight:600;line-height:1.5}.da-faq details p{margin:16px 0 0}.da-contact{text-align:center}.da-contact .da-actions{justify-content:center}.da-home a:focus-visible,.da-home summary:focus-visible{outline:3px solid #84cc16;outline-offset:5px}@media(max-width:991px){.da-two{grid-template-columns:1fr;gap:36px}.da-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.da-section,.da-hero{padding:56px 0}}@media(max-width:600px){.da-grid,.da-steps{grid-template-columns:1fr}.da-container{padding:0 20px}.da-price{padding:25px}.da-home h1{letter-spacing:-1px}.da-preview-top{flex-wrap:wrap}.da-actions{gap:18px}.da-button{width:100%}}

/* ============================================================
   DevApp — sekcja hero: pełnoekranowe tło z budynkiem + animacje
   ============================================================ */
.da-hero{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(120deg,#243b06 0%,#3f5f0c 38%,#4d7c0f 60%,#7ab218 85%,#84cc16 100%)}
.da-hero-bg{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:right center;opacity:.42;mix-blend-mode:luminosity;transform:scale(1.08);transform-origin:center;will-change:transform;animation:da-kenburns 26s ease-in-out infinite alternate;filter:contrast(1.05) saturate(.85)}
.da-hero-overlay{position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(120deg,rgba(20,32,5,.82) 0%,rgba(47,74,9,.62) 40%,rgba(77,124,15,.35) 68%,rgba(132,204,22,.18) 100%)}
.da-hero-grid{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(circle at 28% 42%,#000 0%,transparent 72%);mask-image:radial-gradient(circle at 28% 42%,#000 0%,transparent 72%)}
.da-hero-orb{position:absolute;z-index:-1;border-radius:50%;filter:blur(34px);pointer-events:none}
.da-hero-orb-a{width:340px;height:340px;top:-110px;right:-70px;background:radial-gradient(circle,rgba(217,249,157,.55) 0%,transparent 70%);animation:da-float 14s ease-in-out infinite}
.da-hero-orb-b{width:280px;height:280px;bottom:-90px;left:-70px;background:radial-gradient(circle,rgba(132,204,22,.4) 0%,transparent 70%);animation:da-float 18s ease-in-out infinite reverse}
.da-hero .da-hero-copy{position:relative}

/* wejście treści po lewej — kaskadowo dzięki zmiennej --d */
.da-hero .da-anim{opacity:0;animation:da-fade-up .72s cubic-bezier(.22,.61,.36,1) both;animation-delay:var(--d,0s)}

/* jasny motyw tekstu i CTA na zielonym tle */
.da-hero h1{color:#fff}
.da-hero h1 span{color:#d9f99d}
.da-hero .da-eyebrow{color:#d9f99d!important}
.da-hero .da-hero-copy p{color:rgba(236,253,212,.92)}
.da-hero .da-lead{color:rgba(240,253,222,.96)}
.da-hero .da-note{color:rgba(226,246,196,.8)}
.da-hero .da-link{color:#d9f99d}
.da-hero .da-button{background:#fff;color:#2f4a09!important;box-shadow:0 14px 34px rgba(9,20,2,.35)}
.da-hero .da-button:hover{background:#d9f99d}

/* karta podglądu — „okno aplikacji" z gradientową obwódką */
.da-hero .da-preview{position:relative;background:#fff;border:0;border-radius:16px;overflow:hidden;box-shadow:0 30px 80px rgba(9,20,2,.42);opacity:0;animation:da-pop .8s cubic-bezier(.22,.61,.36,1) .18s both}
.da-hero .da-preview::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(132,204,22,.9),rgba(77,124,15,.35),rgba(132,204,22,.7));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2}
.da-hero .da-preview-top{display:flex;align-items:center;gap:12px;padding:18px 22px;background:linear-gradient(135deg,#2f4a09 0%,#4d7c0f 60%,#65a30d 100%);color:#fff;opacity:0;animation:da-fade-up .5s ease .34s both}
.da-hero .da-preview-dots,.da-demo .da-preview-dots{display:inline-flex;gap:6px;margin-right:auto}
.da-hero .da-preview-dots i,.da-demo .da-preview-dots i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.35)}
.da-hero .da-preview-dots i:nth-child(1),.da-demo .da-preview-dots i:nth-child(1){background:#f87171}
.da-hero .da-preview-dots i:nth-child(2),.da-demo .da-preview-dots i:nth-child(2){background:#fbbf24}
.da-hero .da-preview-dots i:nth-child(3),.da-demo .da-preview-dots i:nth-child(3){background:#bef264}
.da-hero .da-preview-top strong{font-weight:700;letter-spacing:-.2px}
.da-hero .da-preview-top span{color:#fff}
.da-hero .da-preview-top .da-preview-chip,.da-demo .da-preview-top .da-preview-chip{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#eaffcf!important;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:5px 12px}
.da-hero .da-preview-row{display:flex;align-items:flex-start;gap:16px;padding:20px 22px;border-bottom:1px solid #e6ebdf;opacity:0;animation:da-fade-right .55s cubic-bezier(.22,.61,.36,1) both;transition:background .25s ease,transform .25s ease}
.da-hero .da-preview-row:hover{background:#f4f9ea;transform:translateX(4px)}
.da-hero .da-preview-row>span{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#4d7c0f,#84cc16);color:#fff;font-size:13px;font-weight:800;letter-spacing:.5px;box-shadow:0 8px 18px rgba(77,124,15,.28)}
.da-hero .da-preview-row strong{font-size:16px;color:#18251c}
.da-hero .da-preview-row p{margin:4px 0 0;font-size:14px;color:#5b6b57}
.da-hero .da-preview-row:nth-child(2){animation-delay:.44s}
.da-hero .da-preview-row:nth-child(3){animation-delay:.55s}
.da-hero .da-preview-row:nth-child(4){animation-delay:.66s}
.da-hero .da-preview-bottom{padding:16px 22px;margin:0;font-size:14px;color:#4c5c48;background:#f7faf1;border-top:1px solid #e6ebdf;opacity:0;animation:da-fade-up .5s ease .78s both}

/* delikatny błysk na przycisku CTA */
.da-hero .da-button{position:relative;overflow:hidden}
.da-hero .da-button::after{content:"";position:absolute;top:0;left:0;width:45%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);transform:translateX(-140%)}
.da-hero .da-button:hover::after{animation:da-sheen .9s ease}

@keyframes da-kenburns{from{transform:scale(1.06) translate3d(0,0,0)}to{transform:scale(1.15) translate3d(-1.5%,-1.5%,0)}}
@keyframes da-fade-up{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes da-fade-right{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}
@keyframes da-pop{from{opacity:0;transform:scale(.96) translateY(14px)}to{opacity:1;transform:none}}
@keyframes da-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes da-sheen{from{transform:translateX(-140%)}to{transform:translateX(320%)}}

@media(max-width:991px){.da-hero-overlay{background:linear-gradient(180deg,rgba(20,32,5,.86) 0%,rgba(47,74,9,.74) 50%,rgba(77,124,15,.52) 100%)}.da-hero-bg{object-position:center}}
@media(max-width:600px){.da-hero-bg{animation:none;opacity:.32}.da-hero-orb{display:none}}

@media(prefers-reduced-motion:reduce){.da-hero-bg,.da-hero .da-anim,.da-hero .da-preview,.da-hero .da-preview-top,.da-hero .da-preview-row,.da-hero .da-preview-bottom,.da-hero-orb{animation:none!important}.da-hero .da-anim,.da-hero .da-preview,.da-hero .da-preview-top,.da-hero .da-preview-row,.da-hero .da-preview-bottom{opacity:1!important;transform:none!important}}

/* ── sekcja „Od własnej oferty do obrazu konkurencji” — ikony, wejście z lewej, hover ── */
.da-reveal{opacity:0;transform:translateY(28px);will-change:opacity,transform}
.da-reveal:not(.da-in){pointer-events:none}
.da-reveal.da-in{opacity:1;transform:none;animation:da-reveal-in .7s cubic-bezier(.22,.61,.36,1) backwards;animation-delay:var(--d,0s)}
.da-reveal.da-in[data-da-style="pop"]{animation-name:da-reveal-pop}
@keyframes da-reveal-in{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes da-reveal-pop{from{opacity:0;transform:scale(.96) translateY(18px)}to{opacity:1;transform:none}}
.da-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:14px;background:#fff;transition:transform .38s cubic-bezier(.22,.61,.36,1),box-shadow .38s ease,border-color .38s ease,background .38s ease}
.da-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#4d7c0f,#84cc16);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.22,.61,.36,1)}
.da-card:hover{transform:translateY(-8px);border-color:#84cc16;box-shadow:0 26px 60px rgba(38,53,28,.16);background:linear-gradient(180deg,#fbfdf7,#fff)}
.da-card:hover::before{transform:scaleX(1)}
.da-card-icon{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;width:54px;height:54px;margin-bottom:18px;border-radius:14px;background:linear-gradient(135deg,#eef7de,#ddf0c1);color:#3f6d0b;font-size:22px;line-height:1;transition:background .38s ease,color .38s ease,transform .38s cubic-bezier(.22,.61,.36,1),box-shadow .38s ease}
.da-card:hover .da-card-icon{background:linear-gradient(135deg,#4d7c0f,#84cc16);color:#fff;transform:translateY(-2px) rotate(-5deg) scale(1.06);box-shadow:0 12px 26px rgba(77,124,15,.34)}
.da-number{display:inline-flex;align-items:center;align-self:flex-start;gap:8px}
.da-number::before{content:"";width:18px;height:2px;border-radius:2px;background:linear-gradient(90deg,#4d7c0f,#84cc16);transition:width .38s ease}
.da-card:hover .da-number::before{width:30px}
.da-card h3{margin-top:12px;transition:color .3s ease}
.da-card:hover h3{color:#3f6d0b}
.da-card-btn{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;gap:10px;margin-top:auto;padding:11px 18px;border:1px solid #dce5d5;border-radius:999px;background:#fff;color:var(--green);font-weight:700;font-size:15px;transition:background .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}
.da-card-btn i{transition:transform .3s cubic-bezier(.22,.61,.36,1)}
.da-card-btn:hover{background:var(--green);border-color:var(--green);color:#fff!important;box-shadow:0 12px 26px rgba(77,124,15,.26)}
.da-card-btn:hover i{transform:translateX(5px)}
.da-card:hover .da-card-btn{border-color:#84cc16}
#demo,#cennik,#kontakt,#faq{scroll-margin-top:90px}
@media(max-width:991px){.da-card{padding:24px}}
@media(max-width:600px){.da-card{padding:22px}.da-card-btn{align-self:stretch}}
@media(prefers-reduced-motion:reduce){.da-reveal{opacity:1!important;transform:none!important;animation:none!important}.da-card,.da-card-icon,.da-card-btn,.da-card-btn i,.da-number::before,.da-card::before{transition:none!important}}


/* ── sekcja „Demo" (#demo) — tło, lista punktów, okno przeglądarki z miniaturką inwestycji ── */
.da-demo{position:relative;overflow:hidden;isolation:isolate}
.da-demo-glow{position:absolute;z-index:-1;top:-150px;right:-130px;width:540px;height:540px;border-radius:50%;background:radial-gradient(circle,rgba(132,204,22,.22) 0%,transparent 70%);filter:blur(26px);pointer-events:none}
.da-demo-grid{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(77,124,15,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(77,124,15,.07) 1px,transparent 1px);background-size:54px 54px;-webkit-mask-image:radial-gradient(circle at 76% 32%,#000 0%,transparent 66%);mask-image:radial-gradient(circle at 76% 32%,#000 0%,transparent 66%)}
.da-demo-points{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:14px}
.da-demo-points li{display:flex;align-items:center;gap:14px;font-size:16px;color:#3f4a3d;transition:color .3s ease,transform .3s cubic-bezier(.22,.61,.36,1)}
.da-demo-points li:hover{color:#18251c;transform:translateX(4px)}
.da-demo-points i{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#eef7de,#ddf0c1);color:#3f6d0b;font-size:16px;line-height:1;transition:background .35s ease,color .35s ease,transform .35s cubic-bezier(.22,.61,.36,1),box-shadow .35s ease}
.da-demo-points li:hover i{background:linear-gradient(135deg,#4d7c0f,#84cc16);color:#fff;transform:translateY(-2px) rotate(-5deg);box-shadow:0 12px 26px rgba(77,124,15,.3)}

/* okno przeglądarki */
.da-demo .da-preview{position:relative;border:0;border-radius:16px;box-shadow:0 26px 70px rgba(38,53,28,.2);transition:transform .45s cubic-bezier(.22,.61,.36,1),box-shadow .45s ease}
.da-demo .da-preview::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(132,204,22,.9),rgba(77,124,15,.35),rgba(132,204,22,.7));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2}
.da-demo .da-preview::after{content:"";position:absolute;top:0;left:0;width:42%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);transform:translateX(-160%);pointer-events:none;z-index:3}
.da-demo .da-preview:hover{transform:translateY(-8px);box-shadow:0 36px 90px rgba(38,53,28,.28)}
.da-demo .da-preview:hover::after{animation:da-sheen .95s ease}
.da-demo .da-preview-top{align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#2f4a09 0%,#4d7c0f 60%,#65a30d 100%);color:#fff}
.da-demo .da-preview-top span{color:#fff}
.da-preview-url{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.2px;color:#eaffcf!important;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:6px 14px}
.da-preview-url i{font-size:11px;opacity:.9}
.da-demo-body{display:grid;gap:18px;padding:26px 22px 22px}
.da-demo-hero{position:absolute;inset:auto 0 0 0;z-index:2;padding:22px;color:#fff;pointer-events:none;background:linear-gradient(180deg,rgba(24,37,6,0) 0%,rgba(24,37,6,.3) 36%,rgba(24,37,6,.86) 100%)}
.da-demo-hero .da-eyebrow{color:#eaffcf!important;margin:0 0 8px}
.da-demo-hero strong{display:block;font-size:19px;line-height:1.3;letter-spacing:-.3px;margin:0 0 16px}
.da-demo-tag{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#eaffcf;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:6px 12px}
.da-demo-chips{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0}
.da-demo-chips li{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#3f6d0b;background:#f2f8e8;border:1px solid #dfeacb;border-radius:999px;padding:8px 14px;transition:background .3s ease,color .3s ease,border-color .3s ease,transform .3s cubic-bezier(.22,.61,.36,1),box-shadow .3s ease}
.da-demo-chips li:hover{background:var(--green);border-color:var(--green);color:#fff;transform:translateY(-2px);box-shadow:0 10px 22px rgba(77,124,15,.24)}
.da-demo-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border-radius:999px;background:linear-gradient(135deg,#4d7c0f,#84cc16);color:#fff!important;font-weight:700;font-size:15px;box-shadow:0 14px 30px rgba(77,124,15,.28);transition:transform .3s cubic-bezier(.22,.61,.36,1),box-shadow .3s ease,filter .3s ease}
.da-demo-cta i{transition:transform .3s cubic-bezier(.22,.61,.36,1)}
.da-demo-cta:hover{transform:translateY(-3px);box-shadow:0 20px 40px rgba(77,124,15,.34);filter:brightness(1.04)}
.da-demo-cta:hover i{transform:translateX(5px)}
.da-demo .da-button{position:relative;overflow:hidden}
.da-demo .da-button::after{content:"";position:absolute;top:0;left:0;width:45%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);transform:translateX(-140%)}
.da-demo .da-button:hover::after{animation:da-sheen .9s ease}
/* wideo w oknie przeglądarki (Pexels #3044865, plik self-hosted, lazy-load z plakatem) */
.da-demo-viewport{position:relative;overflow:hidden;border-radius:12px;background:#18251c;aspect-ratio:16/9}
.da-demo-viewport::after{content:"";position:absolute;top:0;left:0;right:0;height:36%;z-index:1;background:linear-gradient(180deg,rgba(24,37,6,.46),rgba(24,37,6,0));pointer-events:none}
.da-demo-video{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%}
@media(max-width:600px){.da-demo-viewport{aspect-ratio:4/3}}
@media(max-width:991px){.da-demo .da-preview:hover{transform:none}.da-demo-body{padding:22px}}
@media(max-width:600px){.da-demo-glow,.da-demo-grid{display:none}.da-demo-body{padding:20px}.da-demo-hero{padding:18px}.da-demo-points li{align-items:flex-start}.da-demo .da-preview::after{display:none}.da-demo .da-preview-dots{display:none}.da-demo .da-preview-top{padding:12px 14px;gap:8px}.da-preview-url{font-size:11px;padding:5px 10px;gap:6px}}
@media(prefers-reduced-motion:reduce){.da-demo .da-preview,.da-demo .da-preview::after,.da-demo-points li,.da-demo-points i,.da-demo-chips li,.da-demo-cta,.da-demo-cta i,.da-demo .da-button::after{transition:none!important;animation:none!important}}



/* ── sekcja „Twój panel w trzech krokach" (#jakzaczac) — ciemne, kontrastujące tło ── */
.da-steps-section{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,#1f3305 0%,#2f4a09 45%,#4d7c0f 100%);color:#fff}
.da-steps-glow{position:absolute;z-index:-1;top:-140px;left:-120px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(217,249,157,.28) 0%,transparent 70%);filter:blur(28px);pointer-events:none}
.da-steps-grid{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:52px 52px;-webkit-mask-image:radial-gradient(circle at 30% 40%,#000 0%,transparent 70%);mask-image:radial-gradient(circle at 30% 40%,#000 0%,transparent 70%)}
.da-steps-section .da-eyebrow{color:#d9f99d!important}
.da-steps-section h2{color:#fff}
.da-steps-section p{color:rgba(236,253,212,.9)}
.da-steps-section .da-steps article{position:relative;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:30px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:transform .4s cubic-bezier(.22,.61,.36,1),border-color .4s ease,background .4s ease,box-shadow .4s ease}
.da-steps-section .da-steps article::before{content:"";position:absolute;top:0;left:24px;right:24px;height:3px;border-radius:3px;background:linear-gradient(90deg,#84cc16,rgba(217,249,157,0));opacity:.85}
.da-steps-section .da-steps article:hover{transform:translateY(-6px);border-color:#84cc16;background:rgba(255,255,255,.1);box-shadow:0 28px 60px rgba(9,20,2,.4)}
.da-steps-section .da-step-num{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;margin-bottom:16px;border-radius:12px;background:linear-gradient(135deg,#4d7c0f,#84cc16);color:#fff;font-size:16px;font-weight:800;letter-spacing:.5px;box-shadow:0 10px 22px rgba(77,124,15,.4)}
.da-steps-section .da-steps strong{color:#fff;display:block}
.da-steps-section .da-steps p{margin:14px 0 0}
@media(max-width:600px){.da-steps-section .da-steps article{padding:24px}.da-steps-section .da-steps-glow{display:none}}
@media(prefers-reduced-motion:reduce){.da-steps-section .da-steps article{transition:none!important}}


/* ── sekcja „Cennik" (#cennik) — jasny, premiowy abonament ── */
.da-cennik{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#fff 0%,#f4f9ec 55%,#fff 100%)}
.da-cennik-glow{position:absolute;z-index:-1;top:-160px;right:-140px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(132,204,22,.18) 0%,transparent 70%);filter:blur(26px);pointer-events:none}
.da-cennik-grid{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(77,124,15,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(77,124,15,.06) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(circle at 22% 30%,#000 0%,transparent 60%);mask-image:radial-gradient(circle at 22% 30%,#000 0%,transparent 60%)}
.da-cennik .da-price{position:relative;border:0;border-radius:20px;padding:42px 34px 34px;overflow:hidden;background:#fff;box-shadow:0 30px 70px rgba(38,53,28,.16);transition:transform .45s cubic-bezier(.22,.61,.36,1),box-shadow .45s ease}
.da-cennik .da-price::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:linear-gradient(135deg,#4d7c0f,#84cc16);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2}
.da-cennik .da-price::after{content:"";position:absolute;top:-45%;right:-40%;width:75%;height:75%;background:radial-gradient(circle,rgba(132,204,22,.16),transparent 70%);pointer-events:none}
.da-cennik .da-price:hover{transform:translateY(-6px);box-shadow:0 42px 92px rgba(38,53,28,.22)}
.da-price-badge{position:absolute;top:18px;right:18px;display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#3f6d0b;background:#eef7de;border:1px solid #cfe6a8;border-radius:999px;padding:7px 13px;z-index:3}
.da-price-badge i{font-size:12px}
.da-cennik .da-price .da-eyebrow{position:relative;z-index:1}
.da-cennik .da-amount{font-size:clamp(44px,5vw,60px)!important;letter-spacing:-1.5px;color:#18251c!important}
.da-cennik .da-amount span{font-size:15px;font-weight:400;color:#5b6b57;margin-top:6px}
.da-cennik .da-price ul{position:relative;z-index:1;padding:18px 0 8px;margin:0 0 22px}
.da-cennik .da-price li{display:flex;align-items:flex-start;gap:12px;padding:11px 0;border-bottom:1px solid #eef2e7;line-height:1.5}
.da-cennik .da-price li:before{content:"✓";display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:22px;height:22px;margin:2px 0 0;border-radius:50%;background:linear-gradient(135deg,#4d7c0f,#84cc16);color:#fff;font-size:12px;font-weight:700}
.da-cennik .da-price .da-button{width:100%;border-radius:999px;background:linear-gradient(135deg,#4d7c0f,#84cc16);box-shadow:0 16px 34px rgba(77,124,15,.28);position:relative;overflow:hidden}
.da-cennik .da-price .da-button:hover{background:linear-gradient(135deg,#3f6d0b,#6faa1a);box-shadow:0 20px 40px rgba(77,124,15,.34)}
.da-cennik .da-price .da-button::after{content:"";position:absolute;top:0;left:0;width:45%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);transform:translateX(-140%)}
.da-cennik .da-price .da-button:hover::after{animation:da-sheen .9s ease}
.da-cennik .da-price .da-note{color:#6b7a66!important;margin-top:14px}
@media(max-width:600px){.da-cennik .da-price{padding:30px 22px}.da-price-badge{position:static;margin-bottom:14px}.da-cennik-glow{display:none}}
@media(prefers-reduced-motion:reduce){.da-cennik .da-price,.da-cennik .da-price .da-button::after{transition:none!important;animation:none!important}}


/* ── sekcja „FAQ" (#faq) — akordeon w kartach (bez wzoru siatki) ── */
.da-faq-section{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,#1f3305 0%,#2f4a09 45%,#4d7c0f 100%)}
.da-faq-section::before{content:"";position:absolute;z-index:-1;top:-120px;left:-100px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(217,249,157,.28) 0%,transparent 70%);filter:blur(30px);pointer-events:none}
.da-faq-section h2{color:#fff;margin-bottom:28px}
.da-faq-section .da-eyebrow{color:#d9f99d!important}
.da-faq-list{display:grid;gap:16px;margin-top:8px}
.da-faq .da-faq-list details{background:#fff;border:1px solid #e3ead8;border-radius:14px;padding:0;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease}
.da-faq .da-faq-list details:hover{border-color:#c9dca9;box-shadow:0 18px 40px rgba(9,20,2,.35)}
.da-faq .da-faq-list details[open]{border-color:#84cc16;box-shadow:0 24px 54px rgba(9,20,2,.45)}
.da-faq .da-faq-list summary{display:flex;align-items:center;gap:16px;padding:22px 24px;cursor:pointer;font-size:19px;font-weight:600;line-height:1.45;list-style:none}
.da-faq .da-faq-list summary::-webkit-details-marker{display:none}
.da-faq .da-faq-list summary::marker{content:""}
.da-faq-icon{margin-left:auto;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#eef7de;color:#3f6d0b;font-size:14px;transition:transform .35s cubic-bezier(.22,.61,.36,1),background .3s ease,color .3s ease}
.da-faq .da-faq-list details[open] .da-faq-icon{transform:rotate(180deg);background:linear-gradient(135deg,#4d7c0f,#84cc16);color:#fff}
.da-faq .da-faq-list details p{margin:0;padding:0 24px 24px;color:#536055}
.da-faq .da-faq-list details[open] p{animation:da-faq-in .35s ease}
@keyframes da-faq-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media(max-width:600px){.da-faq .da-faq-list summary{padding:18px;font-size:17px;gap:12px}.da-faq .da-faq-list details p{padding:0 18px 20px}}
@media(prefers-reduced-motion:reduce){.da-faq .da-faq-list details,.da-faq-icon{transition:none!important}.da-faq .da-faq-list details[open] p{animation:none!important}}

/* ── sekcja „CTA" (#kontakt) — pełnoekranowe wideo w tle + ciemna, neutralna nakładka ── */
.da-contact{position:relative;overflow:hidden;isolation:isolate;text-align:center;color:#fff;padding:104px 0}
.da-contact-bg{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;background:#0b0f0a}
.da-contact-overlay{position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.76) 0%,rgba(0,0,0,.64) 45%,rgba(0,0,0,.82) 100%)}
.da-contact .da-eyebrow{color:#d9f99d!important}
.da-contact h2{color:#fff;max-width:760px;margin-left:auto;margin-right:auto}
.da-contact p{color:rgba(255,255,255,.86);max-width:640px;margin-left:auto;margin-right:auto}
.da-contact .da-actions{justify-content:center;gap:16px;margin:32px 0 0}
.da-contact .da-note{color:rgba(255,255,255,.72)!important;margin-top:20px}
.da-contact .da-note a{color:#d9f99d}
.da-contact .da-button{border-radius:999px;padding:17px 32px;min-height:54px;position:relative;overflow:hidden}
.da-contact .da-button--primary{background:linear-gradient(135deg,#4d7c0f,#84cc16);color:#fff!important;box-shadow:0 16px 36px rgba(9,20,2,.5)}
.da-contact .da-button--primary:hover{background:linear-gradient(135deg,#3f6d0b,#6faa1a)}
.da-contact .da-button--ghost{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.55);color:#fff!important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.da-contact .da-button--ghost:hover{background:rgba(255,255,255,.16);border-color:#fff}
.da-contact .da-button--primary::after{content:"";position:absolute;top:0;left:0;width:45%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:translateX(-140%)}
.da-contact .da-button--primary:hover::after{animation:da-sheen .9s ease}
@media(max-width:600px){.da-contact{padding:72px 0}.da-contact .da-actions{gap:12px}.da-contact .da-button{width:100%}}
@media(prefers-reduced-motion:reduce){.da-contact .da-button--primary::after{transition:none!important;animation:none!important}}