/* KB VEKTOR / Website v1 */
:root{--navy:#12323e;--navy2:#193f4d;--ink:#17333e;--text:#49616a;--muted:#748990;--line:#dce7e6;--mist:#f3f7f5;--ice:#e8f1ee;--teal:#147b80;--lime:#8ee0cb;--white:#fff;--shadow:0 22px 70px rgba(20,60,67,.09);--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}img,svg{max-width:100%}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}.container{max-width:var(--max);padding:0 32px;margin:0 auto}.skip{position:absolute;left:10px;top:-90px;z-index:99;padding:10px 20px;background:#fff}.skip:focus{top:5px}
.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.95);border-bottom:1px solid #edf1f0;backdrop-filter:blur(17px)}.header-inner{min-height:91px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-mark{width:45px;height:45px}.brand-main{font-size:22px;letter-spacing:.025em;font-weight:820;line-height:1;display:block}.brand-desc{margin-top:5px;display:block;font-size:9px;font-weight:750;letter-spacing:.19em;color:#60808a}.nav{display:flex;align-items:center;gap:37px}.nav a{font-size:13px;font-weight:680;color:#435c64;transition:color .2s}.nav a:hover,.nav a[aria-current=page]{color:var(--teal)}.nav .nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;border-radius:6px;border:1px solid var(--navy);background:var(--navy);color:#fff;font-weight:750;font-size:13px;padding:16px 22px;transition:transform .2s,background .2s,color .2s,box-shadow .2s}.nav .nav-cta{color:#fff;padding:13px 17px}.btn:hover,.nav .nav-cta:hover{background:var(--teal);border-color:var(--teal);color:#fff;transform:translateY(-2px)}.btn-secondary{background:transparent;color:var(--navy);border-color:#b9d0d0}.btn-secondary:hover{color:#fff}.btn-light{background:#fff;color:var(--navy);border-color:#fff}.btn-light:hover{background:var(--lime);color:var(--navy);border-color:var(--lime)}.btn-arrow{font-size:17px;font-weight:400}.menu-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 12px;color:var(--navy);font-size:23px;line-height:1}
.eyebrow{display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.22em;font-size:11px;font-weight:800;color:var(--teal)}.eyebrow:before{content:"";height:2px;width:28px;background:var(--teal)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,4.5vw,64px);line-height:1.085;letter-spacing:-.052em;font-weight:800}h2{font-size:clamp(30px,3.1vw,43px);line-height:1.14;letter-spacing:-.045em;font-weight:790}h3{font-size:19px;letter-spacing:-.03em;line-height:1.26}p{color:var(--text);line-height:1.78}strong{color:var(--ink)}.lead{font-size:17px;line-height:1.75;max-width:565px;color:#536973}.section{padding:110px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:42px;margin-bottom:48px}.section-head h2{margin:17px 0 0;max-width:690px}.section-head p{max-width:360px;margin:0}.muted{color:var(--muted)}.link-more{display:inline-flex;align-items:center;gap:12px;color:var(--teal);font-weight:780;font-size:13px}.link-more:after{content:'↗';font-size:20px}.link-more:hover{text-decoration:underline}.tag{display:inline-flex;padding:7px 10px;align-items:center;gap:5px;background:#e9f4f0;border-radius:4px;color:#3d7172;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.hero{background:linear-gradient(115deg,#fff 0%,#fff 44%,#f5f9f7 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1.035fr;align-items:center;min-height:640px;gap:42px}.hero-copy{padding:62px 0 84px;position:relative;z-index:1}.hero-copy .eyebrow{margin-bottom:26px}.hero-copy h1{max-width:610px;margin-bottom:25px}.hero-copy h1 span{color:var(--teal)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.hero-note{display:flex;gap:20px;align-items:center;margin-top:53px;border-top:1px solid #dce8e7;padding-top:23px;max-width:515px}.hero-note strong{font-size:11px;letter-spacing:.14em;text-transform:uppercase}.hero-note span{font-size:12px;color:#779096}.hero-visual{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;margin-right:-65px}.hero-art{border:1px solid #dfeae7;box-shadow:var(--shadow);width:100%;max-width:650px;background:#edf3f1;display:block}.floating-info{position:absolute;bottom:52px;left:-33px;padding:17px 22px;background:#fff;box-shadow:0 14px 42px rgba(17,59,69,.12);border-left:3px solid var(--teal)}.floating-info b{font-size:12px;display:block;margin-bottom:5px}.floating-info span{font-size:11px;color:#7e9197}.strip{background:var(--navy);color:#fff}.strip-inner{display:grid;grid-template-columns:repeat(3,1fr);padding-top:27px;padding-bottom:27px}.strip-item{display:flex;align-items:center;gap:20px;padding:5px 26px;border-right:1px solid #46616b}.strip-item:first-child{padding-left:0}.strip-item:last-child{border-right:none}.strip-num{font-size:14px;color:var(--lime);font-weight:800;letter-spacing:.12em}.strip-title{font-size:12px;letter-spacing:.08em;font-weight:730}
.services-section{background:#fff}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.service{border:1px solid var(--line);padding:35px;min-height:262px;position:relative;background:#fff;transition:transform .2s,box-shadow .2s,border .2s}.service:hover{transform:translateY(-3px);border-color:#accfc9;box-shadow:var(--shadow)}.service-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.service-icon{display:inline-grid;place-items:center;background:#eaf3f1;border-radius:8px;width:56px;height:56px;color:var(--teal)}.service-icon svg{width:29px;height:29px}.service-number{font-size:12px;font-weight:750;color:#9bafb3}.service h3{margin-bottom:11px}.service p{font-size:13px;margin:0;max-width:430px}.service .link-more{margin-top:21px}
.process{background:var(--mist)}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.step{border-top:2px solid #a4c6c2;padding-top:24px}.step small{display:block;font-size:13px;color:var(--teal);font-weight:850;margin-bottom:26px}.step h3{margin-bottom:13px}.step p{font-size:13px;max-width:330px;margin:0}.feature{background:var(--navy);color:#fff;overflow:hidden}.feature .feature-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}.feature .eyebrow{color:var(--lime)}.feature .eyebrow:before{background:var(--lime)}.feature h2{color:#fff;margin:20px 0 24px}.feature p{color:#bfd0d3;max-width:540px}.feature-points{margin:29px 0 35px;padding:0;list-style:none}.feature-points li{font-size:13px;font-weight:620;border-bottom:1px solid rgba(255,255,255,.12);padding:13px 0;display:flex;gap:14px;color:#e8f1f1}.feature-points li:before{content:'✓';color:var(--lime);font-weight:800}.feature-drawing{position:relative;padding:45px 0}.feature-drawing img{width:100%;border:9px solid rgba(255,255,255,.08);display:block}.feature-stamp{position:absolute;bottom:20px;right:-15px;background:var(--lime);color:var(--navy);font-size:11px;font-weight:800;letter-spacing:.11em;padding:17px 20px}
.projects{background:#fff}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-card{background:var(--mist);border:1px solid #e5eded;overflow:hidden}.project-card img{display:block;width:100%;aspect-ratio:1.57;object-fit:cover}.project-content{padding:26px}.project-content small{font-size:10px;font-weight:780;color:var(--teal);letter-spacing:.14em;text-transform:uppercase}.project-content h3{font-size:18px;margin:13px 0 10px}.project-content p{font-size:12px;margin:0}.project-note{font-size:12px;color:#7b9297;margin-top:21px}.cta-area{padding:80px 0;background:#eaf3f0}.cta-grid{display:flex;justify-content:space-between;align-items:center;gap:45px}.cta-grid h2{margin:16px 0 0;max-width:690px}.cta-grid p{margin:12px 0 0;font-size:14px}.cta-grid .btn{flex-shrink:0}
.footer{background:#0d2935;color:#fff;padding:68px 0 24px}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr .8fr;gap:85px;padding-bottom:67px}.footer .brand-main,.footer .brand-desc{color:#fff}.footer p{font-size:13px;color:#a5bac0;max-width:350px;margin:25px 0 0}.footer h4{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:#94c8c5;margin:0 0 21px}.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.footer-links a{color:#cbdcde;font-size:13px}.footer-links a:hover{color:#8ee0cb}.footer-bottom{padding-top:24px;border-top:1px solid #31505c;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#92aab1}
.subhero{background:var(--mist);padding:90px 0 87px;border-bottom:1px solid #dce8e6}.subhero h1{font-size:clamp(39px,4.1vw,56px);max-width:850px;margin:21px 0}.subhero p{font-size:16px;max-width:730px;margin:0}.breadcrumbs{margin-bottom:27px;color:#71898d;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.breadcrumbs a:hover{color:var(--teal)}.breadcrumbs span{padding:0 10px}.service-detailed{display:grid;grid-template-columns:1fr 1fr;gap:36px 80px}.service-detail{padding:24px 0 42px;border-bottom:1px solid var(--line)}.service-detail small{color:var(--teal);font-weight:850;font-size:12px}.service-detail h2{font-size:26px;margin:16px 0}.service-detail p{font-size:14px}.check-list{list-style:none;margin:22px 0 0;padding:0}.check-list li{padding:9px 0;font-size:13px;color:#4e6771}.check-list li:before{content:'→';color:var(--teal);font-weight:800;padding-right:12px}.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:start}.about-grid h2{margin-bottom:27px}.about-grid p{font-size:15px}.about-panel{padding:42px;background:var(--mist);border:1px solid var(--line)}.about-panel .label{font-size:10px;text-transform:uppercase;letter-spacing:.19em;color:var(--teal);font-weight:800}.about-panel h3{font-size:24px;margin:18px 0 23px}.about-panel ul{list-style:none;padding:0;margin:0}.about-panel li{padding:17px 0;border-top:1px solid #d4e2df;font-size:14px;font-weight:640}.about-panel li span{color:var(--teal);margin-right:12px}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.contact-aside h2{font-size:33px}.contact-aside p{font-size:14px}.contact-detail{padding:22px 0;border-top:1px solid var(--line)}.contact-detail small{display:block;font-size:10px;color:var(--teal);letter-spacing:.15em;text-transform:uppercase;font-weight:800;margin-bottom:8px}.contact-detail a{font-weight:730}.contact-card{padding:40px;background:var(--mist);border:1px solid var(--line)}.contact-card h3{margin-bottom:9px}.contact-card p{font-size:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:8px}.field.wide{grid-column:1/-1}.field label{font-size:12px;font-weight:750}.field input,.field select,.field textarea{width:100%;padding:13px 14px;border:1px solid #cbdcdb;background:#fff;border-radius:4px;color:#203f48;outline:0;transition:border .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(20,123,128,.12)}.field textarea{min-height:155px;resize:vertical}.form-note{font-size:11px!important;color:#748a8f;margin:16px 0 23px}.form-status{font-size:13px;color:var(--teal);margin-top:12px}.no-js{display:none}.notfound{text-align:center;padding:130px 20px}.notfound h1{font-size:85px;margin:0;color:var(--teal)}
@media(max-width:1080px){.nav{gap:21px}.nav a{font-size:12px}.header-inner{gap:20px}.hero-visual{margin-right:-32px}.feature .feature-grid{gap:35px}.footer-grid{gap:35px}}
@media(max-width:860px){.container{padding:0 24px}.header-inner{min-height:75px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:74px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:15px 24px 24px;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.nav.is-open{display:flex}.nav a{padding:14px 8px;font-size:14px}.nav .nav-cta{margin-top:10px;justify-content:center}.hero-grid{grid-template-columns:1fr;gap:0}.hero-copy{padding:65px 0 34px}.hero-visual{margin-right:0;max-height:500px;align-self:auto}.hero-art{max-width:640px}.floating-info{left:10px;bottom:25px}.strip-inner{grid-template-columns:1fr 1fr 1fr}.strip-item{padding:6px 14px}.strip-title{font-size:10px}.section{padding:78px 0}.section-head{align-items:start;flex-direction:column;gap:15px}.service-grid,.service-detailed{gap:15px}.feature .feature-grid{grid-template-columns:1fr}.feature-drawing{max-width:580px}.project-grid{gap:12px}.project-content{padding:19px}.project-content h3{font-size:16px}.project-content p{font-size:12px}.about-grid,.contact-grid{grid-template-columns:1fr;gap:40px}.footer-grid{grid-template-columns:1.2fr 1fr 1fr;gap:24px}}
@media(max-width:620px){.container{padding:0 20px}.brand-mark{width:40px;height:40px}.brand-main{font-size:19px}.brand-desc{font-size:8px}.hero-copy{padding:55px 0 30px}.hero-copy h1{font-size:clamp(36px,10vw,50px)}.lead{font-size:15px}.hero-actions .btn{width:100%}.hero-note{margin-top:34px;gap:11px;flex-direction:column;align-items:start}.floating-info{bottom:14px;left:9px;padding:11px 13px}.strip-inner{grid-template-columns:1fr;padding-top:13px;padding-bottom:13px}.strip-item{border-right:0;border-bottom:1px solid #3c5863;padding:12px 0}.strip-item:last-child{border-bottom:0}.section{padding:64px 0}.section-head{margin-bottom:32px}.service-grid,.service-detailed,.project-grid,.process-grid{grid-template-columns:1fr}.service{min-height:auto;padding:26px}.process-grid{gap:25px}.step{padding-top:20px}.step small{margin-bottom:14px}.feature .feature-grid{gap:9px}.feature-stamp{right:0}.cta-grid{align-items:flex-start;flex-direction:column;gap:24px}.cta-grid .btn{width:100%}.footer{padding-top:56px}.footer-grid{grid-template-columns:1fr 1fr;gap:36px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column}.subhero{padding:62px 0}.subhero h1{font-size:37px}.contact-card,.about-panel{padding:23px}.form-grid{grid-template-columns:1fr}.contact-aside h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}


/* KB VEKTOR v2 – dopolnitve obstoječe vizualne identitete */
:root{--max:1200px}
html{scroll-padding-top:100px}
[id]{scroll-margin-top:108px}
.hero-copy h1{font-size:clamp(36px,3.8vw,55px);letter-spacing:-.037em;line-height:1.12;max-width:690px}
.hero-tagline{font-size:clamp(21px,2.1vw,29px);font-weight:750;letter-spacing:-.03em;color:var(--navy);margin:-1px 0 16px;line-height:1.28}
.hero-copy .lead{font-size:15px;line-height:1.74}
.hero-copy{padding-top:54px;padding-bottom:70px}
.hero-grid{grid-template-columns:1.075fr .925fr;min-height:640px}
.hero-note{margin-top:36px;gap:12px;align-items:flex-start;flex-direction:column}
.hero-note strong{font-size:11px}.hero-note span{line-height:1.5}
.hero-visual{margin-right:-45px}
.offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.offer-card{display:flex;flex-direction:column;border:1px solid var(--line);background:#fff;min-width:0;transition:box-shadow .2s,transform .2s}
.offer-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.offer-figure{aspect-ratio:1.75;background:var(--mist);overflow:hidden;border-bottom:1px solid var(--line)}
.offer-figure img{width:100%;height:100%;object-fit:cover;display:block}
.offer-content{padding:25px 24px 28px;display:flex;flex-direction:column;flex:1}
.offer-meta{font-size:10px;letter-spacing:.13em;font-weight:800;color:var(--teal);margin-bottom:14px}
.offer-card h3{font-size:21px;line-height:1.3;margin:0 0 15px}
.offer-card h3 a:hover{color:var(--teal)}
.offer-content p{font-size:13px;line-height:1.72;margin-bottom:10px}
.offer-content .check-list{margin:7px 0 25px}
.offer-content .check-list li{padding:7px 0;font-size:12px;line-height:1.55}
.offer-content .link-more{margin-top:auto}
.process-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.flow-step{border-top:2px solid #a4c6c2;padding-top:20px}
.flow-step small,.choice-grid>div>span{display:block;color:var(--teal);font-size:11px;font-weight:820;letter-spacing:.05em;margin-bottom:16px}
.flow-step h3{font-size:17px;line-height:1.4;margin:0 0 10px}
.flow-step p{font-size:12px;line-height:1.7;margin:0}
.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.choice-grid>div{background:var(--mist);border:1px solid var(--line);padding:28px}
.choice-grid h3{font-size:19px;margin:0 0 12px}
.choice-grid p{font-size:13px;line-height:1.7;margin:0}
.section-action{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-top:33px}
.split-detail{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px}
.split-detail h2{margin:18px 0 25px}.split-detail p{font-size:14px}
.split-detail .check-list{margin-top:22px}
.detail-image{border:1px solid var(--line);background:var(--mist);padding:18px}
.detail-image img{display:block;width:100%;max-height:485px;object-fit:contain}
.detail-image small{display:block;font-size:10px;letter-spacing:.11em;color:var(--muted);margin-top:18px;font-weight:750}
.note-panel{padding:23px 27px;background:#e9f3f0;border-left:3px solid var(--teal);margin-top:32px}
.note-panel strong{display:block;font-size:14px;margin-bottom:5px}
.note-panel p{font-size:13px;margin:0;line-height:1.7}
.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.experience-lead{background:#fff;border:1px solid var(--line);padding:35px}
.experience-lead h3{font-size:26px;margin:15px 0}
.experience-lead p{font-size:14px}
.mini-overline{color:var(--teal);font-size:11px;letter-spacing:.14em;font-weight:800}
.experience-list .check-list{margin:0}
.experience-list .check-list li{font-size:14px;padding:13px 0;border-bottom:1px solid #d7e6e3}
.notice{background:var(--mist);border-left:3px solid var(--teal);padding:20px 25px;margin-bottom:35px}
.notice strong{font-size:15px}.notice p{margin:6px 0 0;font-size:13px}
.concept-grid{row-gap:24px}
.footer-location{color:#cbdcde;font-size:13px}
.subhero h1{max-width:940px;font-size:clamp(38px,4vw,55px);line-height:1.13}
.contact-aside>.note-panel{margin-top:22px}
.contact-grid{gap:65px}
@media(max-width:1100px){
.hero-grid{grid-template-columns:1fr 1fr;gap:22px}
.hero-visual{margin-right:-25px}
.offer-grid{gap:12px}.offer-content{padding:21px}
.offer-card h3{font-size:19px}
.process-flow{grid-template-columns:repeat(3,1fr)}
.split-detail{gap:35px}
}
@media(max-width:860px){
.hero-grid{grid-template-columns:1fr;gap:0}
.hero-visual{margin:0 auto 40px;width:100%;max-width:660px;max-height:none}
.hero-art{max-width:100%}.hero-copy{padding:57px 0 25px}
.offer-grid{grid-template-columns:1fr 1fr}
.offer-card:last-child{grid-column:1/-1}
.choice-grid{grid-template-columns:1fr 1fr}
.choice-grid>div:last-child{grid-column:1/-1}
.split-detail,.experience-grid{grid-template-columns:1fr;gap:35px}
}
@media(max-width:620px){
.hero-copy h1{font-size:clamp(34px,9vw,44px);letter-spacing:-.035em}
.hero-tagline{font-size:23px;margin-top:4px}
.hero-copy .lead{font-size:14px}
.hero-visual{margin-bottom:25px}
.offer-grid,.choice-grid,.process-flow{grid-template-columns:1fr}
.offer-card:last-child,.choice-grid>div:last-child{grid-column:auto}
.offer-content{padding:22px}.offer-card h3{font-size:20px}
.flow-step h3{font-size:18px}
.choice-grid>div{padding:23px}
.section-action>.btn{width:100%}
.split-detail h2{font-size:30px}
.experience-lead{padding:23px}
.contact-grid{gap:32px}
.subhero h1{font-size:clamp(34px,9vw,41px)}
}