/* Zatwierdzony PDF: mocniejszy tekst, kolorowe numery i dwa widoki demo. */
:root{--muted:#465543}
body{font-size:16px;font-weight:600}
button,input,select,textarea{font-weight:600}
h1,h2,h3{font-weight:700}
p,li,figcaption{font-weight:600}
.eyebrow{font-size:13px;font-weight:700;letter-spacing:.08em}
.hero-note>span,.contact-tile-description{font-weight:600}
.header nav{font-size:14px;font-weight:700;gap:20px}
.hero-intro,.hero-note>span{color:#f6f5ee}
.roles-intro>p:last-child,.role summary span span,.role-detail{color:#dce5d5}
.role strong,.contact-tile-title,.contact-address>strong{font-weight:700}
.contact-address>span,.site-footer p{color:#465543}
.feature{grid-template-columns:56px minmax(0,1fr);column-gap:26px;row-gap:17px;padding-block:26px 38px}
.feature-number{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:12px;background:#ead06b;color:#17241d;font-size:34px;font-weight:900;line-height:1;letter-spacing:-.035em}
.feature:nth-child(2) .feature-number{background:#2b503f;color:#f6f5ee}
.feature:nth-child(3) .feature-number{background:#b5c7a4;color:#17241d}
.feature:nth-child(4) .feature-number{background:#20362c;color:#f6f5ee}
.feature h3{align-self:center;min-width:0}
.feature p{grid-column:1 / -1;margin-top:0;max-width:none;font-size:16px}
.workflow p,.faq-list p,.role-detail{font-size:16px}
.step-track>span{background:var(--sage);color:#536745;border-radius:50%;font-size:14px;font-weight:900}
.role summary span span,.contact-tile-description{font-size:14px}
.demo-section{background:#e9eddf;padding-block:58px 52px}
.demo-section .section-heading{grid-template-columns:minmax(0,1fr);gap:18px;margin-bottom:40px}
.demo-section .section-lead{justify-self:start;max-width:100%;font-size:17px}
.demo-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
.demo-card{min-width:0;display:flex;background:#fff;border:1px solid #c9d3bd;border-radius:15px;overflow:hidden}
.demo-card-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;min-width:0;padding:28px}
.demo-label{color:#465543;font-size:13px;font-weight:700;line-height:1.5;letter-spacing:.025em;text-transform:uppercase;margin-bottom:20px}
.demo-card h3{font-size:clamp(1.5rem,2.2vw,1.9rem);line-height:1.15;letter-spacing:-.025em;max-width:100%;overflow-wrap:break-word}
.demo-card h3>span{display:block}
.demo-description{font-size:16px;line-height:1.6;color:#465543;margin-top:18px;margin-bottom:28px;max-width:100%}
.demo-preview{width:100%;margin-top:auto;background:#f6f8f1;border:1px solid #ccd6c5;border-radius:8px;overflow:hidden}
.demo-preview img{width:100%;height:auto;aspect-ratio:5/3;object-fit:contain;pointer-events:none;user-select:none}
.demo-preview-plan{position:relative}
.demo-preview-plan img{aspect-ratio:50/31}
.plan-preview-marker{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:grid;place-items:center;min-width:34px;min-height:27px;padding:3px 5px;border:2px solid #9b7b19;border-radius:7px;background:#fff8d5;color:#17241d;font:800 clamp(10px,1.1vw,15px)/1 "Segoe UI",Arial,sans-serif;box-shadow:0 2px 5px #17241d33;pointer-events:none}
.plan-preview-marker.socket{border-color:#315f45;background:#e7f1df}.plan-preview-marker.board{border-color:#315f45;background:#ead06b}
.demo-button{justify-content:center;border-radius:12px;width:100%;max-width:100%;margin-top:12px;text-align:center;overflow-wrap:break-word;font-size:16px;font-weight:700}
.demo-button-tree{background:#2b503f;color:#f6f5ee}
.demo-button-tree:hover{background:#203e30}
.demo-disclaimer{margin-top:23px;font-size:14px;line-height:1.6;color:#465543}
.contact-tiles-section,.site-footer{font-family:inherit}
.contact-tile,.contact-tile:hover{box-shadow:none}
.contact-tile-primary{background:#20362c}
.contact-tile-copy{background:#ead06b}
.contact-tile-help{background:#2b503f}
.contact-tile-privacy{background:#b5c7a4}
.contact-address{max-width:640px;margin-inline:auto;background:#eee0aa;box-shadow:none}
@media(min-width:900px){.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-card h3{min-height:2.3em;max-width:16em}}
@media(max-width:1199px){.header nav{gap:6px 24px}.demo-card-body{padding:25px}}
@media(max-width:767px){
  body{font-size:16px}
  .header nav{font-size:16px}
  .hero .eyebrow,.eyebrow{font-size:13px;letter-spacing:.06em}
  .hero-intro,.hero-note>span,.section-lead,.roles-intro>p:last-child,.feature p,.workflow p,.faq-list p,.role-detail,.contact-tiles-intro p,.contact-address>strong,.contact-back{font-size:16px}
  .hero-actions .button,.faq-list summary{font-size:16px}
  .feature{grid-template-columns:52px minmax(0,1fr);column-gap:24px;row-gap:18px;padding-block:24px 34px}
  .feature-number{width:52px;height:52px;border-radius:11px;font-size:32px}
  .step-track>span{font-size:13px}
  .role summary span span,.contact-tile-description,.contact-address>span{font-size:13px}
  .connection-strip>.container{font-size:13px}
  .demo-section{padding-block:46px 40px}
  .demo-section .section-heading{gap:17px;margin-bottom:30px}
  .demo-section .section-lead{font-size:16px}
  .demo-grid{gap:24px}
  .demo-card{border-radius:14px}
  .demo-card-body{padding:22px}
  .demo-label{margin-bottom:18px}
  .demo-card h3{font-size:26px}
  .demo-description{margin-top:17px;margin-bottom:26px}
  .demo-button{padding:14px 17px}
  .demo-disclaimer{font-size:13px}
}
@media(max-width:359px){
  .feature{column-gap:18px}
  .demo-card-body{padding:18px}
  .demo-card h3{font-size:24px}
  .demo-button{padding-inline:14px}
  .contact-tile-description,.contact-address>span{font-size:13px}
  .contact-address>strong{font-size:16px}
}