/* Real application captures: preserve image content; no mockup crops. */
.hero{height:auto;min-height:430px;overflow:visible}.hero-grid{gap:28px;grid-template-columns:.85fr 1.15fr}.hero-art.device-combo{height:auto;overflow:visible;display:block;min-width:0}.hero-art.device-combo img{width:100%;height:auto;transform:none;border:1px solid #dbe5eb;border-radius:12px;box-shadow:0 18px 40px #163d5420}.visual-card{overflow:visible}.visual-card img[src*="kalendarz-demo-desktop"],.visual-card img[src*="lista-demo-desktop"]{width:100%;height:auto;object-fit:contain;border:1px solid #dbe5eb;border-radius:12px}.visual-card.phone-crop,.visual-card.calendar-crop{max-height:none;height:auto}.visual-card img[src*="kalendarz-demo-mobile"],.visual-card img[src*="wizyta-demo-mobile"]{display:block;width:min(100%,310px);height:auto;max-height:none;object-fit:contain;margin:0 auto;border:1px solid #dbe5eb;border-radius:18px;box-shadow:0 16px 36px #163d5418}.demo-label{max-width:100%;margin:12px 0 0;text-align:center;font-size:12px;line-height:1.5;color:#586a7b}.device-combo .demo-label{position:static}.hero-art img{max-width:100%}@media(max-width:700px){.hero-grid{grid-template-columns:1fr;gap:28px}.hero-art.device-combo{height:auto}.hero{min-height:0}.visual-card img[src*="kalendarz-demo-mobile"],.visual-card img[src*="wizyta-demo-mobile"]{width:min(100%,300px)}.hero-art.device-combo img{width:100%}.demo-label{font-size:11px}}

.visual-card.accent-card{display:block}.visual-card>a{display:block}.visual-card .demo-label{display:block;width:100%;clear:both}

/* Reading rhythm: section height follows complete text and screenshots. */
main>.section,main>.feature-split{height:auto;min-height:0;max-height:none;overflow:visible;padding-block:72px}
main>.hero{padding-block:64px}
.hero-grid,.split-grid,.feature-split>.split-grid{height:auto;min-height:0;gap:48px;align-items:center}
.hero-copy{width:auto}.hero-copy h1{line-height:1.13}.hero .lead{line-height:1.65}
.feature-split .visual-card,.feature-split .calendar-crop,.feature-split .phone-crop{display:block;height:auto;max-height:none;overflow:visible;align-self:center;padding-top:0}
.feature-split .visual-card img,.feature-split .calendar-crop img,.feature-split .phone-crop img{height:auto;max-height:none;max-width:100%;margin-inline:auto;transform:none;flex-shrink:1}
.feature-split .calendar-crop img{width:100%}
.feature-split .phone-crop img{width:min(100%,290px)}
.feature-split .demo-label,.phone-crop .demo-label{display:block;margin-top:14px;line-height:1.5}
.copy-block{max-width:560px}.copy-block h2{line-height:1.2;margin:0 0 20px}.copy-block p:not(.eyebrow),.feature-split .copy-block p:not(.eyebrow){line-height:1.65;margin-block:0 18px}.copy-block .text-link{display:inline-block;margin-top:8px}
.section-intro,.offer-heading{margin-bottom:32px}.section-intro h2,.offer-heading h2{line-height:1.2;margin-bottom:18px}
.audience-page .audience-product,.audience-page .audience-start,.audience-page .faq{padding-block:64px}
.audience-page .audience-benefits{padding-block:40px}.audience-page .final-cta{padding-block:40px 64px}
.audience-section-heading,.audience-product-stage>.product-copy{margin-bottom:32px}
.mobile-access.section{padding-block:64px}.mobile-access-grid{gap:48px}.mobile-access-copy{max-width:600px}
.hub-work{padding-block:64px}.hub-heading{margin-bottom:32px}.hub-start{padding-bottom:64px}
@media(max-width:800px){main>.section,main>.feature-split,main>.hero,.audience-page .section:not(.final-cta):not(.page-hero):not(.audience-benefits),.audience-page .audience-product,.audience-page .audience-start,.audience-page .faq{padding-block:44px;height:auto;max-height:none;overflow:visible}.hero-grid,.split-grid,.feature-split>.split-grid,.audience-product-grid,.mobile-access-grid{gap:32px}.feature-split .phone-crop,.feature-split .calendar-crop{height:auto;max-height:none;overflow:visible}.copy-block h2{margin-bottom:16px}.section-intro,.offer-heading,.audience-section-heading,.audience-product-stage>.product-copy{margin-bottom:24px}.audience-page .audience-benefits{padding-block:32px}.audience-page .final-cta{padding-block:32px 44px}.hub-work{padding-block:44px}.hub-start{padding-bottom:44px}.mobile-access.section{padding-block:44px}}

/* Shared device: body ratio 71.9:150; screen scroll preserves original pixels. */
.phone-device{position:relative;box-sizing:border-box;width:min(100%,290px);aspect-ratio:71.9/150;margin:0 auto;padding:7px;border:1px solid #59606b;border-radius:32px;background:linear-gradient(120deg,#343b46,#11151d 45%,#272e38);box-shadow:0 20px 35px #182d4626,inset 0 0 0 1px #454c56;display:flex;flex-direction:column}
.phone-device:before,.phone-device:after{content:"";position:absolute;width:3px;background:#424a55;border-radius:3px}.phone-device:before{height:40px;left:-3px;top:90px;box-shadow:0 53px 0 #424a55}.phone-device:after{height:60px;right:-3px;top:122px}
.phone-bezel{height:17px;flex:0 0 17px;display:flex;align-items:center;justify-content:center}.phone-bezel span{width:40px;height:4px;border-radius:4px;background:#070a0f}.phone-chin{height:8px;flex:0 0 8px}
.phone-device .phone-screen{min-height:0;flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;border-radius:16px;background:#fff;scrollbar-width:thin;scrollbar-color:#9aabb5 #edf2f4}.phone-screen:focus-visible{outline:3px solid #0879ed;outline-offset:3px}
main .phone-device .phone-screen img{display:block;width:100%;max-width:100%;height:auto;max-height:none;border:0;border-radius:0;margin:0;box-shadow:none;filter:none;mix-blend-mode:normal;transform:none;object-fit:contain}
.phone-scroll-hint{font-size:12px;line-height:1.5;text-align:center;margin:14px auto;color:#586a7b}.phone-scroll-hint a{color:#0879ed}.phone-screen picture{display:block}
@media(min-width:601px){.phone-device.phone-responsive{display:block;aspect-ratio:auto;width:100%;padding:0;border:0;border-radius:0;background:none;box-shadow:none}.phone-responsive:before,.phone-responsive:after,.phone-responsive .phone-bezel,.phone-responsive .phone-chin,.responsive-hint{display:none}.phone-responsive .phone-screen{overflow:visible;border-radius:12px}}

/* Fit the complete screenshot, including navigation, without cropping. */
.phone-device .phone-screen{display:flex;align-items:center;justify-content:center;overflow:hidden;scrollbar-width:none}
main .phone-device .phone-screen img{width:100%;height:100%;min-height:0;object-fit:contain;object-position:center;border:0}
.phone-screen picture{width:100%;height:100%;min-height:0;display:block}
@media(min-width:601px){.phone-responsive .phone-screen{display:block;overflow:visible}.phone-responsive .phone-screen picture,main .phone-responsive .phone-screen img{height:auto}}