/* Wersja premium: wyrazista kolorystyka, większa hierarchia, żywe podstrony */
body{background:#f7fbfd}
.hero{background:radial-gradient(circle at 70% 25%,#26b5aa55,transparent 31%),linear-gradient(115deg,#061d36,#09466b 70%,#087c79)}
.page-hero{padding:72px 0 82px;background:radial-gradient(circle at 85% 20%,#1ab1a44a,transparent 33%),linear-gradient(120deg,#062540,#0b4670 70%,#126d78)}
.page-hero:after{content:'';position:absolute;bottom:-175px;right:11%;width:320px;height:320px;border-radius:32px;transform:rotate(22deg);border:1px solid #ffffff21}
.page-hero .shell{position:relative;z-index:1}
.page-hero h1{font-size:clamp(38px,4.5vw,60px);letter-spacing:-.055em}
.page-hero p{font-size:17px;line-height:1.8;max-width:800px}
.page-layout{gap:32px;padding-top:46px}
.sidebar{background:linear-gradient(180deg,#fff,#eef8fb);border:1px solid #cddfe9;box-shadow:0 18px 48px #08345212;padding:14px}
.sidebar-title{color:#21718f}
.side-item{font-size:12px;padding:13px 12px}
.side-item.active{background:#c9f3e9;color:#066f68;border-left:3px solid #0ba899}
.module-intro{position:relative;background:linear-gradient(125deg,#eef8fc,#f3fffb);border:1px solid #cfe8eb;border-radius:23px;padding:36px 36px 28px;box-shadow:0 16px 45px #0b426e0c;overflow:hidden}
.module-intro:after{content:'';position:absolute;width:195px;height:195px;border-radius:50%;background:#79dacf20;right:-60px;top:-100px;pointer-events:none}
.module-intro h2{font-size:31px;max-width:730px;margin:13px 0}
.module-intro p{font-size:15px;color:#496e82}
.module-meta .pill{background:#ffffff20;color:#c9fff1;border:1px solid #ffffff2a;font-size:12px}
.subsection{padding-top:48px}
.subsection h3{font-size:27px}
.subsection .sublead{font-size:14px;margin-bottom:22px}
.subsection:nth-child(odd){background:linear-gradient(115deg,#eef8fd,#effbf8);border:1px solid #d5ecee;border-radius:24px;padding:31px;margin-top:36px}
.subsection:nth-child(even){padding:37px 0 7px}
.cards{gap:17px}
.tile{position:relative;border:1px solid transparent;border-radius:19px;padding:24px;min-height:172px;box-shadow:0 13px 35px #123d5910;overflow:hidden;background:linear-gradient(135deg,#e5f4ff,#f7fcff)}
.tile:nth-child(4n+2){background:linear-gradient(135deg,#e1f8f1,#f7fffc)}
.tile:nth-child(4n+3){background:linear-gradient(135deg,#e8ecff,#f9fbff)}
.tile:nth-child(4n+4){background:linear-gradient(135deg,#dff4f8,#f4fbff)}
.tile:before{content:'';position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(#39a8ed,#0c80cb)}
.tile:nth-child(4n+2):before{background:linear-gradient(#3eddb9,#12a58d)}
.tile:nth-child(4n+3):before{background:linear-gradient(#8899e7,#506cc7)}
.tile:nth-child(4n+4):before{background:linear-gradient(#42cad2,#117fa8)}
.tile:hover{transform:translateY(-5px);border-color:#9ad3d8;box-shadow:0 19px 39px #123d5920}
.tile h4{font-size:15px;line-height:1.4}
.tile p{font-size:13px;line-height:1.7;color:#547387}
.mini-icon{width:45px;height:45px;border-radius:13px;background:#ffffffa8;box-shadow:0 5px 14px #103b6310;color:#1688bc;font-size:21px}
.tile:nth-child(4n+2) .mini-icon{color:#099c85}.tile:nth-child(4n+3) .mini-icon{color:#6175c6}
.tile .card-index{font-weight:900;font-size:10px;letter-spacing:.12em;position:absolute;bottom:17px;right:20px;color:#6594a9a0}
.overview{background:linear-gradient(150deg,#fff,#eff8fd);border-radius:21px;box-shadow:0 15px 38px #0f4c7414;border-color:#cddfeb}
.overview:nth-child(3n+2){background:linear-gradient(150deg,#fff,#e8f9f3)}
.overview:nth-child(3n){background:linear-gradient(150deg,#fff,#edf0ff)}
.overview:hover{border-color:#20b8aa;transform:translateY(-6px)}
.overview .icon-tile{box-shadow:inset 0 0 0 1px #ffffff7a}
.module-photo{height:300px;box-shadow:0 19px 45px #143c601c}
.insight{padding:31px;border-radius:20px;background:linear-gradient(110deg,#dff9f2,#eaf5ff);border-left:5px solid #0c9d91}
.insight b{font-size:18px}
.banner{box-shadow:0 25px 55px #073a5b25}
.premium-mast{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;margin:0 0 26px}
.premium-mast-copy{background:linear-gradient(130deg,#073b63,#0c7e80);color:white;border-radius:22px;padding:32px;display:flex;flex-direction:column;justify-content:center;min-height:225px}
.premium-mast-copy h3{font-size:27px;margin:10px 0}.premium-mast-copy p{font-size:13px;color:#cde9e8;margin:0}
.premium-mast-image{border-radius:22px;overflow:hidden;min-height:225px;position:relative;box-shadow:0 15px 35px #11436623}
.premium-mast-image img{height:100%;width:100%;object-fit:cover;position:absolute;inset:0}
.premium-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 30px}
.premium-stat{background:#fff;border:1px solid #d6e7ee;border-radius:14px;padding:16px;box-shadow:0 9px 25px #0b46700b}
.premium-stat b{display:block;color:#0a8f89;font-size:21px;font-family:Manrope}.premium-stat span{font-size:11px;color:#638399;font-weight:700}
.subnav-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}
.subnav-card{padding:17px;background:#fff;border:1px solid #d4e5ed;border-radius:14px;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:13px;font-weight:800;color:#114469;box-shadow:0 7px 20px #144e6e0c}
.subnav-card:hover{background:#e6f7f5;border-color:#83d4c8}.subnav-card span{color:#0a9c91}
.sub-hero{background:linear-gradient(115deg,#e7f6fb,#e5faf1);border-radius:22px;padding:30px;margin-bottom:24px;border:1px solid #c7e7e8}
.sub-hero h2{font-size:30px;color:#082f51;margin:9px 0}.sub-hero p{color:#51758b;font-size:14px}
.subreturn{display:inline-flex;color:#0a938a;font-size:13px;font-weight:800;margin-bottom:20px}
.premium-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:24px 0}
.premium-step{border-radius:16px;padding:23px;background:#f1f8fc;border:1px solid #deecf0}.premium-step:nth-child(2){background:#e5f8f2}.premium-step:nth-child(3){background:#eef0ff}
.premium-step strong{display:block;color:#0a8e89;font:800 27px Manrope}.premium-step b{display:block;color:#103e62;font-size:13px;margin:7px 0}.premium-step p{font-size:12px;color:#647f91;margin:0}
@media(max-width:900px){.premium-mast{grid-template-columns:1fr}.premium-mast-image{height:250px}.premium-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.module-intro{padding:25px}.premium-mast-copy{padding:25px}.premium-stats{grid-template-columns:1fr}.subnav-cards,.premium-steps{grid-template-columns:1fr}.subsection:nth-child(odd){padding:20px}.tile{min-height:0}}
.tile{display:block;color:inherit;text-decoration:none;cursor:pointer}
.side-features{display:grid;gap:2px;margin:2px 0 12px 12px;padding-left:12px;border-left:2px solid #b5e3dd}.side-features a{font-size:11px;color:#507487;padding:7px 3px;line-height:1.4}.side-features a:hover{color:#079a8d;font-weight:800}
.tile:focus-visible{outline:3px solid #0d9d94;outline-offset:3px}
.function-lead{display:grid;grid-template-columns:1.15fr .85fr;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#e5f5fc,#e4faf3);border:1px solid #cde8ea;box-shadow:0 20px 42px #0d476a13}
.function-lead-copy{padding:38px}.function-lead h2{font-size:36px;color:#092d4d;line-height:1.17;margin:14px 0}.function-lead p{font-size:14px;color:#52788b}.function-main-description{font-weight:800;color:#145677!important;font-size:18px!important}.function-lead-image{min-height:350px;position:relative;overflow:hidden}.function-lead-image img{width:100%;height:100%;position:absolute;object-fit:cover}.function-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:23px}.function-tags span{background:white;border:1px solid #cee6e9;border-radius:40px;padding:7px 11px;color:#087f7e;font-size:10px;font-weight:800}
.detail-section{padding:43px 0;border-bottom:1px solid #dce9ee}.detail-section h3{font-size:29px;color:#0a3354;margin:12px 0 16px}.detail-section>p{font-size:15px;color:#537488;line-height:1.85}.detail-tinted{background:linear-gradient(115deg,#edf8fc,#ebfbf5);border:1px solid #d2e9ed;border-radius:23px;padding:30px;margin-top:37px}.detail-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:24px}.detail-step{background:white;border-radius:16px;padding:25px;box-shadow:0 10px 28px #0d42600d;border-top:4px solid #1a9ca5}.detail-step:nth-child(2){border-color:#3bc2a7}.detail-step:nth-child(3){border-color:#4389dc}.detail-step strong{font:800 27px Manrope;color:#14a092}.detail-step h4{color:#113d5d;font-size:16px;margin:12px 0}.detail-step p{font-size:12px;color:#617f92;line-height:1.7;margin:0}.detail-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.detail-benefits>div{border-radius:17px;padding:24px;background:#e9f4fe;border:1px solid #d5e8f5}.detail-benefits>div:nth-child(2){background:#e3f8f1;border-color:#cdeee3}.detail-benefits>div:nth-child(3){background:#edf0fc;border-color:#d9e1f7}.detail-benefits b{display:block;font-size:15px;color:#113f61}.detail-benefits p{font-size:12px;color:#618096;line-height:1.7;margin-bottom:0}
@media(max-width:800px){.function-lead{grid-template-columns:1fr}.function-lead-image{height:230px;min-height:230px}.detail-steps,.detail-benefits{grid-template-columns:1fr}}
@media(max-width:560px){.function-lead-copy{padding:25px}.function-lead h2{font-size:28px}.detail-tinted{padding:22px}.detail-section h3{font-size:24px}}
/* Wyrazista warstwa wizualna marki — premium clinical technology */
:root{--navy:#06294b;--deep:#041d37;--blue:#176fb8;--teal:#079f95;--ink:#102f50;--muted:#58758a}
body{background:#f0f6fa}
.topline{background:#031b32}.topline .shell{letter-spacing:.02em}
header{border-bottom:1px solid #d4e7ec;box-shadow:0 9px 32px #05284913}
.brand .mark{border-radius:12px;transform:rotate(-4deg);background:linear-gradient(145deg,#073b69,#17b7a5);box-shadow:0 10px 22px #128b9442}
.hero{background:radial-gradient(circle at 65% 30%,#11c6af59,transparent 28%),linear-gradient(115deg,#021b35,#063f67 61%,#096d76)}
.hero h1{letter-spacing:-.07em}.hero-photo{border-radius:26px;border-color:#c2fff74a}
.section.light{background:linear-gradient(180deg,#edf5fa,#f7fcfd 90%)}
.section-head .eyebrow,.eyebrow{letter-spacing:.16em}
.section-head h2{font-weight:800}
.overview-grid{gap:19px}
.overview{position:relative;min-height:238px;padding:27px;border:1px solid transparent;background:#e2f0fa;box-shadow:0 15px 28px #12385a15;overflow:hidden}
.overview:before{content:'';position:absolute;height:7px;top:0;left:0;right:0;background:#1881bc}
.overview:nth-child(4n+2){background:#d9f6ed}.overview:nth-child(4n+2):before{background:#0eac92}
.overview:nth-child(4n+3){background:#e3e8fa}.overview:nth-child(4n+3):before{background:#556ec9}
.overview:nth-child(4n+4){background:#dceff5}.overview:nth-child(4n+4):before{background:#0b8ca5}
.overview:nth-child(7n+1){background:linear-gradient(145deg,#063b67,#0a6b84);color:white;box-shadow:0 18px 40px #06385b36}
.overview:nth-child(7n+1) h3,.overview:nth-child(7n+1) p,.overview:nth-child(7n+1) .more{color:#fff}
.overview:nth-child(7n+1) p{color:#c8e7ee}.overview:nth-child(7n+1):before{background:#47e4c7}
.overview:nth-child(7n+1) .icon-tile{background:#ffffff24;color:#fff}
.overview h3{font-size:17px;line-height:1.35}.overview p{font-size:13px;line-height:1.65}
.overview .icon-tile{height:57px;width:57px;color:#073f6b;font-size:22px;background:#ffffff9e;box-shadow:0 7px 17px #053e6014}
.overview .more{position:relative;display:inline-flex;margin-top:23px;padding:8px 0;border-bottom:1px solid currentColor;color:#087f89}
.overview:hover{transform:translateY(-7px);box-shadow:0 25px 50px #06385b25}
.page-hero{background:radial-gradient(circle at 80% 50%,#0cbaa14c,transparent 25%),linear-gradient(111deg,#03203e,#07517b 68%,#078178);border-bottom:5px solid #22c1af}
.page-hero .eyebrow{color:#91fff1!important}.page-hero h1{font-weight:800;text-shadow:0 3px 10px #071c3226}
.page-layout{padding-top:52px;background:transparent}
.sidebar{border:1px solid #bedde6;background:linear-gradient(150deg,#fff,#e9f6fa);box-shadow:0 20px 40px #07406017}
.sidebar-title{font-weight:900;color:#095d7e}
.module-intro{background:linear-gradient(120deg,#d9effb,#e3f9f0);border-color:#b7dfe7;box-shadow:0 20px 42px #0e557b16}
.module-intro h2{font-weight:800}.module-intro .searchbar{box-shadow:0 8px 21px #13526a12}
.premium-mast-copy{background:radial-gradient(circle at 90% 10%,#0cbba545,transparent 35%),linear-gradient(125deg,#052e52,#0a7684);box-shadow:inset 0 0 0 1px #ffffff14}
.premium-mast-copy h3{font-size:29px;font-weight:800}.premium-mast-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#073a5554,transparent 70%);pointer-events:none}
.premium-stat{background:linear-gradient(140deg,#fff,#e7f6fc);border-color:#c1dfe8}
.premium-stat:nth-child(2){background:linear-gradient(140deg,#fff,#e0f8ed)}
.premium-stat:nth-child(3){background:linear-gradient(140deg,#fff,#e8ebff)}
.premium-stat b{font-size:25px;color:#086e92}
.subsection:nth-child(odd){background:linear-gradient(130deg,#dff0fa,#e2f8ef);border-color:#c1e3e6;box-shadow:0 13px 33px #0c426e0b}
.subsection h3{font-weight:800}.subsection .eyebrow{color:#079a8d}
.tile{border:1px solid #c3dfe8;min-height:175px;background:linear-gradient(145deg,#d3eaff,#eaf6ff);box-shadow:0 13px 25px #063d6516;padding:25px}
.tile:nth-child(4n+2){background:linear-gradient(145deg,#c9f3e4,#e9fff7);border-color:#a8e5d5}
.tile:nth-child(4n+3){background:linear-gradient(145deg,#d9ddfa,#f0f2ff);border-color:#c9cffa}
.tile:nth-child(4n+4){background:linear-gradient(145deg,#c7edf6,#edfbfd);border-color:#b5e3ee}
.tile h4{font-size:16px;font-weight:800}.tile p{font-size:13px;color:#416d87}
.tile .card-index{color:#0d7fa7;font-size:10px;bottom:15px;right:18px}
.tile .mini-icon{background:#fff;border:1px solid #ffffffb8;box-shadow:0 8px 19px #0d49701e}
.tile:hover{transform:translateY(-6px) scale(1.012);box-shadow:0 24px 45px #0c4c6924;border-color:#159eae}
.subnav-card{background:linear-gradient(105deg,#e5f6fd,#e2f9f1);border:1px solid #b7e3e5;box-shadow:0 9px 24px #0d497216}
.subnav-card:hover{background:#c8f1e5}
.function-lead{background:linear-gradient(122deg,#c9eafa,#d7f6e8);border-color:#b4dee5;box-shadow:0 22px 48px #0b456d19}
.function-main-description{color:#06456e!important;font-size:20px!important}
.detail-tinted{background:linear-gradient(125deg,#d7effc,#ddf8e9)}
.detail-step{background:#fff;box-shadow:0 14px 25px #0d426016}
.detail-benefits>div{background:#d6edff}.detail-benefits>div:nth-child(2){background:#cff3e4}.detail-benefits>div:nth-child(3){background:#e0e5ff}
.banner{background:radial-gradient(circle at 87% 15%,#63dfc432,transparent 30%),linear-gradient(115deg,#043b66,#07877f)}
/* Mobilna nawigacja z akordeonem, osobna od desktopowego mega menu */
.mobile-scrim{display:none;position:fixed;inset:0;z-index:80;background:#02182cc9;backdrop-filter:blur(4px)}
.mobile-drawer{position:fixed;z-index:81;top:0;bottom:0;right:0;width:min(440px,94vw);background:#f4fafc;box-shadow:-25px 0 55px #0005;transform:translateX(105%);transition:transform .28s ease;display:flex;flex-direction:column}
body.mobile-menu-open{overflow:hidden}body.mobile-menu-open .mobile-scrim{display:block}body.mobile-menu-open .mobile-drawer{transform:translateX(0)}
.mobile-head{padding:18px 20px;background:linear-gradient(115deg,#052a4c,#087476);color:white;display:flex;align-items:center;justify-content:space-between;gap:15px}
.mobile-head strong{font:800 17px Manrope}.mobile-head small{display:block;color:#b7e9e1;font-size:11px;letter-spacing:.08em;margin-top:3px}
.mobile-close{width:40px;height:40px;border:1px solid #ffffff60;background:#ffffff20;color:white;border-radius:11px;font-size:24px}
.mobile-scroll{overflow:auto;flex:1;padding:18px 17px 30px;overscroll-behavior:contain}
.mobile-quick{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:18px}
.mobile-quick a{background:#fff;border:1px solid #cbdfe8;border-radius:12px;padding:13px;color:#0c446c;font-size:12px;font-weight:800;text-align:center}
.mobile-scroll h3{font-size:11px;color:#33738b;text-transform:uppercase;letter-spacing:.16em;margin:25px 7px 13px}
.mobile-drawer details{background:#fff;border:1px solid #cbdfe8;margin:8px 0;border-radius:14px;overflow:hidden;box-shadow:0 6px 20px #093b5e08}
.mobile-drawer summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:9px;cursor:pointer;padding:15px;font-size:13px;font-weight:800;color:#0b3f63}
.mobile-drawer summary::-webkit-details-marker{display:none}.mobile-drawer summary:after{content:'+';font-size:20px;color:#0a9990}.mobile-drawer details[open]>summary:after{content:'−'}
.mobile-drawer details[open]>summary{background:#def4f0;border-bottom:1px solid #cce7e5}
.mobile-group{padding:10px 13px;background:#f7fbfd}
.mobile-group>a{display:block;background:#e8f4fb;border-radius:9px;padding:11px;margin:5px 0;color:#205d7c;font-size:12px;font-weight:700}
.mobile-group .mobile-feature{background:white;padding-left:21px;font-size:11px;color:#578096}
.mobile-primary{display:block;text-align:center;background:#079e92;color:white;border-radius:12px;padding:15px;font-weight:800;margin-top:20px}
.mobile-footer{padding:11px 20px;background:#e5f5f7;border-top:1px solid #c8e4e8;font-size:11px;color:#426a80;text-align:center}
@media(max-width:800px){.hamb{position:relative;z-index:20;width:44px;height:44px;font-size:22px;color:#0d5273;background:#e5f6f4;border:1px solid #afe0d9;display:grid;place-items:center}.mega{display:none!important}.nav{display:none}.topline{display:none}.bar{min-height:68px}.brand b{font-size:15px}.brand small{font-size:9px}.mark{width:40px;height:40px}.page-layout{gap:20px}.sidebar{display:flex;gap:6px;white-space:nowrap;overflow-x:auto;padding:10px;max-height:95px}.side-features{display:none}.premium-mast{gap:0}.premium-mast-copy{border-radius:22px 22px 0 0}.premium-mast-image{border-radius:0 0 22px 22px}.overview-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.shell{padding-left:17px;padding-right:17px}.hero-grid{padding-top:43px}.hero h1{font-size:35px}.hero-photo{margin-left:0}.overview-grid{grid-template-columns:1fr;gap:12px}.overview{min-height:unset;padding:23px}.overview .icon-tile{margin-bottom:14px}.overview p{max-width:100%}.section-head h2{font-size:30px}.page-hero h1{font-size:34px}.page-hero{padding:48px 0 52px}.page-hero p{font-size:14px}.page-layout{padding-top:20px}.module-intro{padding:24px 21px}.module-intro h2{font-size:25px}.premium-mast-copy h3{font-size:25px}.premium-mast-image{height:190px;min-height:190px}.cards{grid-template-columns:1fr}.tile{padding:23px;min-height:143px}.tile .card-index{position:static;display:block;margin-top:15px}.subsection{padding-top:30px}.subsection:nth-child(odd){padding:22px;margin-top:24px}.detail-section{padding:30px 0}.detail-tinted{padding:22px}.footer{padding-top:30px}}
