/* DESING STUDIO — premium završna tipografija, mobilni prikaz i novi identitet */
.ds-brand-mark{display:block;width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 5px 7px rgba(21,65,170,.16))}
.ds-header .ds-logo-mark,.ds-footer .ds-logo-mark{display:none}
.ds-header .ds-logo{gap:10px;font-size:22px;letter-spacing:-.072em;white-space:nowrap}
.ds-header .ds-logo b{color:#3e6efd}
.ds-header .ds-logo small{font-size:8.5px;letter-spacing:.23em;margin-top:3px}
.ds-ref-top .ds-head{height:76px}.ds-ref-top .ds-nav-list a{font-size:12.5px;padding:11px 11px}
.ds-ref-top .ds-ref-admin-trigger{font-size:11.5px;height:43px;padding-inline:17px;border-radius:11px}
.ds-ref-top .ds-ref-profile-trigger{width:35px;height:35px}.ds-ref-top .ds-ref-icon-button{width:34px;height:36px}
.ds-ref-home .ds-wrap{width:min(1400px,calc(100% - 88px))}
.ds-ref-hero{background:radial-gradient(ellipse 38% 62% at 74% 34%,rgba(204,224,255,.53),transparent),radial-gradient(ellipse 35% 73% at 89% 65%,rgba(217,216,255,.54),transparent)}
.ds-ref-hero-inner{grid-template-columns:42% 58%;min-height:540px;padding:37px 0 50px}
.ds-ref-hero-text{padding-left:26px}.ds-ref-hero .ds-eyebrow{font-size:10px;padding:8px 15px;margin-bottom:26px}
.ds-ref-hero h1{font-size:clamp(45px,4.3vw,68px);line-height:1.09;letter-spacing:-.064em}
.ds-ref-hero-text>p{font-size:16px;max-width:550px;line-height:1.65;margin:22px 0 20px}
.ds-ref-hero .ds-cta-row{margin:22px 0}.ds-ref-hero .ds-button{height:49px;font-size:12px;padding:14px 18px}
.ds-ref-assurances{font-size:11.5px;gap:20px}
.ds-ref-hero-art{height:455px;padding:15px 36px 15px 26px}
.ds-ref-browser{height:412px;max-width:790px;border-radius:20px;box-shadow:0 0 0 11px #e9edff61,0 28px 65px #46509f2d}
.ds-ref-browser-bar{height:46px;padding:0 19px}.ds-ref-browser-bar>span{font-size:11px}.ds-ref-browser-bar small{font-size:9px}
.ds-ref-browser-body{height:calc(100% - 46px);grid-template-columns:120px 1fr}
.ds-ref-browser-sidebar{padding:15px 10px;gap:6px}.ds-ref-browser-sidebar>div{padding:7px 6px;gap:10px}
.ds-ref-browser-sidebar>div small{font-size:9px}.ds-ref-browser-main{padding:16px}
.ds-ref-browser-welcome strong{font-size:17px}.ds-ref-browser-welcome small{font-size:9px;margin-top:4px}
.ds-ref-browser-welcome>span{font-size:9px;padding:9px 12px}
.ds-ref-browser-stats{gap:10px;margin-top:17px}.ds-ref-browser-stats>div{height:87px;padding:11px}
.ds-ref-browser-stats small{font-size:9px}.ds-ref-browser-stats b{font-size:21px}
.ds-ref-browser-stats i{font-size:8px;bottom:11px}.ds-ref-browser-stats svg{width:43px;bottom:10px}
.ds-ref-browser-bottom{gap:13px;margin-top:12px}.ds-ref-browser-bottom>div{height:160px;padding:12px}
.ds-ref-browser-bottom strong{font-size:11px}.ds-ref-browser-bars{height:104px}
.ds-ref-browser-bottom>div:nth-child(2)>p{font-size:9px;margin:18px 0}
.ds-ref-browser-months small{font-size:6px}.ds-ref-helper{top:265px;right:0;padding:13px 17px}
.ds-ref-helper b{font-size:12px}.ds-ref-helper small{font-size:10px}
.ds-ref-services{grid-template-columns:270px minmax(0,1fr);min-height:225px;padding:34px 0;gap:22px}
.ds-ref-services-heading .ds-kicker,.ds-ref-themes-heading .ds-kicker,.ds-ref-agent-intro .ds-kicker{font-size:11px;margin-bottom:12px}
.ds-ref-services-heading h2,.ds-ref-themes-heading h2,.ds-ref-agent-intro h2{font-size:clamp(25px,2.1vw,33px);line-height:1.19}
.ds-ref-services-heading p{font-size:12.5px;line-height:1.6;margin-top:14px}
.ds-ref-service-list{gap:13px}
.ds-ref-service-card{min-height:168px;padding:18px 15px 20px;border-radius:15px}
.ds-ref-icn{width:42px;height:42px;border-radius:12px}
.ds-ref-icn svg{width:22px;height:22px}
.ds-ref-service-card h3{font-size:13.5px;margin-top:13px}
.ds-ref-service-card p{font-size:11px;line-height:1.5;margin-top:7px}
.ds-ref-card-arrow{font-size:21px;bottom:9px;right:14px}
.ds-ref-themes{min-height:350px;grid-template-columns:260px minmax(0,1fr) 210px;gap:20px;padding:37px 0}
.ds-ref-themes-heading p{font-size:13px;line-height:1.6;margin:18px 0}
.ds-ref-themes-heading .ds-button,.ds-ref-agent-intro .ds-button{font-size:11px;padding:13px 17px}
.ds-ref-theme-gallery{gap:15px}
.ds-ref-theme-card{border-radius:14px}.ds-ref-theme-image{height:172px}
.ds-ref-theme-body{padding:16px}.ds-ref-theme-body h3{font-size:16px}
.ds-ref-theme-body p{font-size:11px;height:auto;min-height:43px}
.ds-ref-theme-body>div strong,.ds-ref-theme-body>div span{font-size:11px}
.ds-ref-theme-hot{font-size:9px;padding:6px 9px}
.ds-ref-themes-feature{min-height:270px;padding:20px;border-radius:15px}
.ds-ref-wp-symbol{width:50px;height:50px;font-size:34px}
.ds-ref-themes-feature b{font-size:30px}.ds-ref-themes-feature small{font-size:12px}
.ds-ref-themes-feature ul{font-size:12px;margin:15px 0;line-height:2}
.ds-ref-themes-feature .ds-button{font-size:10px;padding:12px 8px}
.ds-ref-agent-area{grid-template-columns:265px 1fr 280px;min-height:255px;padding:35px 0;gap:20px}
.ds-ref-agent-intro p{font-size:13px;line-height:1.6;margin:14px 0 19px}
.ds-ref-agent-process{gap:9px}
.ds-ref-process-card{min-height:185px;padding:19px;border-radius:15px}
.ds-ref-process-card small{font-size:11px;margin:13px 0 4px}
.ds-ref-process-card h3{font-size:14px}.ds-ref-process-card p{font-size:11px;line-height:1.5}
.ds-ref-quote{height:195px;padding:19px;border-radius:15px}
.ds-ref-quote-mark{font-size:31px}.ds-ref-stars{font-size:17px;margin-bottom:10px}
.ds-ref-quote>p{font-size:12px;line-height:1.55}
.ds-ref-quote-avatar{width:34px;height:34px;font-size:12px}
.ds-ref-quote-footer b{font-size:11px}.ds-ref-quote-footer small{font-size:10px}
.ds-ref-bottom{padding:20px 0 28px;min-height:125px;gap:17px}
.ds-ref-facts{height:85px;padding:17px}.ds-ref-facts>div{grid-template-columns:43px 1fr;grid-template-rows:27px 23px}
.ds-ref-facts .ds-ref-icn{width:40px;height:40px}.ds-ref-facts strong{font-size:22px}.ds-ref-facts small{font-size:11px}
.ds-ref-bottom-cta{height:85px;padding:14px 20px;gap:16px;border-radius:15px}.ds-ref-bottom-cta>span{font-size:32px}
.ds-ref-bottom-cta strong{font-size:14px}.ds-ref-bottom-cta small{font-size:11px}
.ds-ref-bottom-cta>a{font-size:11px;padding:13px 15px}
.ds-footer .ds-logo{font-size:18px;gap:10px}.ds-footer .ds-brand-mark{width:38px;height:38px}
.ds-footer .ds-logo small{font-size:8px}
.ds-contact-form{display:grid;text-align:left;gap:10px;margin-top:22px}.ds-contact-form>label{font-size:12px;color:var(--ink);font-weight:800}
.ds-contact-form input:not([type=checkbox]),.ds-contact-form textarea,.ds-contact-form select{width:100%;padding:14px;border:1px solid var(--line);background:var(--soft);border-radius:10px;color:var(--ink);font:inherit}
.ds-contact-form textarea{min-height:125px}.ds-contact-form .ds-contact-consent{display:flex;align-items:flex-start;gap:10px;font-weight:500;line-height:1.4}
.ds-contact-form button{margin-top:10px}.ds-contact-form small{font-size:11px;color:var(--muted)}
.ds-profile-cover{background:linear-gradient(110deg,#edf5ff,#fefeff 57%,#eeebff);border-radius:25px;padding:50px}
.ds-profile-cover h1{font-size:43px}.ds-profile-cover p{font-size:15px}
.ds-profile-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:20px 0}
.ds-profile-metrics>div{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;display:grid;gap:3px}
.ds-profile-metrics span{color:var(--blue);font-size:22px}.ds-profile-metrics strong{font-size:14px;color:var(--ink)}
.ds-profile-metrics small{font-size:11px;color:var(--muted)}
.ds-profile-tabs{display:flex;gap:8px;overflow:auto;padding:13px 0;border-bottom:1px solid var(--line)}
.ds-profile-tabs a{padding:11px 16px;color:var(--muted);font-size:12px;font-weight:800;border-radius:10px;white-space:nowrap}
.ds-profile-tabs a:hover{background:var(--soft);color:var(--blue)}
.ds-control .ds-control-agent-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.ds-control .ds-control-agent{min-height:197px}.ds-control .ds-control-agent h3{font-size:13px}
.ds-control .ds-control-agent p{font-size:11px}.ds-control .ds-control-card h2{font-size:18px}
@media(max-width:1350px){.ds-ref-home .ds-wrap{width:calc(100% - 60px)}.ds-ref-themes{grid-template-columns:230px 1fr 185px}.ds-ref-services{grid-template-columns:215px 1fr}.ds-ref-service-list{gap:9px}.ds-ref-service-card{padding-inline:11px}.ds-ref-hero h1{font-size:clamp(43px,4vw,59px)}.ds-ref-browser-body{grid-template-columns:100px 1fr}.ds-ref-browser-sidebar>div small{font-size:8px}.ds-ref-agent-area{grid-template-columns:245px 1fr 245px}}
@media(max-width:1080px){.ds-ref-top .ds-head{height:68px}.ds-ref-home .ds-wrap{width:calc(100% - 44px)}.ds-ref-hero-inner{grid-template-columns:43% 57%;min-height:490px}.ds-ref-hero-text{padding-left:0}.ds-ref-hero-art{height:410px;padding:10px}.ds-ref-browser{height:370px}.ds-ref-browser-body{grid-template-columns:80px 1fr}.ds-ref-browser-sidebar>div small{font-size:7px}.ds-ref-browser-stats>div{padding:7px}.ds-ref-browser-stats small{font-size:7px}.ds-ref-browser-stats b{font-size:17px}.ds-ref-browser-stats i{font-size:6px}.ds-ref-browser-bottom>div{height:135px}.ds-ref-browser-bars{height:78px}.ds-ref-services{display:block}.ds-ref-services-heading{margin-bottom:24px}.ds-ref-service-list{grid-template-columns:repeat(3,1fr)}.ds-ref-themes{grid-template-columns:1fr}.ds-ref-theme-image{height:185px}.ds-ref-themes-feature{display:none}.ds-ref-agent-area{grid-template-columns:1fr 1.5fr}.ds-ref-quote{grid-column:1/-1}}
@media(max-width:700px){.ds-ref-top .ds-head{height:65px}.ds-ref-home .ds-wrap{width:calc(100% - 32px)}.ds-header .ds-logo{font-size:17px}.ds-header .ds-logo small{font-size:7px}.ds-brand-mark{width:34px;height:34px}.ds-ref-hero-inner{display:flex;min-height:0;padding:36px 0 20px}.ds-ref-hero h1{font-size:clamp(39px,9.1vw,53px)}.ds-ref-hero-text>p{font-size:14px;line-height:1.65}.ds-ref-hero .ds-eyebrow{font-size:9px;margin-bottom:17px}.ds-ref-hero .ds-button{font-size:10px;padding:10px;min-height:44px}.ds-ref-assurances{font-size:9px}.ds-ref-hero-art{height:305px;padding:12px 0}.ds-ref-browser{height:275px}.ds-ref-browser-body{grid-template-columns:65px 1fr}.ds-ref-browser-sidebar>div small{font-size:5.8px}.ds-ref-browser-main{padding:10px}.ds-ref-browser-welcome strong{font-size:12px}.ds-ref-browser-stats>div{height:58px;padding:5px}.ds-ref-browser-stats small{font-size:5px}.ds-ref-browser-stats b{font-size:13px}.ds-ref-browser-bottom>div{height:98px}.ds-ref-browser-bars{height:57px}.ds-ref-helper{top:auto;bottom:8px}.ds-ref-services{padding:35px 0}.ds-ref-service-list{grid-template-columns:repeat(2,1fr);gap:12px}.ds-ref-service-card{min-height:176px;padding:15px}.ds-ref-service-card h3{font-size:13px}.ds-ref-service-card p{font-size:10.5px}.ds-ref-services-heading h2,.ds-ref-themes-heading h2,.ds-ref-agent-intro h2{font-size:28px}.ds-ref-theme-gallery{grid-template-columns:1fr;gap:15px}.ds-ref-theme-image{height:180px}.ds-ref-theme-body{padding:15px}.ds-ref-theme-body h3{font-size:16px}.ds-ref-theme-body p{font-size:12px;min-height:0}.ds-ref-agent-area{display:block}.ds-ref-agent-process{grid-template-columns:1fr 12px 1fr 12px 1fr}.ds-ref-process-card{min-height:170px;padding:10px}.ds-ref-process-card h3{font-size:11px}.ds-ref-process-card p{font-size:9px}.ds-ref-quote{margin-top:22px}.ds-ref-bottom{margin-bottom:70px}.ds-ref-facts{height:auto}.ds-ref-facts small{font-size:10px}.ds-ref-bottom-cta{height:auto;padding:15px}.ds-profile-cover{padding:25px}.ds-profile-cover h1{font-size:30px}.ds-profile-metrics{grid-template-columns:repeat(2,1fr)}.ds-control .ds-control-agent-grid{grid-template-columns:repeat(2,1fr)}}