:root{--ink:#172c3f;--blue:#0057b8;--muted:#4d6070;--line:#dbe3e8;--pale:#f3f6f8;--white:#fff;--accent:#bfefff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:white;font:17px/1.65 Arial,Helvetica,sans-serif}a{color:inherit}button,input,textarea{font:inherit}a:focus-visible,summary:focus-visible{outline:3px solid #b66a00;outline-offset:5px}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}header{border-bottom:1px solid var(--line);background:#fff}.nav{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{text-decoration:none;font-size:27px;font-weight:800;letter-spacing:2px}.brand span{color:#0074b8}.navlinks{display:flex;align-items:center;gap:27px;font-size:14px;font-weight:700}.navlinks>a{text-decoration:none}.navlinks>a:hover{text-decoration:underline}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:52px;padding:13px 23px;border-radius:5px;background:var(--blue);color:#fff;font-size:15px;font-weight:700;text-decoration:none;transition:background .15s}.button:hover{background:#00438f}.nav .button{min-height:44px;padding:10px 17px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#0074b8;margin:0 0 19px}.hero{padding:85px 0 75px}.herogrid{display:grid;grid-template-columns:1.15fr .85fr;gap:76px;align-items:center}h1{font-size:clamp(42px,4.7vw,66px);line-height:1.08;letter-spacing:-2.5px;margin:0 0 27px;font-weight:750}h1 em{font-style:normal;color:var(--blue)}.lead{color:var(--muted);font-size:19px;max-width:610px;margin:0 0 29px}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.textlink{font-size:15px;font-weight:700;text-underline-offset:5px}.note{font-size:13px;color:var(--muted);max-width:440px;margin:18px 0 0}.process-card{background:var(--pale);padding:31px;border:1px solid var(--line);border-radius:12px;position:relative}.process-title{font-size:12px;font-weight:700;letter-spacing:1.5px;margin-bottom:22px;color:var(--muted)}.flow{background:#fff;border:1px solid var(--line);padding:17px 18px;border-radius:6px;display:flex;align-items:center;gap:17px}.flow-num{font-size:12px;font-weight:700;color:#0074b8;flex:0 0 34px;height:34px;border-radius:50%;background:#e8f7ff;display:grid;place-items:center}.flow strong{font-size:16px;display:block}.flow small{display:block;color:var(--muted);font-size:12px}.flow.final{background:var(--blue);color:white;border-color:var(--blue)}.flow.final small{color:#dae7f1}.flow.final .flow-num{background:#0078cf;color:white}.arrow{text-align:center;font-size:18px;color:#708391;height:28px;line-height:28px}.hero-bottom{margin-top:60px;border-top:1px solid var(--line);padding-top:25px;display:flex;gap:35px;color:var(--muted);font-size:13px}.hero-bottom span:before{content:'✓';color:#0074b8;margin-right:10px;font-weight:bold}section{padding:88px 0}.pale{background:var(--pale)}.section-head{max-width:720px;margin-bottom:38px}h2{font-size:clamp(30px,3.3vw,44px);line-height:1.18;letter-spacing:-1.2px;margin:0 0 19px}h3{font-size:20px;line-height:1.35;margin:0 0 12px}.section-head p,.card p,.step p{color:var(--muted);margin:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:7px;padding:27px 24px}.card .symbol{width:37px;height:37px;margin-bottom:23px;color:var(--blue)}.card p{font-size:15px}.card h3{font-size:18px}.subnote{color:var(--muted);font-size:14px;margin:26px 0 0;max-width:760px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.step{border-top:2px solid var(--line);padding-top:20px}.step-number{font-size:13px;letter-spacing:1px;color:#0074b8;font-weight:bold;display:block;margin-bottom:21px}.step p{font-size:15px}.definition{margin-top:47px;border-left:4px solid #0074b8;padding:25px 30px;background:var(--pale);display:grid;grid-template-columns:1fr 2fr;gap:35px}.definition h2{margin:0;font-size:20px;line-height:1.35;letter-spacing:normal}.definition p{margin:0;color:var(--muted);font-size:15px}.definition small{display:block;margin-top:13px;font-size:13px}.about{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.about p{color:var(--muted)}.about .statement{font-size:27px;line-height:1.4;color:var(--ink);margin-top:0}.about-details{border-top:1px solid var(--line)}.detail-row{padding:20px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:45px 1fr;gap:12px}.detail-row span{color:#0074b8;font-size:13px;font-weight:bold}.detail-row h3{font-size:17px;margin-bottom:5px}.detail-row p{font-size:14px;margin:0}.consult-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.topics{margin:0;padding:0;list-style:none}.topics li{padding:17px 0;border-bottom:1px solid var(--line);display:flex;gap:16px;font-size:16px}.topics li:before{content:'✓';color:#0074b8;font-weight:bold}.contact{background:var(--blue);color:#fff}.contact .eyebrow{color:#a8eaff}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:start}.contact p{color:#e0e9f0}.contact h2{max-width:620px}.contact-links{margin-top:28px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.contact-links a{font-size:20px;text-decoration:none}.contact-links a:hover{text-decoration:underline}.contact-box{background:#fff;color:var(--ink);padding:33px;border-radius:8px}.contact-box p{color:var(--muted);font-size:15px}.contact-box .button{width:100%;margin:12px 0}.contact-box small{font-size:12px;color:var(--muted);display:block}.contact-box ul{font-size:14px;padding-left:20px;color:var(--muted)}footer{background:#102d4c;color:#c4d2de;padding:29px 0;font-size:12px}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}footer .brand{color:#fff;font-size:20px}footer a{text-underline-offset:4px}svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}@media(max-width:950px){.herogrid{gap:35px}h1{font-size:48px}.cards,.steps{grid-template-columns:repeat(2,1fr)}.about,.consult-grid,.contact-grid{gap:40px}.navlinks{gap:16px}.navlinks>a:not(.button){display:none}}@media(max-width:640px){.wrap{width:calc(100% - 40px)}.nav{min-height:75px}.brand{font-size:23px}.nav .button{font-size:12px;padding:10px 12px}.hero{padding:46px 0}.herogrid,.about,.consult-grid,.contact-grid,.definition{grid-template-columns:1fr;gap:30px}h1{font-size:43px;letter-spacing:-1.7px}.lead{font-size:17px}.actions{gap:20px}.process-card{padding:22px}.hero-bottom{flex-direction:column;gap:9px;margin-top:33px}.cards,.steps{grid-template-columns:1fr}.card{padding:25px}.card .symbol{margin-bottom:15px}.steps{gap:28px}.step-number{margin-bottom:10px}section{padding:56px 0}.definition{padding:23px;gap:12px}.contact-box{padding:25px}.footer-inner{align-items:flex-start;flex-direction:column;gap:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
.brand-logo{display:block;width:108px;height:108px;object-fit:contain}.nav{min-height:112px}.nav .brand{flex-shrink:0}.hero h1 em{color:#0057b8}.process-card{border-top:3px solid #00b7ef}.step{border-top-color:#00b7ef}footer .brand{background:white;border-radius:8px;padding:3px 10px}footer .brand-logo{width:82px;height:82px}@media(max-width:640px){.brand-logo{width:84px;height:84px}.nav{min-height:90px}}

/* Clear hierarchy, visible feedback, generous pointer targets. */
a{touch-action:manipulation}
.button{min-height:52px;min-width:44px;border:2px solid transparent;border-radius:8px;box-shadow:0 2px 4px rgba(0,45,100,.12);transition:background-color .15s,box-shadow .15s}
.button:hover{background:#00438f;box-shadow:0 4px 12px rgba(0,67,143,.22);text-decoration:none!important}
.button:active{background:#003471;box-shadow:inset 0 2px 4px rgba(0,0,0,.24)}
a:focus-visible{outline:3px solid #102d4c;outline-offset:5px;box-shadow:0 0 0 5px white}
.contact a:focus-visible,footer a:focus-visible{outline-color:white;box-shadow:0 0 0 5px #102d4c}
.nav .button{min-height:48px;font-size:14px}
.navlinks>a:not(.button),.textlink,.contact-links a,footer a:not(.brand){min-height:44px;display:inline-flex;align-items:center;padding-top:8px;padding-bottom:8px}
.textlink:hover,.contact-links a:hover{ text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px }
.textlink:active{color:#003471}
.contact-links a:active{color:#a8eaff}
.navlinks>a:not(.button):hover{color:#00438f;text-decoration-thickness:2px;text-underline-offset:5px}
.skip-link{position:absolute;left:16px;top:0;transform:translateY(-150%);background:white;color:#102d4c;padding:12px 18px;z-index:20}
.skip-link:focus{transform:translateY(8px)}
.contact-box .button{font-size:15px}
@media(max-width:950px){.nav{flex-wrap:wrap;gap:8px;padding-bottom:14px}.navlinks{flex-wrap:wrap;gap:8px 20px}.navlinks>a:not(.button){display:inline-flex}}
@media(max-width:640px){.nav{align-items:center}.navlinks{width:100%;justify-content:space-between;gap:4px 12px}.navlinks>a:not(.button){font-size:13px}.nav .button{width:100%;margin-top:6px;font-size:15px}.actions{align-items:stretch}.actions .button{width:100%}.actions .textlink{min-height:48px}.contact-links a{font-size:18px;overflow-wrap:anywhere}.button{white-space:normal;text-align:center}}
@media(prefers-reduced-motion:reduce){.button{transition:none}}


body,header,section,.pale,#o-nas,#postup,#konzultacia{background:#fff}
.hero{position:relative;isolation:isolate;overflow:hidden;background:#263f52;padding:110px 0 75px}
.hero-backdrop{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1}
.hero>.wrap{position:relative}
.herogrid{gap:70px;align-items:center}
.herogrid>div:first-child{background:rgba(255,255,255,.95);padding:30px;border-radius:12px}
.hero h1{font-size:clamp(38px,4.1vw,57px)}
.process-card{background:rgba(255,255,255,.94);border:1px solid #dbe3e8;box-shadow:0 10px 35px rgba(0,0,0,.14)}
.hero-bottom{background:#fff;border-radius:8px;padding:17px 22px;margin-top:65px;color:#172c3f;border:0;display:inline-flex}
.card,.definition{background:#fff}
.contact{background:#fff;color:#172c3f;border-top:1px solid #dbe3e8}
.contact .eyebrow{color:#0074b8}.contact p{color:#4d6070}
.contact-links a{color:#0057b8}.contact-links a:hover,.contact-links a:active{color:#003471}
.contact-box{background:#fff;border:1px solid #dbe3e8}
.contact a:focus-visible,footer a:focus-visible{outline-color:#102d4c;box-shadow:0 0 0 5px white}
footer{background:#fff;color:#4d6070;border-top:1px solid #dbe3e8}
@media(max-width:950px){.herogrid{gap:25px}.herogrid>div:first-child{padding:23px}}
@media(max-width:640px){.hero{padding:65px 0 40px}.herogrid>div:first-child{padding:22px}.hero h1{font-size:38px}.hero-backdrop{object-position:50% center}.hero-bottom{display:flex;margin-top:35px}}

/* Priehľadné panely úvodu; text zostáva nepriehľadný. */
.hero .herogrid>div:first-child{background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.28);box-shadow:none}
.hero .process-card{background:rgba(255,255,255,.48);border:1px solid rgba(255,255,255,.32);box-shadow:none}
.hero .flow{background:rgba(255,255,255,.40);border-color:rgba(255,255,255,.45)}
.hero .flow.final{background:rgba(0,67,143,.92);border-color:transparent}
.hero .hero-bottom{background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.28)}
.hero .lead,.hero .note,.hero .process-title,.hero .flow:not(.final) small{color:#253d50}
.hero .arrow{color:#253d50}

/* Jedna súvislá obrazová plocha pre navigáciu a úvod. */
.opening-scene{position:relative;isolation:isolate;overflow:hidden;background:#dce5eb}
.opening-scene>.hero-backdrop{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center}
.opening-scene:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(180deg,rgba(255,255,255,.73) 0%,rgba(255,255,255,.12) 21%,rgba(255,255,255,0) 70%,#f3f5f7 100%)}
.opening-scene>header{background:transparent;border:0}
.opening-scene .nav{border-bottom:1px solid rgba(255,255,255,.32)}
.opening-scene .hero{background:transparent;isolation:auto;overflow:visible;padding-top:65px;padding-bottom:75px}
.opening-scene .navlinks>a:not(.button){color:#172c3f;text-shadow:0 1px 3px rgba(255,255,255,.7)}
.opening-scene .brand{background:transparent}
#pre-koho{background:linear-gradient(180deg,#f3f5f7 0%,#edf0f3 60%,#ffffff 100%)}
#postup{background:linear-gradient(180deg,#ffffff 0%,#f7f9fb 65%,#edf2f6 100%)}
#o-nas{background:linear-gradient(180deg,#edf2f6 0%,#e7edf2 50%,#f6f8fa 100%)}
#konzultacia{background:linear-gradient(180deg,#f6f8fa 0%,#ffffff 62%,#f1f4f7 100%)}
.contact{background:linear-gradient(180deg,#f1f4f7 0%,#e1e8ee 100%);border-top:0}
footer{background:#e1e8ee;border-top:1px solid #cbd4dd}
.card{background:rgba(255,255,255,.88);border-color:#d2dce4;box-shadow:0 5px 18px rgba(26,54,79,.04)}
.definition{background:rgba(255,255,255,.8)}
.contact-box{background:rgba(255,255,255,.92)}
@media(max-width:640px){.opening-scene .hero{padding-top:34px;padding-bottom:50px}.opening-scene:after{background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.08) 32%,rgba(255,255,255,0) 75%,#f3f5f7 100%)}}


.references{background:linear-gradient(180deg,#f3f5f7,#fff);padding:65px 0 35px}
.references h2{font-size:32px;margin-bottom:25px}
.logo-strip{background:white;border-radius:8px;overflow:hidden;margin:0 auto 8px}
.logo-strip img{display:block;width:100%;height:auto}
.logo-strip.second{max-width:88%}
@media(max-width:640px){.references{padding:44px 0 24px}.references h2{font-size:27px}.logo-strip.second{max-width:100%}}

/* Polovičná veľkosť oproti pôvodnej sekcii referencií. */
.references{padding:32.5px 0 17.5px}
.references>.wrap{max-width:590px}
.references .eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:9px}
.references h2{font-size:16px;line-height:1.2;letter-spacing:0;margin-bottom:12.5px}
.references .logo-strip{margin-bottom:4px;border-radius:4px}
.references .logo-strip img{display:block;width:100%;height:auto;object-fit:contain}
.references .logo-strip.second{max-width:88%}
@media(max-width:640px){.references{padding:22px 0 12px}.references>.wrap{width:calc(50% - 20px)}.references h2{font-size:16px}.references .eyebrow{font-size:10px}.references .logo-strip.second{max-width:100%}}
/* Všetkých sedem referencií v jedinom riadku. */
.references>.wrap{max-width:1180px;width:calc(100% - 64px);display:grid;grid-template-columns:4fr 3fr;column-gap:14px;align-items:center}
.references .eyebrow,.references h2{grid-column:1 / -1}
.references .logo-strip,.references .logo-strip.second{max-width:none;width:100%;margin:0;min-width:0}
.references .logo-strip img{width:100%;height:auto;display:block}
@media(max-width:640px){.references>.wrap{width:calc(100% - 32px);max-width:none;grid-template-columns:4fr 3fr;column-gap:5px}.references .logo-strip.second{max-width:none}}
.references>.wrap{display:block}
.reference-frame{display:grid;grid-template-columns:4fr 3fr;gap:0;align-items:center;background:#fff;border:1px solid #dbe3e8;border-radius:8px;overflow:hidden;padding:8px 12px}
.references .reference-frame .logo-strip,.references .reference-frame .logo-strip.second{background:transparent;border:0;border-radius:0;box-shadow:none;margin:0;max-width:none;width:100%}
@media(max-width:640px){.reference-frame{padding:4px;grid-template-columns:4fr 3fr}}

.footer-inner{flex-wrap:wrap}
.privacy{font-size:13px;color:#172c3f}
.privacy summary{cursor:pointer;min-height:44px;display:list-item;padding:12px 0;text-decoration:underline;text-underline-offset:4px}
.privacy summary:hover{color:#0057b8}
.privacy[open]{flex-basis:100%;width:100%}
.privacy-content{background:#fff;border:1px solid #dbe3e8;border-radius:8px;padding:28px;margin:12px 0;max-width:960px;font-size:15px;line-height:1.7}
.privacy-content h3{font-size:18px;margin:24px 0 10px}.privacy-content h3:first-child{margin-top:0}.privacy-content p{margin:0 0 18px}
@media(max-width:640px){.privacy-content{padding:20px;font-size:14px}}


/* HORIZONT: súhrn schválených úprav. */
.hero-bottom{display:flex;width:calc((100% - 70px)/2);max-width:calc((100% - 70px)/2);flex-wrap:wrap;gap:9px 18px;align-items:flex-start;margin-right:auto}
.hero-bottom span{max-width:100%}
.contact-brand{display:inline-block;background:transparent;border:0;padding:0;margin:0 0 20px;box-shadow:none}
.contact-brand .brand-logo{width:116px;height:116px;object-fit:contain;background:transparent}
@media(max-width:950px){.hero-bottom{width:calc((100% - 25px)/2);max-width:calc((100% - 25px)/2)}}
@media(max-width:640px){.hero-bottom{width:100%;max-width:100%}.contact-brand .brand-logo{width:96px;height:96px}}


/* Final alignment: match the wider hero text column and compensate logo transparent inset. */
.herogrid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.hero .hero-bottom{box-sizing:border-box;width:calc(57.5% - 40.25px);max-width:calc(57.5% - 40.25px);flex-wrap:wrap;flex-direction:row;gap:9px 18px}
.hero .hero-bottom span{min-width:0;overflow-wrap:break-word}
.contact-grid>div:first-child{text-align:left}
.contact-brand{display:block;width:101.5px;margin-left:0;margin-right:auto;text-align:left}
.contact-brand .brand-logo{margin-left:-14.5px;max-width:none}
@media(max-width:950px){.hero .hero-bottom{width:calc(57.5% - 14.375px);max-width:calc(57.5% - 14.375px)}}
@media(max-width:640px){.herogrid{grid-template-columns:minmax(0,1fr)}.hero .hero-bottom{width:100%;max-width:100%;flex-direction:column}.contact-brand{width:84px}.contact-brand .brand-logo{margin-left:-12px}}
.contact-department{margin:28px 0 0;font-size:20px}.contact-department+.contact-links{margin-top:12px}

/* Content revision: retained design, spacing for concise benefits and example. */
.benefit-card .flow+.flow{margin-top:16px}
.benefit-card .flow small{font-size:14px;line-height:1.55;margin-top:6px}
.benefit-card .process-title{line-height:1.5}
.reference-example{max-width:920px;margin:26px auto 8px;padding:22px 26px;border-left:3px solid #0057b8;background:rgba(255,255,255,.65);border-radius:0 8px 8px 0}
.references .reference-example .eyebrow{font-size:10px;margin-bottom:8px}
.reference-example h3{font-size:20px;margin-bottom:10px}
.reference-example p:last-child{font-size:15px;line-height:1.65;color:#4d6070;margin:0}
.next-steps{counter-reset:next-step}.next-steps li{counter-increment:next-step}.next-steps li:before{content:counter(next-step,decimal-leading-zero);flex:0 0 24px}
@media(max-width:640px){.reference-example{padding:18px 20px}.benefit-card .flow{padding:15px}.reference-example h3{font-size:19px}}

/* Final approved copy and contact alignment. */
.questionnaire-link{color:#0057b8;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;font-weight:700}
.questionnaire-link:hover{color:#003471}.questionnaire-link:focus-visible{outline:3px solid #102d4c;outline-offset:4px}
.about-story-detail{padding-top:8px}.about-story-detail>p:first-child{margin-top:0}
.contact-grid>.contact-box{margin-top:72px}
@media(max-width:950px){.contact-grid>.contact-box{margin-top:48px}}
@media(max-width:640px){.contact-grid>.contact-box{margin-top:0}.about-story-detail{padding-top:0}}

body{background:#f3f6f8} .page{background:#fff;max-width:1440px;margin:0 auto 32px;min-height:1100px;position:relative;padding-bottom:40px}.page header{background:#fff}.hero,.opening-scene .hero{background:linear-gradient(135deg,#edf4f8,#fff);padding:64px 0}.hero .herogrid>div:first-child{background:transparent;padding:0;border:0}.hero .process-card{background:#fff;border-top:3px solid #00b7ef}.hero .flow{background:#f3f6f8}.hero .flow.final{background:#0057b8}.hero .lead{font-size:17px;white-space:pre-line}.hero h1{font-size:48px}.hero-bottom{background:white!important}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:40px 0}.services-grid .card{padding:24px}.services-grid h3{font-size:18px}.services-grid p{font-size:15px}.definition{margin:30px 0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);padding:35px 0;border-top:1px solid #dbe3e8;border-bottom:1px solid #dbe3e8;gap:30px}.metrics strong{font-size:36px;color:#0057b8;display:block}.metrics span{font-size:14px;color:#4d6070}.references{padding:80px 0}.references h2{font-size:40px}.references .eyebrow{font-size:12px}.reference-frame{margin:40px 0}.page-footer{margin-top:50px;color:#4d6070;border-top:1px solid #dbe3e8;padding-top:20px;font-size:13px;display:flex;justify-content:space-between}.about{padding-top:50px}.about p{font-size:19px}.contact{padding-bottom:40px}.navlinks{gap:30px}.navlinks a{display:inline-flex!important}.brand-logo{width:108px;height:108px}.nav{min-height:120px}@media(max-width:750px){.page{min-height:0}.hero h1{font-size:38px}.services-grid,.metrics{grid-template-columns:1fr}.herogrid{grid-template-columns:1fr}.navlinks{gap:10px 18px}.nav{padding-bottom:20px}.metrics{padding:25px 0}.references h2{font-size:30px}}
/* Interactive website, matching the approved RAFIMO design. */
:root{--rafimo-azure:#00b7ef;--rafimo-blue:#0057b8}
html{scroll-behavior:smooth}body{margin:0;background:white;color:#203644}body>header{background:#000;position:relative;z-index:5;border:0}.wrap{width:calc(100% - 70px);max-width:1180px;margin-left:auto;margin-right:auto}
body>header .nav{height:100px;min-height:100px;padding-top:0;padding-bottom:0;display:flex;align-items:center;justify-content:space-between;gap:32px}
body>header .brand-logo{width:108px;height:108px;max-width:none;object-fit:contain}body>header .brand{flex:none;line-height:0;border-radius:7px}
body>header .navlinks{display:flex;width:504px;max-width:calc(100% - 145px);justify-content:space-between;gap:18px;align-items:center}
body>header .navlinks a{position:relative;display:inline-flex;color:#fff;font-size:22px;font-weight:600;padding:14px 0;text-decoration:none;white-space:nowrap;transition:color .16s ease}
body>header .navlinks a::after{content:'';position:absolute;left:0;right:0;bottom:7px;height:2px;background:var(--rafimo-azure);transform:scaleX(0);transition:transform .16s ease}
body>header .navlinks a:hover,body>header .navlinks a:focus-visible{color:var(--rafimo-azure)}body>header .navlinks a:hover::after,body>header .navlinks a:focus-visible::after{transform:scaleX(1)}
body>header .navlinks a[aria-current=page]{color:var(--rafimo-azure)}
a,button{cursor:pointer}a{transition:color .16s ease,background-color .16s ease,box-shadow .16s ease}
a:focus-visible,button:focus-visible{outline:3px solid var(--rafimo-azure);outline-offset:5px}
a:not(.button):not(.brand):not(.contact-brand):hover{color:#007fa8;text-decoration:underline;text-underline-offset:5px}
body>header .navlinks a:hover{color:var(--rafimo-azure);text-decoration:none}
a.button:hover,a.button:focus-visible{background:var(--rafimo-azure)!important;color:#053147!important;box-shadow:0 5px 18px #00b7ef35;border-color:var(--rafimo-azure)!important}
a.brand:hover,a.contact-brand:hover{box-shadow:0 0 0 2px var(--rafimo-azure)}
.page{max-width:none;min-height:calc(100vh - 100px);margin:0;padding-bottom:35px}.page[hidden]{display:none!important}
.page .hero{background:#f3f8fb;padding:64px 0 55px;position:relative;isolation:isolate}.hero::before{content:'';position:absolute;inset:0;background-image:url(/asset-977a11aace56.png);background-size:cover;background-position:center;opacity:.1;z-index:-1;pointer-events:none}
.hero .herogrid>div:first-child{background:none!important;border:0!important;padding:0!important}.hero .process-card{background:#ffffffed}.hero-bottom{background:transparent!important}
.metrics{max-width:940px;text-align:center}.metrics strong{font-size:54px}.metrics span{font-size:18px}
.reference-frame{display:block!important;padding:0!important;overflow:hidden;background:#fff}.client-board{display:block;width:100%;height:auto}.references{padding-bottom:45px}
#sluzby .services-grid .card{border:1px solid #d5e2ec;border-top:3px solid var(--accent);background:linear-gradient(135deg,var(--tint),#fbfdff)}
#sluzby .services-grid .card:nth-child(3n+1){--accent:#0057b8;--tint:#d6e5f6}#sluzby .services-grid .card:nth-child(3n+2){--accent:#087fc2;--tint:#d8edf7}#sluzby .services-grid .card:nth-child(3n){--accent:#009dc5;--tint:#d9f2f5}
#sluzby .services-grid .card:nth-child(7){--accent:#315cb1;--tint:#e1e7f5}#sluzby .services-grid .card:nth-child(8){--accent:#1677b3;--tint:#dcecf5}#sluzby .services-grid .card:nth-child(9){--accent:#008fb2;--tint:#dcf1f4}
.page-footer a{padding:8px 0}.page-footer{align-items:center}.page section{scroll-margin-top:25px}
@media(max-width:900px){body>header .navlinks a{font-size:18px}.wrap{width:calc(100% - 40px)}.herogrid{gap:35px}.hero h1{font-size:40px}}
@media(max-width:650px){body>header .nav{height:auto;min-height:100px;flex-wrap:wrap;gap:0;padding-bottom:14px;justify-content:center}body>header .brand-logo{width:108px;height:90px}body>header .navlinks{max-width:none;width:100%;gap:8px;justify-content:space-between}body>header .navlinks a{font-size:14px;padding:9px 2px}.wrap{width:calc(100% - 32px)}.hero .herogrid,.contact-grid,.consult-grid,.about{display:grid;grid-template-columns:1fr;gap:28px}.hero h1{font-size:34px}.metrics{grid-template-columns:1fr;gap:24px}.services-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.reference-frame{overflow-x:auto}.client-board{min-width:550px}.definition{display:block}.page-footer{font-size:12px}.navlinks a::after{bottom:2px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
.collaboration-example{padding:0;margin-top:44px;margin-bottom:24px}.collaboration-example-card{padding:34px 38px;border:1px solid #dbe5ec;border-top:3px solid #00b7ef;border-radius:14px;background:linear-gradient(135deg,#edf6fc,#fff);box-shadow:0 8px 26px rgba(24,61,87,.04)}.collaboration-example-card .eyebrow{margin:0 0 14px;color:#007fa8}.collaboration-example-card h2{font-size:30px;line-height:1.25;margin:0 0 20px}.collaboration-example-card>p:last-child{font-size:18px;line-height:1.75;margin:0;max-width:960px}@media(max-width:650px){.collaboration-example-card{padding:25px 22px}.collaboration-example-card h2{font-size:25px}.collaboration-example-card>p:last-child{font-size:16px}}.ongoing-clients{display:block;margin-top:10px;font-size:14px;line-height:1.5;color:#4d6070}.collaboration-example-draft .collaboration-example-card{border-style:dashed;border-top-style:solid;background:linear-gradient(135deg,#f1f8fc,#fff)}.collaboration-example-draft .draft-copy{color:#607482}.founder-portrait{display:block;width:100%;max-width:440px;height:480px;object-fit:cover;object-position:center 30%;border-radius:12px;margin-top:30px}.research-space{padding:38px;border:1px solid #d5e2ec;border-top:3px solid #00b7ef;border-radius:12px;background:linear-gradient(135deg,#edf5fc,#fff)}.research-content{min-height:110px}@media(max-width:650px){.founder-portrait{height:400px}.research-space{padding:26px}}body>header .navlinks a.nav-active{color:#00b7ef!important}.research-intro{max-width:850px}.research-intro h3{font-size:32px;color:#0057b8;line-height:1.25}.research-content p{color:#4d6070}.research-evidence{display:grid;grid-template-columns:210px 1fr;align-items:center;gap:40px;background:#fff;border:1px solid #d5e2ec;border-radius:10px;padding:32px;margin:30px 0}.research-donut{width:190px;height:190px;border-radius:50%;background:conic-gradient(#0057b8 0 20%,#e7eef5 20% 100%);display:grid;place-items:center}.research-donut span{width:140px;height:140px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.research-donut strong{font-size:38px;color:#0057b8}.research-donut small{font-size:13px}.research-evidence small,.research-method{color:#657888;font-size:13px}.research-interpretation{border-left:3px solid #00b7ef;padding-left:16px}.research-rafimo{padding-top:12px}.research-flow{display:flex;align-items:center;gap:12px;margin:26px 0}.research-flow div{flex:1;align-self:stretch;border-radius:8px;background:#e8f2fb;padding:18px 14px}.research-flow b{display:block;color:#0074b8;font-size:13px;margin-bottom:8px}.research-flow strong{font-size:15px;line-height:1.4;display:block}.research-flow i{color:#008fc5;font-style:normal}.research-method{border-top:1px solid #d5e2ec;padding-top:18px;margin-top:30px}@media(max-width:650px){.research-evidence{grid-template-columns:1fr;padding:24px;gap:24px}.research-donut{margin:auto}.research-flow{flex-direction:column;align-items:stretch}.research-flow i{text-align:center;transform:rotate(90deg)}.research-intro h3{font-size:26px}}
.research-evidence{display:block}.research-size-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:28px}.research-size{text-align:center}.research-size h3{font-size:18px;min-height:48px}.research-size .research-donut{margin:0 auto}.research-size p{font-size:15px}.research-size small{font-size:12px}@media(max-width:800px){.research-size-grid{grid-template-columns:1fr}.research-size h3{min-height:0}}/* Alternating white and light grey sections, connected by a soft fade. */
.page{background:#fff!important}
.page>section:not(.research-space):not(.collaboration-example){background:linear-gradient(to bottom,#eef1f4 0,#fff 90px,#fff 100%)!important}
.page>section:nth-of-type(even):not(.research-space):not(.collaboration-example){background:linear-gradient(to bottom,#fff 0,#eef1f4 90px,#eef1f4 100%)!important}
.page>section:first-of-type:not(.research-space):not(.collaboration-example){background:#fff!important}
.hero::before{mask-image:linear-gradient(to bottom,#000 0%,#000 65%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 65%,transparent 100%)}
.hero-bottom{background:transparent!important}.page-footer{background:transparent}
.page:has(>section.contact:nth-of-type(even)){background:#eef1f4!important}
@media(max-width:700px){.page>section:not(.research-space):not(.collaboration-example){background:linear-gradient(to bottom,#eef1f4 0,#fff 55px,#fff 100%)!important}.page>section:nth-of-type(even):not(.research-space):not(.collaboration-example){background:linear-gradient(to bottom,#fff 0,#eef1f4 55px,#eef1f4 100%)!important}.page>section:first-of-type:not(.research-space):not(.collaboration-example){background:#fff!important}}
.home-questions{padding:75px 0 45px}.home-questions .section-head{max-width:800px}
.meeting-questions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.meeting-questions-grid article{border-top:2px solid #00b7ef;padding:24px 0 0}
.question-number{display:block;color:#0074b8;font-size:13px;font-weight:700;letter-spacing:2px;margin-bottom:19px}
.meeting-questions-grid h3{font-size:23px;line-height:1.3;max-width:310px}
.meeting-questions-grid p{font-size:17px;color:#4d6070;line-height:1.65}
.questions-closing{max-width:780px;font-size:19px;line-height:1.65;margin:38px 0 0;color:#4d6070}.questions-closing strong{color:#203644}
@media(max-width:700px){.meeting-questions-grid{grid-template-columns:1fr;gap:26px}.home-questions{padding:45px 0 25px}.meeting-questions-grid h3{max-width:none}.questions-closing{font-size:17px}}

.home-questions .section-head .eyebrow{margin-bottom:32px;position:relative;top:-6px}

/* Canva owns the outer scroll surface; avoid a second vertical scroll inside its iframe. */
html.rafimo-embedded,html.rafimo-embedded body{height:auto!important;min-height:0;overflow-y:hidden!important;scroll-behavior:auto!important}html.rafimo-embedded .page{min-height:0}html.rafimo-embedded body{touch-action:auto}
body>header,body>header .nav{border:0!important;box-shadow:none!important;outline:0}.page::before{content:"";position:absolute;top:-2px;left:0;right:0;height:58px;background:linear-gradient(180deg,#000 0%,rgba(0,0,0,.96) 10%,rgba(0,0,0,.85) 20%,rgba(0,0,0,.68) 30%,rgba(0,0,0,.49) 40%,rgba(0,0,0,.31) 50%,rgba(0,0,0,.16) 60%,rgba(0,0,0,.07) 70%,rgba(0,0,0,.02) 85%,rgba(0,0,0,0) 100%);border:0;box-shadow:none;pointer-events:none;z-index:0}.page{position:relative;isolation:isolate}.page .hero::after{content:none}.page>section{position:relative;z-index:1}.page::before{z-index:2}.page .hero{overflow:visible}.hero .wrap{position:relative;z-index:1}
body>header .brand-logo{width:124px;height:124px;transform:translateY(6px)}
@media(max-width:650px){body>header .brand-logo{width:124px;height:100px;transform:translateY(4px)}}
/* Use the screen width instead of a fixed 1180px central column. */
@media(min-width:901px){
  .wrap,.references>.wrap{width:92%;max-width:none;margin-left:auto;margin-right:auto}
  .herogrid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(36px,5vw,100px)}
  .hero .lead{max-width:760px}
  .hero .process-card{width:100%;box-sizing:border-box}
  .about,.contact-grid,.consult-grid{gap:clamp(36px,5vw,100px)}
  .metrics{max-width:1180px}
  .client-board{max-width:1180px;margin-inline:auto}
  .collaboration-example-card>p:last-child{max-width:85ch}
}
.page .hero.hero-simple{min-height:clamp(480px,40vw,720px);box-sizing:border-box;display:flex;align-items:center;padding:80px 0 70px}
.hero-simple h1{font-size:clamp(46px,5.4vw,104px)!important;line-height:1.08;letter-spacing:-.045em;max-width:none;margin:22px 0 38px}
.hero-simple h1 em{display:inline;color:#0057b8}
.hero-simple .eyebrow{font-size:clamp(12px,1vw,16px)}
.hero-simple .button{font-size:18px;padding:20px 30px}
.page .hero.hero-simple{background:#101e2c!important;overflow:hidden}
.hero.hero-simple::before{left:12%;right:0;background-position:right center;background-size:cover;opacity:.85;mask-image:none;-webkit-mask-image:none;z-index:0}
.page .hero.hero-simple::after{content:'';display:block;position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#0b1522 0%,rgba(11,21,34,.97) 23%,rgba(11,21,34,.84) 48%,rgba(11,21,34,.5) 68%,rgba(245,249,252,.12) 100%)}
.hero-simple h1{color:#fff;text-shadow:0 2px 18px #0004}
.hero-simple h1 em{color:#56d3f5}
.hero-simple .eyebrow{color:#a9eaff}
@media(max-width:650px){.hero.hero-simple::before{left:0;background-position:65% center}.page .hero.hero-simple::after{background:linear-gradient(90deg,rgba(11,21,34,.97),rgba(11,21,34,.8) 65%,rgba(11,21,34,.5))}}
.home-detail-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(30px,4vw,72px);align-items:center}
.home-detail-grid h2{font-size:clamp(32px,3vw,54px);max-width:22ch}
.home-detail-grid .lead{max-width:none;white-space:pre-line;font-size:clamp(18px,1.35vw,25px);line-height:1.65}
.home-detail-grid .process-card{padding:clamp(26px,3vw,52px);background:#fff;border-top:3px solid #00b7ef}
.home-detail-grid .flow{padding:22px;gap:18px}.home-detail-grid .flow strong{font-size:clamp(18px,1.3vw,24px)}
.home-detail-grid .flow small{font-size:clamp(15px,1vw,19px);line-height:1.5}
#pre-koho .section-head{max-width:1000px}
#pre-koho .cards{gap:24px}
#pre-koho .card{padding:clamp(26px,2.4vw,44px);border:1px solid #c4dce9;border-top:3px solid var(--card-accent);border-radius:16px;background:linear-gradient(145deg,var(--card-tint),var(--card-light));box-shadow:0 12px 32px #153f6508}
#pre-koho .card:nth-child(1){--card-accent:#0057b8;--card-tint:#d5e6fa;--card-light:#eaf2fd}
#pre-koho .card:nth-child(2){--card-accent:#008fc5;--card-tint:#d1edf5;--card-light:#e7f6fa}
#pre-koho .card:nth-child(3){--card-accent:#446db3;--card-tint:#dfe5f5;--card-light:#eef0fa}
#pre-koho .card:nth-child(4){--card-accent:#087e9a;--card-tint:#d5ecee;--card-light:#eaf6f6}
#pre-koho .card h3{font-size:clamp(21px,1.5vw,28px);line-height:1.3}
#pre-koho .card p{font-size:clamp(16px,1.1vw,21px);line-height:1.6}
@media(min-width:901px){
 .about{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(35px,4vw,72px);align-items:center}
 .founder-portrait{width:100%;max-width:none;height:clamp(460px,40vw,740px);object-position:center 30%}
 .about p{font-size:clamp(18px,1.3vw,25px);line-height:1.7}
 .about h2{font-size:clamp(36px,3vw,56px)}
}
@media(max-width:900px){.home-detail-grid{grid-template-columns:1fr;gap:30px}.hero-simple h1{font-size:clamp(42px,6vw,64px)!important}.page .hero.hero-simple{min-height:460px;padding:70px 0 55px}}
@media(max-width:650px){.hero-simple h1{font-size:clamp(34px,8.4vw,48px)!important;letter-spacing:-.035em}.hero-simple .button{font-size:16px;padding:16px 20px}.page .hero.hero-simple{min-height:410px}.home-detail-grid .flow{padding:18px}.home-detail-grid .lead{font-size:18px}}
body>header{position:sticky;top:0;z-index:50;transition:transform .24s ease}body>header.header-away{transform:translateY(-110%)}.page section{scroll-margin-top:160px}@media(prefers-reduced-motion:reduce){body>header{transition:none}}
.seo-slogan{color:#e2edf5;font-size:22px;line-height:1.4;margin:0 0 22px}.page h1.page-title{font-size:clamp(30px,3.3vw,44px);line-height:1.18;letter-spacing:-1.2px;margin:0 0 19px}

/* Navigation accommodates the FAQ page. */
body>header .navlinks{width:auto;max-width:calc(100% - 160px);flex-wrap:wrap;gap:8px 22px;justify-content:flex-end}
@media(max-width:700px){body>header .navlinks{width:100%;max-width:100%;justify-content:center;gap:2px 16px}}
/* Tlačidlá – Dohodnúť úvodné stretnutie */
a.button {
  background: linear-gradient(135deg, #526fb7 0%, #007d9e 100%) !important;
  color: #ffffff !important;
  border: 2px solid rgba(255, 255, 255, 0.14) !important;
  box-shadow: 0 8px 20px rgba(64, 90, 156, 0.28);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

a.button:hover {
  background: linear-gradient(135deg, #405a9c 0%, #006c86 100%) !important;
  transform: translateY(-2px);
  box-shadow: 0 11px 24px rgba(64, 90, 156, 0.36);
}/* Farebné prepojenie všetkých podstránok */

/* Namiesto čiernej použijeme tmavomodrú */
header {
  background: linear-gradient(
    180deg,
    #071522 0%,
    #0d2639 100%
  ) !important;
  box-shadow: 0 10px 28px rgba(7, 21, 34, 0.16) !important;
}

/* Základná svetlomodrá farba stránok */
.page {
  background: #dceff6 !important;
  overflow-x: clip;
}

/* Prvý blok každej stránky zostane biely */
.page > section:first-child {
  background: #ffffff !important;
}

/* Služby, FAQ a Kontakt: druhý blok svetlomodrý */
#kontakt-sluzby,
#kontakt-otazky,
#kontakt {
  background: linear-gradient(
    180deg,
    #ffffff 0,
    #dceff6 110px,
    #dceff6 100%
  ) !important;
}

/* O nás: základ stránky bude biely */
.page:has(#o-nas) {
  background: #ffffff !important;
}

/* Farebný blok Čo hovoria prieskumy */
.research-space {
  position: relative;
  isolation: isolate;
  background: transparent !important;
}

.research-space::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  z-index: -1;
  background: linear-gradient(
    180deg,
    #ffffff 0,
    #dceff6 110px,
    #dceff6 100%
  );
}

/* O nás: kontakt sa vráti do bielej */
#kontakt-o-nas {
  background: linear-gradient(
    180deg,
    #dceff6 0,
    #ffffff 110px,
    #ffffff 100%
  ) !important;
}

/* Referencie: základ zostane biely */
.page:has(#referencie) {
  background: #ffffff !important;
}

.page:has(#referencie) .metrics,
.page:has(#referencie) .collaboration-example {
  position: relative;
  isolation: isolate;
  background: transparent !important;
}

.page:has(#referencie) .metrics::before,
.page:has(#referencie) .collaboration-example::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  z-index: -1;
}

/* Čísla na Referenciách – svetlomodré pozadie */
.page:has(#referencie) .metrics::before {
  background: linear-gradient(
    180deg,
    #ffffff 0,
    #dceff6 110px,
    #dceff6 100%
  );
}

/* Prvá referencia – biela */
.page:has(#referencie)
.collaboration-example:nth-of-type(2)::before {
  background: linear-gradient(
    180deg,
    #dceff6 0,
    #ffffff 110px,
    #ffffff 100%
  );
}

/* Druhá referencia – svetlomodrá */
.page:has(#referencie)
.collaboration-example:nth-of-type(3)::before {
  background: linear-gradient(
    180deg,
    #ffffff 0,
    #dceff6 110px,
    #dceff6 100%
  );
}

/* Tretia referencia – biela */
.page:has(#referencie)
.collaboration-example:nth-of-type(4)::before {
  background: linear-gradient(
    180deg,
    #dceff6 0,
    #ffffff 110px,
    #ffffff 100%
  );
}

/* Štvrtá referencia – svetlomodrá */
.page:has(#referencie)
.collaboration-example:nth-of-type(5)::before {
  background: linear-gradient(
    180deg,
    #ffffff 0,
    #dceff6 110px,
    #dceff6 100%
  );
}

/* Kontakt na Referenciách – návrat do bielej */
#kontakt-referencie {
  background: linear-gradient(
    180deg,
    #dceff6 0,
    #ffffff 110px,
    #ffffff 100%
  ) !important;
}/* Prepojenie hlavičky s obrázkom na podstránkach */
body > header {
  background: linear-gradient(
    180deg,
    rgba(7,21,34,.98) 0%,
    rgba(7,21,34,.82) 58%,
    rgba(7,21,34,0) 100%
  ) !important;

  box-shadow: none !important;
  border-bottom: none !important;
}

/* Obsah sa posunie pod priehľadnú hlavičku */
main > .page:not(:has(#domov)) {
  margin-top: -100px !important;
  background: #ffffff !important;
}

/* Obrázok pod hlavičkou s plynulým prechodom do bielej */
main > .page:not(:has(#domov))::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100px;

  background:
    linear-gradient(
      180deg,
      rgba(7,21,34,.30) 0%,
      rgba(7,21,34,.12) 38%,
      rgba(255,255,255,.72) 70%,
      #ffffff 100%
    ),
    url("/asset-977a11aace56.png") center 42% / cover no-repeat;

  opacity: 1 !important;
  z-index: 0 !important;
  pointer-events: none;
}

/* Text zostane na pôvodnom mieste a nad obrázkom */
main > .page:not(:has(#domov)) > section:first-child {
  padding-top: 188px !important;
  background: transparent !important;
  position: relative;
  z-index: 1;
}/* Rolovanie medzi obsahovými blokmi */
/* Plynule posuvanie bez preskakovania sekcii */
html {
  scroll-behavior: smooth;
  scroll-snap-type: none !important;
  scroll-padding-top: 110px;
}

.page > section,
#outsourcing-akvizicie,
#postup {
  scroll-snap-align: none;
  scroll-snap-stop: normal;
  scroll-margin-top: 110px;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
    scroll-snap-type: none;
  }
}
/* Referencie: hlavicka sa posuva s obsahom a neprekryva statistiky. */
body.references-page > header {
  position: relative;
  top: auto;
  transform: none;
  transition: none;
}
html:has(body.references-page),
body.references-page {
  scroll-snap-type: none !important;
  scroll-padding-top: 0;
}
body.references-page .page > section,
body.references-page .metrics {
  scroll-snap-align: none;
  scroll-snap-stop: normal;
  scroll-margin-top: 0;
}
body.references-page .metrics strong {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}