/* PEAK Marketing: strona główna (design „Summit”, handoff 26.10.2026) Część 1: style z handoffu bez zmian (kolejność warstw zachowana). Część 2 na końcu pliku: dodatki wdrożeniowe (logo, linki, formularz, stopka, cookies). */ #peak-maps{color:#16313c;background:radial-gradient(ellipse at 91% 52%,#97e9f480,transparent 45%),#fbfdfd;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;padding:26px 28px;isolation:isolate;box-sizing:border-box} #peak-maps *{box-sizing:border-box}#peak-maps a{color:inherit;text-decoration:none}#peak-maps .bar{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 17px;border:1px solid #fff;border-radius:13px;background:#ffffffad;backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);box-shadow:0 1px 2px #173d4b10,0 8px 30px #224d5b0c}#peak-maps .brand{font-size:20px;font-weight:750;letter-spacing:-.8px;line-height:1}#peak-maps .brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:5px;font-weight:500}#peak-maps .navlinks{display:flex;gap:19px;align-items:center;font-size:11px;font-weight:500}#peak-maps .smallcta{padding:10px 12px;background:#fff9;border:1px solid #fff;border-radius:7px;box-shadow:0 1px 3px #24495412}#peak-maps .menu{position:relative}#peak-maps summary{list-style:none;padding:10px 4px}#peak-maps summary::-webkit-details-marker{display:none}#peak-maps .dropdown{position:absolute;top:37px;left:-12px;width:205px;border:1px solid #fff;border-radius:10px;padding:6px;background:#ffffffeb;backdrop-filter:blur(24px);box-shadow:0 12px 35px #28434e20}#peak-maps .dropdown a{display:block;padding:11px;border-radius:5px}#peak-maps .dropdown a:hover{background:#d8f5fb} #peak-maps .hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center;padding:58px 0 10px}#peak-maps .eyebrow{font-size:10px;letter-spacing:1.7px;text-transform:uppercase;font-weight:600;color:#466775;margin:0 0 23px}#peak-maps h2{font-size:clamp(37px,5.5vw,57px);font-weight:550;line-height:1.05;letter-spacing:-2.5px;margin:0;color:#17333e}#peak-maps h2 span{color:#078aa7}#peak-maps .guarantee{font-size:17px;margin-top:18px;letter-spacing:-.4px}#peak-maps .copy{font-size:14px;line-height:1.75;color:#506b76;margin:23px 0}#peak-maps .cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;background:linear-gradient(#47d6ec,#24c3df);border:1px solid #49d4e8;border-radius:9px;color:#093842;font-size:12px;font-weight:650;padding:14px 18px;box-shadow:inset 0 1px 0 #ffffff80,0 5px 12px #1abed52a}#peak-maps .cta:hover{background:#63dff1}#peak-maps .price{font-size:12px;color:#41616e;margin-top:16px}#peak-maps .note{font-size:10px;color:#54717c;margin-top:9px;line-height:1.6} #peak-maps figure{margin:0;min-width:0}#peak-maps .mapwindow{transform:rotate(-1.5deg);background:radial-gradient(ellipse at 100% 100%,#d4e7ec99,transparent 50%),#ffffffed;border:1px solid #dce7ed;border-radius:18px;box-shadow:0 23px 36px -13px #1d536332,0 2px 5px #1f4d5c05;overflow:hidden}#peak-maps .chrome{display:flex;gap:13px;align-items:center;padding:13px 12px;background:#f6f9fcdf;border-bottom:1px solid #dce5ed}#peak-maps .dots{display:flex;gap:4px}#peak-maps .dots b{width:7px;height:7px;border-radius:50%;background:#ffa0a7}#peak-maps .dots b:nth-child(2){background:#ffd74f}#peak-maps .dots b:nth-child(3){background:#85e9ab}#peak-maps .address{background:#fff;border:1px solid #e1e8ef;border-radius:6px;padding:7px 9px;font:11px ui-monospace,monospace;color:#65788f;flex:1}#peak-maps .results{position:relative;padding:18px 13px 17px}#peak-maps .search{display:flex;align-items:center;gap:7px;border:1px solid #dde5ee;box-shadow:0 2px 3px #234d5a0c;border-radius:30px;padding:11px;background:#fff;font-size:11px;white-space:normal}#peak-maps .search i{width:14px;height:14px;color:#75869a;flex-shrink:0}#peak-maps .search strong{font-weight:650}#peak-maps .search span{color:#64738a}#peak-maps .row{display:flex;gap:9px;align-items:center;padding:16px 8px;margin-top:5px;min-width:0}#peak-maps .row.first{background:linear-gradient(110deg,#eafbffbb,#f7fbfc99);border:1px solid #a9d1dd;border-radius:10px;box-shadow:0 8px 15px #20596b0a;margin-top:21px;padding-top:17px;padding-bottom:17px}#peak-maps .rank{width:25px;height:25px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;color:#fff;background:#f34248;font-size:12px;font-weight:650}#peak-maps .first .rank{background:linear-gradient(135deg,#24c8e2,#08576f)}#peak-maps .listing{min-width:0;flex:1}#peak-maps .name{font-weight:650;font-size:12px;display:flex;align-items:center;gap:5px;flex-wrap:wrap}#peak-maps .top{font-size:8px;color:#fff;background:#0b7794;padding:4px 5px;border-radius:3px;white-space:nowrap}#peak-maps .rating{font-size:10px;color:#6d7e91;display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:6px}#peak-maps .stars{color:#e68b00;font-size:12px;letter-spacing:.2px}#peak-maps .stamp{position:absolute;right:8px;top:67px;background:#fff;border:1.5px solid #137c97;border-radius:6px;padding:6px 10px;transform:rotate(8deg);font-size:10px;color:#164b61;font-weight:750;box-shadow:0 5px 9px #125b7012}#peak-maps .stamp span{color:#18b7aa;margin-right:5px}#peak-maps figcaption{text-align:center;margin-top:25px;font-size:10px;line-height:1.5;color:#5b7681}#peak-maps .foot{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#456674;border-top:1px solid #1c65751c;padding-top:19px;margin-top:38px;line-height:1.6}#peak-maps .draft{font-size:10px;color:#637e88;margin-top:22px} @media(max-width:600px){#peak-maps{padding:18px}#peak-maps .hero{grid-template-columns:1fr;padding-top:36px;gap:34px}#peak-maps h2{font-size:44px;letter-spacing:-2px}#peak-maps .copy{max-width:440px}#peak-maps figure{width:100%;max-width:370px;margin:auto}#peak-maps .navlinks{gap:10px}#peak-maps .contact{display:none}#peak-maps .bar{padding:12px}#peak-maps .smallcta{font-size:10px;padding:10px 7px}#peak-maps .brand{font-size:17px}#peak-maps .dropdown{left:auto;right:-85px}#peak-maps .foot{flex-wrap:wrap;margin-top:27px}#peak-maps .mapwindow{transform:rotate(-1deg)}} #peak-maps{background:radial-gradient(ellipse 420px 350px at 91% 270px,#97e9f480,transparent 90%),#fbfdfd} #peak-maps .services{margin-top:64px;padding:48px 0 20px;border-top:1px solid #d9e8ed;position:relative} #peak-maps .service-heading{max-width:520px;margin-bottom:34px}#peak-maps .services h2{font-size:39px;line-height:1.1;letter-spacing:-1.7px}#peak-maps .intro{font-size:14px;color:#506b76;line-height:1.75;max-width:440px;margin:20px 0 0}#peak-maps .service-layout{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);gap:28px;align-items:start} #peak-maps .service-feature{padding:25px 23px;border:1px solid #fff;border-radius:18px;background:linear-gradient(150deg,#ffffffdc,#e5f8fcaa);box-shadow:0 1px 2px #244e5a0c,0 16px 36px #24566b0b;position:relative;overflow:hidden;isolation:isolate;backdrop-filter:blur(22px)}#peak-maps .service-feature:before{content:'';position:absolute;width:180px;height:210px;right:-110px;top:45px;background:linear-gradient(120deg,#7ae1f045,#fff9);border:1px solid #fff;border-radius:25px;transform:rotate(-30deg);z-index:-1}#peak-maps .feature-label{font-size:9px;letter-spacing:1.3px;color:#507481;font-weight:600}#peak-maps .feature-icon{width:48px;height:48px;display:grid;place-items:center;background:#fff9;border:1px solid #fff;border-radius:13px;margin:32px 0 22px;color:#087f9a;box-shadow:0 6px 15px #1c768112}#peak-maps .feature-icon svg{width:24px;height:24px}#peak-maps .service-feature h3{font-size:24px;line-height:1.2;letter-spacing:-.8px;font-weight:550;margin:0}#peak-maps .service-feature p{font-size:13px;line-height:1.75;color:#4d6c79;margin:18px 0 28px}#peak-maps .feature-bottom{border-top:1px solid #cbdfe6;padding-top:22px;display:flex;flex-direction:column;gap:10px}#peak-maps .feature-bottom>span{font-size:11px;color:#56737d}#peak-maps .feature-bottom strong{font-size:30px;font-weight:550;letter-spacing:-1px}#peak-maps .feature-bottom small{font-size:12px;letter-spacing:0;font-weight:400}#peak-maps .feature-bottom a{font-size:11px;font-weight:600;line-height:1.5;display:flex;justify-content:space-between;gap:10px;padding:13px 0 2px;color:#096c83} #peak-maps .service-list{border-top:1px solid #cbdde4}#peak-maps .service-item{border-bottom:1px solid #cbdde4}#peak-maps .service-item summary{padding:20px 0;display:flex;gap:13px;align-items:flex-start;min-height:77px}#peak-maps .service-item summary:hover .service-title{color:#087f9a}#peak-maps .service-num{font-size:10px;color:#56808e;padding-top:4px}#peak-maps .service-title{font-size:14px;line-height:1.4;font-weight:600;flex:1}#peak-maps .service-title small{font-size:11px;font-weight:400;line-height:1.6;display:block;margin-top:5px;color:#587582}#peak-maps .service-toggle{font-size:19px;font-weight:400;color:#26879e;line-height:1}#peak-maps .service-item[open] .service-toggle{transform:rotate(45deg)}#peak-maps .service-detail{padding:0 0 22px 27px;font-size:12px;line-height:1.8;color:#4d6b78}#peak-maps .service-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}#peak-maps .service-tags span{font-size:9px;line-height:1.4;background:#eaf6f9;padding:5px 7px;border-radius:5px;color:#396777} @media(max-width:600px){#peak-maps .services{margin-top:44px;padding-top:35px}#peak-maps .services h2{font-size:35px}#peak-maps .service-layout{grid-template-columns:1fr;gap:27px}#peak-maps .service-feature{padding:22px}#peak-maps .feature-icon{margin:22px 0 18px}#peak-maps .service-feature h3{font-size:25px}#peak-maps .service-title{font-size:15px}#peak-maps .service-title small,#peak-maps .service-detail{font-size:12px}#peak-maps .service-tags span{font-size:10px}} #peak-maps{background:radial-gradient(ellipse 280px 125px at 75% 12px,#72d8e866,transparent 90%),radial-gradient(ellipse 420px 350px at 91% 270px,#72deef85,transparent 90%),#fbfdfd} #peak-maps .bar{background:linear-gradient(135deg,#ffffffad,#ffffff6e);border:1px solid #fffffff5;backdrop-filter:blur(28px) saturate(1.5);-webkit-backdrop-filter:blur(28px) saturate(1.5);box-shadow:inset 0 2px 1px #fff,inset 0 -2px 2px #83c5d32e,0 0 0 1px #a7cdd726,0 9px 25px #174e6316,0 2px 4px #174e630b} #peak-maps .dropdown{background:#ffffffe0;backdrop-filter:blur(28px) saturate(1.45);-webkit-backdrop-filter:blur(28px) saturate(1.45);box-shadow:inset 0 1px 1px #fff,0 15px 32px #244b5c24} #peak-maps .mapwindow{background:radial-gradient(ellipse at 100% 100%,#b7e2ea88,transparent 65%),#ffffffac;backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);border:1px solid #fffffff0;box-shadow:inset 0 2px 2px #fff,inset 0 -3px 3px #8ec5d12a,0 0 0 1px #b2cfd64d,0 25px 40px -12px #1d53633d} #peak-maps .chrome{background:#ffffff7a} #peak-maps .services{isolation:isolate} #peak-maps .glass-underlay{position:absolute;z-index:-1;pointer-events:none;left:-16px;top:295px;width:260px;height:330px;border-radius:45%;background:radial-gradient(ellipse at 45% 40%,#67d4e970,#a3e8f24d 45%,transparent 72%);transform:rotate(-18deg)} #peak-maps .service-feature{background:linear-gradient(140deg,#ffffffb0,#f0fcff68);border:1px solid #fff;backdrop-filter:blur(26px) saturate(1.5);-webkit-backdrop-filter:blur(26px) saturate(1.5);box-shadow:inset 0 2px 2px #fff,inset 0 -3px 4px #77bed12a,0 0 0 1px #9dc8d22e,0 18px 34px #215c731c,0 3px 7px #215c7309} #peak-maps .service-feature:before{background:linear-gradient(115deg,#61ccdf55,#ffffff88);border:1px solid #ffffffc9;box-shadow:inset 2px 0 4px #fff9} #peak-maps .feature-icon{background:linear-gradient(145deg,#ffffffc9,#ffffff69);border:1px solid #fff;box-shadow:inset 0 1px 1px #fff,0 6px 12px #1c76811c} @media(max-width:600px){#peak-maps .glass-underlay{top:270px;width:85%;max-width:330px;height:320px}} @supports not (backdrop-filter:blur(1px)){#peak-maps .bar,#peak-maps .service-feature,#peak-maps .mapwindow{background:#f0fafc}#peak-maps .dropdown{background:#fff}} /* Keep the approved glass surfaces; replace decorative geometry with diffuse light. */ #peak-maps .service-feature:before{content:none} #peak-maps .glass-underlay{display:none} #peak-maps .service-layout{background:radial-gradient(ellipse 240px 280px at 16% 45%,#89deec55 0%,#c9f0f72e 48%,transparent 80%)} #peak-maps .service-feature{border-radius:16px;background:linear-gradient(150deg,#ffffffb0,#f3fcff68)} #peak-maps .bar{border-radius:16px} #peak-maps .mapwindow{border-radius:16px} #peak-maps .feature-icon{border-radius:10px} @media(max-width:600px){#peak-maps .service-layout{background:radial-gradient(ellipse 240px 240px at 50% 190px,#89deec55 0%,#c9f0f72e 48%,transparent 80%)}} @supports not (backdrop-filter:blur(1px)){#peak-maps .service-feature{background:#f0fafc}} #peak-maps .bar{gap:12px;padding:16px 13px}#peak-maps .desktop-nav{display:flex;gap:11px;align-items:center;font-size:10px;font-weight:550}#peak-maps .phone{font-size:11px;white-space:nowrap;font-weight:650;color:#096c83}#peak-maps .mobile-nav{display:none;position:relative;font-size:13px}#peak-maps .mobile-nav .dropdown{right:0;left:auto;width:215px}#peak-maps .brand{font-size:18px;flex-shrink:0}#peak-maps .brand small{font-size:7px} #peak-maps h1{font-size:clamp(37px,5.7vw,54px);letter-spacing:-2.2px;line-height:1.06;font-weight:550;margin:0;color:#17333e}#peak-maps h1 span{color:#078aa7;display:block}#peak-maps h1 em{display:block;font-style:normal;font-size:23px;line-height:1.25;letter-spacing:-.7px;margin-top:23px}#peak-maps .hero{padding-top:62px;padding-bottom:20px;gap:28px}#peak-maps .page-section{margin-top:60px;padding-top:45px;border-top:1px solid #d9e8ed;scroll-margin-top:24px}#peak-maps .page-section h2{font-size:36px;line-height:1.12;letter-spacing:-1.4px}#peak-maps .intro{font-size:14px;line-height:1.75;color:#506b76;max-width:540px;margin:21px 0 28px}#peak-maps .eyebrow{font-size:10px;margin-bottom:19px}#peak-maps .page-section h3{font-size:19px;letter-spacing:-.45px;line-height:1.3;font-weight:550;margin:0 0 14px}#peak-maps .page-section p{font-size:13px;line-height:1.8;color:#4d6b78}#peak-maps .three-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:34px}#peak-maps .three-services article{border-top:1px solid #bcdce4;padding-top:17px}#peak-maps .three-services article>svg{width:22px;height:22px;color:#14839d;display:block;margin:27px 0 19px}#peak-maps .service-number{font-size:10px;color:#557b89}#peak-maps .three-services h3{font-size:18px}#peak-maps .source-note{font-size:11px!important;line-height:1.7!important;margin-top:27px;padding-left:13px;border-left:2px solid #c1e2e9} #peak-maps .glass-panel{background:linear-gradient(140deg,#ffffffb0,#f0fcff68);border:1px solid #fff;border-radius:16px;backdrop-filter:blur(26px) saturate(1.5);-webkit-backdrop-filter:blur(26px) saturate(1.5);box-shadow:inset 0 2px 2px #fff,inset 0 -3px 4px #77bed12a,0 0 0 1px #9dc8d22e,0 18px 34px #215c731c,0 3px 7px #215c7309} #peak-maps .packages{display:grid;grid-template-columns:1fr 1fr;gap:22px;background:radial-gradient(ellipse at 20% 50%,#89deec50,transparent 60%);margin-top:30px}#peak-maps .package{padding:26px 22px;display:flex;flex-direction:column}#peak-maps .package h3{font-size:23px}#peak-maps .package-desc{min-height:70px;margin:0 0 20px}#peak-maps .package-price{font-size:42px;letter-spacing:-1.8px;font-weight:550;color:#16313c}#peak-maps .package-price small{display:block;font-size:12px;font-weight:400;letter-spacing:0;margin-top:5px;color:#536d78}#peak-maps .package ul{list-style:none;padding:22px 0 0;margin:22px 0 27px;border-top:1px solid #c7dfe7;flex:1}#peak-maps .package li{position:relative;padding-left:18px;font-size:12px;line-height:1.7;margin-bottom:12px;color:#405f6e}#peak-maps .package li:before{content:'✓';position:absolute;left:0;color:#087e97}#peak-maps .package .cta{font-size:11px;line-height:1.5;text-align:center;padding:13px 9px}#peak-maps .secondary-cta{background:#ffffffa0;border-color:#c0dfe7;box-shadow:inset 0 1px 0 #fff,0 3px 7px #1c657410}#peak-maps .secondary-cta:hover{background:#d5f3f9} #peak-maps .stops{list-style:none;padding:0;margin:34px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:27px}#peak-maps .stops li{display:flex;gap:14px;border-top:1px solid #c4dfe6;padding-top:20px}#peak-maps .stops li>span{display:grid;place-items:center;flex-shrink:0;align-self:start;width:30px;height:30px;border-radius:50%;background:#e4f5f8;color:#13798f;font-size:10px}#peak-maps .stops h3{font-size:16px;margin:4px 0 10px}#peak-maps .stops p{margin:0} #peak-maps .guarantee-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:center;margin-top:28px}#peak-maps .guarantee-layout .intro{margin-top:0}#peak-maps .conditions p{padding-top:13px;border-top:1px solid #d7e8ed}#peak-maps .conditions strong{color:#173d4a}#peak-maps .threshold{padding:23px;max-width:100%;background:linear-gradient(145deg,#ffffffc4,#e9f9fc80)}#peak-maps .threshold-number{font-size:36px;font-weight:550;letter-spacing:-1px}#peak-maps .threshold-number span{font-size:12px;font-weight:400;letter-spacing:0}#peak-maps .point-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:23px}#peak-maps .point-grid b{aspect-ratio:1;display:grid;place-items:center;background:#c6eef4;color:#08657b;border-radius:50%;font-size:12px;font-weight:550}#peak-maps .point-grid .outside{background:#e7eff2;color:#657d87}#peak-maps .threshold figcaption{font-size:11px;text-align:left;margin-top:20px}#peak-maps .result-strip{margin-top:35px;border-top:1px solid #c7dfe7;padding-top:24px}#peak-maps .result-strip h3{font-size:16px}#peak-maps .result-marker{padding-left:25.5556%;font-size:11px;color:#086c82;margin:22px 0 8px}#peak-maps .result-marker span{display:inline-block;transform:translateX(-50%)}#peak-maps .result-track{height:7px;background:#e2eef2;border-radius:5px}#peak-maps .result-track>div{height:100%;width:25.5556%;background:#20bcd8;border-radius:5px}#peak-maps .result-axis{display:flex;justify-content:space-between;font-size:10px;color:#5b7783;margin-top:9px} #peak-maps .other-services{margin-top:30px}#peak-maps .other-services article{display:grid;grid-template-columns:1fr 1.4fr;gap:25px;border-top:1px solid #c7dfe7;padding:22px 0}#peak-maps .other-services h3{font-size:17px;margin:0}#peak-maps .other-services p{margin:0}#peak-maps .textlink{color:#086f88;font-size:13px;font-weight:550;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}#peak-maps .industries{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);padding:0;gap:0 24px;margin-top:30px}#peak-maps .industries li{font-size:12px;line-height:1.65;padding:14px 0;border-top:1px solid #d2e5eb;color:#466573}#peak-maps .about-panel{padding:30px;display:grid;grid-template-columns:1fr 1.2fr;gap:30px;background:linear-gradient(140deg,#ffffffb0,#e2f6fb88)}#peak-maps .about-panel p:first-child{margin-top:0}#peak-maps .about-panel .eyebrow{font-size:10px}#peak-maps .about-panel p:last-child{margin-bottom:0} #peak-maps .faq-list{margin-top:32px}#peak-maps .faq-list details{border-top:1px solid #c7dfe7}#peak-maps .faq-list details:last-child{border-bottom:1px solid #c7dfe7}#peak-maps .faq-list summary{font-size:14px;font-weight:550;padding:21px 30px 21px 0;position:relative;line-height:1.5}#peak-maps .faq-list summary:after{content:'+';position:absolute;right:4px;top:20px;color:#16839a;font-size:19px}#peak-maps .faq-list details[open] summary:after{content:'−'}#peak-maps .faq-list details p{margin:0;padding:0 30px 23px 0}#peak-maps .faq-list summary:hover{color:#087b96} #peak-maps .audit-form{padding:28px;margin-top:30px;background:linear-gradient(140deg,#ffffffb0,#e7f7fb88)}#peak-maps .prototype-label{font-size:11px!important;margin:0 0 23px;color:#5c7380!important}#peak-maps .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px}#peak-maps .form-grid label{display:flex;flex-direction:column;font-size:12px;gap:8px;color:#284c5c;line-height:1.5}#peak-maps .form-grid input{width:100%;min-width:0;min-height:46px;background:#ffffffb8;border:1px solid #c3dce6;border-radius:8px;padding:11px 12px;font-family:inherit;font-size:16px;color:#16313c}#peak-maps input::placeholder{color:#6d838c;font-size:12px}#peak-maps input:focus-visible{outline:2px solid #0987a0;outline-offset:2px}#peak-maps .consent{display:flex;gap:10px;align-items:flex-start;font-size:11px;line-height:1.7;color:#4b6977;margin:23px 0}#peak-maps .consent input{width:18px;height:18px;flex-shrink:0;accent-color:#0b8faa;margin-top:2px}#peak-maps .consent a{text-decoration:underline}#peak-maps button.cta{font-family:inherit}#peak-maps .privacy-note{font-size:11px!important;margin-bottom:0}#peak-maps .state-preview{font-size:11px;color:#587582;margin-top:17px}#peak-maps .state-preview>div{font-size:12px;line-height:1.75;padding:15px;border-top:1px solid #d1e3e9}#peak-maps .state-preview a{text-decoration:underline}#peak-maps #formSuccess{padding:15px;background:#dbf3f7;border-radius:8px;font-size:12px}#peak-maps .page-footer{border-top:1px solid #c7dfe7;margin-top:50px;padding:27px 0 5px;font-size:16px}#peak-maps a:focus-visible,#peak-maps summary:focus-visible,#peak-maps button:focus-visible{outline:2px solid #0987a0;outline-offset:4px}#peak-maps [hidden]{display:none!important} @media(max-width:680px){#peak-maps .desktop-nav{display:none}#peak-maps .mobile-nav{display:block}#peak-maps .bar{padding:14px 17px}#peak-maps .phone{margin-left:auto}#peak-maps .package-price{font-size:36px}} @media(max-width:600px){#peak-maps h1{font-size:43px}#peak-maps h1 em{font-size:24px}#peak-maps .page-section{margin-top:43px;padding-top:34px}#peak-maps .page-section h2{font-size:32px}#peak-maps .three-services,#peak-maps .packages,#peak-maps .stops,#peak-maps .guarantee-layout,#peak-maps .about-panel,#peak-maps .form-grid{grid-template-columns:1fr}#peak-maps .three-services{gap:17px}#peak-maps .three-services article>svg{margin:17px 0}#peak-maps .three-services h3{font-size:20px}#peak-maps .package-desc{min-height:0}#peak-maps .package .cta{font-size:12px}#peak-maps .threshold{width:100%;max-width:330px}#peak-maps .industries{grid-template-columns:1fr 1fr;gap:0 16px}#peak-maps .other-services article{grid-template-columns:1fr;gap:10px}#peak-maps .about-panel{padding:23px;gap:22px}#peak-maps .audit-form{padding:21px}#peak-maps .hero{padding-top:40px}#peak-maps .intro{font-size:14px}#peak-maps .page-section p{font-size:14px}#peak-maps .package li{font-size:13px}#peak-maps .faq-list summary{font-size:15px}#peak-maps .bar .phone{font-size:10px}} @supports not (backdrop-filter:blur(1px)){#peak-maps .glass-panel{background:#eff9fc}} html{color-scheme:light;scroll-behavior:smooth;background:#fbfdfd} body{margin:0;background:#fbfdfd} button,input,summary,a{-webkit-tap-highlight-color:transparent} button,summary{cursor:pointer} #peak-maps{width:100%;min-height:100vh;margin:0;padding:28px max(28px,calc((100% - 1200px)/2)) 30px;background:radial-gradient(ellipse 500px 150px at 74% 0,#72d8e85c,transparent 90%),radial-gradient(ellipse 640px 510px at 85% 330px,#72deef75,transparent 90%),#fbfdfd} #peak-maps .bar{padding:19px 24px;gap:28px} #peak-maps .brand{font-size:24px} #peak-maps .brand small{font-size:9px} #peak-maps .desktop-nav{font-size:14px;gap:25px} #peak-maps .phone{font-size:14px} #peak-maps .hero{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:70px;padding:105px 0 75px} #peak-maps h1{font-size:clamp(44px,4.8vw,68px);letter-spacing:-2.8px;line-height:1.04} #peak-maps h1 em{font-size:29px;line-height:1.3;margin-top:28px} #peak-maps .copy{font-size:17px;line-height:1.8;margin:29px 0;max-width:540px} #peak-maps .cta{font-size:14px;min-height:50px;padding:16px 23px} #peak-maps .chrome{padding:20px 18px;gap:20px} #peak-maps .dots{gap:6px} #peak-maps .dots b{width:10px;height:10px} #peak-maps .address{font-size:14px;padding:10px 12px} #peak-maps .results{padding:25px 20px 22px} #peak-maps .search{font-size:15px;padding:16px;gap:10px} #peak-maps .search svg{width:18px;height:18px;flex-shrink:0;color:#75869a} #peak-maps .row{padding:23px 13px;gap:14px} #peak-maps .row.first{margin-top:28px;padding:23px 13px} #peak-maps .rank{width:36px;height:36px;font-size:15px} #peak-maps .name{font-size:17px;gap:10px} #peak-maps .top{font-size:10px;padding:5px 7px} #peak-maps .rating{font-size:12px;margin-top:9px;line-height:1.5} #peak-maps .stamp{font-size:13px;padding:9px 13px;top:88px;right:12px} #peak-maps figcaption{font-size:11px} #peak-maps .page-section{margin-top:75px;padding-top:65px} #peak-maps .page-section h2{font-size:46px;letter-spacing:-1.8px} #peak-maps .eyebrow{font-size:12px;letter-spacing:2px} #peak-maps .intro{max-width:650px} #peak-maps .page-section p{font-size:16px;line-height:1.8} #peak-maps .three-services{gap:50px;margin-top:45px} #peak-maps .three-services h3{font-size:23px} #peak-maps .service-number{font-size:12px} #peak-maps .source-note{font-size:12px!important;max-width:850px;margin-top:32px} #peak-maps .packages{gap:30px;margin-top:40px} #peak-maps .package{padding:38px} #peak-maps .package h3{font-size:30px} #peak-maps .package-price{font-size:54px} #peak-maps .package-price small{font-size:14px} #peak-maps .package li{font-size:15px;margin-bottom:15px} #peak-maps .package .cta{font-size:14px} #peak-maps .stops{gap:40px} #peak-maps .stops h3{font-size:21px} #peak-maps .stops li>span{width:38px;height:38px;font-size:12px} #peak-maps .guarantee-layout{gap:65px;grid-template-columns:1.3fr .7fr} #peak-maps .threshold{padding:30px} #peak-maps .threshold-number{font-size:44px} #peak-maps .threshold-number span{font-size:14px} #peak-maps .point-grid{gap:13px;max-width:300px} #peak-maps .point-grid b{font-size:15px} #peak-maps .result-strip h3{font-size:21px} #peak-maps .result-axis,#peak-maps .result-marker{font-size:12px} #peak-maps .other-services h3{font-size:23px} #peak-maps .industries li{font-size:15px;padding:20px 0} #peak-maps .about-panel{padding:45px;gap:55px} #peak-maps .textlink{font-size:15px} #peak-maps .faq-list summary{font-size:18px;padding-top:25px;padding-bottom:25px} #peak-maps .faq-list details p{max-width:900px} #peak-maps .audit-form{padding:38px;max-width:900px} #peak-maps .form-grid{gap:25px} #peak-maps .form-grid label{font-size:14px} #peak-maps .consent{font-size:13px} #peak-maps .state-preview{max-width:900px;font-size:12px} #peak-maps .page-footer{padding-top:35px;margin-top:70px} @media(max-width:1050px){#peak-maps .desktop-nav{gap:14px;font-size:12px}#peak-maps .bar{gap:18px;padding:17px}#peak-maps .phone{font-size:12px}#peak-maps .hero{gap:35px;padding-top:70px}#peak-maps h1{font-size:51px}#peak-maps .name{font-size:14px}#peak-maps .search{font-size:13px}#peak-maps .package{padding:28px}#peak-maps .three-services{gap:28px}} @media(max-width:800px){#peak-maps .desktop-nav{display:none}#peak-maps .mobile-nav{display:block}#peak-maps .phone{margin-left:auto}#peak-maps .hero{grid-template-columns:1fr;gap:45px;padding:60px 0 35px}#peak-maps .copy{max-width:600px}#peak-maps figure{width:100%;max-width:500px;margin:auto}#peak-maps h1{font-size:56px;max-width:650px}#peak-maps .three-services{grid-template-columns:1fr}#peak-maps .three-services article{padding-top:23px}#peak-maps .three-services article p{max-width:600px}#peak-maps .guarantee-layout{gap:30px;grid-template-columns:1fr}#peak-maps .threshold{max-width:360px}#peak-maps .page-section h2{font-size:40px}} @media(max-width:600px){#peak-maps{padding:18px;background:radial-gradient(ellipse 350px 480px at 100% 650px,#72deef65,transparent 90%),#fbfdfd}#peak-maps .bar{padding:14px;gap:12px}#peak-maps .brand{font-size:20px}#peak-maps .brand small{font-size:8px}#peak-maps .phone{font-size:11px}#peak-maps h1{font-size:44px;letter-spacing:-2px}#peak-maps h1 em{font-size:25px}#peak-maps .copy{font-size:16px}#peak-maps .hero{padding-top:45px;gap:38px}#peak-maps .chrome{padding:15px 12px;gap:13px}#peak-maps .address{font-size:12px}#peak-maps .results{padding:20px 12px}#peak-maps .search{font-size:12px;padding:12px}#peak-maps .row,#peak-maps .row.first{padding:20px 9px;gap:9px}#peak-maps .rank{width:28px;height:28px;font-size:12px}#peak-maps .name{font-size:13px;gap:6px}#peak-maps .rating{font-size:11px}#peak-maps .stamp{top:74px;font-size:11px;padding:7px 10px}#peak-maps .page-section{margin-top:45px;padding-top:38px}#peak-maps .page-section h2{font-size:34px}#peak-maps .page-section p{font-size:15px}#peak-maps .package{padding:25px}#peak-maps .package h3{font-size:26px}#peak-maps .package-price{font-size:46px}#peak-maps .about-panel,#peak-maps .audit-form{padding:24px}#peak-maps .about-panel{gap:26px}#peak-maps .faq-list summary{font-size:16px}#peak-maps .point-grid{margin-inline:auto}#peak-maps .industries li{font-size:13px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}} /* Cyan atmosphere and section rhythm, retaining the approved glass treatment. */ html,body{background:#eaf3f6} #peak-maps{--page-gutter:max(28px,calc((100vw - 1200px)/2));background:radial-gradient(ellipse 850px 650px at 94% 250px,#78d7e990,transparent 85%),radial-gradient(ellipse 520px 340px at 7% 70px,#cef0f57a,transparent 85%),linear-gradient(#e8f4f7 0,#eaf3f6 900px);padding-left:var(--page-gutter);padding-right:var(--page-gutter)} #peak-maps .bar{background:linear-gradient(135deg,#ffffffa8,#ffffff63);box-shadow:inset 0 2px 1px #fff,0 0 0 1px #97c5d23b,0 12px 28px #164c641c} #peak-maps .page-section{border-color:#b8d3dc} #peak-maps #pakiety,#peak-maps #gwarancja,#peak-maps #audyt{margin-left:calc(-1 * var(--page-gutter));margin-right:calc(-1 * var(--page-gutter));padding-left:var(--page-gutter);padding-right:var(--page-gutter);padding-bottom:65px;border-top:0} #peak-maps #pakiety{background:linear-gradient(125deg,#d2edf3,#bce4ee 100%)} #peak-maps .packages{background:none} #peak-maps .glass-panel{background:linear-gradient(145deg,#ffffffb8,#edf9fc6b)} #peak-maps .package{box-shadow:inset 0 2px 2px #fff,inset 0 -3px 4px #77bed130,0 0 0 1px #85b9c63d,0 20px 35px #1a536b1f} #peak-maps #gwarancja{background:radial-gradient(ellipse at 100% 0,#1a7185,transparent 70%),#143f50;color:#edfaff} #peak-maps #gwarancja h2,#peak-maps #gwarancja h3,#peak-maps #gwarancja .conditions strong{color:#f3fcff} #peak-maps #gwarancja h2 span{color:#72ddef} #peak-maps #gwarancja p,#peak-maps #gwarancja .eyebrow,#peak-maps #gwarancja .result-axis,#peak-maps #gwarancja .result-marker{color:#c5e4ed} #peak-maps #gwarancja .conditions p,#peak-maps #gwarancja .result-strip{border-color:#91cad044} #peak-maps #gwarancja .threshold{background:linear-gradient(145deg,#f3fcfff0,#d5f0f7dd);color:#17333e;box-shadow:inset 0 2px 2px #fff,0 20px 38px #041e3338;border-color:#ffffff8c} #peak-maps #gwarancja .threshold figcaption{color:#3c6270} #peak-maps #gwarancja .result-track{background:#d6f4ff24} #peak-maps #gwarancja .result-track>div{background:#66dbed} #peak-maps .about-panel{background:linear-gradient(125deg,#d8eef4c9,#ffffff92)} #peak-maps #audyt{background:radial-gradient(ellipse at 0 100%,#92d7e6a6,transparent 75%),#d7edf3} #peak-maps .audit-form{background:linear-gradient(140deg,#ffffffb0,#e7f7fb80)} #peak-maps .page-footer{border-color:#a6c8d4} @media(max-width:600px){#peak-maps{--page-gutter:18px;background:radial-gradient(ellipse 390px 620px at 100% 450px,#78d7e985,transparent 90%),#eaf3f6}#peak-maps #pakiety,#peak-maps #gwarancja,#peak-maps #audyt{padding-bottom:42px}} /* ================================================================ Część 2: dodatki wdrożeniowe PEAK (26.10.2026) ================================================================ */ /* Logo w menu i stopce */ #peak-maps .brand{display:flex;align-items:center;gap:10px} #peak-maps .brand img{width:36px;height:36px;object-fit:contain;flex-shrink:0} #peak-maps .brand-text{display:block} /* Linki w treści */ #peak-maps .three-services+.source-note+.textlink, #peak-maps .guarantee-layout .textlink, #peak-maps .result-strip .textlink{display:inline-block;margin-top:22px} #peak-maps #gwarancja .textlink{color:#7fe3f2} #peak-maps .other-services h3 a{text-decoration:underline;text-decoration-color:#9fd6e3;text-underline-offset:5px} #peak-maps .other-services h3 a:hover{color:#078aa7} #peak-maps .industries a{color:#086f88;text-decoration:underline;text-underline-offset:4px} /* Widoczny fokus z klawiatury */ #peak-maps a:focus-visible,#peak-maps button:focus-visible,#peak-maps summary:focus-visible,#peak-maps input:focus-visible{outline:2px solid #0b8faa;outline-offset:3px;border-radius:4px} /* Formularz: pułapka na boty, komunikaty */ #peak-maps .hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0} #peak-maps .form-msg{font-size:13px;line-height:1.6;padding:13px 15px;border-radius:8px;margin:0 0 18px} #peak-maps .form-msg--error{background:#fde8e8;color:#9b1c1c;border:1px solid #f5c2c2} #peak-maps .form-msg a{text-decoration:underline} #peak-maps .form-success{max-width:900px;padding:28px;font-size:15px;line-height:1.7} #peak-maps .form-success p{margin:0 0 10px} #peak-maps .form-success p:last-child{margin:0} #peak-maps .cta[disabled]{opacity:.7;cursor:wait} /* Stopka */ #peak-maps .site-footer{font-size:14px} #peak-maps .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px 40px} #peak-maps .footer-brand p{margin:16px 0 0;max-width:30em;line-height:1.7;color:#506b76} #peak-maps .site-footer h3{font-size:11px;letter-spacing:1.7px;text-transform:uppercase;font-weight:600;color:#466775;margin:6px 0 14px} #peak-maps .site-footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px} #peak-maps .site-footer ul a,#peak-maps .site-footer address a{color:#17333e} #peak-maps .site-footer ul a:hover,#peak-maps .site-footer address a:hover{color:#078aa7} #peak-maps .site-footer address{font-style:normal;line-height:1.8;color:#17333e} #peak-maps .footer-hours{margin:10px 0 0;color:#506b76} #peak-maps .footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;margin-top:40px;padding-top:20px;border-top:1px solid #c7dfe7;font-size:12px;color:#5b7681} #peak-maps .footer-bottom a{text-decoration:underline;text-underline-offset:3px} #peak-maps .cookie-link{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer} @media(max-width:800px){#peak-maps .footer-grid{grid-template-columns:1fr 1fr}#peak-maps .footer-brand{grid-column:1 / -1}} @media(max-width:520px){#peak-maps .footer-grid{grid-template-columns:1fr}} /* Baner cookies w stylu szklanego menu */ #peak-maps .cookie-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:50;max-width:900px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;padding:16px 20px;border:1px solid #fff;border-radius:13px;background:#ffffffeb;backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);box-shadow:0 12px 35px #28434e26} #peak-maps .cookie-banner[hidden]{display:none} #peak-maps .cookie-banner p{flex:1 1 320px;margin:0;font-size:13px;line-height:1.6;color:#3f5d69} #peak-maps .cookie-banner a{text-decoration:underline} #peak-maps .cookie-actions{display:flex;gap:10px} #peak-maps .cookie-btn{min-height:44px;padding:10px 18px;border-radius:9px;font:inherit;font-size:13px;font-weight:650;cursor:pointer;border:1px solid #c7dfe7;background:#fff;color:#17333e} #peak-maps .cookie-btn.cta{border-color:#49d4e8} #peak-maps .cookie-btn.cta{background:linear-gradient(#47d6ec,#24c3df);color:#093842} /* ================================================================ Część 3: nowe dolne sekcje (26.10.2026, wersja 2) proces, gwarancja, inne usługi, branże, o mnie, FAQ, formularz ================================================================ */ #peak-maps .v2-svg{width:22px;height:22px;flex-shrink:0} #peak-maps .v2-tile{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:13px;background:linear-gradient(145deg,#47d6ec,#0b8faa);color:#fff;box-shadow:inset 0 1px 0 #ffffff60,0 8px 16px -6px #0b8faa70;flex-shrink:0} #peak-maps .v2-tile .v2-svg{width:24px;height:24px} /* Proces */ #peak-maps .v2-steps{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;position:relative} #peak-maps .v2-steps::before{content:"";position:absolute;top:33px;left:6%;right:6%;height:2px;background:linear-gradient(90deg,#47d6ec,#0b8faa)} #peak-maps .v2-step{position:relative;text-align:center;padding:0 6px} #peak-maps .v2-ico{position:relative;display:grid;place-items:center;width:66px;height:66px;margin:0 auto 16px;border-radius:50%;background:#fff;border:2px solid #47d6ec;color:#0b8faa;box-shadow:0 10px 22px -10px #0b8faa66} #peak-maps .v2-ico .v2-svg{width:28px;height:28px} #peak-maps .v2-step--goal .v2-ico{background:linear-gradient(145deg,#47d6ec,#0b8faa);color:#fff;border-color:#fff} #peak-maps .v2-pill{display:inline-block;font-size:12px;font-weight:600;color:#0b6f87;background:#d8f3f9;border-radius:999px;padding:4px 11px;margin-bottom:10px} #peak-maps .v2-step h3{font-size:19px;margin:0 0 6px} #peak-maps .page-section .v2-step p{font-size:14px;line-height:1.55;margin:0;color:#506b76} #peak-maps .page-section .v2-note{display:flex;align-items:center;justify-content:center;gap:9px;margin:30px 0 0;font-size:14px;color:#0b6f87;font-weight:550} #peak-maps .v2-note .v2-svg{width:18px;height:18px} @media(max-width:800px){#peak-maps .v2-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:30px}#peak-maps .v2-steps::before{display:none}} @media(max-width:480px){#peak-maps .v2-steps{grid-template-columns:1fr}#peak-maps .v2-step{display:grid;grid-template-columns:56px 1fr;column-gap:16px;text-align:left;align-items:start}#peak-maps .v2-ico{width:56px;height:56px;margin:0;grid-row:span 3}#peak-maps .v2-pill{justify-self:start}} /* Gwarancja: krócej, dowód w jednej karcie */ #peak-maps .v2-guarantee{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:center} #peak-maps #gwarancja .v2-lead{font-size:16px;margin:18px 0 22px} #peak-maps .v2-terms{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-direction:column;gap:14px} #peak-maps .v2-terms li{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:12px;background:#ffffff10;border:1px solid #ffffff22} #peak-maps .v2-terms .v2-svg{color:#72ddef;margin-top:1px} #peak-maps .v2-terms strong{display:block;color:#f3fcff;font-size:15px;font-weight:600} #peak-maps .v2-terms span{display:block;color:#c5e4ed;font-size:14px;line-height:1.5} #peak-maps #gwarancja .v2-proof{margin:0;padding:24px;background:linear-gradient(145deg,#f3fcfff0,#d5f0f7dd);color:#17333e;border-color:#ffffff8c} #peak-maps .v2-proof-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap} #peak-maps .v2-big{font-size:46px;font-weight:600;letter-spacing:-1.5px;line-height:1;color:#0b6f87} #peak-maps .v2-big small{font-size:16px;font-weight:500;letter-spacing:0;color:#3c6270} #peak-maps .v2-cap{font-size:13px;color:#3c6270;flex:1 1 150px} #peak-maps .v2-mini-grid{display:grid;grid-template-columns:repeat(5,28px);gap:9px;margin:18px 0 22px} #peak-maps .v2-mini-grid b{width:28px;height:28px;border-radius:50%;background:#c9dde3} #peak-maps .v2-mini-grid b.in{background:linear-gradient(145deg,#47d6ec,#0b8faa)} #peak-maps .v2-day{border-top:1px solid #a9cfda;padding-top:16px} #peak-maps #gwarancja .v2-day-title{font-size:14px;color:#17333e;margin:0 0 12px} #peak-maps #gwarancja .v2-day-title strong{color:#0b6f87} #peak-maps .v2-day-track{position:relative;height:8px;border-radius:5px;background:#c9dde3} #peak-maps .v2-day-track div{position:absolute;inset:0 auto 0 0;width:25.5%;border-radius:5px;background:linear-gradient(90deg,#47d6ec,#0b8faa)} #peak-maps .v2-day-track span{position:absolute;left:25.5%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:#fff;border:4px solid #0b8faa} #peak-maps .v2-day-axis{display:flex;justify-content:space-between;font-size:12px;color:#3c6270;margin-top:8px} #peak-maps #gwarancja .v2-proof .textlink{display:inline-block;margin-top:12px;color:#086f88} @media(max-width:800px){#peak-maps .v2-guarantee{grid-template-columns:1fr;gap:32px}} /* Inne usługi: karty z ikoną */ #peak-maps .v2-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px} #peak-maps .v2-service{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:26px;transition:transform .2s ease,box-shadow .2s ease} #peak-maps .v2-service:hover{transform:translateY(-3px);box-shadow:0 18px 34px -16px #1d536355} #peak-maps .v2-service h3{margin:8px 0 0;font-size:20px} #peak-maps .page-section .v2-service p{margin:0;font-size:14px;line-height:1.55;color:#506b76} #peak-maps .v2-more{margin-top:auto;padding-top:8px;font-size:14px;font-weight:600;color:#086f88} @media(max-width:800px){#peak-maps .v2-services{grid-template-columns:1fr}} /* Branże: kafle z ikonami */ #peak-maps .v2-industries{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px} #peak-maps .v2-industries li,#peak-maps .v2-industries a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;min-height:118px;padding:16px 10px;border-radius:14px;background:#ffffffb5;border:1px solid #fff;box-shadow:0 6px 16px -10px #1d536340;font-size:14px;font-weight:550;color:#17333e} #peak-maps .v2-industries li:has(a){padding:0;background:none;border:0;box-shadow:none} #peak-maps .v2-industries a{width:100%;height:100%;border-color:#7fdcec;background:linear-gradient(145deg,#ffffff,#e3f8fc)} #peak-maps .v2-industries .v2-svg{width:28px;height:28px;color:#0b8faa} #peak-maps .v2-industries em{font-style:normal;font-size:12px;font-weight:600;color:#086f88} #peak-maps .v2-exclusive{display:flex;align-items:center;gap:18px;margin-top:20px;padding:20px 24px} #peak-maps .page-section .v2-exclusive p{margin:0;font-size:15px;line-height:1.6;color:#2c4a56} #peak-maps .v2-exclusive strong{color:#17333e} @media(max-width:1050px){#peak-maps .v2-industries{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(max-width:600px){#peak-maps .v2-industries{grid-template-columns:repeat(2,minmax(0,1fr))}} /* O mnie ze zdjęciem */ #peak-maps .v2-about{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:44px;align-items:center;padding:28px} #peak-maps .v2-photo{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%;border-radius:14px;display:block;box-shadow:0 18px 34px -18px #1d536380} #peak-maps .page-section .v2-about-text{font-size:16px;margin:18px 0 20px} #peak-maps .v2-facts{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-wrap:wrap;gap:10px} #peak-maps .v2-facts li{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:#fff;border:1px solid #cfe7ee;font-size:14px;font-weight:550;color:#17333e} #peak-maps .v2-facts .v2-svg{width:18px;height:18px;color:#0b8faa} #peak-maps .v2-about-links{display:flex;flex-wrap:wrap;gap:8px 24px;margin:0} @media(max-width:800px){#peak-maps .v2-about{grid-template-columns:1fr;gap:26px}#peak-maps .v2-photo{max-width:380px}} /* FAQ: dwie kolumny, krótkie odpowiedzi */ #peak-maps .v2-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:30px 0 20px;align-items:start} #peak-maps .v2-faq details{padding:0;border-radius:13px} #peak-maps .v2-faq summary{position:relative;cursor:pointer;list-style:none;padding:18px 48px 18px 20px;font-size:16px;font-weight:550;line-height:1.4;color:#17333e} #peak-maps .v2-faq summary::-webkit-details-marker{display:none} #peak-maps .v2-faq summary::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#d8f3f9;color:#0b6f87;font-weight:600;transition:transform .2s} #peak-maps .v2-faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)} #peak-maps .page-section .v2-faq p{margin:0;padding:0 20px 18px;font-size:15px;line-height:1.65;color:#4d6b78} @media(max-width:800px){#peak-maps .v2-faq{grid-template-columns:1fr}} /* Formularz: dwie kolumny, ładniejsze pola */ #peak-maps .v2-audit{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:start} #peak-maps .v2-gets{list-style:none;margin:28px 0 24px;padding:0;display:flex;flex-direction:column;gap:16px} #peak-maps .v2-gets li{display:flex;gap:14px;align-items:center} #peak-maps .v2-gets strong{display:block;font-size:16px;color:#17333e;font-weight:600} #peak-maps .v2-gets span:not(.v2-tile){display:block;font-size:14px;color:#506b76} #peak-maps .v2-call{display:inline-flex;align-items:center;gap:14px;padding:16px 20px;color:#17333e} #peak-maps .v2-call .v2-svg{color:#0b8faa} #peak-maps .v2-call span{font-size:13px;color:#506b76;line-height:1.3} #peak-maps .v2-call strong{display:block;font-size:19px;color:#0b6f87} #peak-maps .v2-form{padding:30px;margin:0} #peak-maps .v2-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} #peak-maps .v2-form label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600;color:#2c4a56} #peak-maps .v2-form .opt{font-weight:400;color:#6a8590} #peak-maps .v2-form input:not([type=checkbox]){height:50px;padding:0 14px;border:1.5px solid #c3dde5;border-radius:11px;background:#fff;font:inherit;font-size:15px;color:#17333e;transition:border-color .15s,box-shadow .15s} #peak-maps .v2-form input:not([type=checkbox]):focus{outline:none;border-color:#0b8faa;box-shadow:0 0 0 4px #47d6ec33} #peak-maps .v2-form .consent{margin:20px 0;flex-direction:row;font-weight:400;font-size:13px;color:#4b6977} #peak-maps .v2-submit{width:100%;min-height:54px;font-size:15px} #peak-maps .v2-form .privacy-note{text-align:center;margin-top:12px} #peak-maps .v2-audit .form-success{grid-column:2} @media(max-width:800px){#peak-maps .v2-audit{grid-template-columns:1fr;gap:28px}#peak-maps .v2-audit .form-success{grid-column:auto}} @media(max-width:520px){#peak-maps .v2-form-grid{grid-template-columns:1fr}#peak-maps .v2-form{padding:22px}} @media(prefers-reduced-motion:reduce){#peak-maps .v2-service{transition:none}} /* ================================================================ Część 4: interaktywne hero (26.10.2026) + wspólne drobiazgi ================================================================ */ #peak-maps .sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} #peak-maps .v2-demo .search{gap:10px} #peak-maps .v2-q-wrap{flex:1;min-width:0;display:flex} #peak-maps .v2-q{width:100%;min-width:0;border:0;background:transparent;font:inherit;font-size:16px;font-weight:650;color:#17333e;padding:2px 0;border-bottom:2px dashed #7fdcec} #peak-maps .v2-q:focus{outline:none;border-bottom-color:#0b8faa} #peak-maps .v2-q-city{font-size:16px;font-weight:650;color:#17333e;margin-right:6px} #peak-maps .v2-switch{display:flex;gap:0;margin:16px 0 4px;background:#e4f3f7;border-radius:10px;padding:4px} #peak-maps .v2-seg{flex:1;min-height:40px;border:0;border-radius:7px;background:transparent;font:inherit;font-size:14px;font-weight:600;color:#3c6270;cursor:pointer} #peak-maps .v2-seg.is-on{background:#fff;color:#0b6f87;box-shadow:0 2px 8px #1d536326} #peak-maps .v2-rank-comp{background:#8aa7b1!important} #peak-maps .v2-gap{display:flex;gap:5px;justify-content:center;padding:4px 0} #peak-maps .v2-gap span{width:5px;height:5px;border-radius:50%;background:#a9c3cb} #peak-maps .v2-you{transition:background .35s,border-color .35s,transform .35s} #peak-maps .v2-you[data-state=before]{background:#fff3f3;border-color:#f3b3b6} #peak-maps .v2-you[data-state=before] .rank{background:#e5383f!important} #peak-maps .v2-you[data-state=before] .top{background:#e5383f} #peak-maps .v2-you[data-state=after]{transform:translateY(-3px)} #peak-maps .v2-you .rank,#peak-maps .v2-you .top{transition:background .35s} #peak-maps .v2-demo .stamp{display:none} #peak-maps .v2-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:22px 0 0;justify-content:center} #peak-maps .v2-chips span{font-size:13px;color:#506b76} #peak-maps .v2-chip{min-height:36px;padding:6px 14px;border-radius:999px;border:1px solid #bfe2ea;background:#ffffffc0;font:inherit;font-size:13px;font-weight:550;color:#17333e;cursor:pointer} #peak-maps .v2-chip:hover,#peak-maps .v2-chip.is-on{background:#d8f3f9;border-color:#7fdcec;color:#0b6f87} #peak-maps .v2-demo figcaption{margin-top:14px;font-size:13px} #peak-maps .v2-demo figcaption .textlink{font-size:13px} @media(prefers-reduced-motion:reduce){#peak-maps .v2-you,#peak-maps .v2-you .rank,#peak-maps .v2-you .top{transition:none}#peak-maps .v2-you[data-state=after]{transform:none}} /* v3b (27.10): kompaktowe hero, bliżej starej strony */ #peak-maps .v2-demo{max-width:470px;justify-self:end;width:100%;margin:0} #peak-maps .v2-demo .chrome{padding:12px 14px;gap:12px} #peak-maps .v2-demo .address{flex:1;padding:7px 10px;font-size:12px} #peak-maps .v2-example{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#0b6f87;background:#d8f3f9;border-radius:999px;padding:4px 9px} #peak-maps .v2-demo .results{padding:16px 16px 16px} #peak-maps .v2-demo .search{padding:11px 14px;font-size:14px} #peak-maps .v2-demo .v2-q,#peak-maps .v2-demo .v2-q-city{font-size:15px} #peak-maps .v2-demo .v2-chips{justify-content:flex-start;margin:10px 2px 0;gap:6px} #peak-maps .v2-demo .v2-chips span{font-size:12px;width:100%;margin-bottom:2px} #peak-maps .v2-demo .v2-chip{min-height:30px;padding:4px 12px;font-size:12px} #peak-maps .v2-demo .v2-switch{margin:12px 0 4px;padding:3px} #peak-maps .v2-demo .v2-seg{min-height:34px;font-size:13px} #peak-maps .v2-demo .row{padding:9px 10px;margin-top:2px;gap:12px} #peak-maps .v2-demo .rank{width:30px;height:30px;font-size:13px} #peak-maps .v2-demo .name{font-size:14px} #peak-maps .v2-stars{font-size:11px;letter-spacing:1px;color:#e0a43a;flex-shrink:0} #peak-maps .v2-demo .v2-gap{padding:0} #peak-maps .v2-demo .row.first{margin-top:4px;padding:12px 12px} #peak-maps .v2-demo .rating{font-size:12px;margin-top:4px} @media(max-width:1050px){#peak-maps .v2-demo{justify-self:center}} #peak-maps .v2-demo .v2-comp{align-items:center} #peak-maps .v2-stars{line-height:1;align-self:center;margin-top:3px} /* v3c: Twoja Firma przeskakuje z dołu na górę listy */ #peak-maps .v2-list{display:flex;flex-direction:column} #peak-maps .v2-list .v2-gap{order:3} #peak-maps .v2-list .v2-you{order:4} #peak-maps .v2-list[data-state=after] .v2-gap{order:0} #peak-maps .v2-list[data-state=after] .v2-you{order:1;margin:2px 0 4px} #peak-maps .v2-list[data-state=after] .v2-comp:nth-of-type(1){order:2} #peak-maps .v2-list[data-state=after] .v2-comp:nth-of-type(2){order:3} #peak-maps .v2-demo .v2-you[data-state=after]{transform:none} /* v3d (27.10): oferta top 3 w 120 dni */ #peak-maps .v2-mini-grid b.in2{background:#9fdbe7} #peak-maps .v2-mini-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin:-10px 0 20px;font-size:12px;color:#506b76} #peak-maps .v2-mini-legend span{display:inline-flex;align-items:center;gap:6px} #peak-maps .v2-mini-legend i{width:10px;height:10px;border-radius:50%;background:#c9dde3;display:inline-block} #peak-maps .v2-mini-legend i.in{background:linear-gradient(145deg,#47d6ec,#0b8faa)} #peak-maps .v2-mini-legend i.in2{background:#9fdbe7} #peak-maps .v2-day-track div{width:19.2%} #peak-maps .v2-day-track span{left:19.2%} #peak-maps .package--main{box-shadow:0 0 0 2px #47d6ec,0 25px 40px -18px #1d53633d} #peak-maps .v2-guarantee .v2-proof .v2-mini-legend,#peak-maps .v2-guarantee .v2-proof .v2-mini-legend span{color:#3c6270;font-size:12px} /* 31.10: na komputerze cała strona w skali 90% (tak jak zoom 90% w przeglądarce). Telefon bez zmian. */ @media(min-width:1024px){#peak-maps{zoom:.9;--page-gutter:max(28px,calc((100vw / .9 - 1200px) / 2))}} /* 31.10: mniejsze zdjęcie w sekcji O mnie */ #peak-maps .v2-about{grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr)} #peak-maps .v2-photo{max-width:320px;justify-self:center} @media(max-width:800px){#peak-maps .v2-about{grid-template-columns:1fr}#peak-maps .v2-photo{max-width:280px}}