@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#19324b;--blue:#68879d;--sky:#dfeaf0;--light:#f5f9fb;--text:#283746;--border:#dbe5eb;--font:'DM Sans',Arial,sans-serif;--headline:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#fff;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.wrap{width:min(1220px,calc(100% - 88px));margin-inline:auto}.skip{position:absolute;top:-80px;left:10px;z-index:30;background:white;padding:12px}.skip:focus{top:8px}.site-header{position:sticky;top:0;z-index:15;background:rgba(255,255,255,.97);border-bottom:1px solid rgba(19,44,67,.08);backdrop-filter:blur(18px)}.header-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{text-decoration:none;display:inline-flex;flex-direction:column;line-height:1;flex-shrink:0;color:var(--navy)}.brand-word{font-family:var(--headline);letter-spacing:.29em;font-size:29px;font-weight:600}.brand-caption{letter-spacing:.58em;font-size:8px;padding-left:3px;margin-top:7px;white-space:nowrap}.nav{display:flex;gap:30px;align-items:center}.nav a{font-size:13px;text-decoration:none;white-space:nowrap;padding:9px 0;border-bottom:2px solid transparent;transition:.2s}.nav a:hover,.nav a.active{border-bottom-color:var(--navy);color:var(--navy)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:27px;background:var(--navy);border:1px solid var(--navy);border-radius:28px;padding:14px 24px;color:#fff;text-decoration:none;font-size:13px;font-weight:600;transition:transform .2s,background .2s,border-color .2s;white-space:nowrap}.btn:hover{background:#365b77;border-color:#365b77;transform:translateY(-2px)}.btn-small{background:#7799aa;border:0;padding:12px 21px}.btn-light{background:#fff;color:var(--navy);border-color:#fff}.btn-light:hover{background:#e8f2f8;color:var(--navy)}.menu-toggle{display:none}.hero{background:linear-gradient(112deg,#f6fafc 10%,#e5eef4 68%,#dbe6ec);overflow:hidden}.hero-grid{display:grid;grid-template-columns:52% 48%;align-items:stretch;min-height:550px}.hero-copy{position:relative;z-index:2;align-self:center;padding:62px 20px 74px 0}.eyebrow,.overline{font-size:11px;letter-spacing:.28em;font-weight:700;color:#46647b}.eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:22px}.line{width:28px;height:1px;background:#7292a8}.hero h1{font-family:var(--headline);font-size:clamp(43px,4.65vw,67px);font-weight:500;line-height:1.18;letter-spacing:-.055em;color:var(--navy);margin:0}.hero h1 span{display:block;color:#6f8da1}.hero-copy>p{max-width:525px;font-size:18px;line-height:1.58;margin:26px 0 31px}.hero-actions{display:flex;gap:27px;align-items:center}.text-link{display:inline-flex;gap:15px;align-items:center;text-decoration:underline;text-decoration-color:#93a5b1;text-underline-offset:7px;font-weight:700;font-size:14px;color:var(--navy)}.text-link:hover{color:#6f8da1}.hero-image{position:relative;align-self:stretch;min-height:540px;background:#111416;overflow:hidden;border-radius:0 0 0 125px;box-shadow:25vw 0 #111416}.hero-photo{position:absolute;inset:0;background:url('assets/olga-trubakova.jpg') center 25%/cover no-repeat}.hero-image:after{content:"";pointer-events:none;position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(12,20,26,.75))}.photo-label{position:absolute;z-index:2;left:36px;bottom:35px;color:#fff;display:flex;flex-direction:column;gap:7px}.photo-label span{font-size:22px;font-weight:500;letter-spacing:.06em}.photo-label small{font-size:11px;letter-spacing:.1em}.strengths{border-bottom:1px solid #e4ebef}.strength-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:24px 0}.strength{display:flex;align-items:center;justify-content:center;gap:16px;min-height:60px;border-right:1px solid var(--border);font-size:13px;line-height:1.4;color:var(--navy)}.strength:last-child{border:0}.strength strong{font-weight:700}.strength-icon{font-size:45px;font-family:Georgia,serif;line-height:1;color:#7c9aad}.services{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-block:8px 60px}.service-card{min-height:410px;position:relative;overflow:hidden;isolation:isolate}.companies{background:linear-gradient(115deg,#edf3f5 10%,#d5e1e6 100%)}.candidates{background:linear-gradient(120deg,#e7f0f9,#c9dbea)}.service-content{position:relative;z-index:2;padding:55px 35px 40px;max-width:395px}.service-content h2,.section-heading h2,.about h2,.contact h2{font:600 clamp(29px,2.7vw,39px)/1.24 var(--headline);color:var(--navy);letter-spacing:-.045em;margin:12px 0 16px}.service-content p{font-size:15px;line-height:1.65;margin:0 0 23px}.service-art{position:absolute;inset:0 0 0 44%;opacity:.55;filter:blur(.25px)}.office-art{background:linear-gradient(90deg,transparent,#d3e0e7 30%,#e6eff4 65%)}.office-window{position:absolute;inset:30px 45px 105px 0;background:linear-gradient(90deg,transparent 0 48%,#a0b2be 49% 50%,transparent 51% 100%),linear-gradient(180deg,transparent 0 48%,#9dacb6 49% 50%,transparent 51% 100%),linear-gradient(135deg,#f4f8fa,#aabdc9);border:10px solid #b4c4ce;box-shadow:2px 8px 24px #748e9f6b}.desk{position:absolute;right:0;bottom:45px;width:94%;height:13px;background:#344b5d;box-shadow:14px 12px 14px #5c74806c}.desk:before{content:"";position:absolute;width:68px;height:64px;background:#334f60;right:75px;bottom:16px;border-radius:5px;box-shadow:9px 9px 15px #8399a1}.office-plant{position:absolute;right:20px;bottom:58px;font-size:110px;color:#446958}.hills{position:absolute;inset:0;opacity:.78}.hill{position:absolute;width:115%;height:45%;left:12%;clip-path:polygon(0 100%,20% 53%,30% 70%,47% 15%,60% 45%,76% 18%,100% 75%,100% 100%)}.hill-back{bottom:0;background:#9db8c9}.hill-front{bottom:-15%;background:#5c84a0;transform:scale(1.1)}.candidates .service-content{max-width:390px}.process{padding:24px 0 76px}.section-heading{max-width:730px;margin:0 auto 36px;text-align:center}.section-heading>p{font-size:16px;line-height:1.6}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.steps article{padding:27px 30px;background:#f5f8fa;border:1px solid #e6edf1;border-radius:14px}.steps article>span{color:#8aa8b8;font:700 27px var(--headline)}.steps h3{font:700 19px var(--headline);color:var(--navy);margin:16px 0 8px}.steps p{font-size:14px;line-height:1.7;margin:0}.about{background:#f6f9fb;padding:82px 0}.about-grid{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:90px}.about h2{margin-bottom:24px}.about p{max-width:600px;font-size:16px;line-height:1.78}.about .text-link{margin-top:18px}.about-quote{padding:38px 40px;background:white;border-radius:14px;box-shadow:0 12px 48px #112d3c0d}.quote-mark{font:85px/.9 Georgia,serif;color:#a4b8c4}.about-quote blockquote{margin:-11px 0 24px 30px;line-height:1.85;font-style:italic;font-size:17px;color:#415367}.about-quote>span{display:block;text-align:right;font:italic 26px Georgia,serif;color:#49677c}.contact{padding:83px 0 92px;background:linear-gradient(125deg,#f9e8e0 0%,#f2f4f5 48%,#dae7ed 100%)}.contact-grid{display:grid;grid-template-columns:1fr 420px;gap:90px}.contact h2{font-size:clamp(32px,3.6vw,50px);margin:20px 0}.contact p{font-size:17px;line-height:1.7;max-width:510px}.contact .demo-note{font-size:13px;color:#71818d;margin-top:44px}.contact-form{padding:32px 32px 28px;background:#fff;border-radius:15px;box-shadow:0 22px 65px #2a495323}.contact-form h3{margin:0 0 19px;color:var(--navy);font:700 23px var(--headline)}.contact-form label{font-size:12px;font-weight:700;display:block;margin:13px 0 6px}.contact-form label span{color:#b35353}.contact-form :is(input,textarea,select){width:100%;border:1px solid #d8e0e6;border-radius:7px;outline:0;padding:12px;background:#fff;font-size:14px;color:#263a48}.contact-form :is(input,textarea,select):focus{border-color:#6c91aa;box-shadow:0 0 0 3px #6c91aa23}.contact-form textarea{resize:vertical}.contact-form .btn{margin-top:20px}.form-feedback{font-size:13px;line-height:1.55;margin-top:12px;min-height:0}.form-feedback.error{color:#ad3030}.form-feedback.success{color:#256949;background:#e8f6ed;padding:12px;border-radius:7px}.contact-form .form-hint{font-size:11px;margin:16px 0 0;color:#83919a}footer{background:var(--navy);color:#d9e4eb;padding:35px 0 18px}.footer-inner{display:flex;gap:30px;justify-content:space-between;align-items:center;font-size:12px}.brand-footer{color:#fff}.brand-footer .brand-word{font-size:23px}.brand-footer .brand-caption{font-size:6px}.footer-inner>a{color:#fff}.copyright{font-size:11px;color:#aebfca;margin-top:31px}
@media(max-width:1080px){.wrap{width:min(100% - 48px,1220px)}.header-inner{gap:14px}.nav{gap:15px}.nav a{font-size:12px}.brand-word{font-size:23px}.brand-caption{font-size:6px}.hero-grid{grid-template-columns:53% 47%}.hero h1{font-size:clamp(39px,5vw,55px)}.hero-copy>p{font-size:16px}.service-content{padding:45px 25px}.office-art{opacity:.34}.about-grid{gap:40px}.contact-grid{gap:40px}}
@media(max-width:760px){html{scroll-padding-top:72px}.wrap{width:min(100% - 36px,600px)}.header-inner{min-height:72px;flex-wrap:wrap}.brand-word{font-size:24px}.brand-caption{font-size:7px}.menu-toggle{display:flex;margin-left:auto;border:0;background:transparent;padding:9px;flex-direction:column;gap:5px;align-items:center;justify-content:center}.menu-toggle span{display:block;width:24px;height:2px;background:var(--navy)}.header-cta{display:none}.nav{display:none;width:100%;order:3;flex-direction:column;align-items:stretch;gap:0;padding:3px 0 16px}.nav.open{display:flex}.nav a{font-size:15px;padding:12px}.hero-grid{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:48px 0 40px}.hero h1{font-size:clamp(41px,10vw,57px)}.hero-copy>p{font-size:16px;margin:21px 0 26px}.eyebrow{font-size:9px}.hero-image{min-height:440px;box-shadow:none;border-radius:12px 12px 0 0}.hero-photo{background-size:cover;background-position:center 28%}.hero-image:after{inset:50% 0 0}.strength-grid{grid-template-columns:1fr 1fr;gap:0;padding:12px 0}.strength{padding:13px 5px;border-bottom:1px solid var(--border);justify-content:flex-start}.strength:nth-child(2){border-right:0}.strength:nth-child(n+3){border-bottom:0}.strength-icon{font-size:32px}.strength{font-size:11px;gap:10px}.services{grid-template-columns:1fr;padding:8px 0 40px}.service-card{min-height:395px}.service-content{padding:43px 30px;max-width:375px}.process{padding:16px 0 48px}.steps{grid-template-columns:1fr;gap:10px}.steps article{padding:20px 24px}.about{padding:55px 0}.about-grid{grid-template-columns:1fr;gap:33px}.about-quote{padding:28px}.contact{padding:52px 0}.contact-grid{grid-template-columns:1fr;gap:25px}.contact .demo-note{margin-top:16px}.contact-form{padding:25px}.footer-inner{flex-wrap:wrap}.footer-inner>span{order:3;width:100%}.copyright{margin-top:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* V2: široká, světlá portrétní hero kompozice. Podpis je součástí upraveného snímku. */
.hero{background:linear-gradient(105deg,#f7fafc 0%,#edf4f7 50%,#f8f5ef 100%)}
.hero-grid{grid-template-columns:48% 52%;min-height:565px}
.hero-copy{padding-right:12px}
.hero-image{background:#f7f8f4;min-height:565px;overflow:visible;border-radius:0;box-shadow:30vw 0 #f6f7f4}
.hero-photo{position:absolute;inset:0;background:url('assets/olga-hero-v2.webp') center 39%/cover no-repeat}
.hero-image:after{inset:0;background:linear-gradient(to right,#edf4f7 0%,rgba(237,244,247,.53) 7%,transparent 24%)}
.contact .demo-note{font-size:16px;margin-top:28px;color:var(--navy);line-height:2.0}
.demo-note a{font-weight:600;text-decoration:none;border-bottom:1px solid #a4b8c4}
.demo-note a:hover{color:#6388a1}
.contact-detail-title{display:inline-block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#57788b;font-weight:700;margin-bottom:4px}
.copyright a{color:inherit}
@media(max-width:1080px){.hero-grid{grid-template-columns:49% 51%}.hero-image{min-height:540px}}
@media(max-width:760px){.hero-grid{display:flex;flex-direction:column}.hero-copy{padding:44px 0 28px}.hero-image{width:100%;min-height:490px;max-height:620px;box-shadow:none;border-radius:12px 12px 0 0;overflow:hidden}.hero-photo{background-position:center 30%}.hero-image:after{background:linear-gradient(180deg,#edf4f7 0%,transparent 14%)}.contact .demo-note{margin-top:24px}}
@media(max-width:410px){.hero-image{min-height:435px}}


/* V3: jemně zmenšená a lépe usazená hero fotografie bez uříznutého čela */
.hero-image{background:#f6f6f1;box-shadow:30vw 0 #f6f6f1}
.hero-photo{
  background:url('assets/olga-hero-v3.png') 56% 52%/contain no-repeat;
}
@media(max-width:1080px){
  .hero-photo{background-position:58% 52%;background-size:contain}
}
@media(max-width:760px){
  .hero-photo{background-position:center 50%;background-size:cover}
}

/* V4: Osobní jméno má v záhlaví vyšší vizuální prioritu než název DASATO. */
.site-header .brand-word{font-size:26px;letter-spacing:.26em}
.site-header .brand-caption{font-size:11px;letter-spacing:.28em;font-weight:700;margin-top:8px;padding-left:1px}
@media(max-width:1080px){
  .site-header .brand-word{font-size:23px}
  .site-header .brand-caption{font-size:10px;letter-spacing:.24em}
}
@media(max-width:760px){
  .site-header .brand-word{font-size:23px}
  .site-header .brand-caption{font-size:10px;letter-spacing:.26em;margin-top:6px}
}