/* Theme Name: ksiegowosc.io Clarity
Version: 1.0.0
Description: Jasny motyw z nowym logo i czytelnym układem.
Text Domain: ksiegowosc-clarity
*/
:root{--navy:#14223c;--blue:#305fe7;--muted:#59677e;--line:#e2e7ef;--pale:#f3f6fc;--white:#fff;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--navy);background:#fff;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}p{font-size:16px;line-height:1.8;color:var(--muted)}.container{width:min(1240px,calc(100% - 80px));margin:auto}.preview-bar{background:#edf2fc;display:flex;justify-content:space-between;gap:20px;padding:10px max(24px,calc((100% - 1240px)/2));font-size:10px;color:#53617b}.preview-bar span{letter-spacing:1.5px;font-weight:700}.preview-bar a{color:var(--blue)}.header{border-bottom:1px solid #edf0f5;background:#fff}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:96px}.brand{display:inline-flex;align-items:center;gap:11px;white-space:nowrap}.brand img{width:43px;height:43px}.brand-name{font-size:25px;font-weight:700;letter-spacing:-1.25px;line-height:1}.brand-name>span{color:var(--blue)}.brand-caption{display:block;font-size:8px;font-weight:600;letter-spacing:2.05px;line-height:1;margin-top:9px;color:#7b879d}.header nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600}.header nav a:hover{color:var(--blue)}.nav-cta{padding:13px 17px;border:1px solid #d5dff2;border-radius:8px;display:flex;gap:22px;align-items:center}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:50px;padding-top:72px;padding-bottom:75px}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:700;color:#75829a;line-height:1.6;margin:0 0 25px}.live-dot{width:7px;height:7px;display:inline-block;background:var(--blue);border-radius:50%;margin:0 7px 1px 0;box-shadow:0 0 0 4px #eaf0ff}h1{font-size:clamp(48px,4.65vw,68px);line-height:1.08;letter-spacing:-3.3px;font-weight:600;margin:0 0 27px}.blue{color:var(--blue)}.intro{font-size:18px;line-height:1.75;max-width:490px;margin:0 0 30px}.actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:32px;padding:18px 23px;font-size:14px;border-radius:8px;font-weight:600;transition:background .2s,transform .2s}.btn.primary{background:var(--blue);color:#fff;box-shadow:0 7px 20px #305fe71c}.btn.primary:hover{background:#224bc0;transform:translateY(-2px)}.btn>span{font-size:20px}.quiet-link{display:inline-flex;gap:17px;font-size:13px;font-weight:600;align-items:center}.quiet-link:hover{color:var(--blue)}.hero-benefits{display:flex;gap:22px;margin-top:32px;color:#718097;font-size:11px}.hero-benefits b{color:var(--blue);padding-right:5px}.hero-art{height:500px;border-radius:24px;background:#eff3fc;position:relative;isolation:isolate;overflow:hidden}.art-kicker{position:absolute;top:25px;left:26px;color:#8495b3;font-size:8px;letter-spacing:1.8px;font-weight:700}.art-orbit{border:1px solid #dce4f6;position:absolute;border-radius:50%;z-index:-1}.orbit-a{width:390px;height:390px;left:60px;top:52px}.orbit-b{width:490px;height:490px;left:10px;top:2px}.paper{width:260px;height:300px;background:#fff;border-radius:12px;position:absolute;left:calc(50% - 125px);top:95px}.paper-back{transform:rotate(11deg);background:#cbd9fa;top:106px;left:calc(50% - 114px)}.paper-front{transform:rotate(-6deg);padding:23px;box-shadow:0 16px 45px #25468420}.paper-top{display:flex;gap:11px;align-items:center;font-size:8px;letter-spacing:.8px;color:#71809b;line-height:1.8}.paper-top b{font-size:15px;color:var(--navy);letter-spacing:-.3px}.paper-mark{display:grid;place-items:center;background:#edf2ff;border-radius:8px;width:36px;height:36px;color:var(--blue);font-size:24px}.tiny-check{margin-left:auto;color:#3e7e63;background:#e6f2ed;border-radius:50%;width:19px;height:19px;display:grid;place-items:center;font-size:10px}.paper-lines{display:flex;gap:7px;flex-direction:column;margin-top:22px}.paper-lines span{height:5px;border-radius:4px;background:#eef1f7;width:80%}.paper-lines span:nth-child(2){width:100%}.paper-lines span:nth-child(3){width:62%}.paper-chart{height:90px;display:flex;align-items:flex-end;gap:9px;padding:12px 0 0;border-bottom:1px solid #e9edf6}.paper-chart i{flex:1;height:40%;background:#cedbfa;border-radius:4px 4px 0 0}.paper-chart i:nth-child(2){height:60%}.paper-chart i:nth-child(3){height:48%}.paper-chart i:nth-child(4){height:80%}.paper-chart i:nth-child(5){height:70%}.paper-chart i:nth-child(6){height:90%;background:#6990ee}.paper-chart i:nth-child(7){height:100%;background:var(--blue)}.paper-bottom{margin-top:18px;display:flex;flex-direction:column;gap:7px;font-size:9px;color:#7e8ba3}.paper-bottom strong{font-size:14px;font-weight:600;color:var(--navy)}.floating{position:absolute;display:flex;align-items:center;gap:12px;padding:16px 19px;background:#fff;border:1px solid #e3e9f4;border-radius:12px;box-shadow:0 8px 25px #324c7512;font-size:12px;font-weight:600}.floating small{display:block;font-size:9px;font-weight:400;color:#8994aa;margin-top:5px}.label-systems{left:22px;top:74px;transform:rotate(-3deg)}.small-icon{font-size:24px;color:var(--blue)}.label-ai{right:20px;bottom:70px}.spark{background:#edf2ff;color:var(--blue);font-size:24px;border-radius:10px;padding:9px}.art-seal{width:98px;height:98px;background:#305fe7;color:#fff;border-radius:50%;font-size:11px;line-height:1.5;display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;right:24px;top:112px;transform:rotate(12deg);box-shadow:0 0 0 6px #eff3fc}.art-seal b{font-size:11px}.art-caption{position:absolute;bottom:24px;left:26px;font-size:8px;color:#8a98ae}.benefit-band{background:#172640;color:#fff}.band-grid{display:grid;grid-template-columns:1fr 1.2fr 1.1fr;gap:30px;padding:25px 0}.band-grid>div{display:flex;align-items:center;gap:17px}.band-symbol{font-size:28px;color:#95b0f9}.band-grid p{margin:0;color:#a7b5ca;line-height:1.7}.band-grid strong{display:block;color:#f3f6ff;font-size:13px;font-weight:500}.band-grid p>span{font-size:10px}.section{padding-top:96px;padding-bottom:96px}.section-title{margin-bottom:45px}.section-title .eyebrow{margin-bottom:20px}h2{font-size:clamp(33px,3.4vw,47px);letter-spacing:-1.9px;line-height:1.18;font-weight:600;margin:0}h2 span{color:#8490a5;font-weight:400}.approach-bottom{display:grid;grid-template-columns:1fr 1fr;gap:100px}.big-copy{font-size:24px;line-height:1.55;color:#57657e;max-width:470px;margin:0}.approach-points>div{display:flex;gap:19px;margin-bottom:23px}.approach-points>div:last-child{margin:0}.approach-points>div>span{font-size:10px;color:var(--blue);padding-top:5px;font-weight:700}.approach-points p{margin:0;font-size:14px;line-height:1.7}.approach-points strong{display:block;color:var(--navy);font-size:16px;margin-bottom:6px;font-weight:600}.offer{background:#f6f8fc}.horizontal{display:flex;justify-content:space-between;align-items:flex-end;gap:50px}.horizontal>p{max-width:330px;margin:0;font-size:14px}.service-list{border-top:1px solid #d7dfed}.service-list details{border-bottom:1px solid #d7dfed}.service-list summary{display:flex;align-items:center;gap:25px;list-style:none;cursor:pointer;padding:27px 0}.service-list summary::-webkit-details-marker,.faq summary::-webkit-details-marker{display:none}.service-number{color:#8d9bb1;font-size:12px;min-width:35px}.service-list h3{font-size:23px;font-weight:500;letter-spacing:-.6px;margin:0}.service-label{font-size:8px;letter-spacing:1.2px;color:#8c9ab0;margin-left:auto}.plus{position:relative;display:block;width:30px;height:30px;border:1px solid #d9e1ee;border-radius:50%;flex-shrink:0;margin-left:13px}.plus:before,.plus:after{content:'';position:absolute;top:14px;left:9px;height:1px;width:10px;background:#75849b}.plus:after{transform:rotate(90deg)}details[open]>.plus:after,details[open]>summary .plus:after{display:none}details[open]>summary .plus{background:var(--blue);border-color:var(--blue)}details[open]>summary .plus:before{background:white}.service-body{padding:0 65px 28px;display:flex;align-items:flex-end;gap:70px}.service-body p{max-width:620px;margin:0;font-size:15px}.service-body a{font-size:11px;color:var(--blue);white-space:nowrap;padding-bottom:5px}.tech-grid{display:grid;grid-template-columns:1.12fr 1fr 1fr;gap:20px}.tech-feature{grid-row:1/3;background:#305fe7;color:white;border-radius:var(--radius);padding:30px}.feature-top{display:flex;justify-content:space-between;align-items:center}.tag{font-size:8px;letter-spacing:1.4px;color:#c9d6ff}.feature-top>span:last-child{font-size:22px;color:#b9ceff}.insert-word{font-size:20px;margin:30px 0 23px;letter-spacing:-.5px;line-height:1.4}.insert-word strong{font-size:58px;font-weight:500;white-space:nowrap;letter-spacing:-2px}.insert-word strong span{font-size:13px;vertical-align:middle;letter-spacing:1px;border:1px solid #9db9ff;border-radius:5px;padding:5px 7px}.tech-feature p{color:#d5e0ff;font-size:14px;line-height:1.7}.feature-line{height:1px;background:#6689ed;margin:25px 0}.feature-note{font-size:15px;font-weight:500}.tech-feature .feature-small{font-size:13px;margin-bottom:0}.tech-card{background:#f5f7fc;border:1px solid #e9edf5;padding:29px;border-radius:var(--radius)}.tech-icon{display:grid;place-items:center;width:45px;height:45px;background:#fff;border:1px solid #e3e9f5;color:var(--blue);border-radius:11px;font-size:23px;margin-bottom:29px}.tech-card h3{font-size:19px;font-weight:500;line-height:1.3;letter-spacing:-.4px;margin:0 0 12px}.tech-card p{font-size:13px;line-height:1.8;margin:0}.tech-card.wide{grid-column:2/4;display:flex;gap:25px;align-items:center}.tech-card.wide .tech-icon{flex-shrink:0;margin:0}.start-section{background:#eef3fd;padding:80px 0}.start-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.start-grid h2 span{color:#617aa8}.start-grid>div>p:not(.eyebrow){font-size:15px;max-width:460px;margin:25px 0}.onboarding{list-style:none;margin:0;padding:0}.onboarding li{display:flex;gap:25px;position:relative;padding-bottom:32px}.onboarding li:last-child{padding-bottom:0}.onboarding li:before{content:'';position:absolute;width:1px;background:#cbd8ee;left:20px;top:43px;bottom:4px}.onboarding li:last-child:before{display:none}.onboarding li>span{display:grid;place-items:center;height:42px;width:42px;flex-shrink:0;background:#fff;color:var(--blue);border:1px solid #d4dff3;border-radius:50%;font-size:11px}.onboarding h3{font-size:19px;font-weight:500;letter-spacing:-.4px;margin:7px 0 9px}.onboarding p{font-size:13px;line-height:1.7;margin:0}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:100px}.faq>div>p:not(.eyebrow){font-size:14px;margin-top:24px}.faq .quiet-link{font-size:18px;color:var(--blue)}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list details:first-child{border-top:1px solid var(--line)}.faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;cursor:pointer;font-size:15px;line-height:1.5}.faq details p{font-size:14px;margin:15px 44px 0 0}.contact{background:#f4f7fc;padding:85px 0 50px}.contact-intro{text-align:center}.contact-intro h2{font-size:52px}.contact-intro h2 span{color:var(--blue);font-weight:600}.contact-intro>p:last-child{font-size:16px;margin:22px 0 40px}.contact-cards{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:18px}.contact-card{display:flex;flex-direction:column;gap:27px;background:#fff;border:1px solid #e0e7f2;border-radius:14px;padding:29px;transition:transform .2s,box-shadow .2s}.contact-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #1c417014}.contact-label{font-size:9px;letter-spacing:1.2px;color:#8b98ad}.contact-card strong{font-size:28px;font-weight:500;letter-spacing:-1px;white-space:nowrap}.contact-card .email-text{font-size:25px}.contact-card>span:last-child{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#7f8ea5;gap:12px}.contact-card>span:last-child b{font-size:20px;color:var(--blue);font-weight:400}.main-contact{background:var(--navy);border-color:var(--navy);color:#fff}.main-contact .contact-label,.main-contact>span:last-child{color:#a7b8d0}.main-contact>span:last-child b{color:#95b3ff}.offices{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:50px 0 0}.offices article{display:flex;gap:18px;align-items:flex-start}.location-dot{height:11px;width:11px;flex-shrink:0;border:3px solid var(--blue);border-radius:50%;margin-top:5px;box-shadow:0 0 0 5px #e5ecfc}.offices h3{font-size:20px;letter-spacing:-.4px;font-weight:500;margin:0 0 15px}.offices h3 small{font-size:8px;letter-spacing:1px;color:#8c9bb1;padding-left:15px}.offices address{font-size:14px;line-height:1.7;font-style:normal;color:#5c6e88}.offices a{display:inline-block;font-size:11px;color:var(--blue);margin-top:13px}.visit-note{font-size:10px;color:#8796ac;margin:35px 0 0;text-align:center}.footer{padding:45px 0 0}.footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:30px;border-bottom:1px solid var(--line)}.footer-top>p{font-size:12px;color:#8e9bb0}.footer-data{display:grid;grid-template-columns:1.2fr .8fr 1.4fr;gap:35px;padding:20px 0}.footer-data p{font-size:10px;line-height:1.9;color:#8793a8}.footer-data strong{color:#5b6b82;font-weight:500}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:19px 0;border-top:1px solid var(--line);font-size:10px;color:#8c98ae}.skip{position:fixed;left:10px;top:-100px;background:var(--blue);color:#fff;padding:15px;z-index:100}.skip:focus{top:10px}:focus-visible{outline:3px solid #6388ed;outline-offset:5px}.page-content{max-width:850px;padding:65px 0 85px}.page-content h1{font-size:45px}.page-content h2{font-size:26px;margin:30px 0 15px}.page-content p{font-size:16px}.page-content .button{display:inline-block;padding:15px;background:var(--blue);color:#fff;border-radius:8px}
@media(max-width:1100px){.container{width:calc(100% - 56px)}.header nav{gap:18px;font-size:12px}.hero{gap:30px;padding:55px 0}.hero-art{height:470px}.art-seal{right:15px;top:135px;width:84px;height:84px}.label-systems{left:14px}.label-ai{right:14px}.hero h1{font-size:54px;letter-spacing:-2.7px}.intro{font-size:17px}.hero-benefits{gap:16px}.actions{gap:20px}.quiet-link{font-size:12px}.approach-bottom,.start-grid,.faq{gap:60px}.tech-card{padding:23px}.tech-feature{padding:25px}.insert-word strong{font-size:48px}.contact-card{padding:23px}.contact-card strong{font-size:24px}.contact-card .email-text{font-size:21px}.service-body{gap:30px}.service-list h3{font-size:21px}.horizontal>p{max-width:290px}}
@media(max-width:800px){html{scroll-padding-top:25px}.container{width:calc(100% - 40px)}.header-inner{min-height:81px;flex-wrap:wrap;gap:0}.brand img{height:37px;width:37px}.brand-name{font-size:23px}.brand-caption{font-size:7px;letter-spacing:1.8px;margin-top:7px}.header nav{display:none;width:100%;padding:12px 0 22px;flex-direction:column;align-items:stretch;gap:0}.header nav.open{display:flex}.header nav>a{padding:15px 0}.header nav>.nav-cta{padding:13px 17px;align-self:flex-start;margin-top:6px}.menu-toggle{display:flex;align-items:center;gap:12px;border:1px solid #dce3ef;background:#fff;border-radius:7px;padding:10px 12px;color:var(--navy);font-size:11px}.hero{grid-template-columns:1fr;gap:38px;padding:42px 0}.hero h1{font-size:clamp(42px,8vw,61px);letter-spacing:-2.5px;max-width:610px}.hero h1 .blue{white-space:normal}.eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:21px}.intro{font-size:17px;max-width:560px}.actions{gap:23px}.hero-benefits{margin-top:25px}.hero-art{width:100%;max-width:570px;margin:auto;height:450px}.art-kicker{top:22px}.paper{top:78px}.paper-back{top:89px}.label-systems{top:50px}.label-ai{bottom:49px}.art-seal{top:100px;right:25px}.art-caption{bottom:18px}.band-grid{grid-template-columns:1fr;padding:25px 0;gap:23px}.band-symbol{font-size:25px;width:27px}.band-grid p{display:flex;justify-content:space-between;align-items:center;width:100%;gap:15px}.band-grid p>span{font-size:9px;text-align:right}.band-grid strong{font-size:12px}.section{padding:62px 0}.section-title{margin-bottom:30px}h2{font-size:36px;letter-spacing:-1.5px}.approach-bottom{grid-template-columns:1fr;gap:30px}.big-copy{font-size:21px;max-width:100%}.approach-points p{font-size:14px}.horizontal{display:block}.horizontal>p{max-width:100%;margin-top:20px;font-size:14px}.service-list summary{gap:12px;padding:22px 0}.service-number{font-size:10px;min-width:23px}.service-list h3{font-size:18px;line-height:1.45;letter-spacing:-.4px}.service-label{display:none}.service-list summary .plus{margin-left:auto}.service-body{display:block;padding:0 0 24px 35px}.service-body p{font-size:14px}.service-body a{display:inline-block;margin-top:18px;white-space:normal;line-height:1.6}.tech-grid{grid-template-columns:1fr 1fr;gap:15px}.tech-feature{grid-row:auto;grid-column:1/3;padding:30px}.insert-word{margin:20px 0}.insert-word strong{font-size:58px}.tech-card{padding:24px}.tech-card.wide{grid-column:1/3}.tech-card h3{font-size:19px}.start-section{padding:60px 0}.start-grid{grid-template-columns:1fr;gap:40px}.onboarding{max-width:500px}.faq{grid-template-columns:1fr;gap:30px}.faq>div>p:not(.eyebrow){margin:18px 0}.faq summary{font-size:15px}.contact{padding:60px 0 35px}.contact-intro h2{font-size:42px}.contact-intro>p:last-child{font-size:15px}.contact-cards{grid-template-columns:1fr;gap:13px}.contact-card{padding:25px;gap:19px}.contact-card strong{font-size:30px}.contact-card .email-text{font-size:28px}.contact-card>span:last-child{font-size:11px}.offices{grid-template-columns:1fr;gap:32px;padding-top:35px}.offices h3 small{font-size:7px}.offices address{font-size:14px}.footer-top{flex-direction:column;align-items:flex-start;gap:20px}.footer-top>p{margin:0}.footer-data{grid-template-columns:1fr;gap:0}.footer-bottom{flex-wrap:wrap;font-size:9px}.preview-bar{padding:9px 20px;font-size:8px}.page-content h1{font-size:36px}}
@media(max-width:390px){.container{width:calc(100% - 32px)}.hero h1{font-size:42px}.hero-art{height:420px}.paper{width:235px;left:calc(50% - 117px);top:76px}.paper-back{left:calc(50% - 104px);top:90px}.art-seal{height:77px;width:77px;right:12px;font-size:9px;top:123px}.label-ai{bottom:35px;right:10px;font-size:10px;padding:12px}.label-systems{left:10px;top:45px;font-size:10px;padding:12px}.art-kicker{font-size:7px;letter-spacing:1px}.art-caption{font-size:7px;bottom:14px;left:15px}.art-seal b{font-size:9px}.tech-grid{grid-template-columns:1fr}.tech-feature,.tech-card.wide{grid-column:auto}.tech-card.wide{align-items:flex-start}.band-grid p{display:block}.band-grid p>span{display:block;text-align:left}.offices h3 small{display:block;padding-left:0;margin-top:8px}.hero-benefits{font-size:10px;gap:12px}.contact-card .email-text{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}