:root{--blue:#4059c7;--dark:#202630;--text:#333;--muted:#6b7280;--light:#f5f7fb;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);line-height:1.65;background:#fff}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.narrow{max-width:780px;text-align:center}.hero{min-height:720px;color:#fff;background:linear-gradient(90deg,rgba(10,15,25,.82),rgba(10,15,25,.35)),url('sitepad-data/themes/firstnotch/images/header-bg.jpg') center/cover no-repeat}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.brand,.menu a{color:#fff;text-decoration:none}.brand{font-size:20px}.brand strong{color:#8da0ff}.menu{display:flex;gap:28px}.menu a{font-size:14px}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:28px}.hero-inner{min-height:638px;display:flex;align-items:center}.hero-inner>div{max-width:610px}.hero h1{font-size:54px;line-height:1.08;margin:12px 0 22px;font-weight:500}.hero p{font-size:18px}.eyebrow{font-size:12px!important;letter-spacing:2.2px;font-weight:700;color:#b8c3ff}.eyebrow.dark{color:var(--blue)}.actions{display:flex;gap:14px;margin-top:30px}.btn{display:inline-block;border:0;background:var(--blue);color:#fff!important;text-decoration:none;padding:13px 24px;border-radius:2px;font-weight:700;cursor:pointer}.btn:hover{filter:brightness(.92)}.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.7)}.section{padding:92px 0}.intro h2,.section h2{font-size:36px;line-height:1.25;margin:8px 0 20px;font-weight:500}.intro p{font-size:17px;color:var(--muted)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.feature-img{width:100%;height:460px;object-fit:cover}.text p{color:var(--muted)}.alt{background:var(--light)}.services{color:#fff;background:linear-gradient(rgba(20,27,42,.9),rgba(20,27,42,.9)),url('sitepad-data/themes/firstnotch/images/service-bg.jpg') center/cover fixed}.section-head{text-align:center;max-width:720px;margin:0 auto 48px}.section-head p{color:#d8ddf7}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:rgba(255,255,255,.1);padding:30px;border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(3px)}.card span{color:#aab7ff;font-size:13px}.card h3{font-size:20px;margin:12px 0}.card p{color:#d9dce5;font-size:14px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.benefit{padding:32px;box-shadow:0 8px 30px rgba(0,0,0,.08);text-align:center}.benefit b{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--blue);color:#fff;font-size:22px}.benefit h3{margin-bottom:8px}.benefit p{color:var(--muted)}.cta{color:#fff;text-align:center;background:linear-gradient(rgba(20,27,42,.82),rgba(20,27,42,.82)),url('sitepad-data/themes/firstnotch/images/counter-bg.jpg') center/cover}.contact{background:var(--light)}.contact-info a{color:var(--blue)}.contact-line{margin:22px 0}.contact-photo{width:100%;max-width:420px;margin-top:15px;border-radius:3px}.contact-form{background:#fff;padding:35px;box-shadow:0 10px 35px rgba(0,0,0,.08)}.contact-form label{display:block;font-weight:700;font-size:14px;margin-bottom:16px}.contact-form input,.contact-form textarea{width:100%;margin-top:7px;padding:12px;border:1px solid #ccd1da;font:inherit}.consent{font-weight:400!important;display:flex!important;gap:10px;align-items:flex-start}.consent input{width:auto;margin-top:5px}.hp{position:absolute;left:-9999px}.notice{padding:12px;background:#eaf8ee;border:1px solid #9bd1a8}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;padding:55px 0}footer{background:var(--dark);color:#d1d5db}footer h3{color:#fff}footer a{display:block;color:#d1d5db;text-decoration:none;margin:5px 0}.copyright{text-align:center;padding:18px;border-top:1px solid rgba(255,255,255,.1);font-size:13px}.reveal,.reveal-left,.reveal-right{opacity:0;transition:opacity .75s ease,transform .75s ease}.reveal{transform:translateY(30px)}.reveal-left{transform:translateX(-55px)}.reveal-right{transform:translateX(55px)}.visible{opacity:1;transform:none}@media(max-width:850px){.menu-toggle{display:block}.menu{display:none;position:absolute;top:72px;left:20px;right:20px;background:#202630;padding:18px;flex-direction:column;gap:8px;z-index:10}.menu.open{display:flex}.hero{min-height:650px}.hero h1{font-size:40px}.hero-inner{min-height:568px}.grid-2,.cards,.benefits,.footer-grid{grid-template-columns:1fr}.reverse img{order:2}.feature-img{height:360px}.section{padding:68px 0}}@media(max-width:520px){.wrap{width:min(100% - 26px,1120px)}.hero h1{font-size:34px}.hero p{font-size:16px}.actions{flex-direction:column;align-items:flex-start}.section h2,.intro h2{font-size:29px}.contact-form{padding:22px}}

/* Prenovljen kontakt */
.contact{background:#fff;padding:76px 0}.contact-layout{display:grid;grid-template-columns:.9fr 1.35fr;gap:72px;align-items:start}.contact-info h2,.contact-form h2{font-size:34px;margin:6px 0 22px}.contact-info h2 span,.contact-form h2 span,footer h3 span{color:var(--blue)}.contact-intro{color:#4b5563;margin-bottom:28px}.contact-details{max-width:390px}.contact-item{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid #e6eaf0;color:var(--text);text-decoration:none}.contact-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:#fff;font-size:20px;flex:0 0 40px}.contact-item strong,.contact-item small{display:block}.contact-item small{font-size:14px;color:#374151;margin-top:2px}.contact-bottom{margin-top:24px}.contact-note{background:#eef4ff;padding:15px 16px;border-radius:5px;font-size:13px;line-height:1.45;max-width:270px}.contact-note span{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--blue);color:#fff;font-weight:700;margin-right:7px}.contact-form{padding:30px 34px 26px;border:1px solid #e0e5ec;border-radius:6px;box-shadow:0 10px 30px rgba(21,34,54,.1)}.contact-form h2{margin-top:0}.contact-form label{margin-bottom:10px}.contact-form label>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.contact-form input,.contact-form textarea{margin-top:0;border:1px solid #d7dce4;border-radius:4px;background:#fff;padding:12px 13px}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid rgba(64,89,199,.17);border-color:var(--blue)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#777}.contact-form label:first-child input::placeholder{content:"Ime in priimek *"}.send-btn{width:100%;margin-top:2px;font-size:15px}.required-note{display:block;margin-top:11px;color:#606875}.contact-form input[name="ime"]::placeholder{color:transparent}.contact-form input[name="email"]::placeholder{color:transparent}.contact-form input[name="telefon"]::placeholder{color:transparent}.contact-form input[name="zadeva"]::placeholder{color:transparent}.contact-form textarea::placeholder{color:transparent}.footer-grid{grid-template-columns:1.35fr 1fr 1fr 1fr}
@media(max-width:900px){.contact-layout{grid-template-columns:1fr;gap:42px}.contact-bottom{justify-content:space-between}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.form-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.contact-form{padding:23px 20px}.contact-info h2,.contact-form h2{font-size:29px}}
