:root{--navy-900: #172f53;--navy-700: #2a446f;--orange-500: #f36a13;--orange-600: #df5b09;--green-500: #61ad24;--gray-100: #f4f5f7;--gray-200: #e7eaef;--gray-400: #9ea8b7;--text-body: #30425f;--surface: #ffffff;--radius-xl: 24px;--shadow-sm: 0 10px 22px rgba(23, 47, 83, .08);--shadow-card-crisp: 0 1px 2px rgba(19, 40, 69, .14)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}html{scroll-behavior:smooth}body{background:linear-gradient(180deg,#f8fafe,#f3f5f9 42%,#eef2f7);color:var(--text-body);font-family:Plus Jakarta Sans,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.page-shell{overflow-x:hidden}.container{margin:0 auto;max-width:1140px;padding:0 22px}.section-block{position:relative;z-index:1}#co-dostaniesz,#faq,#dla-kogo{scroll-margin-top:118px}.topbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;border-bottom:1px solid rgba(17,38,71,.08);position:sticky;top:0;z-index:20}.topbar-content{align-items:center;display:flex;justify-content:space-between;min-height:92px;position:relative}.brand{align-items:center;color:var(--navy-700);display:inline-flex;font-family:Sora,Trebuchet MS,sans-serif;font-size:1.8rem;font-weight:700;gap:12px}.brand strong{color:var(--navy-900)}.brand-mark{align-items:flex-end;display:inline-flex;gap:3px}.brand-mark-bubble{align-items:center;background:linear-gradient(140deg,#2b63b1,#1d4d93);border-radius:16px 16px 16px 6px;box-shadow:0 4px 12px #24539559;display:inline-flex;flex-direction:column;gap:3px;justify-content:center;min-height:34px;min-width:34px;padding:6px}.brand-mark-bubble span{background:#fffffff2;border-radius:10px;display:block;height:2px;width:13px}.brand-mark-note{border-bottom:12px solid var(--orange-500);border-left:10px solid transparent;border-right:2px solid transparent;display:inline-block;width:0}.top-nav{align-items:center;display:flex;gap:10px;list-style:none;margin:0;padding:0}.menu-toggle{align-items:center;background:#fff;border:1px solid rgba(23,47,83,.2);border-radius:10px;color:var(--navy-900);cursor:pointer;display:none;height:42px;justify-content:center;width:42px}.menu-toggle:hover{background:#172f530d}.top-nav a{align-items:center;border-radius:12px;color:var(--navy-900);display:inline-flex;font-size:.98rem;font-weight:600;gap:6px;padding:12px 14px;transition:background-color .2s ease,color .2s ease}.top-nav a:hover{background:#172f5312;color:var(--navy-700)}.hero-desktop-break{display:block}.hero{padding:64px 0 36px}.hero-bg-blur{background:linear-gradient(180deg,#f8fbfff7,#f5f9ffe6),radial-gradient(circle at 84% 20%,rgba(255,196,103,.26),transparent 44%),radial-gradient(circle at 14% 26%,rgba(67,120,191,.18),transparent 42%),url(/assets/hero-prompts-bg-CQq1lAyA.png);background-position:center,right -8% top 10%,left -6% top 22%,center 86%;background-repeat:no-repeat;background-size:cover,42% 52%,42% 48%,min(1120px,94vw);top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:-1}.hero-title{color:var(--navy-900);font-family:Sora,Trebuchet MS,sans-serif;font-size:clamp(1.85rem,3.2vw,3.55rem);font-weight:800;line-height:1.15;margin:0 auto;max-width:980px;text-align:center}.hero-title span{color:var(--orange-500)}.hero-subtitle{border-top:1px solid rgba(34,59,97,.12);color:#4f607e;font-family:Sora,Trebuchet MS,sans-serif;font-size:clamp(1rem,1.8vw,1.7rem);margin:26px auto 40px;max-width:760px;padding-top:24px;text-align:center}.hero-grid{align-items:center;display:grid;gap:36px;grid-template-columns:1.1fr .9fr}.mockup{align-items:flex-end;background:linear-gradient(155deg,#eef3fbf2,#e5edf9f0);border:1px solid rgba(40,74,118,.17);border-radius:24px;box-shadow:var(--shadow-sm);display:grid;gap:16px;grid-template-columns:220px 1fr;overflow:hidden;padding:18px;position:relative}.mockup-cover{background:linear-gradient(165deg,#2a4f87,#1f3f73);border-radius:16px;color:#f5f8ff;display:grid;min-height:270px;padding:0 16px 16px}.mockup-cover-header{background:#ffffff24;border-radius:0 0 10px 10px;font-size:.9rem;font-weight:600;justify-self:start;letter-spacing:.02em;margin-bottom:18px;padding:8px 12px}.mockup-cover h2{align-self:center;font-family:Sora,Trebuchet MS,sans-serif;font-size:1.55rem;line-height:1.25;margin:0}.mockup-video{align-content:center;background:linear-gradient(to top,#0f1b309e,#0f1b3024),linear-gradient(150deg,#c7d2e5,#dce4f1);border-radius:16px;display:grid;justify-items:center;min-height:270px;overflow:hidden;padding:20px;position:relative}.play-button{align-items:center;background:#293446c7;border:0;border-radius:18px;color:#f3f7ff;cursor:pointer;display:inline-flex;height:62px;justify-content:center;transition:transform .2s ease,background-color .2s ease;width:88px}.play-button:hover{background:#1e2c43e6;transform:scale(1.04)}.mockup-video p{background:#15233ae6;border-radius:10px;bottom:16px;color:#f3f8ff;font-size:.92rem;font-weight:600;margin:0;padding:8px 14px;position:absolute}.benefits{display:grid;gap:18px;list-style:none;margin:0;padding:0}.benefits li{align-items:center;background:#ffffffb8;border:1px solid rgba(38,66,104,.09);border-radius:16px;display:grid;gap:12px;grid-template-columns:24px 1fr;padding:16px}.benefits li div{align-items:center;display:flex;justify-content:space-between}.benefits p{color:var(--navy-900);font-size:1.08rem;line-height:1.38;margin:0}.benefits strong{font-weight:800}.check-icon{color:var(--green-500)}.feature-icon{color:#54759f;flex:0 0 auto}.cta{padding:18px 0 62px}.cta-box{background:linear-gradient(180deg,#eef2f8,#ecf1f8);border:1px solid rgba(30,55,94,.15);border-radius:var(--radius-xl);box-shadow:var(--shadow-card-crisp);margin:0 auto;max-width:760px;padding:34px 24px;text-align:center}.cta-box h2{color:var(--navy-900);font-family:Sora,Trebuchet MS,sans-serif;font-size:clamp(1.65rem,2.5vw,2.6rem);margin:0 0 22px}.cta-form{display:grid;gap:14px;margin:0 auto;max-width:580px}.cta-form input{background:#fff;border:1px solid #c7cfdc;border-radius:9px;color:var(--navy-900);font-family:inherit;font-size:1.04rem;min-height:67px;padding:0 18px}.cta-form input:focus{border-color:#5075af;box-shadow:0 0 0 3px #2e5fa733;outline:none}.cta-form button{background:linear-gradient(180deg,var(--orange-500) 0%,#e75f0b 100%);border:none;border-radius:9px;box-shadow:0 5px 0 var(--orange-600),0 12px 24px #e75f0b47;color:#fff;cursor:pointer;font-family:Sora,Trebuchet MS,sans-serif;font-size:clamp(1.15rem,2vw,1.68rem);font-weight:800;letter-spacing:.02em;min-height:67px;padding:0 14px;text-transform:uppercase;transition:transform .15s ease,box-shadow .15s ease}.cta-form button:hover{box-shadow:0 3px 0 var(--orange-600),0 10px 20px #e75f0b40;transform:translateY(2px)}.cta-box p{color:#647289;font-size:.95rem;font-weight:500;margin:18px 0 0}.faq{background:#e7eaefe6;border-top:1px solid rgba(21,47,84,.07);border-bottom:1px solid rgba(21,47,84,.07);padding:56px 0}.faq-grid{display:grid;gap:22px;grid-template-columns:repeat(3,minmax(0,1fr))}.faq-card{background:var(--surface);border:1px solid rgba(40,74,118,.16);border-radius:14px;box-shadow:var(--shadow-card-crisp);min-height:215px;padding:26px 24px}.faq-card h3{color:var(--navy-900);font-family:Sora,Trebuchet MS,sans-serif;font-size:1.55rem;line-height:1.25;margin:0}.divider{background:#203b5f26;height:1px;margin:18px 0 16px;width:100%}.faq-card p{align-items:center;color:#2f4466;display:flex;font-size:1.08rem;font-weight:500;gap:9px;line-height:1.45;margin:0}.faq-card p svg{color:var(--green-500);flex:0 0 auto}.audience{padding:58px 0 84px}.audience-panel{background:radial-gradient(circle at 0% 0%,rgba(59,106,177,.12),transparent 40%),linear-gradient(160deg,#fdfefe,#f5f8fc);border:1px solid rgba(40,74,118,.11);border-radius:20px;box-shadow:var(--shadow-card-crisp);display:grid;gap:24px;grid-template-columns:1.1fr .9fr;padding:28px}.audience-panel h2{border-bottom:1px solid rgba(21,47,84,.13);color:var(--navy-900);font-family:Sora,Trebuchet MS,sans-serif;font-size:clamp(1.2rem,1.7vw,1.9rem);margin:0 0 18px;padding-bottom:12px}.audience-panel h2 span{color:#5d6f89;font-size:.84em;font-style:italic}.audience-list{display:grid;gap:12px;list-style:none;margin:0;padding:0}.audience-list li{align-items:center;display:grid;gap:10px;grid-template-columns:24px 1fr}.audience-list li svg{color:var(--green-500)}.audience-list p{color:var(--navy-900);font-size:clamp(.98rem,1.3vw,1.12rem);margin:0}.browser-illustration{align-self:center;background:#f5f8fd;border:1px solid #dce3ef;border-radius:16px;box-shadow:0 14px 28px #1a37611f;min-height:245px;padding:0;position:relative}.browser-top{align-items:center;background:#edf1f7;border-bottom:1px solid #dbe3f0;border-radius:16px 16px 0 0;display:flex;gap:7px;min-height:40px;padding:0 14px}.browser-top span{border-radius:50%;display:inline-block;height:9px;width:9px}.browser-top span:nth-child(1){background:#f38c84}.browser-top span:nth-child(2){background:#f0c36d}.browser-top span:nth-child(3){background:#8bc579}.browser-lines{display:grid;gap:12px;padding:22px 20px}.browser-lines span{background:linear-gradient(90deg,#dae3f0,#eef3f9);border-radius:8px;display:block;height:12px}.browser-lines span:nth-child(1){width:86%}.browser-lines span:nth-child(2){width:76%}.browser-lines span:nth-child(3){width:90%}.browser-lines span:nth-child(4){width:68%}.todo-card{background:#fff;border:1px solid #dee7f2;border-radius:12px;box-shadow:0 10px 24px #25467124;display:grid;gap:10px;min-height:122px;padding:14px;position:absolute;right:-22px;top:118px;width:154px}.todo-card span{background:linear-gradient(45deg,transparent 35%,var(--green-500) 35% 45%,transparent 45%),linear-gradient(90deg,#cad4e3,#dde6f2);border-radius:6px;display:block;height:16px}.reveal{animation:rise-in .7s ease both}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1080px){.brand{font-size:1.45rem}.top-nav a{font-size:.92rem;padding:10px}.hero-grid{grid-template-columns:1fr}.hero-bg-blur{background-size:cover,58% 46%,55% 45%,min(900px,112vw);background-position:center,right -20% top 10%,left -20% top 18%,center 90%}.faq-grid,.audience-panel{grid-template-columns:1fr}.todo-card{right:12px;top:132px}}@media (max-width: 780px){.topbar-content{min-height:78px}.menu-toggle{display:inline-flex}.top-nav-wrapper{background:#fff;border:1px solid rgba(24,49,84,.1);border-radius:12px;box-shadow:0 12px 28px #172f5324;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:calc(100% - 6px);transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease}.top-nav-wrapper.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.top-nav{align-items:stretch;flex-direction:column;gap:2px;padding:8px}.top-nav a{font-size:.95rem;justify-content:space-between;width:100%}.hero-desktop-break{display:none}.hero{padding-top:28px}.hero-bg-blur{background-size:cover,72% 36%,72% 34%,min(760px,170vw);background-position:center,right -35% top 8%,left -38% top 18%,center 96%}.hero-subtitle{margin-bottom:24px;padding-top:15px}.mockup{grid-template-columns:1fr;padding:14px}.mockup-cover,.mockup-video{min-height:220px}.mockup-cover h2{font-size:1.3rem}.benefits p{font-size:.98rem}.cta-box{padding:24px 16px}.cta-form input,.cta-form button{min-height:58px}.faq-card{min-height:unset}.faq-card h3{font-size:1.3rem}.faq-card p{font-size:1rem}.audience{padding-top:40px}.audience-panel{padding:20px 16px}.browser-illustration{min-height:212px}.todo-card{max-width:132px;min-height:112px;right:10px;top:92px}}