.App #main-content{zoom:var(--skyz-a11y-scale, 1)}.App .a11y-widget{position:fixed;inset-inline-end:max(16px,env(safe-area-inset-right));inset-block-end:max(16px,env(safe-area-inset-bottom));z-index:1000;font:14px/1.5 Open Sans,Arial,sans-serif;color:var(--text-color)}.App .a11y-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:8px;border:2px solid #fff;border-radius:50%;background:#255fa4;color:#fff;cursor:pointer;box-shadow:0 2px 8px #0003}.App .a11y-toggle svg{width:28px;height:28px}.App .a11y-panel{box-sizing:border-box;position:absolute;inset-block-start:auto;inset-block-end:56px;inset-inline-end:0;width:min(340px,calc(100vw - 32px));min-width:0;max-height:calc(100dvh - 100px);overflow:auto;overscroll-behavior:contain;padding:12px;border:1px solid var(--text-color);border-radius:10px;background:var(--background-light);color:var(--text-color);box-shadow:0 4px 20px #0003;font:inherit;line-height:1.5;text-align:start}.App .a11y-panel[hidden]{display:none}.App .a11y-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.App .a11y-heading h2{margin:0;font-size:18px;font-weight:600}.App .a11y-panel button{min-width:44px;min-height:44px;padding:6px 8px;border:1px solid var(--text-color);border-radius:4px;background:var(--background-light);color:var(--text-color);font:inherit;cursor:pointer}.App .a11y-panel button:disabled{opacity:.45;cursor:default}.App .a11y-panel .a11y-close{border:none;font-size:26px;line-height:1}.App .a11y-panel .row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:4px 0;font-size:14px}.App .a11y-panel .group{display:flex;align-items:center;gap:4px}.App .a11y-panel .group button{margin:0}.App .a11y-panel output{min-width:38px;text-align:center;font-size:13px}.App .a11y-panel label{cursor:pointer}.App .a11y-panel input[type=checkbox]{width:20px;height:20px;margin:0;flex-shrink:0;accent-color:#255fa4}.App .a11y-panel .reset{width:100%;margin-top:8px}.App .a11y-widget :focus-visible{outline:3px solid var(--text-color);outline-offset:2px}.a11y-underline-links .App a{text-decoration:underline!important;text-underline-offset:3px}.a11y-focus .App :focus-visible{outline:3px solid #255fa4!important;outline-offset:3px!important;box-shadow:0 0 0 6px #fff!important}.a11y-contrast .App{--text-color: #fff;--text-link: #ff0;--background: #000;--background-light: #000;--blue: #ff0;--blue-hover: #fff;--secondary: #000;--text-color-on-secondary: #fff}.a11y-contrast .App :is(section,header,footer,.footer,.product,.a11y-panel){background-color:#000!important;color:#fff!important}.a11y-contrast .App :is(a,.language-switcher button){color:#ff0!important}.a11y-contrast .App :is(button,input,textarea,.btn-primary,.btn-secondary){background-color:#000!important;color:#fff!important;border:1px solid #fff!important}.a11y-contrast .App :focus-visible{outline-color:#ff0!important}.a11y-reduce-motion,.a11y-reduce-motion body{scroll-behavior:auto!important}.a11y-reduce-motion *,.a11y-reduce-motion *:before,.a11y-reduce-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important;scroll-behavior:auto!important}@media(min-width:901px){.App .navbar .a11y-slot .a11y-widget{position:relative;inset:auto}.App .navbar .a11y-slot .a11y-panel{inset-block-start:56px;inset-block-end:auto;max-height:calc(100dvh - 150px)}}@media(max-width:900px){.App .navbar .a11y-slot .a11y-widget{position:fixed;inset-block-end:max(16px,env(safe-area-inset-bottom));inset-inline-end:16px}.App .navbar .a11y-slot .a11y-panel{inset-block-start:auto;inset-block-end:56px;max-height:calc(100dvh - 100px)}}.App .navbar{box-shadow:0 2px 8px #001c3b14}.App .navbar .links{gap:4px;padding-inline:0;line-height:1.5}.App .navbar .links .link{display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 12px;border-radius:24px;font-size:16px;text-decoration:none;white-space:nowrap}.App .navbar .links .link svg{display:none;width:24px;height:24px;flex-shrink:0}.App .navbar .links .link:hover{background:var(--background);color:var(--text-link)}.App .navbar .links .link[aria-current=page]{background:var(--secondary);color:var(--text-color-on-secondary);font-weight:600}.App .navbar .darkmode-toggle{width:48px;height:48px;border-radius:24px}.App .navbar .darkmode-toggle:hover{background:var(--background)}.App .navbar .menu-icon{min-width:48px;min-height:48px;border:1px solid var(--text-link);border-radius:12px;color:var(--text-link);background:var(--background)}.App .navbar .menu-icon[aria-expanded=true]{background:var(--secondary);border-color:var(--text-link)}.App .navbar .menu-icon svg{width:24px;height:24px}.App .navbar :is(a,button):focus-visible{outline:3px solid var(--text-link);outline-offset:2px}.App .navbar .nav-drawer-heading,.App .navbar .nav-theme-label,.App .navbar .nav-scrim{display:none}@media(max-width:900px){.App .navbar .nav-scrim{display:block;position:fixed;top:8rem;bottom:0;left:0;right:0;background:#001c3b66;z-index:100;cursor:pointer}.App .navbar .links{box-sizing:border-box;position:fixed;top:8rem;left:0;right:auto;width:min(320px,calc(100vw - 32px));height:calc(100dvh - 8rem);padding:12px;gap:4px;align-items:stretch;flex-direction:column;background:var(--background-light);border-radius:0 16px 16px 0;box-shadow:8px 0 24px #001c3b33;overflow-y:auto;overscroll-behavior:contain;transform:translate(-105%);transition:transform .18s ease-out;visibility:hidden;z-index:101;line-height:1.5;text-align:start}[dir=rtl] .App .navbar .links{left:auto;right:0;border-radius:16px 0 0 16px;box-shadow:-8px 0 24px #001c3b33;transform:translate(105%)}.App .navbar .links.active,[dir=rtl] .App .navbar .links.active{transform:translate(0);visibility:visible}.App .navbar .nav-drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;padding-inline-start:16px;color:var(--text-color);font-size:18px;font-weight:600}.App .navbar .nav-close{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px;padding:12px;border:0;border-radius:50%;background:transparent;color:var(--text-color);cursor:pointer}.App .navbar .nav-close:hover{background:var(--background)}.App .navbar .nav-close svg{width:24px;height:24px}.App .navbar .links .link{flex-shrink:0;padding:12px 16px}.App .navbar .links .link svg{display:block}.App .navbar .darkmode-toggle{justify-content:flex-start;gap:12px;flex-shrink:0;width:100%;min-height:48px;margin-top:12px;padding:12px 16px;color:var(--text-color);font:inherit;font-size:16px;line-height:1.5}.App .navbar .nav-theme-label{display:inline}}@media(prefers-reduced-motion:reduce){.App .navbar .links{transition:none}}.App{--site-outline: #d5dce5;--site-muted: #454b54}.App.dark-mode{--site-outline: #515963;--site-muted: #c4c8d0}.a11y-contrast .App{--site-outline: #fff;--site-muted: #fff}.App #main-content{color:var(--text-color)}.App #main-content :is(h1,h2,h3){line-height:1.3;font-weight:600;text-wrap:balance}.App #main-content h1{font-size:clamp(28px,3.2vw,42px)}.App #main-content h2{font-size:clamp(22px,2.1vw,28px)}.App #main-content h3{font-size:20px}.App #main-content p{font-size:16px;line-height:1.75;overflow-wrap:break-word}.App #main-content :is(img,svg){max-width:100%}.App #main-content :is(a,button,input,textarea):focus-visible{outline:3px solid var(--text-link)!important;outline-offset:4px}.App #main-content :is(.btn-primary,.btn-secondary,.btn-orange,.get-started .btn,.small-btn){display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border-radius:24px;font:inherit;font-size:16px;font-weight:600;line-height:1.5;text-align:center;text-decoration:none;cursor:pointer;transition:box-shadow .16s ease}.App #main-content .btn-secondary{background:#255fa4;color:#fff}.App #main-content .btn-secondary:hover{background:#0e4c97;box-shadow:0 2px 6px #001c3b26}.App #main-content .btn-primary{border:1px solid var(--text-link);color:var(--text-link);background:transparent}.App #main-content .btn-primary:hover{background:var(--secondary);box-shadow:none}.App #main-content .btn-orange{background:var(--secondary);color:var(--text-color-on-secondary)}.App #main-content .btn-orange:hover{background:var(--secondary-hover);box-shadow:0 2px 6px #001c3b1a}.App .hero{min-height:520px;padding:144px 24px 64px;gap:24px;text-align:center}.App #main-content .hero h1{font-size:clamp(42px,6vw,72px);line-height:1.1;letter-spacing:-1px}.App #main-content .hero p{max-width:800px;margin:0;padding:0;font-size:clamp(20px,2.3vw,28px);line-height:1.5;text-wrap:balance}.App .hero p .dot{margin:0;margin-inline-start:8px;vertical-align:middle;width:8px;height:8px}.App .hero .btns-container{width:auto;max-width:100%;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:16px}.App .hero .btns-container a{min-width:160px}.App .about{padding:64px 24px;gap:16px}.App .about p{max-width:72ch;text-align:start}.App #main-content .about h2{font-size:32px;text-align:center}.App .products,.App .advantages{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:16px max(24px,calc((100% - 1120px)/2)) 64px}.App .products{grid-template-columns:repeat(4,minmax(0,1fr))}.App .products .product{min-width:0;padding:24px;gap:24px;border:1px solid var(--site-outline);border-radius:16px;justify-content:flex-start}.App .products .product .header{gap:16px;min-height:164px;justify-content:flex-end}.App #main-content .products h2{font-size:22px}.App .products .product .header img,.App .products .invoicing-icon{width:100px;height:100px;object-fit:contain}.App .products .product>a{margin-top:auto;width:100%}.App .products .product p{text-align:start}.App .advantages .advantage{min-width:0;align-items:flex-start;justify-content:flex-start;gap:16px;padding:24px;border:1px solid var(--site-outline);border-radius:16px}.App .advantages .advantage .icon-container{display:flex;padding:12px;border-radius:16px;background:var(--secondary);color:var(--text-link)}.App .advantages .icon-container svg{width:28px;height:28px}.App #main-content .advantages .advantage h2{font-size:22px;text-align:start}.App .advantages .advantage p{text-align:start}.App .product-page-container{padding:128px 24px 64px;gap:64px}.App .product-page-container .product-section-container{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:48px;width:100%;max-width:1120px;margin-inline:auto;padding:0}.App .product-page-container .product-section-container :is(.right,.left){margin:0;min-width:0}.App .product-page-container .product-section-container .right{display:flex;flex-direction:column;gap:24px}.App .product-page-container .product-section-container .left{display:flex;justify-content:center;align-self:center}.App .product-page-container .product-section-container .left img{display:block;width:min(400px,100%);height:auto;border-radius:16px}.App .product-page-container .product-section-container.row-reverse .right{grid-column:2;grid-row:1}.App .product-page-container .product-section-container.row-reverse .left{grid-column:1;grid-row:1}.App .product-page-container .para{display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:16px;background:var(--background);border:1px solid var(--site-outline)}.App .product-page-container .para :is(h2,p){text-align:start}.App .product-page-container .para .link{align-self:flex-start;display:inline-flex;align-items:center;min-height:48px;color:var(--text-link);font-size:16px;font-weight:600;text-decoration:underline;text-underline-offset:4px}.App .get-started{width:100%;max-width:1120px;margin:0 auto;padding:32px;gap:32px;border-radius:16px}.App .get-started .left{display:flex;flex-direction:column;gap:12px;min-width:0}.App #main-content .get-started .btn{background:#255fa4!important;color:#fff!important;white-space:nowrap}.App #main-content .get-started .btn:hover{background:#0e4c97!important}.App .about-us{padding:128px 24px 64px}.App .about-us .about-us__title,.App .about-us .about-us__content,.App .about-us>.btns-container{max-width:1120px;margin-inline:auto}.App .about-us .about-us__title{margin-bottom:32px;text-align:start}.App .about-us .about-us__content{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:48px}.App .about-us .text{display:flex;flex-direction:column;gap:32px;min-width:0}.App .about-us-section{display:flex;flex-direction:column;gap:12px}.App .about-us .about-us__content img{width:100%;max-width:400px;justify-self:center}.App .about-us>.btns-container{margin-top:48px;padding-top:24px;border-top:1px solid var(--site-outline);display:flex;flex-direction:row;flex-wrap:wrap;gap:16px}.App .about-us .small-btn{border:1px solid var(--text-link);color:var(--text-link)}.App .privacy{padding:128px max(24px,calc((100% - 840px)/2)) 64px}.App #main-content .privacy__title{font-size:36px;font-weight:600;text-align:start;margin-bottom:32px}.App #main-content .privacy__small-title{font-size:22px;margin-top:32px;margin-bottom:12px}.App .privacy p{padding:0;margin-bottom:16px}.App .contact{padding:128px 24px 64px;min-height:0}.App .contact .content{width:100%;max-width:1120px;gap:48px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.App .contact .content .info{align-items:flex-start;gap:24px;min-width:0}.App .contact .info-details,.App .contact .content .info .info-img{margin:0}.App .contact .content .info .info-img img{max-width:100%;width:320px}.App .contact .content .info .detail{margin:0}.App .contact .contact-icon{height:24px;width:24px;flex-shrink:0;color:var(--text-link)}.App .contact .contact-email{display:inline-flex;align-items:center;min-height:48px;color:var(--text-link);text-decoration:underline;text-underline-offset:4px}.App .contact .content .form{min-width:0;padding:32px;border:1px solid var(--site-outline);border-radius:16px}.App .contact .content .form h2{padding:0;margin-bottom:8px}.App #main-content .contact-required-note{font-size:14px;color:var(--site-muted);margin-bottom:24px}.App .contact .fields{display:flex;flex-direction:column;gap:20px}.App .contact .field-container{display:flex;flex-direction:column;gap:8px;margin:0}.App .contact :is(.field-label,.textarea .title){display:block;margin:0;font-size:14px;font-weight:600;letter-spacing:normal}.App .contact .input-container{align-items:center;padding:0 12px;min-height:56px;border:1px solid var(--site-muted);border-radius:8px;background:var(--background-light);gap:12px}.App .contact .field-icon{width:20px;height:20px;flex-shrink:0;color:var(--site-muted)}.App .contact .input-container:focus-within{border-color:var(--text-link);outline:2px solid var(--text-link);outline-offset:-1px}.App .contact .input-container input{min-width:0;width:100%;height:52px;border:0;background:transparent;color:var(--text-color);padding:0;font:inherit;font-size:16px;line-height:1.5}.App .contact .textarea{gap:8px}.App .contact .textarea textarea{width:100%;min-height:160px;height:160px;padding:12px;border:1px solid var(--site-muted);border-radius:8px;background:var(--background-light);color:var(--text-color);font:inherit;font-size:16px;line-height:1.5;resize:vertical}.App .contact .input-container:has([aria-invalid=true]),.App .contact [aria-invalid=true]{border-color:#ba1a1a}.App .contact .contact__error{min-height:24px;margin:0;font-size:14px}.App .contact .color-red{color:#ba1a1a}.App.dark-mode .contact .color-red{color:#ffb4ab}.App .contact .color-blue{color:var(--text-link)}.App .contact .content .form input[type=submit]{margin-top:24px;width:100%}.App>.footer{height:auto;min-height:104px;flex-direction:column;gap:16px;padding:24px;border-top:1px solid var(--site-outline);color:var(--text-color)}.App>.footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px}.App>.footer a{display:inline-flex;align-items:center;min-height:48px;color:var(--text-link);font-size:14px;text-decoration:underline;text-underline-offset:4px}.App>.footer p{font-size:14px;line-height:1.6;text-align:center}@media(max-width:1100px){.App .products{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.App .advantages{grid-template-columns:repeat(2,minmax(0,1fr))}.App .product-page-container .product-section-container,.App .about-us .about-us__content{grid-template-columns:minmax(0,1fr);gap:32px}.App .product-page-container .product-section-container.row-reverse :is(.right,.left){grid-column:auto;grid-row:auto}.App .about-us .about-us__content img{max-width:280px}.App .contact .content{grid-template-columns:minmax(0,1fr);gap:32px}.App .contact .content .info .info-img{display:none}.App .get-started{flex-direction:column;align-items:flex-start}.App .get-started .left p{text-align:start}}@media(max-width:600px){.App .hero{padding:120px 24px 48px;min-height:0}.App .hero .btns-container{width:100%;max-width:360px;flex-direction:column}.App .about{padding:48px 24px}.App .products,.App .advantages{grid-template-columns:minmax(0,1fr);padding-inline:16px;padding-bottom:48px;gap:16px}.App .products .product .header{min-height:0}.App .products .product{padding:24px}.App .products .product>a{width:auto;align-self:stretch}.App :is(.product-page-container,.about-us,.privacy,.contact){padding:112px 16px 48px}.App .product-page-container{gap:40px}.App .product-page-container .para{padding:20px}.App .get-started{padding:24px;gap:24px;text-align:start}.App .get-started .right,.App .get-started .btn{width:100%}.App .contact .content .form{padding:24px 16px}.App .about-us .about-us__content img{max-width:220px}.App>.footer{padding-bottom:72px}}@media(prefers-reduced-motion:reduce){.App #main-content :is(a,button,input){transition:none!important}}.products .product .header{flex-direction:column-reverse;align-items:center;width:100%;gap:12px;text-align:center}.products .product .header h2{max-width:100%}.products .invoicing-icon{width:100px;height:100px;flex-shrink:0;color:#498ba1;margin:0}.navbar{gap:16px}.navbar>a,.navbar>.menu-icon{flex-shrink:0}.language-switcher{display:flex;flex-shrink:0;align-items:center;gap:4px;line-height:normal;direction:ltr}.language-switcher button{box-sizing:border-box;min-width:44px;min-height:44px;padding:8px 10px;position:relative;border:0;border-radius:3px;background:transparent;color:var(--text-color);font:inherit;font-size:14px;line-height:1.4;white-space:nowrap;cursor:pointer}.language-switcher button[aria-pressed=true]{color:#255fa4;font-weight:600;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}.App.dark-mode .language-switcher button[aria-pressed=true]{color:#a8c7fa}.language-switcher button+button:before{content:"";position:absolute;left:-2px;top:14px;height:16px;border-left:1px solid var(--text-color);opacity:.35}.language-switcher button:hover{text-decoration:underline;text-underline-offset:3px}.language-switcher button:focus-visible{outline:3px solid var(--text-color);outline-offset:3px}@media(max-width:900px){.navbar{padding-inline:clamp(16px,4vw,30px);gap:8px;justify-content:flex-start}.navbar>.language-switcher{margin-left:auto;margin-right:0}[dir=rtl] .navbar>.language-switcher{margin-left:0;margin-right:auto}.navbar>.menu-icon{margin-inline-start:0}.language-switcher button{padding-inline:8px}}.navbar .darkmode-toggle,.navbar .menu-icon{padding:0;border:0;background:transparent;cursor:pointer;line-height:1;min-width:40px;min-height:40px}.navbar .darkmode-toggle{display:inline-flex;align-items:center;justify-content:center}.navbar .darkmode-toggle svg{width:24px;height:24px}.navbar .menu-icon svg{width:28px;height:28px}.navbar .menu-icon{align-items:center;justify-content:center}.skip-link{position:fixed;inset-inline-start:1rem;top:-10rem;z-index:1000;padding:1rem 2rem;background:var(--background-light);color:var(--text-color);border:2px solid #498ba1;font-size:16px}.skip-link:focus{top:1rem}#main-content{scroll-margin-top:8rem}.App a:focus-visible,.App button:focus-visible,.App input:focus-visible,.App textarea:focus-visible{outline:3px solid #498ba1;outline-offset:3px}.contact input:disabled{cursor:wait;opacity:.65}@media(prefers-reduced-motion:reduce){html body{scroll-behavior:auto}.navbar .links{transition:none}}.contact-email{color:inherit;text-decoration:none}.contact input[type=email],.contact input[type=tel]{box-sizing:border-box;border:none;padding:0 .5rem;font-size:14px;color:var(--text-color);background-color:transparent;width:100%;min-width:0}.App input:focus-visible,.App textarea:focus-visible{outline:3px solid #498ba1!important;outline-offset:3px}
