/* Atelier refinement: pearl-blue surfaces, ink-blue product gallery, rose-metal accents. */
:root{--text:#162742;--muted:#52617a;--line:#536b8d26}
body{background:radial-gradient(ellipse at 85% 3%,#d5dff291,transparent 34%),linear-gradient(120deg,#fafafe,#edf1f9 55%,#e1e8f5)}
.wrap{max-width:1360px;padding:0 64px}.topline{background:linear-gradient(105deg,#1d2d49,#3c5075 66%,#89758b);font-size:9px;letter-spacing:2px;padding:10px 24px}
header{background:linear-gradient(110deg,#fbfbfef2,#eaf0faed);border-bottom:1px solid #20385912}nav{min-height:109px;gap:29px}.brand img{width:124px;height:81px}.brand small{font-size:8px;letter-spacing:1.8px;line-height:1.8}nav .button{padding:16px 22px;font-size:11px}.languages{gap:12px}
.button,button{background:linear-gradient(120deg,#203554,#40577d);border-color:#526d9a24;border-radius:8px;padding:18px 25px;font-size:12px;box-shadow:0 8px 18px -10px #182d5855;transition:background .25s,box-shadow .25s,transform .25s}.button:hover,button:hover{background:linear-gradient(120deg,#304c78,#536e98);box-shadow:0 13px 28px -12px #182d5855}.icon{width:18px;height:18px;stroke-width:1.35}.text-link{border-color:#b48c9a75;font-size:11px;letter-spacing:.1px}
.hero{padding:88px 0 67px;min-height:704px;gap:62px;grid-template-columns:1.03fr 1fr}.eyebrow{font-size:9px;letter-spacing:2.4px;color:#835e71;margin-bottom:27px}h1{font-size:clamp(38px,3.5vw,53px);line-height:1.18;letter-spacing:-1.9px}h1 em{color:#627aa4}.hero .hero-intro{font-size:14px;line-height:1.95;max-width:450px;margin-top:26px}.hero .actions{margin-top:32px;gap:25px}.hero .hint{font-size:10px;letter-spacing:.2px;margin-top:18px}.hero-benefits{margin-top:30px;font-size:9px;gap:12px 19px}
.hero-art:before{inset:-60px 0;background:radial-gradient(ellipse,#b9c7e666,transparent 70%)}.hero-art{padding:25px 0 0}.video-topline{font-size:8px;letter-spacing:1.65px;padding:0 0 19px}.hero-video-shell{border-radius:15px;border:1px solid #ffffff;box-shadow:0 35px 65px -30px #2037585c,0 0 0 8px #ffffff30;overflow:visible;isolation:isolate}.brand-video{border-radius:15px;overflow:hidden}.hero-video-shell:after{content:'';position:absolute;inset:-15px 20px 15px -15px;border:1px solid #b590a34d;border-right:0;border-bottom:0;border-radius:22px 0 0;pointer-events:none;z-index:-1}.video-play{border-radius:50px;background:linear-gradient(130deg,#fffffff5,#edf1fbf5);color:#203554;padding:17px 23px;border-color:#ffffff;box-shadow:0 9px 30px #182c4d30}.caption{padding-top:25px;padding-bottom:20px;font-size:9px;color:#66758b}.video-bottom{font-size:7px;letter-spacing:2.4px;margin-top:20px}
.stats{padding:30px 0 34px;gap:40px;border-color:#60799b26}.stats b{font-size:27px;letter-spacing:-.8px}.stats span{font-size:10px;letter-spacing:.2px}.stats>div{padding-left:16px}.stats>div:first-child{padding-left:0}
section{padding:120px 0;background:linear-gradient(145deg,#fbfcff8c,#e6edf738)}h2{font-size:clamp(31px,3vw,44px);line-height:1.25;letter-spacing:-1.45px}.section-head{margin-bottom:49px}.section-head p{font-size:13px;max-width:365px;line-height:2}.grid3{gap:30px}.card{background:linear-gradient(140deg,#ffffffa8,#eef2fa6b);border:1px solid #ffffffb5;box-shadow:0 15px 34px -28px #23375d38;border-radius:16px;padding:38px 33px 35px}.card .number{font-size:12px;letter-spacing:2px;color:#976c80;margin-bottom:38px}.card h3{font-size:20px}.card p{font-size:13px;line-height:1.95}.card a{font-size:11px;padding-bottom:4px;margin-top:27px}.light{background:linear-gradient(115deg,#e4ebf6,#f8f8fc 58%,#e8ecf6)}.photo{border-radius:18px;box-shadow:0 32px 65px -35px #263d6659}.split{gap:90px}.step{padding:25px 0}.step b:first-child{font-size:10px;letter-spacing:1px}.step h3{font-size:17px}.step p{font-size:12px;line-height:1.9}
#uredjaji{position:relative;background:radial-gradient(ellipse at 50% 46%,#536485 0,#283955 37%,transparent 69%),linear-gradient(125deg,#14243d,#2c3b58 68%,#48516c);color:#f1f4fc;isolation:isolate}#uredjaji:before{content:'';position:absolute;inset:18px;border:1px solid #d6dfef1c;pointer-events:none;z-index:-1}#uredjaji .eyebrow{color:#dab9c5}#uredjaji h2 em{color:#bdcde9}#uredjaji .section-head p{color:#c7d2e5}#uredjaji .product-banner{max-height:370px;margin:50px auto 52px;filter:drop-shadow(0 27px 24px #080e1d99)}#uredjaji .card{background:linear-gradient(140deg,#ffffff0a,#b6c6e705);border-color:#dbe4f02b;box-shadow:none;border-radius:12px;padding:35px 30px}#uredjaji .card p{color:#c8d4e8}#uredjaji .card .number{color:#dab9c5}#uredjaji .card a{border-color:#ceadba88;color:#eff4ff}
.support-grid{gap:10px 85px}.support-grid article{padding:30px 0}.support-grid h3{font-size:17px}.support-grid p{font-size:13px;line-height:1.95}.notice{border-radius:0 12px 12px 0;border-left-width:1px;padding:24px 28px;background:linear-gradient(125deg,#ffffffa1,#dfe7f66b)}.partners span{border-radius:6px;padding:16px 20px;font-size:11px;letter-spacing:.1px;background:linear-gradient(130deg,#ffffffb5,#edf2f88c)}.demo-section{background:radial-gradient(ellipse at 90% 0,#8c819950,transparent 60%),linear-gradient(130deg,#1b2d48,#3e5274 75%,#5c607d)}.demo-grid{gap:55px}.demo-index{font-size:10px;letter-spacing:2px}.demo-grid h3{font-size:18px}.demo-grid p{font-size:12px;line-height:1.95}.demo-actions{margin-top:45px}summary{font-size:16px}details{padding:27px 0}
.contact{background:radial-gradient(ellipse at 90% 0,#d0dcf080,transparent 60%),linear-gradient(120deg,#e5ecf7,#f7f7fc 65%,#eaedf7)}.contact-layout{gap:88px}.contact-layout h2{font-size:40px;line-height:1.28}.contact-layout>div>p{font-size:13px;line-height:1.95}.contact-address{font-size:13px;line-height:2.35}form{border-radius:20px;background:linear-gradient(125deg,#ffffffed,#f1f4fbd9);padding:39px;box-shadow:0 35px 85px -40px #20375e50,0 0 0 7px #ffffff30}.fields{gap:21px 18px}input,select,textarea{border-radius:7px;background:linear-gradient(130deg,#f6f8fd,#edf2fa);border-color:#afbed341}form button[type=submit]{padding:18px 22px}.quick-contact{border-radius:12px;padding:6px;background:linear-gradient(120deg,#ffffffed,#e7eef9ed);box-shadow:0 15px 45px -15px #263e6d4a}.quick-contact .button{border-radius:7px}.article{padding:100px 0}.article h1{max-width:870px}.article p{line-height:1.95}.article img{border-radius:17px}
@media(max-width:1100px){.wrap{padding:0 39px}.hero{gap:38px;padding-top:68px;min-height:650px}h1{font-size:39px}.hero .hero-intro{font-size:13px}.hero .actions{gap:20px}.card{padding:30px 25px}.split{gap:55px}.contact-layout{gap:45px}.contact-layout h2{font-size:34px}form{padding:30px}.grid3{gap:20px}}
@media(max-width:950px){nav{min-height:95px;gap:20px}.brand img{width:110px;height:72px}.hero{gap:30px;min-height:600px;padding:58px 0 50px}h1{font-size:34px}.hero .hero-intro{font-size:13px}.hero .button{font-size:11px;padding:17px 20px}.video-topline{letter-spacing:.5px;font-size:7px}.hero-art{padding-top:15px}.card h3{font-size:18px}.stats{gap:25px}.stats b{font-size:23px}.section-head{gap:40px}.split{gap:40px}.contact-layout{gap:35px}.contact-layout h2{font-size:31px}}
@media(max-width:680px){.wrap{padding:0 25px}.topline{font-size:7px;letter-spacing:.8px;padding:9px 15px}nav{min-height:85px}.brand img{width:101px;height:66px}.languages{gap:13px}.hero{grid-template-columns:1fr;min-height:0;gap:31px;padding:43px 0 39px}.hero .eyebrow{font-size:7px;letter-spacing:1.2px;margin-bottom:22px}h1{font-size:34px;line-height:1.17;letter-spacing:-1.2px}.hero .hero-intro{font-size:13px;margin-top:23px;line-height:1.9}.hero .actions{gap:20px;margin-top:27px}.hero .button{font-size:10px;padding:17px 19px}.hero .text-link{font-size:10px}.hero .hint{font-size:9px;margin-top:17px}.hero-benefits{font-size:9px;margin-top:23px;gap:8px 14px}.hero-art{padding:8px 0 0}.video-topline{font-size:7px;letter-spacing:1px;padding-bottom:17px}.hero-video-shell,.brand-video{border-radius:12px}.hero-video-shell{box-shadow:0 25px 45px -25px #20375866,0 0 0 5px #ffffff30}.hero-video-shell:after{inset:-10px 20px 10px -10px;border-radius:17px 0 0}.video-play{padding:15px 19px;font-size:9px}.caption{font-size:8px;padding-top:20px;padding-bottom:17px}.video-bottom{font-size:6px;margin-top:16px}.stats{gap:24px 26px;padding:26px 0 29px}.stats>div{padding-left:0}.stats b{font-size:23px}.stats span{font-size:9px}section{padding:77px 0}h2{font-size:30px;line-height:1.27;letter-spacing:-1px}.section-head{margin-bottom:34px}.section-head p{font-size:12px;line-height:1.95}.grid3{gap:17px}.card{padding:30px 28px;border-radius:13px}.card .number{font-size:10px;margin-bottom:26px}.card h3{font-size:19px}.card p{font-size:12px}.card a{font-size:11px}.photo{border-radius:14px;height:350px}.split{gap:38px}#uredjaji:before{inset:10px}#uredjaji .product-banner{max-height:240px;margin-top:30px;margin-bottom:37px}#uredjaji .card{padding:29px 27px}.support-grid{gap:4px}.support-grid article{padding:25px 0}.support-grid p{font-size:12px}.partners span{font-size:10px;padding:14px 16px}.demo-grid{gap:26px}.demo-grid p{font-size:12px}.demo-actions{gap:17px;margin-top:35px}.contact-layout{gap:40px}.contact-layout h2{font-size:30px}.contact-layout>div>p{font-size:13px}form{padding:27px 22px;border-radius:16px;box-shadow:0 25px 60px -35px #20375e44,0 0 0 5px #ffffff30}.fields{gap:19px}.article{padding-top:58px}.article h1{font-size:32px}.article h2{font-size:25px}.quick-contact{border-radius:12px;left:12px;right:12px}.quick-contact .button{font-size:10px}.notice{padding:22px 24px}.demo-grid h3{font-size:18px}summary{font-size:15px}}
@media(prefers-reduced-motion:reduce){.button,button{transition:none}}