75rem; font-weight:600; color:var(--white) !important; background:var(--accent); padding:.6rem 1.25rem; border-radius:var(--r); border:2px solid var(--accent); transition:var(--t) var(--ease); } .nav-cta:hover { background:var(--accent-h); border-color:var(--accent-h); transform:translateY(-1px); } .nav-burger { display:none; flex-direction:column; gap:5px; padding:6px; cursor:pointer; background:none; border:none; } .nav-burger span { display:block; width:24px; height:2px; background:var(--white); border-radius:2px; transition:var(--t); } .nav.scrolled .nav-burger span { background:var(--dark); } /* ── MOBILE NAV OVERLAY ── */ .mobile-nav { display:none; position:fixed; inset:0; background:var(--white); z-index:1200; flex-direction:column; padding:1.5rem; gap:2rem; } .mobile-nav.open { display:flex; } .mobile-nav-header { display:flex; align-items:center; justify-content:space-between; } .mobile-nav-links { display:flex; flex-direction:column; gap:.25rem; flex:1; } .mobile-nav-link { font-size:1.75rem; font-weight:800; letter-spacing:-.04em; color:var(--text); padding:.75rem 0; border-bottom:1px solid var(--border); transition:color var(--t); } .mobile-nav-link:hover { color:var(--accent); }07); border-color:rgba(0,0,0,.13); border-top-color:var(--c, var(--accent)); } .method-icon { width:34px; height:34px; color:var(--c, var(--accent)); margin-bottom:.875rem; opacity:.85; } .method-title { font-size:1.2rem; font-weight:800; letter-spacing:-.03em; color:var(--dark); margin-bottom:.5rem; } .method-desc { font-size:.845rem; color:var(--text-2); line-height:1.65; margin-bottom:1.375rem; } .method-cta { display:inline-flex; align-items:center; gap:5px; font-size:.775rem; font-weight:500; letter-spacing:.055em; color:var(--c, var(--accent)); margin-top:auto; transition:gap var(--t) var(--ease); } .method-cta span { border-bottom:1px solid transparent; transition:border-color var(--t) var(--ease); padding-bottom:1px; } .method-cta svg { opacity:.4; transition:opacity var(--t) var(--ease), transform var(--t) var(--ease); } .method-cta:hover { gap:8px; } .method-cta:hover span { border-color:currentColor; } .method-cta:hover svg { opacity:.75; transform:translateX(2px); } .mc-lean { --c: var(--lean); } .mc-sigma { --c: var(--sigma); } .mc-lss { --c: var(--lss); } .mc-ps { --c: var(--ps); } /* ── TRAININGS + PROG CARDS ── */ .trainings { background:var(--bg); padding-top: 3.5rem; } .prog-card { --cc: var(--accent); --cc-pill: rgba(26,94,142,.1); background: var(--white); border: 1px solid var(--border); border-radius: var(--r-xl); padding: 1.875rem 1.75rem 1.625rem; display: flex; flex-direction: column; position: relative; overflow: hidden; cursor: default; transition: transform var(--t) var(--ease), box-shadow var(--t) var(--ease), border-color var(--t) var(--ease); } .prog-card::after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--cc); border-radius: var(--r-xl) 0 0 var(--r-xl); transform: scaleY(0); transform-origin: bottom; transition: transform var(--t-slow) var(--ease); } .prog-card:hover { transform: translateY(-6px); box-shadow: 0 20px 56px rgba(0,0,0,.11), 0 4px 14px rgba(0,0,0,.06); border-color: transparent; } .prog-card:hover::after { transform: scaleY(1); } .pc-sigma { --cc: var(--sigma); --cc-pill: rgba(27,102,66,.1); background: linear-gradient(160deg,#F2FAF5,#EAF4EE); border-color: rgba(27,102,66,.14); } .pc-lean { --cc: var(--lean); --cc-pill: rgba(26,94,142,.1); background: linear-gradient(160deg,#EEF5FC,#E5EEF8); border-color: rgba(26,94,142,.14); } .pc-lss { --cc: var(--lss); --cc-pill: rgba(74,63,136,.1); background: linear-gradient(160deg,#F2F0FC,#E9E7F5); border-color: rgba(74,63,136,.14); } .pc-ps { --cc: var(--ps); --cc-pill: rgba(122,75,40,.1); background: linear-gradient(160deg,#FBF5F0,#F4EDE5); border-color: rgba(122,75,40,.14); } .pc-header { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 1.125rem; gap: .75rem; } .pc-icon { width: 40px; height: 40px; color: var(--cc); flex-shrink: 0; } .pc-badge { font-size: .66rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; color: var(--cc); background: rgba(255,255,255,.9); padding: .28rem .72rem; border-radius: 20px; border: 1px solid rgba(0,0,0,.08); white-space: nowrap; line-height: 1.4; } .pc-title { font-size: 1.4rem; font-weight: 800; letter-spacing: -.035em; line-height: 1.15; color: var(--dark); margin-bottom: .5rem; } .pc-desc { font-size: .855rem; color: var(--text-2); line-height: 1.62; margin-bottom: 1.625rem; } .pc-pills { display: flex; flex-direction: column; gap: .35rem; margin-bottom: 1.5rem; } .pc-pill { font-size: .75rem; font-weight: 600; letter-spacing: -.005em; color: var(--cc); background: var(--cc-pill); padding: .3rem .78rem; border-radius: 6px; border: 1px solid rgba(0,0,0,.06); transition: background 200ms var(--ease); } .prog-card:hover .pc-pill { background: rgba(255,255,255,.88); } .pc-cta { display: inline-flex; align-items: center; gap: 6px; font-size: .8rem; font-weight: 500; letter-spacing: .05em; color: var(--cc); margin-top: auto; transition: gap var(--t) var(--ease); } .pc-cta span { border-bottom: 1px solid transparent; transition: border-color var(--t) var(--ease); padding-bottom: 1px; } .pc-cta svg { opacity: .45; transition: opacity var(--t) var(--ease), transform var(--t) var(--ease); } .pc-cta:hover { gap: 8px; } .pc-cta:hover span { border-color: currentColor; } .pc-cta:hover svg { opacity: .8; transform: translateX(2px); } .trainings-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1.5rem; } .training-card { background:var(--bg); border:1px solid var(--border); border-left:4px solid var(--c, var(--accent)); border-radius:var(--r-lg); padding:2rem; display:flex; flex-direction:column; transition:transform var(--t) var(--ease), box-shadow var(--t) var(--ease), background var(--t) var(--ease); } grid; grid-template-columns:repeat(3,1fr); gap:.875rem; } .tool-card { background:var(--white); border:1px solid rgba(0,0,0,.12); border-radius:6px; padding:1.375rem; display:flex; flex-direction:column; box-shadow:0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04); transition:border-color var(--t) var(--ease), box-shadow var(--t) var(--ease), transform var(--t) var(--ease); } .tool-card:hover { border-color:rgba(0,0,0,.22); box-shadow:0 6px 20px rgba(0,0,0,.1), 0 2px 6px rgba(0,0,0,.06); transform:translateY(-2px); } .tool-icon { width:20px; height:20px; color:#5A6475; margin-bottom:.875rem; flex-shrink:0; } .tool-title { font-size:.875rem; font-weight:700; color:var(--dark); margin-bottom:.3rem; } .tool-desc { font-size:.795rem; color:var(--text-2); line-height:1.55; margin-bottom:.875rem; flex:1; } .tool-badges { display:flex; gap:.275rem; flex-wrap:wrap; margin-bottom:.875rem; } .tool-badge { font-size:.6rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; padding:.15rem .375rem; background:transparent; color:#7A8394; border:1px solid rgba(0,0,0,.12); border-radius:2px; } .btn-dl { display:inline-flex; align-items:center; gap:.35rem; margin-top:auto; font-size:.775rem; font-weight:600; color:var(--accent); transition:gap var(--t) var(--ease); } .btn-dl svg { opacity:.65; transition:opacity var(--t) var(--ease), transform var(--t) var(--ease); } .btn-dl:hover { gap:.6rem; } .btn-dl:hover svg { opacity:1; transform:translateY(1px); } .tool-catalog-cta { margin-top:2rem; text-align:center; } .btn-tool-catalog { display:inline-flex; align-items:center; gap:.5rem; font-size:.825rem; font-weight:600; color:var(--accent); border:1px solid rgba(26,94,142,.22); border-radius:5px; padding:.5rem 1.25rem; transition:border-color var(--t) var(--ease), background var(--t) var(--ease); } .btn-tool-catalog:hover { border-color:rgba(26,94,142,.5); background:rgba(26,94,142,.04); } .btn-tool-catalog svg { opacity:.6; transition:opacity var(--t) var(--ease), transform var(--t) var(--ease); } .btn-tool-catalog:hover svg { opacity:1; transform:translateX(3px); } /* ── REFERENCE ── */ .reference { background:var(--white); } .ref-partners { padding:2rem 0; border-top:1px solid rgba(0,0,0,.07); border-bottom:1px solid rgba(0,0,0,.07); margin-bottom:3rem; } .ref-partners-label { font-size:.65rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--text-3); text-align:center; margin-bottom:1.375rem; } .ref-tags { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:.625rem; } .ref-tag { display:inline-flex; align-items:center; height:36px; padding:0 1.125rem; font-size:.8rem; font-weight:600; color:#374151; letter-spacing:.005em; background:var(--white); border:1px solid rgba(0,0,0,.1); border-radius:5px; cursor:default; user-select:none; transition:border-color var(--t) var(--ease), background var(--t) var(--ease), color var(--t) var(--ease); } .ref-tag:hover { border-color:rgba(26,94,142,.28); background:rgba(26,94,142,.03); color:var(--accent); } .ref-stats-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; } .ref-stat-card { background:var(--bg); border:1px solid rgba(0,0,0,.08); border-radius:var(--r-lg); padding:1.875rem 1.5rem; display:flex; flex-direction:column; box-shadow:0 1px 4px rgba(0,0,0,.03); transition:box-shadow var(--t) var(--ease), border-color var(--t) var(--ease), transform var(--t) var(--ease); } .ref-stat-card:hover { box-shadow:0 6px 24px rgba(0,0,0,.07); border-color:rgba(0,0,0,.14); transform:translateY(-2px); } .ref-stat-num { font-size:2.5rem; font-weight:800; letter-spacing:-.04em; color:var(--dark); line-height:1; margin-bottom:.625rem; } .ref-stat-desc { font-size:.815rem; color:var(--text-2); line-height:1.5; } /* ── TESTIMONIALS ── */ .testimonials { background:var(--white); } .testimonials-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; } .testi-card { background:var(--bg); border:1px solid var(--border); border-radius:var(--r-lg); padding:2rem; transition:transform var(--t) var(--ease), box-shadow var(--t) var(--ease); display:flex; flex-direction:column; } .testi-card:hover { transform:translateY(-4px); box-shadow:var(--sh-md); } .testi-mark { font-size:3.5rem; font-weight:800; line-height:.9; color:var(--accent); opacity:.18; margin-bottom:.875rem; letter-spacing:-.05em; } .testi-text { font-size:.9rem; color:var(--text-2); line-height:1.7; font-style:italic; margin-bottom:1.5rem; flex:1; } .testi-footer { padding-top:1.125rem; border-top:1px solid var(--border); } .testi-name { font-size:.875rem; font-weight:700; margin-bottom:.2rem; } .testi-role { font-size:.78rem; color:var(--text-3); margin-bottom:.5rem; } .testi-tag { display:inline-block; font-size:.67rem; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:var(--accent); background:var(--accent-light); padding:.2rem .5rem; border-radius:2px; } /* ── CONTACT ── */ .contact { background:var(--bg); } .contact-grid { display:grid; grid-template-columns:1fr 1.65fr; gap:5rem; align-items:start; } .contact-info { position:sticky; top:100px; } .contact-name { font-size:1.5rem; font-weight:800; letter-spacing:-.03em; margin-bottom:.25rem; } .contact-company { font-size:.85rem; color:var(--text-2); line-height:1.5; margin-bottom:2rem; } .c-detail { display:flex; align-items:flex-start; gap:1rem; padding:1rem 0; border-bottom:1px solid var(--border); } .c-detail:last-of-type { border-bottom:none; margin-bottom:2rem; } .c-ico { width:16px; height:16px; flex-shrink:0; color:var(--accent); margin-top:3px; } .c-lbl { font-size:.67rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--text-3); margin-bottom:.2rem; } .c-val { font-size:.875rem; font-weight:500; } .c-val a { color:var(--accent); transition:color var(--t); } .c-val a:hover { color:var(--accent-h); } .form-card { background:var(--white); border:1px solid var(--border); border-radius:var(--r-xl); padding:2.5rem; box-shadow:var(--sh-md); } .form-grid2 { display:grid; grid-template-columns:1fr 1fr; gap:1rem; } .fg { display:flex; flex-direction:column; gap:.45rem; margin-bottom:1rem; } .fg.full { grid-column:1/-1; } .fl { font-size:.75rem; font-weight:700; letter-spacing:.06em; color:var(--text-2); } .fi, .fs, .ft { padding:.85rem 1rem; background:var(--bg); border:1.5px solid var(--border); border-radius:var(--r); font-size:.9375rem; color:var(--text); width:100%; transition:border-color var(--t) var(--ease), box-shadow var(--t) var(--ease), background var(--t) var(--ease); outline:none; } .fi:focus, .fs:focus, .ft:focus { border-color:var(--accent); background:var(--white); box-shadow:0 0 0 3px rgba(26,94,142,.1); } .fi::placeholder, .ft::placeholder { color:var(--text-3); } .ft { height:130px; resize:vertical; } .fs { cursor:pointer; appearance:none; background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%23909090' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 1rem center; padding-right:2.5rem; } .btn-submit { width:100%; padding:1rem; background:var(--accent); color:var(--white); border:none; border-radius:var(--r); font-size:1rem; font-weight:700; letter-spacing:-.01em; cursor:pointer; margin-top:.5rem; transition:background var(--t) var(--ease), transform var(--t) var(--ease), box-shadow var(--t) var(--ease); } .btn-submit:hover { background:var(--accent-h); transform:translateY(-1px); box-shadow:0 4px 20px rgba(26,94,142,.35); } .captcha-wrap { margin:.25rem 0 1rem; } .captcha-error { display:none; font-size:.78rem; color:var(--red); margin-top:.5rem; } .captcha-error.show { display:block; } .form-note { display:flex; align-items:center; justify-content:center; gap:.4rem; font-size:.75rem; color:var(--text-3); margin-top:.875rem; } .form-success { display:none; text-align:center; padding:3rem 2rem; } .form-success.show { display:block; } /* ── FOOTER ── */ .footer { background:var(--dark); padding-top:5rem; } .footer-top { display:grid; grid-template-columns:1.6fr repeat(3,1fr); gap:3rem; padding-bottom:4rem; border-bottom:1px solid var(--border-dark); } .footer-logo { font-size:1.5rem; font-weight:800; letter-spacing:-.04em; color:var(--white); margin-bottom:.625rem; } .footer-tag { font-size:.825rem; color:rgba(255,255,255,.38); line-height:1.55; margin-bottom:1.5rem; } .footer-col-title { font-size:.68rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.35); margin-bottom:1.25rem; } .footer-links { display:flex; flex-direction:column; gap:.625rem; } .footer-link { font-size:.85rem; color:rgba(255,255,255,.55); transition:color var(--t); } .footer-link:hover { color:var(--white); } .footer-ci { font-size:.85rem; color:rgba(255,255,255,.5); margin-bottom:.625rem; line-height:1.5; } .footer-ci a { color:rgba(255,255,255,.5); transition:color var(--t); } .footer-ci a:hover { color:var(--white); } .footer-social { display:flex; gap:.625rem; margin-top:1rem; } .footer-sl { width:34px; height:34px; border:1px solid var(--border-dark); border-radius:var(--r); display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,.4); transition:border-color var(--t), color var(--t), background var(--t); } .footer-sl:hover { border-color:var(--accent); color:var(--white); background:rgba(26,94,142,.2); } .footer-bottom { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1.5rem 0; font-size:.775rem; color:rgba(255,255,255,.25); } .footer-bottom a { color:rgba(255,255,255,.25); transition:color var(--t); } .footer-bottom a:hover { color:rgba(255,255,255,.6); } /* ── RESPONSIVE ── */ @media (max-width:1100px) { .method-grid, .tool-grid { grid-template-columns:repeat(2,1fr); } .footer-top { grid-template-columns:1fr 1fr; } } @media (max-width:900px) { .nav-links { display:none; } .nav-burger { display:flex; } .why-grid { grid-template-columns:1fr; gap:2.5rem; } .solutions { position:static; } .contact-grid { grid-template-columns:1fr; gap:2.5rem; } .contact-info { position:static; } } @media (max-width:768px) { .section { padding-block: 2.75rem 4rem; } .stats-grid { grid-template-columns:repeat(2,1fr); } .stat-item:nth-child(2) { border-right:none; } .stat-item:nth-child(3) { border-top:1px solid rgba(0,0,0,.07); } .trainings-grid, .testimonials-grid { grid-template-columns:1fr; } .tool-grid { grid-template-columns:repeat(2,1fr); } .ref-stats-grid { grid-template-columns:repeat(2,1fr); } .form-grid2 { grid-template-columns:1fr; } .footer-top { grid-template-columns:1fr; gap:2rem; } .footer-bottom { flex-direction:column; text-align:center; } } @media (max-width:480px) { .method-grid, .tool-grid { grid-template-columns:1fr; } .ref-stats-grid { grid-template-columns:1fr; } .hero-ctas { flex-direction:column; align-items:stretch; } .hero-ctas .btn { justify-content:center; } .stats-grid { grid-template-columns:1fr 1fr; } } <tyle>
onclick="closeMobileNav()">Metodologije Orodjarnica Reference Kontakt Rezerviraj posvetSix Sigma • Lean • Reševanje problemov
Praktična izobraževanja za podjetja, ki želijo manj izgub, boljše procese in merljive rezultate.