/* UNIMO HM — O nama | zasebna poslovna prezentacija */
.about-main{overflow:hidden;background:#fff;color:#122958}
.about-main *{box-sizing:border-box}
.about-container{width:min(92%,1440px);margin-inline:auto}
.about-hero{position:relative;background:linear-gradient(116deg,#061942 0%,#0b337c 60%,#0a4a9e 100%);color:#fff;padding:28px 0 86px;isolation:isolate}
.about-hero:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.38;background:repeating-linear-gradient(0deg,transparent 0 69px,rgba(255,255,255,.045) 70px),repeating-linear-gradient(90deg,transparent 0 69px,rgba(255,255,255,.045) 70px)}
.about-breadcrumb{display:flex;align-items:center;gap:10px;font:650 13px/1.5 Inter,sans-serif;color:#c9ddfb;margin-bottom:62px}
.about-breadcrumb a{color:inherit;text-decoration:none}.about-breadcrumb a:hover{text-decoration:underline}
.about-hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:clamp(32px,5vw,84px);align-items:center}
.about-eyebrow,.about-kicker{color:#0b56bf;letter-spacing:.13em;font:800 12px/1.5 Inter,sans-serif;text-transform:uppercase;margin:0 0 20px}
.about-eyebrow{color:#9bd7ff}
.about-main .about-hero h1{color:#fff;font:800 clamp(38px,4.35vw,70px)/1.09 Manrope,Inter,sans-serif;letter-spacing:-.045em;margin:0 0 27px;max-width:820px}
.about-hero h1 span{display:block;color:#a3d7ff}
.about-hero-lead{font:450 clamp(16px,1.35vw,20px)/1.75 Inter,sans-serif;color:#e2efff;max-width:650px;margin:0}
.about-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}
.about-btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:50px;padding:12px 20px;border-radius:11px;font:750 14px/1.3 Inter,sans-serif;text-decoration:none;transition:transform .18s,box-shadow .18s;border:1px solid transparent}
.about-btn:hover{transform:translateY(-2px)}.about-btn:focus-visible{outline:3px solid #86c9ff;outline-offset:3px}
.about-btn-primary{background:#fff;color:#0b3b94;box-shadow:0 9px 22px rgba(2,13,39,.14)}.about-btn-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.56)}
.about-hero-visual{height:clamp(380px,34vw,520px);border-radius:20px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.23);box-shadow:0 25px 65px rgba(1,12,43,.27)}
.about-hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 53%,rgba(4,24,66,.58) 100%);pointer-events:none}
.about-hero-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.85)}
.about-hero-caption{position:absolute;bottom:17px;right:20px;font:650 11px/1.3 Inter,sans-serif;color:#fff;z-index:1;letter-spacing:.035em}
.about-intro{padding:clamp(75px,8vw,128px) 0;background:linear-gradient(180deg,#fff,#f6f9ff)}
.about-intro .about-container{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(25px,5vw,95px)}
.about-main h2{font:800 clamp(30px,3.1vw,49px)/1.19 Manrope,Inter,sans-serif;letter-spacing:-.039em;color:#0b2b71;margin:0}
.about-intro-text p{font:450 17px/1.85 Inter,sans-serif;color:#526781;margin:0 0 22px}
.about-feature-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:30px}
.about-feature{border:1px solid #d8e4f5;border-radius:17px;background:#fff;padding:26px;box-shadow:0 9px 28px rgba(13,54,112,.045)}
.about-feature>span{font:800 12px Inter;color:#0c65d3;letter-spacing:.12em}
.about-feature h3{font:800 18px/1.3 Manrope,Inter,sans-serif;color:#0b2b71;margin:17px 0 10px}
.about-feature p{font:450 14px/1.7 Inter,sans-serif;color:#526781;margin:0}
.about-areas{padding:clamp(75px,8vw,120px) 0;background:#f0f5fc}
.about-areas-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:end;margin-bottom:42px}
.about-areas-heading>p{font:450 16px/1.8 Inter,sans-serif;color:#546b88;margin:0;max-width:490px}
.about-area-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.about-area-card{background:#fff;border:1px solid #d9e4f4;border-radius:19px;overflow:hidden;box-shadow:0 14px 35px rgba(4,43,113,.05)}
.about-area-image{height:190px;position:relative;overflow:hidden;background:#0c2f76}
.about-area-image img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.92)}
.about-area-image:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(6,28,71,.20))}
.about-area-body{padding:30px 33px 32px}
.about-area-num{font:800 13px Inter;color:#0b67d4;letter-spacing:.09em}
.about-area-body h3{font:800 clamp(20px,1.9vw,27px)/1.3 Manrope,Inter,sans-serif;letter-spacing:-.024em;color:#0b2d76;margin:12px 0 14px}
.about-area-body p{font:450 15px/1.85 Inter,sans-serif;color:#536984;margin:0}
.about-legal-note{display:block;margin-top:23px;padding:20px 22px;border:1px solid #cbdcf1;border-radius:13px;background:#f9fbff}
.about-legal-note p{font:500 14px/1.7 Inter,sans-serif;color:#415878;margin:0}
.about-collab{padding:clamp(78px,8vw,122px) 0;background:#fff}
.about-collab-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:clamp(40px,6vw,95px);align-items:start}
.about-collab-copy>p:not(.about-kicker){font:450 17px/1.8 Inter,sans-serif;color:#546b88;max-width:640px}
.about-callout{margin:28px 0 25px;border-left:4px solid #0d61c7;background:#f0f6ff;border-radius:0 13px 13px 0;padding:22px 26px}
.about-callout p{font:450 15px/1.75 Inter,sans-serif;color:#47627e;margin:0 0 9px}
.about-callout strong{font:800 15px/1.7 Inter,sans-serif;color:#0b2d76}
.about-collab .about-btn-primary{background:#0a4bb3;color:#fff}
.about-collab-checklist{border-radius:20px;background:linear-gradient(145deg,#082760,#104eab);padding:35px 36px;box-shadow:0 22px 50px rgba(11,57,120,.17)}
.about-collab-checklist h3{font:800 22px/1.35 Manrope,Inter,sans-serif;color:#fff;margin:0 0 23px}
.about-collab-checklist ol{list-style:none;counter-reset:step;margin:0;padding:0}
.about-collab-checklist li{counter-increment:step;display:flex;gap:18px;align-items:flex-start;font:500 15px/1.65 Inter,sans-serif;color:#e5efff;padding:17px 0;border-top:1px solid rgba(255,255,255,.17)}
.about-collab-checklist li::before{content:'0' counter(step);font:800 13px/1.6 Inter,sans-serif;color:#9ddafa;min-width:24px}
header .navlinks a[aria-current="page"]{color:#074db4;font-weight:800}
@media(max-width:1100px){.about-hero-grid{grid-template-columns:1fr 1fr;gap:28px}.about-hero-visual{height:400px}.about-main .about-hero h1{font-size:clamp(36px,4.2vw,54px)}}
@media(max-width:780px){.about-hero-grid,.about-intro .about-container,.about-areas-heading,.about-collab-grid{grid-template-columns:1fr}.about-hero{padding:20px 0 56px}.about-breadcrumb{margin-bottom:37px}.about-hero-visual{height:290px;order:2}.about-feature-grid{grid-template-columns:1fr}.about-areas-heading{gap:20px}.about-area-grid{grid-template-columns:1fr}.about-intro,.about-areas,.about-collab{padding:62px 0}.about-main h2{font-size:clamp(29px,5vw,42px)}.about-areas-heading{margin-bottom:27px}.about-hero-lead{font-size:16px}}
@media(max-width:430px){.about-container{width:90%}.about-main .about-hero h1{font-size:35px}.about-hero-visual{height:230px}.about-area-image{height:150px}.about-area-body{padding:23px 22px 25px}.about-collab-checklist{padding:28px 23px}.about-feature{padding:23px}.about-actions{gap:9px}.about-btn{width:100%}}
@media(prefers-reduced-motion:reduce){.about-btn{transition:none}.about-btn:hover{transform:none}}