/* DESING STUDIO | REFERENCE-LOCKED 1448px desktop composition
   Reference is the approved "Digitalna rješenja za rast" screenshot.
   This stylesheet must load AFTER all previous Desing Studio CSS. */
:root{--bg:#fff;--surface:#fff;--ink:#0d1d43;--text:#263758;--muted:#7181a4;--line:#e6ebf7;--blue:#4b6cff;--violet:#7775ff;--soft:#f7f9ff}
.ds-header{height:58px!important;min-height:58px!important;box-shadow:none!important;border-bottom:1px solid #edf0f9!important;background:#fffffff0!important}
.ds-ref-top .ds-head{height:57px!important;max-width:1210px!important;width:calc(100% - 30px)!important;margin:auto!important;gap:12px!important}
.ds-header .ds-logo{font:800 20px/1.07 Manrope,sans-serif!important;letter-spacing:-.065em!important;min-width:193px!important;gap:9px!important;color:#0d1d43!important}
.ds-header .ds-logo b{color:#3778fa!important}.ds-header .ds-logo small{font-size:7px!important;letter-spacing:.29em!important;font-weight:800!important;margin-top:3px!important;color:#68789a!important}
.ds-header .ds-logo .ds-brand-mark{width:39px!important;height:39px!important;filter:none!important}
.ds-header .ds-logo .ds-brand-wordmark{width:194px!important;max-height:46px!important;max-width:none!important}
.ds-header .ds-nav{display:block!important;margin-inline:auto!important;position:static!important;background:none!important;border:0!important;padding:0!important}
.ds-header .ds-nav-list{gap:0!important;display:flex!important;align-items:center!important;white-space:nowrap!important}
.ds-header .ds-nav-list a{padding:8px 13px!important;border-radius:28px!important;font-size:10px!important;color:#61708e!important;font-weight:750!important;line-height:1!important}
.ds-header .ds-nav-list a:hover,.home .ds-header .ds-nav-list li:first-child a,.ds-header .ds-nav-list .current-menu-item>a{background:#eff3ff!important;color:#3c60e9!important}
.ds-ref-top .ds-ref-nav-actions{gap:9px!important;align-items:center!important;flex-shrink:0!important}
.ds-ref-top .ds-ref-icon-button{width:29px!important;height:29px!important;border:0!important;color:#0e2350!important}
.ds-ref-top .ds-ref-icon-button .ds-icon{width:16px!important;height:16px!important}
.ds-ref-top .ds-ref-divider{width:1px!important;height:22px!important;margin:0 5px!important;background:#dfe5f2!important}
.ds-ref-top .ds-theme-btn{width:27px!important;height:27px!important;border:0!important;color:#5373ff!important}
.ds-ref-top .ds-ref-profile-trigger{height:28px!important;width:28px!important}
.ds-ref-top .ds-ref-admin-trigger{height:34px!important;min-height:34px!important;padding:0 15px!important;font-size:10px!important;border-radius:9px!important;background:linear-gradient(120deg,#0e2248,#1a326b)!important;color:#fff!important}
.ds-header .ds-menu-btn{display:none!important}
.ds-ref-home .ds-wrap{max-width:1305px!important;width:calc(100% - 80px)!important;margin-inline:auto!important}
.ds-ref-hero{background:radial-gradient(ellipse 37% 79% at 57% 62%,#c4e6ff3d,transparent),radial-gradient(ellipse 35% 79% at 88% 47%,#dedaff79,transparent)!important;position:relative!important}
.ds-ref-hero:after{content:"";position:absolute;z-index:0;right:-140px;top:36px;width:710px;height:350px;border-radius:50%;transform:rotate(-15deg);background:linear-gradient(140deg,#c7eaff44,#d0ccff88);pointer-events:none}
.ds-ref-hero-inner{display:grid!important;grid-template-columns:40% 60%!important;min-height:387px!important;height:387px!important;padding:10px 0 10px!important;align-items:center!important;position:relative!important;z-index:1!important}
.ds-ref-hero-text{padding-left:35px!important}
.ds-ref-hero .ds-eyebrow{font-size:8.5px!important;letter-spacing:.16em!important;margin:0 0 14px!important;padding:6px 13px!important;background:#fffaf1!important;color:#9c7b41!important;border:1px solid #f6eedc!important}
.ds-ref-hero h1{font-size:50px!important;line-height:1.035!important;letter-spacing:-.073em!important;font-weight:800!important;white-space:nowrap!important}
.ds-ref-hero h1 .ds-gradient{background:linear-gradient(100deg,#3e70fb,#7b70f7)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important}
.ds-ref-hero-text>p{font-size:13px!important;line-height:1.57!important;max-width:430px!important;margin:12px 0!important;color:#596987!important}
.ds-ref-hero .ds-cta-row{display:flex!important;gap:13px!important;margin:15px 0 14px!important;flex-wrap:nowrap!important}
.ds-ref-hero .ds-button{height:38px!important;min-height:38px!important;padding:0 16px!important;font-size:10.5px!important;border-radius:9px!important}
.ds-ref-hero .ds-secondary{background:#fff!important;color:#192f5c!important}
.ds-ref-play{height:20px!important;width:20px!important;font-size:7px!important}
.ds-ref-assurances{font-size:10px!important;gap:20px!important;color:#687a99!important;white-space:nowrap!important}
.ds-ref-hero-art{height:363px!important;min-height:363px!important;margin:0!important;padding:0 20px 0 2px!important;justify-content:center!important}
.ds-ref-browser{height:342px!important;width:100%!important;max-width:710px!important;border-radius:17px!important;background:#fff!important;border:1px solid #e5eaf8!important;transform:perspective(1300px) rotateY(-5deg) rotateZ(-1deg)!important;box-shadow:0 0 0 9px #fff8,0 19px 44px #536ba535!important;overflow:hidden!important}
.ds-ref-browser-bar{height:39px!important;padding:0 14px!important}
.ds-ref-browser-body{height:calc(100% - 39px)!important;grid-template-columns:112px 1fr!important}
.ds-ref-browser-sidebar{padding:10px 8px!important;gap:4px!important}
.ds-ref-browser-sidebar>div{padding:6px 5px!important;gap:7px!important}
.ds-ref-browser-sidebar>div small{font-size:8px!important}
.ds-ref-browser-main{padding:12px!important}
.ds-ref-browser-welcome strong{font-size:14px!important}
.ds-ref-browser-welcome small{font-size:7.5px!important}
.ds-ref-browser-welcome>span{font-size:8px!important;padding:7px!important}
.ds-ref-browser-stats{margin-top:11px!important;gap:8px!important}
.ds-ref-browser-stats>div{height:71px!important;padding:8px!important}
.ds-ref-browser-stats small{font-size:7px!important}
.ds-ref-browser-stats b{font-size:17px!important;margin-top:4px!important}
.ds-ref-browser-stats i{font-size:6px!important;bottom:5px!important}
.ds-ref-browser-stats svg{width:37px!important;bottom:6px!important}
.ds-ref-browser-bottom{margin-top:9px!important;gap:8px!important}
.ds-ref-browser-bottom>div{height:142px!important;padding:10px!important}
.ds-ref-browser-bottom strong{font-size:9px!important}
.ds-ref-browser-bars{height:87px!important}
.ds-ref-browser-bottom>div:nth-child(2)>p{font-size:7px!important;margin:12px 0!important}
.ds-ref-browser-months small{font-size:5px!important}
.ds-ref-helper{top:210px!important;right:3px!important;padding:10px 12px!important;border-radius:8px!important}
.ds-ref-helper b{font-size:10px!important}
.ds-ref-helper small{font-size:8px!important}
.ds-ref-scribble{display:block!important;right:-18px!important;top:92px!important;font:italic 14px Georgia,serif!important;color:#5368ae!important}
.ds-ref-services{min-height:142px!important;height:auto!important;grid-template-columns:236px 1fr!important;gap:16px!important;padding:16px 0!important}
.ds-ref-services-heading .ds-kicker,.ds-ref-themes-heading .ds-kicker,.ds-ref-agent-intro .ds-kicker{font-size:8.5px!important;letter-spacing:.12em!important;margin-bottom:7px!important}
.ds-ref-services-heading h2,.ds-ref-themes-heading h2,.ds-ref-agent-intro h2{font-size:22px!important;letter-spacing:-.065em!important;line-height:1.16!important}
.ds-ref-services-heading p{font-size:10px!important;line-height:1.4!important;margin:9px 0 0!important}
.ds-ref-service-list{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important}
.ds-ref-service-card{min-height:112px!important;padding:11px 9px 17px!important;border-radius:11px!important;box-shadow:0 7px 24px #132f6506!important}
.ds-ref-icn{width:33px!important;height:33px!important;border-radius:9px!important}
.ds-ref-icn svg{width:18px!important;height:18px!important}
.ds-ref-service-card h3{font-size:11px!important;line-height:1.2!important;margin-top:8px!important}
.ds-ref-service-card p{font-size:9px!important;line-height:1.32!important;margin-top:4px!important}
.ds-ref-card-arrow{font-size:17px!important;right:8px!important;bottom:5px!important}
.ds-ref-themes{min-height:212px!important;grid-template-columns:262px 1fr 192px!important;gap:15px!important;padding:15px 0!important}
.ds-ref-themes-heading h2{font-size:23px!important}
.ds-ref-themes-heading p{font-size:11px!important;line-height:1.45!important;margin:8px 0 13px!important}
.ds-ref-themes-heading .ds-button{font-size:9px!important;padding:9px 13px!important;border-radius:9px!important;min-height:32px!important}
.ds-ref-theme-gallery{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
.ds-ref-theme-card{border-radius:10px!important;box-shadow:none!important}
.ds-ref-theme-image{height:95px!important}
.ds-ref-theme-image img{object-fit:cover!important}
.ds-ref-theme-body{padding:8px 11px!important}
.ds-ref-theme-body h3{font-size:12px!important}
.ds-ref-theme-body p{font-size:9px!important;min-height:31px!important;height:auto!important;line-height:1.3!important;margin:4px 0!important}
.ds-ref-theme-body>div{margin-top:4px!important}
.ds-ref-theme-body>div strong,.ds-ref-theme-body>div span{font-size:9px!important}
.ds-ref-theme-hot{font-size:8px!important;padding:4px 6px!important}
.ds-ref-themes-feature{min-height:174px!important;padding:12px!important;border-radius:11px!important}
.ds-ref-wp-symbol{width:42px!important;height:42px!important;font-size:27px!important}
.ds-ref-themes-feature b{font-size:25px!important}
.ds-ref-themes-feature small{font-size:9px!important}
.ds-ref-themes-feature ul{font-size:10px!important;margin:8px 0!important;line-height:1.6!important}
.ds-ref-themes-feature .ds-button{font-size:9px!important;padding:8px 6px!important;min-height:31px!important}
.ds-ref-agent-area{grid-template-columns:273px 1fr 260px!important;min-height:159px!important;padding:13px 0!important;gap:17px!important}
.ds-ref-agent-intro h2{font-size:23px!important}
.ds-ref-agent-intro p{font-size:10px!important;line-height:1.42!important;margin:8px 0 11px!important}
.ds-ref-agent-intro .ds-button{font-size:9px!important;padding:8px 13px!important;min-height:32px!important}
.ds-ref-agent-process{gap:7px!important;grid-template-columns:1fr 16px 1fr 16px 1fr!important}
.ds-ref-process-card{min-height:128px!important;padding:10px!important;border-radius:11px!important}
.ds-ref-process-card .ds-ref-icn{width:31px!important;height:31px!important}
.ds-ref-process-card small{font-size:9px!important;margin:7px 0 2px!important}
.ds-ref-process-card h3{font-size:11px!important}
.ds-ref-process-card p{font-size:9px!important;line-height:1.35!important;margin-top:6px!important}
.ds-ref-quote{height:139px!important;border-radius:11px!important;padding:10px 13px!important}
.ds-ref-quote>p{font-size:10px!important;line-height:1.42!important;margin:5px 0!important}
.ds-ref-stars{font-size:13px!important;margin-bottom:0!important}
.ds-ref-quote-avatar{width:26px!important;height:26px!important}
.ds-ref-quote-footer b{font-size:10px!important}
.ds-ref-quote-footer small{font-size:8px!important}
.ds-ref-bottom{min-height:64px!important;grid-template-columns:1.24fr .76fr!important;gap:12px!important;padding:7px 0 9px!important;margin-bottom:0!important}
.ds-ref-facts{height:54px!important;padding:7px 9px!important;grid-template-columns:repeat(4,1fr)!important}
.ds-ref-facts>div{grid-template-columns:33px 1fr!important;grid-template-rows:20px 16px!important;column-gap:6px!important}
.ds-ref-facts .ds-ref-icn{height:32px!important;width:32px!important;font-size:17px!important}
.ds-ref-facts strong{font-size:16px!important}
.ds-ref-facts small{font-size:8px!important}
.ds-ref-bottom-cta{height:54px!important;min-height:54px!important;padding:7px 11px!important;gap:9px!important;border-radius:10px!important}
.ds-ref-bottom-cta>span{font-size:23px!important}
.ds-ref-bottom-cta strong{font-size:11px!important}
.ds-ref-bottom-cta small{font-size:8px!important}
.ds-ref-bottom-cta>a{font-size:9px!important;padding:9px!important}
.ds-footer{padding:9px 0 4px!important}
.ds-footer .ds-footer-top{min-height:30px!important}
.ds-footer .ds-logo{font-size:15px!important}
.ds-footer .ds-brand-mark{height:28px!important;width:28px!important}
.ds-footer .ds-footer-links{gap:18px!important;font-size:10px!important}
.ds-footer .ds-footer-bottom{margin-top:7px!important;padding-top:5px!important;font-size:9px!important}
@media (min-width:1450px){.ds-ref-hero-inner{height:420px!important;min-height:420px!important}.ds-ref-hero h1{font-size:55px!important}.ds-ref-hero-art{height:398px!important}.ds-ref-browser{height:370px!important}}
@media(max-width:1170px) and (min-width:851px){.ds-ref-hero-inner{grid-template-columns:44% 56%!important}.ds-ref-hero h1{font-size:clamp(37px,4.1vw,49px)!important}.ds-ref-hero-text{padding-left:0!important}.ds-ref-services{display:block!important}.ds-ref-services-heading{margin-bottom:12px!important}.ds-ref-service-list{grid-template-columns:repeat(3,1fr)!important}.ds-ref-themes{grid-template-columns:1fr!important}.ds-ref-themes-feature{display:none!important}.ds-ref-agent-area{grid-template-columns:1fr 1.5fr!important}.ds-ref-quote{grid-column:1/-1!important}.ds-header .ds-nav-list a{padding:7px!important}}
@media(max-width:850px){.ds-header{height:64px!important}.ds-ref-top .ds-head{height:63px!important;width:calc(100% - 28px)!important}.ds-header .ds-nav{display:none!important;position:absolute!important;top:64px!important;left:0!important;right:0!important;background:var(--surface)!important;border-bottom:1px solid var(--line)!important;padding:12px 20px!important}.ds-header .ds-nav.is-open{display:block!important}.ds-header .ds-nav-list{display:grid!important;gap:5px!important}.ds-header .ds-nav-list a{font-size:14px!important;padding:12px!important;display:block!important}.ds-header .ds-menu-btn{display:grid!important}.ds-ref-top .ds-ref-admin-trigger{display:none!important}.ds-ref-top .ds-ref-search-trigger{display:none!important}.ds-ref-home .ds-wrap{width:calc(100% - 34px)!important}.ds-ref-hero-inner{height:auto!important;min-height:unset!important;display:flex!important;flex-direction:column!important;padding:33px 0 22px!important}.ds-ref-hero-text{padding-left:0!important}.ds-ref-hero h1{font-size:clamp(39px,8.4vw,58px)!important;white-space:normal!important}.ds-ref-hero-text>p{font-size:14px!important;max-width:600px!important}.ds-ref-hero .ds-cta-row{flex-wrap:wrap!important}.ds-ref-hero .ds-button{font-size:11px!important}.ds-ref-assurances{font-size:9px!important;gap:10px!important}.ds-ref-hero-art{margin-top:24px!important;width:100%!important;height:315px!important;min-height:315px!important;padding:5px!important}.ds-ref-browser{height:298px!important;max-width:660px!important}.ds-ref-browser-body{grid-template-columns:82px 1fr!important}.ds-ref-browser-sidebar>div small{font-size:6px!important}.ds-ref-browser-main{padding:8px!important}.ds-ref-browser-stats>div{height:57px!important;padding:5px!important}.ds-ref-browser-stats small{font-size:6px!important}.ds-ref-browser-stats b{font-size:14px!important}.ds-ref-browser-stats i{font-size:5px!important}.ds-ref-browser-bottom>div{height:111px!important;padding:7px!important}.ds-ref-browser-bars{height:63px!important}.ds-ref-helper{top:auto!important;bottom:12px!important;right:0!important}.ds-ref-scribble{display:none!important}.ds-ref-services{display:block!important;padding:26px 0!important;height:auto!important}.ds-ref-services-heading{margin-bottom:17px!important}.ds-ref-services-heading h2,.ds-ref-themes-heading h2,.ds-ref-agent-intro h2{font-size:26px!important}.ds-ref-service-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}.ds-ref-service-card{min-height:145px!important;padding:14px!important}.ds-ref-service-card h3{font-size:12px!important}.ds-ref-service-card p{font-size:10px!important}.ds-ref-themes{display:block!important;padding:25px 0!important}.ds-ref-theme-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-top:15px!important}.ds-ref-theme-image{height:135px!important}.ds-ref-theme-body h3{font-size:14px!important}.ds-ref-theme-body p{font-size:11px!important}.ds-ref-themes-feature{display:none!important}.ds-ref-agent-area{display:block!important;padding:26px 0!important}.ds-ref-agent-intro p{font-size:12px!important}.ds-ref-agent-process{margin:16px 0!important}.ds-ref-process-card{min-height:136px!important}.ds-ref-quote{margin:10px 0 0!important}.ds-ref-bottom{display:block!important;padding:18px 0 75px!important}.ds-ref-facts{height:auto!important;grid-template-columns:repeat(2,1fr)!important;gap:13px!important;padding:12px!important}.ds-ref-facts>div{grid-template-rows:22px 17px!important}.ds-ref-bottom-cta{height:auto!important;min-height:58px!important;margin-top:12px!important;padding:13px!important}.ds-footer{padding-bottom:89px!important}}
@media(max-width:460px){.ds-ref-hero-art{height:238px!important;min-height:238px!important}.ds-ref-browser{height:230px!important}.ds-ref-browser-body{grid-template-columns:55px 1fr!important}.ds-ref-browser-sidebar>div{gap:3px!important;padding:3px!important}.ds-ref-browser-sidebar>div small{font-size:4.5px!important}.ds-ref-browser-bar{height:26px!important}.ds-ref-browser-body{height:calc(100% - 26px)!important}.ds-ref-browser-main{padding:6px!important}.ds-ref-browser-welcome strong{font-size:11px!important}.ds-ref-browser-welcome small{font-size:5px!important}.ds-ref-browser-stats{gap:3px!important;margin-top:6px!important}.ds-ref-browser-stats>div{height:45px!important;padding:3px!important}.ds-ref-browser-stats b{font-size:10px!important}.ds-ref-browser-stats i{display:none!important}.ds-ref-browser-bottom{margin-top:5px!important}.ds-ref-browser-bottom>div{height:73px!important}.ds-ref-browser-bars{height:40px!important}.ds-ref-browser-bottom strong{font-size:6px!important}.ds-ref-browser-bottom>div:nth-child(2)>p{font-size:5px!important;margin:6px 0!important}.ds-ref-helper{padding:5px 6px!important}.ds-ref-helper b{font-size:8px!important}.ds-ref-helper small{font-size:6px!important}.ds-ref-hero h1{font-size:38px!important}.ds-ref-theme-gallery{grid-template-columns:1fr!important}.ds-ref-theme-image{height:168px!important}.ds-ref-quote{height:auto!important}.ds-ref-bottom-cta>a{font-size:8px!important}}