/* WebGrom — fotografia marki oraz zwarty układ oparty na typografii i wierszach. */
:root{--button-radius:6px;--panel-radius:12px;--ink:#17191d;--accent:#d93632;--accent-dark:#b82421;--muted:#62656b;--line:#dcdde0}
.webgrom-design{background:#fff}
.webgrom-design .container{max-width:1100px;width:calc(100% - 80px)}
.webgrom-design h2{font-size:clamp(30px,3.5vw,47px);font-weight:600;letter-spacing:-.06em;line-height:1.08}
.webgrom-design h2 em{font-style:normal;color:#797c82}
.webgrom-design .eyebrow{font-size:9px;letter-spacing:.1em;font-weight:500;color:#62666e}
.webgrom-design .eyebrow:before{content:"/";font-weight:700;color:var(--accent)}
.webgrom-design .site-header{background:var(--soft);border:0}
.webgrom-design .header-inner{height:86px;max-width:none;width:calc(100% - 80px)}
.webgrom-design .brand{font-size:28px;font-weight:740;letter-spacing:-1.7px;gap:10px}
.webgrom-design .brand img{width:34px;height:34px}
.webgrom-design .brand-dot{margin-left:-10px}
.webgrom-design .header-inner nav{gap:31px}
.webgrom-design .header-inner nav>a{font-size:12px}
.webgrom-design .header-inner .button{border-radius:var(--button-radius);background:transparent;color:var(--ink);border-color:#b8bbc1;padding:11px 15px}
.webgrom-design .header-inner .button:hover{background:var(--accent);border-color:var(--accent);color:white}
.webgrom-design .button,.webgrom-design button{border-radius:var(--button-radius);}
.webgrom-design .button{min-height:47px;padding:14px 20px;font-size:12px;gap:26px;box-shadow:none}
.webgrom-design .button:hover{transform:translateY(-2px)}
.webgrom-design .button-accent{background:var(--accent);border-color:var(--accent);color:#fff}
.webgrom-design .button-accent:hover{background:var(--accent-dark)}
.hero-editorial{border-radius:var(--panel-radius);position:relative;min-height:590px;isolation:isolate;margin:0 20px;overflow:hidden;background:var(--soft)}
.hero-photograph{position:absolute;inset:0;z-index:-3;display:block}
.hero-photograph img{height:100%;width:100%;object-fit:cover;object-position:center 53%}
.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,#f4f4f3f2 0%,#f4f4f3d9 21%,#f4f4f375 40%,transparent 61%);z-index:-2}
.hero-editorial-content{max-width:1340px;margin:auto;padding:59px 57px 66px;position:relative}
.hero-kicker{font:11px var(--mono);letter-spacing:.1em;margin-bottom:24px;display:flex;gap:10px;align-items:center;color:#474d55}
.hero-editorial h1{font-size:clamp(76px,7.5vw,122px);font-weight:650;letter-spacing:-.025em;line-height:1.05;max-width:1100px;margin-bottom:20px}
.hero-editorial h1 em{font-style:normal;font-weight:450;letter-spacing:-.025em;color:#30353c}
.hero-editorial h1 em:after{display:none}
.hero-editorial .hero-description{font-size:16px;line-height:1.7;color:#484f57;max-width:500px;margin-bottom:22px}
.hero-editorial .button-row{gap:28px}
.hero-secondary{display:flex;align-items:center;gap:20px;font-size:13px;font-weight:600;text-decoration:none;padding:13px 0;border-bottom:1px solid #a2a7af}
.hero-secondary:hover{color:var(--accent)}
.hero-editorial .button{font-size:14px;min-height:50px}
.hero-kicker .status-dot{width:7px;height:7px}
.hero-secondary span{font-size:16px}
.hero-assurance{display:flex;gap:18px;margin-top:24px;font-size:11px;color:#555b64;flex-wrap:wrap}
.hero-assurance span:before{content:"+";margin-right:5px;color:var(--accent);font:12px var(--mono)}
.hero-corner{position:absolute;right:35px;top:27px;font:11px var(--mono);display:flex;align-items:center;gap:19px;color:#525862}
.hero-corner i{font-size:27px;font-style:normal;color:var(--accent);font-weight:300}
.hero-bottom{position:absolute;bottom:23px;left:35px;right:35px;display:flex;justify-content:space-between;font:10px var(--mono);letter-spacing:.07em;color:#5a6069;padding-top:14px;border-top:1px solid #b9bec687}

/* Treść strony ma własny rytm: zakres, fragment dokumentu, zestawienie cen. */
.webgrom-design h2 { font-size:clamp(28px,2.6vw,36px); line-height:1.1; letter-spacing:-.025em; font-weight:550 }
.webgrom-design h3 { letter-spacing:-.015em; font-weight:550 }
.webgrom-design .section { padding-block:30px }
.webgrom-design .fine-print { font-size:12px; line-height:1.7 }
.webgrom-design .header-inner nav>a { font-size:13px }
.margin-label,.chapter-label { font:10px/1.6 var(--mono); letter-spacing:.055em; color:#62666d }
.chapter-label { font-size:12px; display:flex; gap:17px; align-items:baseline; margin-bottom:22px }
.chapter-label>span { color:var(--accent); font-size:14px; letter-spacing:0 }
.red-dot { color:var(--accent) }




.section-mast { display:grid; grid-template-columns:1fr .85fr; gap:12px 44px; align-items:end; margin-bottom:22px }
.section-mast .chapter-label { grid-column:1/-1; margin:0 }
.section-mast>p:last-child { font-size:13px; line-height:1.65; color:var(--muted); max-width:340px; justify-self:end; margin:0 }
.scope-list { border-top:1px solid #a6a9ae }
.scope-row { border-bottom:1px solid var(--line) }
.scope-row>summary { display:grid; grid-template-columns:12px 1fr 245px 20px; gap:16px; padding:15px 0; min-height:56px; font-weight:400 }
.scope-bullet { width:5px; height:5px; border-radius:50%; background:var(--accent); align-self:center; justify-self:start }
.scope-name { color:var(--ink); font-size:19px; line-height:1.3; letter-spacing:-.4px; font-weight:500 }
.scope-row .technical { color:var(--muted); font:10px/1.5 var(--mono) }
.scope-plus { color:#787e87; font-size:20px; line-height:1; text-align:right }
.scope-row[open]>summary { padding-bottom:9px }
.scope-row[open]>summary>span { transform:none }
.scope-row[open]>summary>.scope-plus { transform:rotate(45deg) }
.scope-row>p { font-size:13px; line-height:1.7; color:var(--muted); margin:0 45px 16px 28px; max-width:720px }

/* Raport jako obiekt: okładka, brzeg stron i lekko uniesiona kartka. */
.report-section { display:block; background:var(--soft); border-block:1px solid #e3e5e8 }
.report-layout { display:grid; grid-template-columns:.9fr 1.1fr; gap:56px; align-items:center; padding-block:30px }
.report-copy>p:not(.chapter-label) { font-size:14px; line-height:1.8; color:var(--muted); max-width:380px; margin-top:15px }
.report-index { list-style:none; padding:0; margin:17px 0 0 }
.report-index li { position:relative; font-size:13px; padding:8px 0 8px 20px; border-bottom:1px solid #e0e3e7; max-width:355px }
.report-index li:before { content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:5px; height:5px; border-radius:50%; background:var(--accent) }
.report-copy .report-pdf-note { font-size:12px!important; color:#676d76 }
.report-object { position:relative; isolation:isolate; min-width:0; margin:0; padding:23px 18px 2px 32px }
.report-object:before { content:''; position:absolute; z-index:-2; left:70px; right:20px; bottom:55px; height:35px; border-radius:50%; background:#59657529; filter:blur(18px) }
.report-cover { position:absolute; z-index:-1; inset:27px 35px 72px 13px; background:#30363e; border-radius:var(--button-radius); transform:rotate(-7deg); box-shadow:8px 12px 24px #27313e1c; overflow:hidden }
.report-cover:before { content:''; position:absolute; left:11px; top:0; bottom:0; width:2px; background:#d93632 }
.report-cover>span { position:absolute; left:22px; top:25px; color:#d5dbe3; writing-mode:vertical-rl; font:8px var(--mono); letter-spacing:.14em }
.report-cover svg { position:absolute; width:32px; height:32px; bottom:22px; left:23px; color:#e85b56 }
.report-sheet { border-radius:var(--button-radius); position:relative; max-width:430px; margin-left:auto; background:#fff; padding:23px 26px 19px; border:1px solid #e0e3e7; border-left:4px solid #e7e9ec; transform:rotate(3deg); transform-origin:60% 70%; box-shadow:2px 3px 0 #fff,3px 4px 0 #d3d8de,5px 6px 0 #f9fafb,6px 7px 0 #d3d8de,18px 24px 38px #2c333d22 }
.sheet-top { display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid #dce0e5; padding-bottom:15px }
.sheet-top>span { font-size:21px; font-weight:700; letter-spacing:-.5px }
.sheet-top small { font:8px/1.5 var(--mono); color:#7a818d; text-align:right }
.sheet-heading { display:flex; align-items:center; gap:19px; padding-block:21px 17px }
.finding-number { font-size:47px; line-height:1; font-weight:350; letter-spacing:-1.5px; color:#c2c7ce }
.finding-label { font:9px var(--mono); color:var(--accent); margin-bottom:7px }
.sheet-heading h3 { font-size:23px; line-height:1.2; letter-spacing:-.015em }
.finding-content { margin:0 }
.finding-content>div { padding-block:11px; border-top:1px solid #e9ebee }
.finding-content dt { font-size:11px; font-weight:650; color:#343a44 }
.finding-content dd { font-size:12px; color:#656d78; margin:5px 0 0; line-height:1.7 }
.sheet-bottom { display:flex; align-items:center; justify-content:space-between; border-top:1px solid #c3cad3; padding-top:14px; margin-top:6px; gap:10px; font:8px/1.5 var(--mono); color:#858d99 }
.demo-note { margin:24px 0 0; text-align:center; font-size:10px; line-height:1.65; color:#7d8693 }

/* Trzy pakiety obok siebie: cena, zakres i wyrównane przyciski. */
.webgrom-design .promo-banner { background:transparent; padding:14px 0; border:0; border-top:1px solid var(--line); border-radius:0; gap:25px; margin:0 0 22px }
.webgrom-design .promo-banner strong { color:var(--accent); font-size:14px; font-weight:600; white-space:nowrap }
.webgrom-design .promo-banner p { font-size:12px; max-width:530px; margin:0 }
.webgrom-design .promo-banner a { font-size:12px; border-bottom:1px solid #a5a9b0; padding-block:6px }
.audit-plans { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; align-items:stretch }
.audit-plan { display:flex; flex-direction:column; min-width:0; padding:24px; border:1px solid #d9dde1; border-radius:var(--panel-radius); background:#fff; box-shadow:0 2px 4px #22262d06 }
.audit-category { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:24px; margin-bottom:17px; font:10px/1.5 var(--mono); letter-spacing:.035em; color:#707783 }
.audit-recommendation { color:#b72a26; background:#fbefed; border:1px solid #f0d7d3; border-radius:4px; padding:3px 7px; font:11px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; letter-spacing:0 }
.audit-plan h3 { font-size:25px; line-height:1.2; font-weight:550; letter-spacing:-.02em }
.audit-plan-price { display:flex; align-items:baseline; flex-wrap:wrap; gap:9px; margin-top:24px }
.audit-plan-price strong { font-size:40px; line-height:1.1; font-weight:550; letter-spacing:-.025em; white-space:nowrap }
.audit-plan-price>span { font-size:11px; color:var(--muted); white-space:nowrap }
.webgrom-design .gross { font-size:11px; color:#6d747e; margin-top:7px }
.audit-plan-term { font-size:12px; color:#6b727c; margin-top:10px; padding-bottom:18px; border-bottom:1px solid #e7e9ec }
.audit-audience { font-size:14px; font-weight:550; line-height:1.6; margin-top:19px; min-height:45px }
.audit-highlights { list-style:none; padding:0; margin:14px 0 0; display:grid; gap:10px }
.audit-highlights li { font-size:13px; line-height:1.65; color:#626974; position:relative; padding-left:24px }
.audit-highlights li:before { content:'✓'; position:absolute; left:0; top:2px; font-size:11px; width:17px; height:17px; display:grid; place-items:center; color:#717985; background:var(--soft); border-radius:4px; line-height:1 }
.audit-details { margin-block:15px 23px }
.audit-details summary { justify-content:start; gap:12px; font-size:12px; font-weight:500; min-height:30px; color:#4d5662 }
.audit-details summary>span { color:#8a929d; font-size:18px }
.audit-details ul { font-size:12px; line-height:1.75; color:#646d79; padding-left:17px; margin:9px 0 0 }
.webgrom-design .audit-select { margin-top:auto; width:100%; justify-content:space-between; min-height:44px; padding:11px 14px; border-radius:var(--button-radius); font-size:12px; gap:14px; font-weight:550 }
.audit-plan-preferred { border-color:#d9908a; box-shadow:0 0 0 3px #fbefed,0 2px 4px #22262d06 }
.audit-plan-preferred .audit-highlights li:before { color:#be302c; background:#faf0ee }
@media(min-width:761px) and (max-width:1000px) {
 .audit-plans{gap:14px}.audit-plan{padding:20px 17px}.audit-plan h3{font-size:22px}
 .audit-plan-price strong{font-size:34px}.audit-plan-price{gap:5px}.audit-plan-price>span{font-size:10px}
 .audit-highlights li{font-size:12px;padding-left:22px}.audit-audience{font-size:13px;min-height:44px}
 .audit-category{font-size:9px}.audit-recommendation{font-size:10px;padding:3px 5px}
 .webgrom-design .audit-select{font-size:11px;padding-inline:11px;gap:8px}
}
@media(max-width:760px) {
 .audit-plans{grid-template-columns:1fr;gap:19px}.audit-plan{padding:23px}
 .audit-category{margin-bottom:15px}.audit-plan h3{font-size:25px}.audit-plan-price{margin-top:20px}
 .audit-audience{min-height:0;margin-top:17px}.audit-highlights{gap:9px}.audit-details{margin-bottom:18px}
 .webgrom-design .audit-select{font-size:13px;min-height:46px}
}
.pricing-footnote { font-size:11px; color:#6c737e; margin-top:17px; max-width:950px; line-height:1.8 }
.pentest-line { display:grid; grid-template-columns:1fr 1fr 220px; gap:28px; align-items:center; padding:20px 18px; margin-top:16px; border-block:1px solid var(--line) }
.pentest-line h3 { font-size:22px; margin-top:9px }
.pentest-line .margin-label { font-size:8px }
.pentest-line>p { color:var(--muted); font-size:13px; margin:0 }
.pentest-line>div:last-child { text-align:right }
.pentest-line strong { font-size:23px; font-weight:500; letter-spacing:-.6px; white-space:nowrap }
.pentest-line strong small { font-size:10px; color:var(--muted); letter-spacing:0 }
.pentest-line .text-link { display:inline-block; margin-top:13px; font-size:12px }
.webgrom-design .extras { margin-top:0; border-top:0 }
.webgrom-design .extras summary { font-size:13px; padding:17px 0 }
.webgrom-design .table-wrap td,.webgrom-design .table-wrap th { font-size:12px }

/* Radar: marka abonamentu, prosty rysunek i jedna wspólna powierzchnia. */
.radar-section { background:var(--soft); padding-block:30px 20px }
.radar-layout { display:grid; grid-template-columns:.95fr 1.2fr .85fr; gap:30px; align-items:start }
.radar-identity h2 { font-size:88px; letter-spacing:-3px; font-weight:450; line-height:1 }
.radar-identity>p:not(.chapter-label) { font-size:20px; line-height:1.65; margin-top:24px; color:#626974 }
.radar-drawing { width:280px; max-width:100%; height:auto; color:#b2b8bf; display:block; margin-top:38px }
.radar-lead { font-size:16px; line-height:1.6; letter-spacing:-.2px; max-width:385px }
.radar-benefits { padding-top:25px }
.radar-benefits dl { margin:20px 0 16px }
.radar-benefits dl>div { border-top:1px solid #c3c8cf; padding-block:12px }
.radar-benefits dt { font-size:12px; font-weight:600; margin-bottom:3px }
.radar-benefits dd { font-size:12px; color:#69717c; line-height:1.7; margin:0 }
.radar-badge-link { font-size:11px; line-height:1.8; text-decoration:none; border-bottom:1px solid #a3abb5; padding-bottom:4px }
.radar-price { border-left:1px solid #c3c8cf; padding-left:30px; padding-top:25px }
.radar-price .margin-label { font-size:9px; margin-bottom:19px }
.radar-monthly strong { font-size:49px; line-height:1.1; letter-spacing:-2px; font-weight:450; display:block; white-space:nowrap }
.radar-monthly small { font-size:11px; color:#656d78 }
.radar-annual { padding-block:17px; margin-block:19px; border-block:1px solid #c3c8cf }
.radar-annual strong { font-size:13px; font-weight:550 }
.radar-annual p { font-size:11px; color:#69717c; margin-top:5px; line-height:1.8 }
.radar-price .button { min-height:44px; width:100%; justify-content:space-between; padding:12px 15px }
.radar-bonus { font-size:12px; line-height:1.7; color:var(--accent-dark); margin-top:13px }
.radar-price .fine-print { font-size:10px; margin-top:9px }
.radar-limits { border-top:1px solid #c6ccd3; padding-top:16px; margin-top:26px; font-size:10px; color:#737b86 }

/* Poszczególne etapy czytamy jak listę, nie kolejny rząd kafelków. */
.webgrom-design .process-section { display:grid; grid-template-columns:.85fr 1.15fr; gap:42px; background:#fff; border:0 }
.process-intro>p:last-child { font-size:14px; line-height:1.8; color:var(--muted); margin-top:22px; max-width:350px }
.process-list { list-style:none; padding:0; margin:0 }
.process-list li { display:flex; gap:26px; padding:13px 0; border-bottom:1px solid var(--line) }
.process-list li:first-child { border-top:1px solid #9fa5ae }
.process-list li>span { font:12px var(--mono); color:var(--accent); padding-top:3px }
.process-list h3 { font-size:18px }
.process-list p { font-size:13px; line-height:1.7; color:var(--muted); max-width:420px; margin-top:7px }
.webgrom-design .agency-section { background:var(--soft); border:0 }
.agency-line { display:grid; grid-template-columns:145px 1fr 235px; gap:24px; padding-block:25px; align-items:center }
.agency-line .chapter-label { margin:0; align-self:start; padding-top:7px }
.agency-line h2 { font-size:28px }
.agency-line p:not(.chapter-label) { font-size:13px; color:var(--muted); margin-top:16px; line-height:1.7; max-width:430px }
.agency-line>a { font-size:12px; justify-self:end }
.webgrom-design .badge-section { background:white; border:0 }
.webgrom-design .badge-grid { padding-block:34px; gap:42px; align-items:center }
.webgrom-design .badge-grid h2 { font-size:30px; max-width:450px }
.webgrom-design .badge-grid>div>p:not(.chapter-label) { font-size:13px; max-width:450px; margin-top:17px }
.webgrom-design .badge-demo { padding:0; border:0; border-radius:0; background:transparent; min-width:0 }
.webgrom-design .badge-variants { gap:12px }
.webgrom-design .badge-variants>div { background:var(--soft); border-radius:var(--panel-radius); padding:28px 10px }
.webgrom-design .badge-variants .badge-dark { background:#30343b }
.webgrom-design .badge-variants small { font-size:7px }
.webgrom-design .badge-demo .fine-print { font-size:10px; margin-block:12px }
.badge-install { border-block:1px solid var(--line); margin-top:16px; padding-block:14px }
.badge-install summary { font-size:13px; min-height:25px }
.webgrom-design .badge-demo #badge-code { border-radius:var(--button-radius); font-size:9px }
.webgrom-design .faq-section { grid-template-columns:.85fr 1.15fr; gap:42px; border-top:1px solid var(--line) }
.webgrom-design .faq-list { border-top:1px solid #9ea5ae }
.webgrom-design .faq-list summary { font-size:14px; line-height:1.6; padding-block:14px; min-height:50px; font-weight:500 }
.webgrom-design .faq-list summary>span { color:#747c87; font-size:20px }
.webgrom-design .faq-list details>p { font-size:13px; line-height:1.8 }
.webgrom-design .faq-section>div>p:last-child { font-size:13px }
.webgrom-design .contact-section { background:var(--soft); border:0 }
.webgrom-design .contact-grid { padding-block:34px; gap:42px; align-items:start; grid-template-columns:1fr 1.2fr }
.webgrom-design .contact-grid h2 { font-size:37px; letter-spacing:-.025em }
.webgrom-design .contact-grid>div>p:not(.chapter-label) { font-size:14px; max-width:390px; line-height:1.8 }
.webgrom-design .contact-email { font-size:26px; margin-top:26px }
.webgrom-design .contact-form { background:none; border:0; border-radius:0; padding:0 }
.webgrom-design .contact-form h3 { font-size:22px; margin-bottom:22px }
.webgrom-design .contact-form label { font-size:12px }
.webgrom-design .contact-form .fine-print { font-size:11px; margin-block:14px }
.webgrom-design .contact-form .button { justify-content:space-between; width:100% }
.webgrom-design input:not([type=checkbox]):not([type=radio]),.webgrom-design select,.webgrom-design textarea { border-radius:var(--button-radius); font-size:14px }
.webgrom-design .site-footer { border:0; background:#fff }
.webgrom-design .footer-top { padding-block:29px }
.webgrom-design .footer-top>p { font-size:12px }
.webgrom-design .footer-bottom { padding-block:21px; font-size:10px }
.webgrom-design .order-summary,.webgrom-design .promo-choice,.webgrom-design .order-result,.webgrom-design .verification-result,.webgrom-design .draft-notice,.webgrom-design .notice { border-radius:var(--panel-radius) }
.webgrom-design .package-choices label>span { border-radius:var(--button-radius) }
.webgrom-design .legal-main { max-width:820px }
.webgrom-design .legal-main h2 { font-size:23px; margin:31px 0 12px }
.webgrom-design .legal-main h1 { font-size:46px }

/* Własne realizacje: rzeczywiste podglądy trzech stron, przechowywane lokalnie. */
.projects-section { border-top:1px solid var(--line) }
.projects-section .section-mast { display:block }
.projects-section .chapter-label { font:12px/1.6 var(--mono); letter-spacing:.055em; color:#62666d; margin:0 }
.projects-section .section-mast>p:last-child { margin:12px auto 0 0; max-width:none; justify-self:start; text-align:left }
.projects-list { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px }
.project { min-width:0; border-bottom:1px solid var(--line); padding-bottom:16px }
.project>a { display:block; text-decoration:none }
.project img { border-radius:var(--panel-radius); width:100%; height:auto; aspect-ratio:1.6; object-fit:cover; object-position:top; border:1px solid #e1e3e6; background:var(--soft) }
.project-title { display:flex; justify-content:space-between; align-items:center; gap:15px; margin-top:17px }
.project-title h3 { font-size:23px }
.project-title>span { color:var(--accent); font-size:22px }
.project p { font-size:13px; color:var(--muted); line-height:1.7; margin-top:10px; max-width:320px }
.project-domain { display:inline-block; color:#777e88; font:10px var(--mono); margin-top:14px }
.project>a:hover h3 { color:var(--accent) }
@media(max-width:1000px) { .projects-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.project-title h3{font-size:21px}.project p{font-size:12px} }
@media(max-width:600px) { .projects-list{grid-template-columns:1fr;gap:24px}.project-title{margin-top:13px}.project-title h3{font-size:23px}.project p{font-size:13px;max-width:none}.project img{aspect-ratio:1.7} }

/* Na komputerze odsuwamy cały blok tekstu od lasera i ciemnej części grafiki. */
@media(min-width:1200px){.hero-editorial-content{transform:translateX(-48px)}}

@media(max-width:1100px) {
 .report-layout{gap:36px}.report-object{padding-left:24px;padding-right:8px}
 .report-sheet{padding:21px}.sheet-heading h3{font-size:21px}.sheet-top small{font-size:7px}
}
@media(max-width:800px) {
 .report-layout{grid-template-columns:.85fr 1.15fr;gap:25px;padding-block:30px}
 .report-copy h2{font-size:31px}.report-copy>p:not(.chapter-label){font-size:13px}
 .report-sheet{padding:18px}.sheet-top>span{font-size:18px}.sheet-top small{font-size:6px}
 .sheet-heading{gap:13px}.sheet-heading h3{font-size:20px}.finding-number{font-size:41px}
 .finding-content dd{font-size:11px}.report-cover{left:5px}.report-cover>span{left:18px}
}
@media(max-width:600px) {
 .report-layout{grid-template-columns:1fr;gap:20px;padding-block:29px}
 .report-copy>p:not(.chapter-label){max-width:none}.report-index li{max-width:none}
 .report-object{padding:22px 15px 0 20px;margin-inline:-3px}.report-cover{left:12px;transform:rotate(-5deg)}
 .report-sheet{padding:20px 18px 17px;max-width:430px}.sheet-top>span{font-size:19px}
 .sheet-top small{font-size:6.5px}.sheet-heading h3{font-size:22px}.finding-number{font-size:44px}
 .finding-content dd{font-size:12px}.demo-note{font-size:10px}
}

/* Fotografia i znak zachowane z zaakceptowanego projektu. */
.hero-corner,.hero-bottom span:last-child { color:#f3f3f3 }
@media(min-width:1600px) {
 .hero-editorial{max-width:1720px;margin-inline:auto;min-height:650px}
 .hero-editorial-content{padding-block:65px 75px}.hero-editorial h1{font-size:122px}
 .hero-photograph img{object-position:center 50%}
}
@media(max-width:1100px) {
 .webgrom-design .container{width:calc(100% - 64px)}
 .webgrom-design .header-inner{width:calc(100% - 50px)}
 .webgrom-design .header-inner nav{gap:14px}
 .webgrom-design .header-inner nav>a{font-size:12px}
 .hero-editorial{margin-inline:14px;min-height:550px}
 .hero-editorial-content{padding:55px 35px 70px}.hero-editorial h1{font-size:78px}
 .hero-photograph img{object-position:57% center}
 .hero-wash{background:linear-gradient(90deg,#f4f4f3ed 0%,#f4f4f3bf 35%,transparent 75%)}

 .section-mast{gap:12px 30px}
 .section-mast>p:last-child{font-size:13px}

 .pentest-line{grid-template-columns:1.1fr 1fr 200px;gap:22px;padding-inline:15px}


 .radar-layout{gap:26px;grid-template-columns:.95fr 1.2fr .85fr}
 .radar-identity h2{font-size:80px}.radar-identity>p:not(.chapter-label){font-size:18px}.radar-drawing{width:260px}
 .radar-price{padding-left:22px}.radar-price .button{font-size:11px;gap:10px}
 .webgrom-design .process-section,.webgrom-design .badge-grid,.webgrom-design .faq-section,.webgrom-design .contact-grid{gap:45px}
 .agency-line{grid-template-columns:130px 1fr 225px;gap:25px}.agency-line h2{font-size:30px}
}
@media(max-width:800px) {
 .scope-row>summary{grid-template-columns:10px 1fr 170px 16px;gap:12px;padding-block:13px}.scope-name{font-size:17px}.scope-row>p{margin-left:22px}
 .webgrom-design .header-inner{height:72px}.webgrom-design .header-inner nav{top:72px;padding:20px 25px;background:var(--soft)}.webgrom-design .header-inner nav.is-open{gap:0}
 .webgrom-design .brand{font-size:26px}.webgrom-design .menu-toggle{border-radius:var(--button-radius)}
 .hero-editorial{min-height:530px;margin-inline:12px}.hero-editorial-content{padding:58px 28px 96px}
 .hero-editorial h1{font-size:57px;max-width:500px}.hero-editorial .hero-description{font-size:14px;max-width:400px}
 .hero-kicker{font-size:10px;margin-bottom:24px}.hero-editorial .button-row{gap:22px}
 .hero-assurance{font-size:10px;gap:13px;margin-top:24px}.hero-bottom{font-size:8px;left:25px;right:25px}.hero-corner{right:25px}
 .hero-photograph img{object-position:64% center}.hero-wash{background:linear-gradient(90deg,#f4f4f3f2 0%,#f4f4f3c9 27%,#f4f4f340 70%)}
 .webgrom-design .section{padding-block:30px}


 .section-mast{grid-template-columns:1fr 1fr;gap:12px 24px;margin-bottom:20px}
 .section-mast .chapter-label{grid-column:1/-1;padding:0}
 .section-mast h2{font-size:31px}.section-mast>p:last-child{padding:0}

 .report-copy h2{font-size:32px}.report-copy>p:not(.chapter-label){font-size:13px}




 .pentest-line{grid-template-columns:1.1fr 1fr 165px;gap:17px;padding-inline:12px}



 .pentest-line strong{font-size:19px}.pentest-line>p{font-size:12px}
 .radar-layout{grid-template-columns:.9fr 1.1fr;gap:28px}.radar-identity{grid-column:1;grid-row:1/span 2;padding-right:0}
 .radar-identity .chapter-label{margin-bottom:20px}.radar-identity h2{font-size:76px}.radar-identity>p:not(.chapter-label){font-size:17px;margin-top:20px}
 .radar-drawing{width:250px;margin-top:30px}.radar-benefits,.radar-price{grid-column:2;padding-top:5px}
 .radar-price{padding:22px 0 0;border-left:0;border-top:1px solid #c3c8cf}.radar-lead{font-size:15px}.radar-limits{font-size:10px}
 .webgrom-design .process-section{grid-template-columns:.9fr 1.1fr;gap:30px}.process-intro h2{font-size:32px}
 .process-intro>p:last-child{font-size:13px}.process-list li{gap:18px}.process-list h3{font-size:18px}.process-list p{font-size:12px}
 .agency-line{grid-template-columns:1fr 230px;gap:22px;padding-block:28px}.agency-line .chapter-label{grid-column:1/-1;padding:0}
 .agency-line h2{font-size:30px}.agency-line>a{font-size:11px}
 .webgrom-design .badge-grid{grid-template-columns:1fr 1fr;gap:30px;padding-block:42px}
 .webgrom-design .badge-grid h2{font-size:30px}.webgrom-design .badge-grid>div>p:not(.chapter-label){font-size:12px}
 .webgrom-design .badge-variants{grid-template-columns:1fr}.webgrom-design .badge-variants>div{padding-block:18px}
 .webgrom-design .faq-section,.webgrom-design .contact-grid{gap:30px;grid-template-columns:.9fr 1.1fr}
 .webgrom-design .faq-section h2{font-size:32px}.webgrom-design .faq-list summary{font-size:13px}
 .webgrom-design .contact-grid h2{font-size:39px}.webgrom-design .contact-email{font-size:21px}
 .webgrom-design .contact-grid>div>p:not(.chapter-label){font-size:13px}
}
@media(max-width:600px) {
 .scope-row>summary{grid-template-columns:8px 1fr 16px;gap:5px 12px;padding-block:13px}.scope-row .technical{grid-column:2;grid-row:2;font-size:9px}.scope-plus{grid-column:3;grid-row:1/3}.scope-name{font-size:18px}.scope-row>p{font-size:12px;margin:0 25px 15px 20px}
 .webgrom-design .container{width:calc(100% - 40px)}.webgrom-design .header-inner{width:calc(100% - 36px);height:68px}
 .webgrom-design .header-inner nav{top:68px}.webgrom-design .brand{font-size:26px}.webgrom-design .brand img{width:31px;height:31px}
 .webgrom-design .menu-toggle{background:var(--soft);min-height:40px}
 .hero-editorial{display:flex;flex-direction:column;min-height:0;margin:0 9px;background:var(--soft)}
 .hero-editorial-content{order:0;padding:32px 22px 29px;margin:0;max-width:none}
 .hero-kicker{font-size:9px;letter-spacing:.025em;margin-bottom:23px}
 .hero-editorial h1{font-size:clamp(36px,10vw,58px);line-height:1.07;letter-spacing:-.025em;margin-bottom:18px;max-width:100%}
 .hero-editorial h1 em{font-weight:450;letter-spacing:-.025em}
 .hero-editorial .hero-description{font-size:13px;line-height:1.75;max-width:340px;margin-bottom:22px}
 .hero-editorial .button-row{gap:10px;flex-wrap:nowrap}.hero-editorial .button{font-size:12px;padding:12px;gap:10px;min-height:46px;white-space:nowrap}
 .hero-secondary{font-size:11px;gap:8px;padding:11px 0;white-space:nowrap}.hero-assurance{font-size:9px;gap:7px 12px;margin-top:23px}
 .hero-assurance span:before{font-size:10px;margin-right:3px}
 .hero-photograph{order:1;position:relative;inset:auto;z-index:0;aspect-ratio:1/1.05;width:100%;height:auto}
 .hero-photograph img{object-position:center 54%;position:absolute;inset:0;width:100%;height:100%}
 .hero-wash,.hero-corner{display:none}.hero-bottom{z-index:1;left:20px;right:20px;bottom:16px;font-size:7.5px;gap:10px;border-color:#aab0b980;color:#535c67;padding-top:10px}
 .hero-bottom span:last-child{display:none}
 .webgrom-design .section{padding-block:28px}.webgrom-design h2{font-size:31px}
 .chapter-label{font-size:11px;gap:13px;margin-bottom:18px}.chapter-label>span{font-size:12px}


 .section-mast{grid-template-columns:1fr;gap:12px;margin-bottom:18px}.section-mast .chapter-label{margin:0}.section-mast>p:last-child{font-size:13px;max-width:100%;justify-self:start}
 .report-copy h2{font-size:32px}
 .report-copy>p:not(.chapter-label){max-width:100%;font-size:13px;margin-top:16px}.report-index{margin-top:17px}.report-index li{max-width:100%;font-size:12px}



 .webgrom-design .promo-banner{display:block;padding-block:14px;margin-bottom:17px}.webgrom-design .promo-banner strong{font-size:14px;white-space:normal}
 .webgrom-design .promo-banner p{font-size:12px;margin-top:6px}.webgrom-design .promo-banner a{display:inline-block;font-size:11px;margin-top:6px}







 .pricing-footnote{font-size:10px;line-height:1.8}
 .pentest-line{grid-template-columns:1fr;gap:15px;padding:23px 0;margin-top:20px}.pentest-line h3{font-size:23px}
 .pentest-line>p{font-size:13px}.pentest-line>div:last-child{text-align:left}.pentest-line strong{font-size:24px}.pentest-line .text-link{margin-top:14px;font-size:12px}
 .webgrom-design .extras summary{font-size:12px}.webgrom-design .table-wrap td,.webgrom-design .table-wrap th{font-size:11px}
 .radar-section{padding-block:31px 22px}.radar-layout{grid-template-columns:1fr;gap:25px}
 .radar-identity{grid-column:auto;grid-row:auto;padding-right:0}.radar-identity h2{font-size:72px;letter-spacing:-3px}
 .radar-identity>p:not(.chapter-label){font-size:17px;max-width:none}
 .radar-drawing{width:240px;margin-top:24px}.radar-benefits,.radar-price{grid-column:auto}.radar-benefits{padding:0}.radar-lead{font-size:15px}
 .radar-benefits dl{margin-block:17px}.radar-benefits dd{font-size:12px}.radar-badge-link{font-size:11px}
 .radar-price{padding:23px 0 0;border-left:0;border-top:1px solid #bac1ca}.radar-price .margin-label{margin-bottom:12px}
 .radar-monthly strong{display:inline;font-size:45px;margin-right:10px}.radar-monthly small{font-size:11px}
 .radar-annual{padding-block:15px;margin-block:16px}.radar-annual strong{font-size:14px}
 .radar-price .button{font-size:13px;min-height:46px}.radar-price .fine-print{font-size:11px}.radar-bonus{font-size:12px}.radar-limits{font-size:10px;line-height:1.7;margin-top:21px}
 .webgrom-design .process-section{grid-template-columns:1fr;gap:24px}.process-intro>p:last-child{font-size:13px;margin-top:16px}
 .process-list li{gap:18px;padding-block:17px}.process-list h3{font-size:19px}.process-list p{font-size:12px}
 .agency-line{grid-template-columns:1fr;gap:18px;padding-block:29px}.agency-line h2{font-size:30px}.agency-line .chapter-label{margin:0}
 .agency-line p:not(.chapter-label){font-size:13px;margin-top:15px}.agency-line>a{justify-self:start;font-size:12px}
 .webgrom-design .badge-grid{grid-template-columns:1fr;padding-block:34px;gap:25px}.webgrom-design .badge-grid h2{font-size:30px}
 .webgrom-design .badge-grid>div>p:not(.chapter-label){font-size:13px}.webgrom-design .badge-variants{grid-template-columns:1fr 1fr}
 .webgrom-design .badge-variants>div{padding:22px 5px}.webgrom-design .badge-variants img{width:138px;height:auto}.webgrom-design .badge-variants small{font-size:6px}
 .badge-install summary{font-size:12px}.webgrom-design .badge-demo #badge-code{font-size:10px}
 .webgrom-design .faq-section{grid-template-columns:1fr;gap:25px}.webgrom-design .faq-list summary{font-size:13px;padding-block:15px;min-height:57px}
 .webgrom-design .faq-list details>p{font-size:12px;line-height:1.8}.webgrom-design .faq-section>div>p:last-child{font-size:12px}
 .webgrom-design .contact-grid{grid-template-columns:1fr;gap:28px;padding-block:32px}.webgrom-design .contact-grid h2{font-size:39px}
 .webgrom-design .contact-email{font-size:24px;margin-top:20px}.webgrom-design .contact-grid>div>p:not(.chapter-label){font-size:13px}
 .webgrom-design .contact-form h3{font-size:21px}.webgrom-design .contact-form label{font-size:12px}
 .webgrom-design input:not([type=checkbox]):not([type=radio]),.webgrom-design select,.webgrom-design textarea{font-size:16px}
 .webgrom-design .footer-top{gap:14px;padding-block:24px}.webgrom-design .footer-top>p{font-size:11px}.webgrom-design .footer-bottom{font-size:9px;gap:16px}
 .webgrom-design .order-heading h1{font-size:40px}.webgrom-design .order-summary h2{font-size:25px}.webgrom-design .legal-main h1{font-size:36px}
 .webgrom-design .legal-main h2{font-size:21px}
}
@media print { .scope-row,.audit-plan{break-inside:avoid}.report-sheet{box-shadow:none;transform:none}.report-cover{display:none} }

/* Niewielki oddech między opisem a działaniem; bez zmiany układu kart i baneru. */
.webgrom-design #order-form>.fine-print+.button{margin-top:16px}
.webgrom-design .contact-form>.fine-print{margin-bottom:16px}
.webgrom-design .contact-result>p:first-child{margin-bottom:16px}
.webgrom-design #order-edit{margin-top:8px}
.webgrom-design .badge-actions{margin-top:16px}

/* Kontakt w stopce i telefon w sekcji kontaktu */
.webgrom-design .footer-contact { display:grid; gap:6px; justify-items:end; font-size:12px }
.webgrom-design .footer-contact a { text-decoration:none }
.webgrom-design .contact-phone { display:block; width:max-content; margin-top:14px; font-size:18px; text-decoration:none }
@media (max-width: 800px) { .webgrom-design .footer-contact { justify-items:start; font-size:11px } }