/* Samostatná stránka O nás, izolovaná od ostatních částí webu. */
body.about-page{background:#fff;color:#123247}
.about-page .about-wrap{max-width:1160px;width:calc(100% - 48px);margin:0 auto}
.about-page .about-intro{padding:76px 0 80px;background:linear-gradient(115deg,#f5fbfc 0%,#eff8fa 54%,#e1f3f4 100%)}
.about-page .about-intro-grid{display:grid;grid-template-columns:1fr .86fr;align-items:center;gap:75px}
.about-page .about-eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid #d0e8e9;background:#fff;border-radius:30px;padding:9px 13px;color:#057988;font-weight:800;font-size:12px;letter-spacing:.035em}
.about-page .about-dot{width:8px;height:8px;border-radius:50%;background:#18aa83}
.about-page h1{font-size:clamp(40px,5vw,70px);line-height:1.09;letter-spacing:-.06em;color:#103449;margin:22px 0 22px;font-weight:850}
.about-page .about-lead p{color:#526d7d;font-size:clamp(16px,1.5vw,19px);line-height:1.85;margin:0 0 16px}
.about-page .about-link{display:inline-flex;align-items:center;gap:12px;margin-top:19px;padding:14px 19px;border-radius:11px;background:#087f8c;color:#fff;text-decoration:none;font-size:14px;font-weight:800}
.about-page .about-link:hover{background:#066c77;color:#fff}
.about-page .about-visual{min-height:365px;border-radius:25px;overflow:hidden;background:linear-gradient(145deg,#0b7d8a,#16455d);color:#fff;box-shadow:0 25px 55px #15475d2a;display:flex;align-items:flex-start;justify-content:flex-end;flex-direction:column;padding:40px}
.about-page .about-visual img{width:100%;height:100%;object-fit:cover;display:block}
.about-page .about-visual:has(img){padding:0}
.about-page .about-visual-mark{width:92px;height:92px;display:grid;place-items:center;border:1px solid #ffffff5c;background:#ffffff18;border-radius:22px;font-weight:900;font-size:36px;letter-spacing:-.07em;margin-bottom:auto}
.about-page .about-visual span{font-size:15px;color:#c8e9ee;margin-bottom:6px}.about-page .about-visual strong{font-size:clamp(25px,3vw,36px);letter-spacing:-.04em}
.about-page .about-story{padding:84px 0 96px;background:#fff}.about-page .about-story-heading{max-width:690px;margin-bottom:32px}
.about-page .about-kicker{font-size:12px;font-weight:850;letter-spacing:.13em;color:#07818e}
.about-page .about-story h2{font-size:clamp(27px,3.2vw,43px);letter-spacing:-.05em;line-height:1.2;color:#12384c;margin:10px 0 0}
.about-page .about-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}
.about-page .about-step{display:flex;gap:22px;padding:31px;border:1px solid #dfeaf0;border-radius:19px;background:#fff;box-shadow:0 10px 30px #123c4b08}
.about-page .about-step-number{flex:none;font-size:14px;color:#078995;background:#e8f7f7;border-radius:11px;width:42px;height:42px;display:grid;place-items:center;font-weight:850}
.about-page .about-step h3{font-size:20px;color:#13374a;margin:6px 0 13px;letter-spacing:-.035em}
.about-page .about-prose p{color:#567182;line-height:1.85;font-size:15px;margin:0 0 12px}.about-page .about-prose p:last-child{margin-bottom:0}
.about-page .about-outro{background:#eaf7f8;padding:61px 0}.about-page .about-outro-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}
.about-page .about-outro h2{max-width:630px;font-size:clamp(22px,2.5vw,31px);line-height:1.35;letter-spacing:-.035em;color:#11384b;margin:9px 0}
.about-page .about-outro p{color:#5b7685;font-size:14px;margin:0}.about-page .about-actions{display:flex;gap:10px;flex-wrap:wrap;flex-shrink:0}
.about-page .about-btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:10px;font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap}
.about-page .about-btn.primary{background:#07818e;color:#fff}.about-page .about-btn.secondary{background:#fff;border:1px solid #c4e0e5;color:#086c7a}
@media(max-width:900px){.about-page .about-intro-grid{gap:30px}.about-page .about-outro-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:720px){.about-page .about-wrap{width:calc(100% - 32px)}.about-page .about-intro{padding:45px 0 54px}.about-page .about-intro-grid{grid-template-columns:1fr}.about-page .about-visual{min-height:270px}.about-page .about-story{padding:58px 0}.about-page .about-steps{grid-template-columns:1fr}.about-page .about-step{padding:23px;gap:16px}.about-page .about-actions{width:100%}.about-page .about-btn{flex:1}}