@font-face{font-family:Local;src:local("Arial");font-display:swap}
:root{--green:#173e34;--forest:#245c49;--ink:#223c32;--cream:#f6f5ee;--lime:#d7e99b;--line:#d8ded2;--muted:#5c6d61}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.6}a{color:inherit;text-underline-offset:5px}button{font:inherit}img{max-width:100%;height:auto;display:block}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #a27124;outline-offset:6px}.wrap{max-width:1240px;margin:auto;padding-left:48px;padding-right:48px}.skip{position:absolute;top:-100px;left:20px;padding:12px;background:white;z-index:20}.skip:focus{top:10px}.header{max-width:1344px;margin:auto;padding:26px 48px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font-size:27px;font-weight:800;text-decoration:none;letter-spacing:-1px;display:flex;align-items:center;gap:10px}.brand img{border-radius:10px}.brand-dot{color:#739444;margin-left:-9px}.header nav{display:flex;align-items:center;gap:32px;font-size:15px;font-weight:600}.header nav a{text-decoration:none}.header nav a:hover{color:#56802d}.nav-cta{border:1px solid #b5c2af;padding:11px 19px;border-radius:6px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;padding-top:45px;padding-bottom:64px}.eyebrow{font-size:14px;font-weight:700;letter-spacing:1.7px;line-height:1.6;margin:0 0 24px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#5b7e33;margin-right:9px}.hero h1{font-size:clamp(54px,5.8vw,80px);line-height:1.04;letter-spacing:-4px;margin:0 0 28px;font-weight:700}.hero h1 span{color:#5c7844}.lead{font-size:19px;line-height:1.7;max-width:480px;color:var(--muted)}.actions{display:flex;align-items:center;gap:25px;margin-top:30px}.button{background:var(--green);color:white;padding:15px 23px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:16px;font-weight:700;transition:background .15s,transform .15s}.button:hover{background:#315d45;transform:translateY(-2px)}.text-link{font-size:15px;font-weight:700}.small{font-size:14px}.hero-note{color:var(--muted);margin-top:20px}.hero-visual{background:#dce4d2;border-radius:140px 140px 12px 12px;position:relative;padding:35px 38px 20px;overflow:hidden}.visual-label{display:flex;justify-content:space-between;font-size:14px;letter-spacing:1px;margin:10px 0 24px;font-weight:700}.visual-label span:last-child{display:none}.hero-screen{width:270px;margin:auto;border:7px solid #203d32;border-radius:22px;box-shadow:0 24px 40px #173e3426;transform:rotate(3deg)}.visual-caption{font-size:14px;text-align:center;margin-top:26px}.caption-line{display:inline-block;vertical-align:middle;width:25px;height:1px;background:#5c7844;margin-right:8px}.feature-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.feature-strip .wrap{display:flex;justify-content:space-between;gap:20px;padding-top:22px;padding-bottom:22px;font-size:14px;color:#506547;font-weight:700}.feature-strip span:before{content:'+';margin-right:12px;color:#748b58}.section{padding-top:92px;padding-bottom:92px}h2{font-size:clamp(32px,3.5vw,46px);line-height:1.13;letter-spacing:-1.6px;margin:0 0 24px}h3{line-height:1.3;letter-spacing:-.5px}.section-head{max-width:650px}.section-head>p:last-child{color:var(--muted)}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:54px}.features article{border-top:1px solid #a6b39a;padding-top:25px}.number{font-size:14px;color:#60764c}.features h3{font-size:22px;margin:21px 0 14px}.features p{color:var(--muted);font-size:16px}.showcase{background:var(--green);color:#f6f5ee;padding:80px 0}.showcase-top{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.showcase .eyebrow{color:#c7d5ae}.showcase-top>p{color:#c2d0c2;font-size:14px;margin-bottom:30px}.screen-picker{display:flex;gap:8px;margin:24px 0 44px;border-bottom:1px solid #456256;padding-bottom:18px}.screen-picker button{padding:10px 22px;color:#e5eddf;background:transparent;border:1px solid transparent;border-radius:5px;cursor:pointer;font-size:15px}.screen-picker button:hover{background:#315247}.screen-picker .selected{background:var(--lime);color:var(--green)}.showcase-body{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.screen-copy h3{font-size:35px;line-height:1.17;margin:0 0 22px;max-width:380px}.screen-copy>p:not(.eyebrow){color:#c1d1c6;max-width:360px}.light-link{color:var(--lime);font-size:15px}.mini-note{display:flex;align-items:center;gap:20px;margin-top:55px;border-top:1px solid #456256;padding-top:22px}.mini-note>span{font-size:46px;color:var(--lime);font-weight:700}.mini-note p{font-size:14px;line-height:1.5;color:#bccfc0}.screen-figure{margin:0;padding:22px 22px 14px;background:#2c5142;border-radius:12px;max-width:328px;justify-self:center}.screen-figure img{width:280px;border-radius:5px}.screen-figure figcaption{font-size:14px;text-align:center;color:#c1d1c6;padding-top:14px}.maker{display:grid;grid-template-columns:1fr 1fr;gap:75px}.maker h2{max-width:500px}.maker-quote{font-size:24px;line-height:1.5;margin-top:0}.maker-name{font-size:16px;font-weight:700}.maker-name span{display:block;font-size:14px;font-weight:400;color:var(--muted)}.maker div>p:last-child{color:var(--muted);font-size:16px}.join{background:#e8eddc}.join .section-head{max-width:760px}.join-steps{padding:0;margin:44px 0 20px;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.join-steps li{background:var(--cream);padding:30px 25px;border:1px solid #d4ddc7;border-radius:8px;display:flex;flex-direction:column;align-items:flex-start}.step-number{font-size:30px;font-weight:700;color:#708c4d;line-height:1}.join-steps h3{font-size:21px;margin:22px 0 6px}.join-steps p{font-size:15px;color:var(--muted);flex:1;margin-bottom:25px}.secondary{background:transparent;color:var(--green);border:1px solid #abbba0;padding:12px 15px;font-size:14px}.secondary:hover{background:#dce6cd}.join-steps .text-link{min-height:48px;display:flex;align-items:center;font-size:14px}.join-note{font-size:14px;color:var(--muted);max-width:780px;margin-top:24px}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:80px}.faq>div>p:last-child{font-size:15px;color:var(--muted)}details{border-bottom:1px solid var(--line);padding:22px 0}details:first-child{border-top:1px solid var(--line)}summary{font-weight:600;font-size:17px;cursor:pointer;list-style:none;padding-right:32px;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0;font-size:23px;top:-5px;font-weight:400}details[open] summary:after{content:'−'}details p{color:var(--muted);font-size:15px}footer{background:#ecefe4;padding:42px 0 24px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-top>p{font-size:14px;color:var(--muted)}.footer-top>a:last-child{font-size:14px;overflow-wrap:anywhere}.footer-bottom{display:flex;justify-content:space-between;gap:25px;padding-top:25px;margin-top:25px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}.legal{font-size:14px;color:var(--muted);margin-top:20px}body{animation:arrive .5s ease-out}@keyframes arrive{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(min-width:1400px){.hero{padding-top:70px;padding-bottom:80px}.hero-visual{padding-top:40px;padding-bottom:28px}.hero-screen{width:285px}}
@media(max-width:900px){.wrap{padding-left:28px;padding-right:28px}.header{padding:22px 28px}.header nav{gap:20px}.header nav>a:nth-child(2){display:none}.hero{gap:30px}.hero h1{font-size:58px;letter-spacing:-3px}.hero-visual{padding:28px 23px 20px;border-radius:100px 100px 10px 10px}.hero-screen{width:230px}.visual-label{font-size:14px;letter-spacing:.5px}.actions{flex-wrap:wrap;gap:18px}.lead{font-size:17px}.feature-strip .wrap{font-size:14px;gap:12px}.feature-strip span:before{margin-right:5px}.features{gap:25px}.showcase-body{gap:35px}.maker,.faq{gap:35px}.join-steps{gap:12px}.join-steps li{padding:25px 18px}.footer-top{flex-wrap:wrap}}
@media(max-width:600px){.wrap{padding-left:22px;padding-right:22px}.header{padding:18px 22px;gap:10px}.brand{font-size:23px;gap:7px}.brand img{width:34px;height:34px}.header nav>a:not(.nav-cta){display:none}.nav-cta{padding:9px 12px;font-size:14px}.hero{display:flex;flex-direction:column;gap:35px;padding-top:28px;padding-bottom:40px;align-items:stretch}.hero h1{font-size:59px;letter-spacing:-3.2px}.hero h1 br:last-child{display:none}.hero h1 span{white-space:normal}.hero .eyebrow{font-size:14px;margin-bottom:22px}.lead{max-width:390px}.actions{gap:22px}.button{font-size:15px}.hero-note{font-size:14px}.hero-visual{max-width:430px;width:100%;margin:auto;padding-top:18px;border-radius:80px 80px 10px 10px}.hero-screen{width:245px}.visual-label{justify-content:center;margin:10px 0 18px}.visual-caption{margin-top:20px}.feature-strip .wrap{display:grid;grid-template-columns:1fr 1fr;padding-top:18px;padding-bottom:18px;gap:10px;font-size:14px}.section{padding-top:58px;padding-bottom:58px}.eyebrow{font-size:14px;letter-spacing:1.3px;margin-bottom:20px}h2{font-size:34px;letter-spacing:-1.3px}.features{grid-template-columns:1fr;gap:20px;margin-top:30px}.features article{padding-top:20px}.features h3{margin-top:10px}.features p{margin-bottom:5px}.showcase{padding:55px 0}.showcase-top{display:block}.showcase-top>p{margin-bottom:25px}.screen-picker{gap:4px;margin:10px 0 30px}.screen-picker button{padding:10px 13px;font-size:14px}.showcase-body{grid-template-columns:1fr;gap:28px}.screen-copy h3{font-size:30px}.screen-copy>p:not(.eyebrow){max-width:none}.mini-note{display:none}.screen-figure{max-width:310px;padding:15px}.screen-figure img{width:275px}.maker{grid-template-columns:1fr;gap:18px}.maker-quote{font-size:22px}.join-steps{grid-template-columns:1fr;gap:16px;margin-top:28px}.join-steps li{padding:26px}.join-steps h3{margin-top:17px}.join-steps p{font-size:16px;margin-bottom:20px}.join-note{font-size:14px}.faq{grid-template-columns:1fr;gap:20px}.footer-top{display:block}.footer-top>p{margin:20px 0}.footer-bottom{flex-direction:column;gap:12px;font-size:14px}.legal{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body{animation:none}*{transition:none!important}}

@media(max-width:400px){.header{flex-wrap:wrap}.header nav{margin-left:auto}.hero h1{font-size:52px}.screen-picker button{padding:10px 11px}.hero-screen{width:220px}}

/* Spójna typografia, czytelne zaproszenie i prezentacja wideo. */
:root{--cream:#f8faf7;--muted:#526358;--line:#d5dfd5}
.hero-visual{border-radius:28px;background:#e3eadf;box-shadow:inset 0 0 0 1px #cdd9c8}
.hero-screen{transform:rotate(1.5deg)}
.hero h1{letter-spacing:-.045em}.hero h1 span{color:#426a3b}
.header{border-bottom:1px solid var(--line)}
.free-note{margin:22px 0 0;font-size:1rem;line-height:1.65}.free-note strong{display:block;color:var(--green)}.free-note span{display:block;font-size:.875rem;color:var(--muted);margin-top:4px}
.film-section{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:80px;border-bottom:1px solid var(--line)}
.film-copy>p:not(.eyebrow){max-width:450px;color:var(--muted)}.film-copy .film-free{border-left:3px solid #648843;padding-left:20px;margin:30px 0}.film-free strong{color:var(--green)}
.film-player{margin:0;justify-self:center;width:min(100%,340px)}.film-player video{display:block;width:100%;height:auto;aspect-ratio:9/16;border-radius:16px;background:#0b3029;box-shadow:0 18px 45px #143e3420}.film-player figcaption{font-size:.875rem;text-align:center;margin-top:14px;color:var(--muted)}
.test-price{border-left:3px solid #648843;padding:6px 0 6px 20px;font-size:1rem}.test-price strong{color:var(--green);display:block;font-size:1.125rem}
.join-steps li{box-shadow:0 5px 16px #173e3405}.join-steps p,details p,.features p,.maker div>p:last-child{font-size:1rem}.join-steps .button{font-size:.9375rem}.questions summary{padding-top:3px;padding-bottom:3px}
@media(max-width:900px){.film-section{gap:35px}.hero-visual{border-radius:24px}}
@media(max-width:600px){.film-section{grid-template-columns:1fr;gap:30px}.film-player{width:min(100%,320px)}.film-copy .button{width:100%;text-align:center}.hero-visual{border-radius:24px}.free-note{font-size:.9375rem}.hero h1{font-size:clamp(2.75rem,11vw,3.7rem)}.screen-picker{flex-wrap:wrap}.screen-picker button{min-height:44px}.feature-strip span{font-size:.875rem}.eyebrow{letter-spacing:.08em}}
