/* Compact homepage below the existing hero and interactive mockup. */
.home-mobile-only{display:none}
.home-mobile-copy{display:none}
.home-desktop-copy{display:inline}
@media screen and (max-width:800px){
 .home-mobile-copy{display:inline}
 .home-desktop-copy{display:none}
 main>.comparison-section,main>.mid-contact-section,main>.control-section,main>.security-section,main>.ch-promo{display:none}
 .home-mobile-only{display:block}
 #platforma,#proces,#zespoly,#integracje,#demo,.mobile-case-links{padding-block:40px}
 #platforma .section-heading,#zespoly .section-heading{margin-bottom:26px}
 #platforma .section-heading>p:last-child,#zespoly .section-heading>p:last-child{font-size:15px}
 #features{display:grid;grid-template-columns:1fr;gap:0}
 #features .feature-card{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px 14px;min-height:0;height:auto;padding:24px 0;border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent;box-shadow:none;transform:none}
 #features .feature-card:last-child{border-bottom:0}
 #features .feature-card>.icon-tile{grid-column:1;grid-row:1;margin:0;width:34px;height:34px}
 #features .feature-card>h3{grid-column:2;margin:0;min-height:34px;font-size:19px;line-height:1.35;align-self:center}
 #features .feature-card>p{grid-column:2;margin:0;font-size:15px;line-height:1.65;min-height:0}
 #features .feature-card>.text-link{grid-column:2;justify-self:start;margin:0;min-height:40px}
 #features .feature-card>:is(.mini-catalog,.mini-approval,.mini-analytics){display:none}
 #proces .scenario-heading{display:block;margin-bottom:20px}
 #proces .scenario-heading>.section-heading{margin:0 0 16px}
 #proces .scenario-heading>p{margin:0;font-size:15px;line-height:1.6}
 #proces .process-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:22px}
 #proces .process-tabs button{min-width:0;padding:12px 5px;min-height:64px;gap:5px;font-size:13px}
 #proces .scenario-stage{display:block;min-height:0;padding:0}
 #proces #scenario-preview,#proces .scenario-copy ul{display:none}
 #proces .process-playback{display:none}
 #proces{padding-bottom:24px}
 #proces .scenario-copy{min-height:0;padding:0}
 #proces .scenario-copy h3{font-size:24px;line-height:1.25;max-width:none;margin-bottom:14px}
 #proces .scenario-copy>p:not(.eyebrow){font-size:15px;line-height:1.65;max-width:none;margin:0}
 #zespoly #persona-grid{display:none}
 .mobile-roles{border-top:1px solid var(--border)}
 .mobile-role{border-bottom:1px solid var(--border)}
 .mobile-role summary{display:list-item;position:relative;padding:17px 8px 17px 0;min-height:60px;list-style-position:inside;font-size:16px;font-weight:600;color:var(--ink);cursor:pointer}
 .mobile-role summary::marker{color:var(--purple)}
 .mobile-role summary>.icon-tile{display:none}
 .mobile-role summary>span{margin-left:8px}
 .mobile-role>div{padding:0 8px 20px 22px}
 .mobile-role h3{font-size:18px;line-height:1.35;margin:0 0 10px}
 .mobile-role p{font-size:15px;line-height:1.65;color:var(--muted);margin:0}
 .mobile-assurance{margin-top:28px}
 .mobile-assurance h3{font-size:20px;line-height:1.3;margin-bottom:12px}
 .mobile-assurance p,.mobile-integration-summary p{font-size:15px;line-height:1.65;color:var(--muted);margin-bottom:12px}
 #integracje{border-block:1px solid var(--border)}
 #integracje .section-heading,#integracje #integrations,#integracje .configuration-note{display:none}
 .mobile-integration-summary h2,.mobile-case-links h2{font-size:27px;line-height:1.2;margin-bottom:16px}
 .mobile-case-links nav{margin-top:24px;border-top:1px solid var(--border)}
 .mobile-case-links nav>a{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border);padding:20px 0;min-height:80px}
 .mobile-case-links strong{display:block;font-size:17px;font-weight:600;margin-bottom:6px}
 .mobile-case-links small{display:block;font-size:14px;line-height:1.5;color:var(--muted)}
 .mobile-case-links nav>a>span:last-child{color:var(--purple);flex-shrink:0}
 .mobile-case-links nav>a:hover strong{color:var(--purple)}
 #demo .demo-card{display:block;padding:26px 22px;border-radius:8px}
 #demo .demo-steps,#demo .demo-action>a:not(:first-child){display:none}
 #demo .demo-card h2{font-size:27px;line-height:1.2}
 #demo .demo-card .section-heading>p:not(.eyebrow){font-size:15px;max-width:none;margin-bottom:0}
 #demo .demo-action{display:flex;flex-direction:column;align-items:stretch;gap:16px;margin-top:22px;padding-top:22px}
 #demo .demo-action small{margin:0;max-width:none}
}