/* Native Elementor rendering: real text and lossless vector UI assets. */
.nn-native{background:#fbfaf7}
.nn-native .nn-brand img{display:block;width:100%;height:auto}
.nn-native .nn-footer img{object-fit:contain;object-position:center;width:calc(22 * var(--u));height:calc(26 * var(--u));opacity:.45}
.nn-native .nn-main .elementor .nn-icon img{image-rendering:auto}
.nn-native .nn-main .elementor .nn-button .elementor-button:focus-visible{outline:3px solid #5c7d95;outline-offset:4px}
.nn-native .nn-main .elementor .nn-outline .elementor-button:hover{background:#eaf0e8;color:#07162e;border-color:#83977b}
.nn-native .nn-main .elementor .nn-sage .elementor-button:hover{background:#6d8465;border-color:#6d8465}
.nn-main .elementor .nn-mail-mockup-widget{position:absolute;left:calc(541 * var(--u));top:calc(134 * var(--u));width:calc(491 * var(--u));height:calc(281 * var(--u));z-index:2;--m:var(--u)}
.nn-mail-preview{display:grid;grid-template-columns:24.5% 36% 39.5%;width:100%;height:100%;overflow:hidden;background:#fafbf9;border:1px solid #dbe1e4;border-radius:calc(8 * var(--m));box-shadow:0 calc(9 * var(--m)) calc(20 * var(--m)) #15283f14;color:#34465a;font:calc(9 * var(--m))/1.45 NNRoboto,Arial,sans-serif}
.nn-mail-preview *{box-sizing:border-box}
.nn-mail-sidebar{padding:calc(17 * var(--m)) calc(9 * var(--m));background:linear-gradient(135deg,#f1f5f5,#e8eff3)}
.nn-mail-logo{display:block!important;width:calc(88 * var(--m))!important;height:auto!important;margin:0 0 calc(17 * var(--m)) calc(5 * var(--m))}
.nn-mail-folder{display:flex;align-items:center;gap:calc(8 * var(--m));padding:calc(5 * var(--m)) calc(7 * var(--m));margin-bottom:calc(4 * var(--m));white-space:nowrap}
.nn-mail-selected{background:#d9e5ed;border-radius:calc(4 * var(--m))}
.nn-mail-preview i{display:block;flex:none;width:calc(14 * var(--m));height:calc(14 * var(--m));background:center/contain no-repeat url(vector/envelope.svg)}
.nn-mail-preview .nn-mail-sent{background-image:url(vector/cursor.svg);transform:rotate(45deg)}
.nn-mail-preview .nn-mail-draft{background-image:url(vector/file-small.svg)}
.nn-mail-preview .nn-mail-spam{background-image:url(vector/ssl-small.svg)}
.nn-mail-preview .nn-mail-trash{background-image:none;width:calc(9 * var(--m));height:calc(10 * var(--m));border:1px solid #647184;border-radius:calc(1 * var(--m));position:relative;margin:calc(2 * var(--m))}
.nn-mail-trash:before{content:'';position:absolute;left:calc(-2 * var(--m));right:calc(-2 * var(--m));top:calc(-3 * var(--m));border-top:1px solid #647184}
.nn-mail-messages{border-right:1px solid #e4e8e9;padding:calc(17 * var(--m)) calc(9 * var(--m));background:#f6f8f9}
.nn-mail-search{height:calc(29 * var(--m));padding:calc(7 * var(--m));border:1px solid #e8e8e4;border-radius:calc(4 * var(--m));background:#fdfdfb;color:#7e8b99;font-size:calc(8 * var(--m));margin-bottom:calc(10 * var(--m));white-space:nowrap}
.nn-mail-search span{font-size:calc(13 * var(--m));line-height:.7;vertical-align:middle;margin-right:calc(5 * var(--m))}
.nn-mail-message{position:relative;padding:calc(8 * var(--m)) 0 calc(8 * var(--m)) calc(8 * var(--m));height:calc(66 * var(--m));font-size:calc(8.2 * var(--m))}
.nn-mail-message b{display:block;font-size:calc(8.8 * var(--m));font-weight:600;color:#203044;white-space:nowrap;letter-spacing:calc(-.2 * var(--m))}
.nn-mail-message span{display:block;margin-top:calc(4 * var(--m));color:#6b7a8c}
.nn-main .elementor .nn-mail-message p{margin-top:calc(1 * var(--m));font-size:calc(8 * var(--m));color:#7a8795;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nn-mail-message time{position:absolute;right:0;top:calc(10 * var(--m));color:#8290a0;font-size:calc(7 * var(--m));background:#f6f8f9;padding-left:calc(3 * var(--m))}
.nn-mail-preview .nn-mail-dot{position:absolute;left:calc(-4 * var(--m));top:calc(13 * var(--m));width:calc(6 * var(--m));height:calc(6 * var(--m));background:#168bd7;border-radius:50%}
.nn-mail-preview .nn-mail-dot-sage{background:#a5b8a2}
.nn-mail-reading{padding:calc(17 * var(--m)) calc(10 * var(--m)) calc(12 * var(--m));background:#fbfcfa}
.nn-mail-toolbar{display:flex;justify-content:space-between;align-items:center;height:calc(20 * var(--m));margin-bottom:calc(15 * var(--m));color:#4a5b71;font-size:calc(15 * var(--m))}
.nn-mail-toolbar span:nth-child(2){transform:scaleX(-1)}
.nn-main .elementor .nn-mail-reading h3{font:600 calc(10.5 * var(--m))/1.3 NNRoboto,Arial,sans-serif;color:#24354b;margin:0 0 calc(7 * var(--m));letter-spacing:calc(-.2 * var(--m));white-space:nowrap}
.nn-mail-address{font-size:calc(8 * var(--m));color:#6b7a8c;white-space:nowrap;letter-spacing:calc(-.15 * var(--m))}
.nn-mail-letter{margin-top:calc(19 * var(--m));font-size:calc(9 * var(--m));line-height:1.45;color:#617086}
@media(min-width:768px){
 .nn-native .nn-nav{display:contents}
 .nn-native .nn-nav>a{position:absolute;top:calc(20 * var(--u));font-size:calc(13 * var(--u));line-height:1.3;padding:calc(11 * var(--u)) calc(2 * var(--u))}
 .nn-native .nn-nav>a:nth-child(1){left:calc(var(--nn-nav-1) * var(--u))}
 .nn-native .nn-nav>a:nth-child(2){left:calc(var(--nn-nav-2) * var(--u))}
 .nn-native .nn-nav>a:nth-child(3){left:calc(var(--nn-nav-3) * var(--u))}
 .nn-native .nn-nav>a:nth-child(4){left:calc(var(--nn-nav-4) * var(--u))}
 .nn-native .nn-panel{position:absolute;left:calc(var(--nn-panel-x) * var(--u));top:calc(16 * var(--u))}
 .nn-native .nn-hero:after{height:100%;background:linear-gradient(95deg,#fbfaf7 17%,#f6f5f1 40%,#e7ecec 70%,#d8e4eb)}
 .nn-native .nn-hero-home:before{clip-path:polygon(60.6% 0,100% 0,100% 100%,0 100%,0 80.6%,48% 80.6%,48% 53%,60.6% 53%)}
 .nn-native .nn-main .elementor .nn-h1 .elementor-heading-title{font-weight:600}
 .nn-native .nn-main .elementor .nn-hero-home .nn-h1 .elementor-heading-title{font-size:calc(75 * var(--u));line-height:1.015}
 .nn-native .nn-main .elementor .nn-hero .nn-lead{letter-spacing:calc(-.5 * var(--u))}
 .nn-native .nn-main .elementor .nn-services-home h2{font-size:calc(56 * var(--u));font-weight:600}
 .nn-native .nn-main .elementor .nn-hero-hosting .nn-h1{margin-top:calc(15 * var(--u))}
 .nn-native .nn-main .elementor .nn-hero-hosting .nn-lead{margin-top:calc(14 * var(--u))}
 .nn-native .nn-main .elementor .nn-hero-hosting .nn-hero-actions{margin-top:calc(21 * var(--u))}
 .nn-native .nn-main .elementor .nn-hero-hosting .nn-button .elementor-button{min-width:calc(187 * var(--u))}
 .nn-native .nn-main .elementor .nn-hero-home .nn-button .elementor-button{min-width:calc(204 * var(--u));min-height:calc(47 * var(--u))}
 .nn-native .nn-main .elementor .nn-hero-poczta .nn-button .elementor-button{min-width:calc(201 * var(--u))}
 .nn-native .nn-main .elementor .nn-hero-o-nas .nn-button .elementor-button{min-width:calc(195 * var(--u))}
 .nn-native .nn-main .elementor .nn-feature-copy>.elementor-widget-text-editor{letter-spacing:calc(-.3 * var(--u))}
 .nn-native .nn-main .elementor .nn-services-poczta .nn-feature-row{grid-template-columns:32% 36% 32%}
 .nn-native .nn-main .elementor .nn-services-poczta .nn-feature-copy>.elementor-widget-text-editor{font-size:calc(17.5 * var(--u));letter-spacing:calc(-.5 * var(--u))}
 .nn-native .nn-main .elementor .nn-services-poczta .nn-feature:nth-child(2) .nn-icon{width:calc(110 * var(--u));height:calc(55 * var(--u))}
 .nn-native .nn-main .elementor .nn-blue-grid .nn-feature-copy>.elementor-widget-text-editor{font-size:calc(13 * var(--u));line-height:1.32;letter-spacing:calc(-.48 * var(--u))}
 .nn-native .nn-main .elementor .nn-blue-poczta .nn-feature-copy>.elementor-widget-text-editor{font-size:calc(11.5 * var(--u));letter-spacing:calc(-.2 * var(--u));line-height:1.4}
 .nn-native .nn-main .elementor .nn-step-copy>.elementor-widget-text-editor{font-size:calc(12.5 * var(--u));line-height:1.35}
 .nn-native .nn-main .elementor .nn-host-steps .nn-step{position:relative;gap:calc(14 * var(--u));padding-right:calc(8 * var(--u))}
 .nn-native .nn-main .elementor .nn-host-steps .nn-step-number{width:calc(28 * var(--u));height:calc(28 * var(--u));font-size:calc(16 * var(--u));flex:none}
 .nn-native .nn-main .elementor .nn-host-steps .nn-step-copy{padding-left:calc(44 * var(--u));position:relative}
 .nn-native .nn-main .elementor .nn-host-steps .nn-step-copy:before{content:'';position:absolute;top:calc(9 * var(--u));left:0;width:calc(33 * var(--u));height:calc(33 * var(--u));background:center/contain no-repeat url(vector/cursor.svg)}
 .nn-native .nn-main .elementor .nn-host-steps .nn-step:nth-child(2) .nn-step-copy:before{background-image:url(vector/globe.svg)}
 .nn-native .nn-main .elementor .nn-host-steps .nn-step:nth-child(3) .nn-step-copy:before{background-image:url(vector/browser.svg)}
 .nn-native .nn-main .elementor .nn-host-steps .nn-step:not(:last-child):after{content:'→';position:absolute;right:calc(5 * var(--u));top:calc(20 * var(--u));color:#8c9998;font:calc(24 * var(--u))/1 NNRoboto,Arial,sans-serif}
 .nn-native .nn-main .elementor .nn-host-steps .nn-step-copy h3{font-size:calc(13.5 * var(--u));white-space:nowrap}
 .nn-native .nn-main .elementor .nn-host-steps .nn-step-copy>.elementor-widget-text-editor{font-size:calc(11.7 * var(--u));line-height:1.4}
 .nn-native .nn-main .elementor .nn-cta-copy{font-size:calc(12.5 * var(--u));line-height:1.4}
 .nn-native .nn-main .elementor .nn-signature img{width:100%;height:auto}
}
@media(max-width:767px){
 .nn-native .nn-brand img{width:148px;height:auto}
 .nn-native .nn-main .elementor .nn-h1 .elementor-heading-title{font-weight:600}
 .nn-native .nn-main .elementor .nn-hero .nn-lead{line-height:1.4}
 .nn-native .nn-main .elementor .nn-button .elementor-button{min-height:44px}
 .nn-native .nn-main .elementor .nn-icon img{height:100%;width:auto;object-fit:contain}
 .nn-native .nn-main .elementor .nn-hero-poczta{padding-bottom:260px!important}
 .nn-native .nn-hero-poczta:before{mask-image:linear-gradient(transparent 0%,transparent 78%,#000 84%)}
 .nn-main .elementor .nn-mail-mockup-widget{--m:calc((100cqw - 48px) / 491);top:auto;bottom:28px;left:24px;width:calc(100% - 48px);height:auto;aspect-ratio:491/281}
}
