@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#082747;--ink:#15344f;--blue:#0a73d1;--green:#18a981;--orange:#ed7a32;--muted:#647991;--line:#e0e8f0;--bg:#f6f9fc}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;color:var(--ink);background:#fff;font-family:'DM Sans',Arial,sans-serif;font-size:16px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #ffac51;outline-offset:3px}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 52px));margin:0 auto}.demo-notice{min-height:38px;display:flex;justify-content:center;align-items:center;gap:12px;background:#e7f2ff;color:#1a4769;text-align:center;padding:9px 16px;font-size:12px;font-weight:600}.demo-pill{border-radius:6px;padding:3px 8px;color:#fff;background:#095aab;font-size:10px;letter-spacing:.08em;white-space:nowrap}.site-header{background:#fff;position:sticky;top:0;z-index:30;box-shadow:0 3px 16px #09284712}.header-inner{min-height:80px;display:flex;align-items:center;gap:24px}.brand{display:flex;gap:10px;align-items:center;min-width:226px}.brand svg{width:40px;height:40px}.brand strong{display:block;letter-spacing:-1px;font-weight:800;font-family:Manrope,Arial,sans-serif;font-size:22px;color:#073c73;line-height:1.1}.brand small{display:block;color:#6e7f90;font-size:10px;margin-top:4px}.nav{display:flex;align-items:center;gap:21px;margin-left:auto}.nav a{font-size:13px;font-weight:700;color:#42596c;transition:color .2s}.nav a:hover{color:#1179cb}.top-cta{background:#0a4577;border:0;color:white;padding:12px 16px;font-size:12px;font-weight:800;border-radius:7px;white-space:nowrap}.top-cta span{margin-left:6px}.menu-toggle{display:none}.hero{min-height:540px;position:relative;background:#133855;color:white;display:flex;align-items:center;overflow:hidden}.hero-image{position:absolute;inset:0;background-image:url('assets/cityscape.svg');background-size:cover;background-position:center 56%;filter:saturate(1.04)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#041a34ef 0%,#082747e3 37%,#09283a78 71%,#082c4012 100%)}.hero-content{position:relative;z-index:1;padding:76px 0 70px}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:.12em;color:#1492ce}.eyebrow{color:#b5eaff;display:flex;align-items:center;gap:9px}.eyebrow span{height:7px;width:7px;background:#27dcb3;border-radius:50%}.hero h1{font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:clamp(36px,4.3vw,60px);line-height:1.12;letter-spacing:-.037em;margin:19px 0 16px;max-width:875px;text-shadow:0 2px 20px #082b4026}.hero h1 em{font-style:normal;color:#b4e8ff}.hero p{line-height:1.7;font-size:17px;max-width:680px;color:#e2ebf3;margin:0 0 30px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.button{border:0;border-radius:8px;min-height:51px;padding:12px 18px;font-size:13px;font-weight:800;box-shadow:0 8px 25px #0817272b;transition:transform .2s,box-shadow .2s;white-space:normal;text-align:left}.button:hover{transform:translateY(-2px);box-shadow:0 12px 27px #08172735}.button span{padding-left:3px}.button small{display:block;font-size:11px;font-weight:500;color:#fff9}.blue{background:var(--blue);color:#fff}.green{background:#16a45a;color:#fff}.orange{background:#eb742e;color:#fff}.button.compact{display:inline-block;min-height:43px;padding:12px 18px;white-space:nowrap}.button.subtle{background:#ecf3f9;box-shadow:none;color:#1c5278}.hero-trust{display:flex;gap:25px;color:#d4ebef;margin-top:27px;font-size:12px;flex-wrap:wrap}.hero-trust span::first-letter{color:#4df1bb}section{scroll-margin-top:89px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:25px}.section-heading h2,.promo h2,.contact h2,.product-inner h2{font-family:Manrope,Arial,sans-serif;font-weight:800;letter-spacing:-.04em;color:#0a2d4a;font-size:clamp(26px,2.7vw,37px);line-height:1.22;margin:7px 0 0}.section-heading p{max-width:410px;margin:0;color:var(--muted);font-size:13px;line-height:1.7}.services{padding-top:69px;padding-bottom:24px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{border:1px solid var(--line);border-radius:14px;padding:26px;box-shadow:0 12px 35px #1532500b;min-height:260px;display:flex;flex-direction:column}.service-icon{width:56px;height:56px;border-radius:12px;display:grid;place-items:center;color:white;font-size:28px;font-weight:800;margin-bottom:18px}.blue-i{background:#e6f2ff;color:#056ec8}.green-i{background:#dff9ee;color:#14a079}.orange-i{background:#fff0e4;color:#db7636}.service-card h3{font-family:Manrope,Arial,sans-serif;color:#153650;font-size:19px;margin:0 0 11px;letter-spacing:-.02em}.service-card p{font-size:14px;line-height:1.7;color:#63778a;margin:0 0 22px}.text-link{margin-top:auto;align-self:flex-start;border:0;background:none;padding:0;color:#0878c8;font-size:13px;font-weight:800}.text-link span{padding-left:4px}.text-link:hover{text-decoration:underline}.promo{margin-top:35px;margin-bottom:73px;display:grid;grid-template-columns:1.6fr 1fr;gap:20px}.promo-main{border-radius:14px;background:linear-gradient(125deg,#e5f6fa,#f2fbfa);padding:33px 37px}.promo h2{font-size:28px}.promo p{line-height:1.7;color:#617a86;font-size:14px;max-width:650px}.promo-list{display:flex;flex-direction:column;justify-content:center;gap:13px;background:#f8fafc;border-radius:14px;border:1px solid var(--line);padding:30px}.promo-list strong{font-size:15px;color:#133b57;margin-bottom:8px}.promo-list span{font-size:14px;color:#51697f}.offers-wrap{background:#f3f7fb;padding:68px 0 74px}.filter-bar{display:flex;gap:9px;margin-bottom:21px}.filter{border:1px solid #d7e3ec;color:#34637e;background:white;border-radius:100px;padding:9px 16px;font-size:13px;font-weight:700}.filter.active{background:#0b5b96;color:white;border-color:#0b5b96}.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.offer{background:white;border-radius:13px;overflow:hidden;border:1px solid #dce7ef;box-shadow:0 7px 25px #18395b09;display:flex;flex-direction:column}.offer[hidden]{display:none}.offer-art{height:150px;display:flex;align-items:center;justify-content:center;position:relative}.offer-art svg{width:80%;max-height:122px}.offer-art>span{position:absolute;left:14px;top:14px;background:#fff9;border:1px solid #ffffffa5;border-radius:4px;font-size:9px;font-weight:800;letter-spacing:.08em;padding:5px 8px;color:#1c5376}.art-one{background:linear-gradient(125deg,#dceaf4,#95bdd1)}.art-two{background:linear-gradient(125deg,#e4fcfa,#a7e6d9)}.art-three{background:linear-gradient(125deg,#fff1e4,#ffcf9c)}.offer-body{padding:20px;display:flex;flex-direction:column;flex:1}.tag{font-size:10px;color:#0f7ab3;font-weight:800;letter-spacing:.06em}.tag.teal{color:#129b84}.offer h3{margin:8px 0 8px;font-size:17px;line-height:1.38;color:#133653}.offer p{margin:0 0 18px;color:#687e92;font-size:13px;line-height:1.65}.process{padding-top:75px;padding-bottom:80px}.process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}.process-grid>div{border:1px solid #d9e7f0;border-radius:12px;padding:19px 16px 22px;display:flex;flex-direction:column;gap:10px;background:#fbfdff;position:relative}.process-grid>div:not(:last-child)::after{content:'→';position:absolute;right:-15px;top:40%;z-index:2;color:#1582cf;font-size:23px;font-weight:800}.process-grid b{color:#168cd0;font-size:22px}.process-grid strong{font-size:14px}.process-grid span{font-size:12px;color:#718495;line-height:1.5}.products{background:linear-gradient(118deg,#062842,#13476a);color:white}.product-inner{padding-top:58px;padding-bottom:58px;display:grid;grid-template-columns:1.5fr 1fr;gap:45px;align-items:center}.product-inner h2{color:white}.product-inner p{color:#d9e9f2;line-height:1.75;font-size:14px;max-width:630px}.product-pills{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.product-pills span{padding:16px;background:#ffffff15;border:1px solid #ffffff2c;border-radius:10px;text-align:center;font-size:13px;font-weight:700}.contact{padding-top:70px;padding-bottom:70px;display:flex;justify-content:space-between;gap:40px;align-items:center}.contact p{font-size:14px;color:#728496;line-height:1.7;max-width:720px}.footer{border-top:1px solid #e1e9f0;background:#f7f9fc;padding:27px 0;color:#617a8e}.footer-inner{display:flex;justify-content:space-between;gap:35px}.footer-inner strong{color:#164568;letter-spacing:-.04em}.footer-inner strong span{font-size:11px}.footer-inner p{font-size:12px;margin:6px 0}.footer-inner>div:last-child{text-align:right}dialog{border:0;border-radius:18px;padding:0;width:min(540px,calc(100% - 24px));max-height:calc(100% - 32px);overflow:auto;box-shadow:0 25px 90px #071d3766}dialog::backdrop{background:#071d37b5}#inquiry-form{padding:30px}#inquiry-form label{display:block;font-weight:700;font-size:13px;color:#244761;margin:15px 0}#inquiry-form input,#inquiry-form select,#inquiry-form textarea{width:100%;border:1px solid #ccdae6;padding:12px;border-radius:8px;margin-top:7px;color:#1b415e;background:#fff}#inquiry-form textarea{resize:vertical}.dialog-top{display:flex;justify-content:space-between;align-items:start}.dialog-top h2{margin:7px 0 0;font-family:Manrope,Arial,sans-serif}.close{background:#eff3f8;border:0;border-radius:8px;width:34px;height:34px}.form-disclaimer{padding:13px 14px;background:#edf7ff;border-radius:9px;color:#3d6988;font-size:12px;line-height:1.6}.form-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:18px}.form-result{font-size:13px;color:#156d53;min-height:18px}
@media(max-width:1040px){.nav{gap:13px}.nav a{font-size:12px}.top-cta{display:none}.brand{min-width:196px}.hero{min-height:510px}.hero h1{font-size:47px}}@media(max-width:760px){.container{width:min(100% - 34px,560px)}.demo-notice{font-size:10px;gap:7px;line-height:1.4}.header-inner{min-height:69px}.brand{min-width:0}.brand strong{font-size:20px}.menu-toggle{margin-left:auto;border:1px solid #e0e9f2;border-radius:8px;background:white;color:#13567d;font-size:24px;width:43px;height:43px;display:block}.nav{display:none;position:absolute;left:0;right:0;top:100%;padding:20px 24px;background:white;box-shadow:0 15px 22px #092b491c;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:12px;font-size:14px;border-bottom:1px solid #e8eef3}.hero{min-height:590px}.hero-shade{background:linear-gradient(90deg,#041a34f2,#09283bc4)}.hero-content{padding:65px 0}.hero h1{font-size:clamp(32px,8vw,43px)}.hero p{font-size:15px;line-height:1.6}.hero-actions{flex-direction:column;align-items:stretch;max-width:360px}.button{min-height:47px}.button small{display:inline;font-size:10px;margin-left:5px}.hero-trust{gap:8px 16px;font-size:11px}.section-heading{align-items:start;flex-direction:column}.service-grid,.offer-grid{grid-template-columns:1fr}.service-card{min-height:0}.services{padding:52px 0 10px}.promo{margin-top:28px;margin-bottom:55px;grid-template-columns:1fr}.promo-main,.promo-list{padding:27px}.promo h2{font-size:26px}.offers-wrap{padding:54px 0}.offer-grid{gap:15px}.offer-art{height:160px}.process{padding:60px 0}.process-grid{grid-template-columns:repeat(2,1fr)}.process-grid>div:not(:last-child)::after{display:none}.process-grid>div:last-child{grid-column:span 2}.product-inner{grid-template-columns:1fr;padding:48px 0;gap:20px}.contact{padding:54px 0;flex-direction:column;align-items:start;gap:12px}.footer-inner{flex-direction:column;gap:10px}.footer-inner>div:last-child{text-align:left}}@media(min-width:761px) and (max-width:940px){.service-grid,.offer-grid{gap:12px}.service-card{padding:21px}.promo{grid-template-columns:1.2fr 1fr}.process-grid{grid-template-columns:repeat(3,1fr)}.process-grid>div:not(:last-child)::after{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* J&N Biz Connect: naziv brenda je duži od prethodnog; prilagođavanje zaglavlja */
.brand strong{font-size:clamp(17px,2vw,23px);white-space:nowrap}.brand{min-width:250px}
@media(max-width:1040px){.brand{min-width:235px}}
@media(max-width:760px){.brand{min-width:0}.brand strong{font-size:18px}.brand small{font-size:10px}}