/* Blagovna znamka ima samo dve reznini: Aeonik Pro Regular in Medium.
   Zato razpon tez: vse do 450 je Regular, vse nad tem je Medium. Brez razponov
   bi brskalnik pri font-weight 600/700/800 sam zdebelil crke (lazna krepkost),
   kar ni Aeonik. Tako je vsako besedilo na strani ena od obeh pravih reznin. */
@font-face { font-family:'Aeonik'; src:url('fonts/AeonikPro-Regular.woff2') format('woff2'), url('fonts/AeonikPro-Regular.otf') format('opentype'); font-weight:1 450; font-style:normal; font-display:swap; }
@font-face { font-family:'Aeonik'; src:url('fonts/AeonikPro-Medium.woff2') format('woff2'), url('fonts/AeonikPro-Medium.otf') format('opentype'); font-weight:451 1000; font-style:normal; font-display:swap; }
:root{
  --green:#1D9E75; --green-700:#16795a; --neon:#BEED0A; --neon-600:#a6d406; --dark:#0D1F1A; --ink2:#08120e;
  --mint:#4DD9BB; --light:#EEF4F2; --paper:#fff; --gray:#7A9494; --label:#466260; --line:rgba(13,31,26,.1);
  /* "mono" ni vec druga pisava, ampak samo slog: velike crke in razmik med njimi.
     Prej je kazal na 'Aeonik Mono', ki ga nimamo, zato so se oznake izrisovale
     v sistemski monospace pisavi. */
  --mono:'Aeonik',Arial,sans-serif;
  --cg-up:linear-gradient(180deg,#13402f,#1f9d76 52%,#74e8cf); --cg-down:linear-gradient(180deg,#5fe1c4,#23a87e 48%,#0a3a2c);
  --hero:linear-gradient(168deg,#04211a 0%,#0a6044 28%,#18a87c 60%,#3fdca6 100%);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth; -webkit-text-size-adjust:100%; text-size-adjust:100%; font-size:16px;}
body{margin:0; background:var(--dark); font-family:'Aeonik',Arial,sans-serif; color:#fff; -webkit-font-smoothing:antialiased;}
.wrap{max-width:1180px; margin:0 auto; padding:0 40px;}
.mono{font-family:var(--mono); text-transform:uppercase; letter-spacing:.13em;}
.h-sec{font-weight:400; letter-spacing:-.01em; line-height:1.06; margin:0;}
.btn{display:inline-flex; align-items:center; justify-content:center; font-family:'Aeonik',Arial,sans-serif; letter-spacing:.01em; font-size:14px; font-weight:500; padding:14px 28px; cursor:pointer; border:none; border-radius:8px; transition:transform .12s ease, background .12s ease;}
.btn:hover{transform:translateY(-1px);}
.btn-neon{background:var(--neon); color:var(--dark);}
.btn-neon:hover{background:var(--neon-600);}
.btn-ghost{background:transparent; border:1px solid rgba(255,255,255,.55); color:#fff;}
.btn-ghost:hover{border-color:#fff;}
.btn-dark{background:var(--dark); color:#fff;}
.ticks{display:inline-flex; align-items:center; gap:11px; font-family:var(--mono); text-transform:uppercase; letter-spacing:.2em; font-size:11px;}
.tick{width:1px; height:11px; background:currentColor; opacity:.45; display:block;}
.stripes{position:absolute; inset:0; display:flex; pointer-events:none;}
.stripes > div{flex:1;}
a{color:inherit; text-decoration:none;}
/* Obrazcna polja privzeto ne podedujejo pisave, zato bi ostala sistemska. */
button,input,select,textarea,optgroup{font-family:inherit;}
:focus-visible{ outline:2px solid #fff; outline-offset:2px; box-shadow:0 0 0 4px rgba(13,31,26,.7); border-radius:2px; }
/* lead-gen tool */
.cre-in{width:100%; border:1px solid rgba(13,31,26,.16); border-radius:11px; padding:14px 15px; font-family:'Aeonik',Arial,sans-serif; font-size:15px; color:var(--dark); background:#fff; outline:none;}
.cre-in:focus{border-color:var(--green);}
.ta{width:100%; border:1px solid rgba(13,31,26,.16); border-radius:10px; padding:12px 13px; font-family:'Aeonik',Arial,sans-serif; font-size:14px; line-height:1.55; color:var(--dark); background:#fff; outline:none; resize:vertical; min-height:74px;}
.ta:focus{border-color:var(--green);}
.wbtn{font-family:'Aeonik',Arial,sans-serif; letter-spacing:.01em; font-size:13px; font-weight:500; border:none; cursor:pointer; border-radius:8px;}
.lmf-tab:hover{ border-color:var(--green) !important; }
.lmf-tab[aria-pressed="false"]:hover{ background:#f4faf7 !important; }
.lmf-card{ position:relative; }
/* enaka višina kartice v 1. in 2. koraku (brez preskokov ob "Naprej") */
#lmf-hero-root{ min-height:0; }
/* samostojen ZELEN trak z logotipi (fiksen); logotipi se vrtijo v desno v zanki */
.logo-strip{ top:759px; background:linear-gradient(180deg,#1ba67c 0%,#147f5d 100%); box-shadow:0 16px 40px rgba(8,40,30,.18); }
.logo-marquee{ padding:22px 0; overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); }
.logo-track{ display:flex; width:max-content; gap:60px; align-items:center; animation:marquee-right 34s linear infinite; }
@keyframes marquee-right{ from{ transform:translateX(-50%); } to{ transform:translateX(0); } }
.logo-marquee:hover .logo-track{ animation-play-state:paused; }
.logo-item{ display:flex; align-items:center; flex:none; }
.logo-item img{ height:42px; width:auto; display:block; opacity:.92; }
@media (prefers-reduced-motion:reduce){ .logo-track,.on-logorow{ animation:none; } }
@keyframes lmf-rise{from{opacity:0; transform:translateY(10px);} to{opacity:1; transform:none;}}
@keyframes lmf-spin{to{transform:rotate(360deg);}}
@keyframes lmf-pulse{0%,100%{opacity:.5;} 50%{opacity:1;}}
.rise{animation:lmf-rise .42s cubic-bezier(.2,.7,.2,1) both;}
/* 15" in manjši: manjši hero naslov + podnaslov */
@media (max-width:1500px){ .h-xl{ font-size:54px !important; } #hero-sub{ font-size:18px !important; } #top{ padding-top:44px !important; } .logo-strip{ top:653px; } .lmf-card{ padding:22px 26px !important; } .lmf-h3{ font-size:20px !important; } #hero-green-bg{ height:540px !important; } .logo-marquee{ padding:16px 0; } .logo-item img{ height:32px; } }
@media (max-width:980px){ .wrap{padding:0 22px;} .hide-sm{display:none !important;} .grid-2{grid-template-columns:1fr !important;} .grid-3{grid-template-columns:1fr !important;} .stat4{grid-template-columns:1fr 1fr !important;} .h-xl{font-size:40px !important;} #hero-sub{ font-size:16px !important; } }
/* hero na ožjih zaslonih: krajša zelena, trak v normalnem toku (brez absolutnih fiksnih pikslov) */
@media (max-width:980px){ #hero-green-bg{ height:250px !important; } .logo-strip{ position:static !important; top:auto !important; margin-top:36px; } .hero-region{ padding-bottom:36px !important; } }
/* maskota le, ko je ob široki kartici dovolj prostora v levem robu */
@media (max-width:999px){ #hero-mascot{ left:40px; } }
@media (max-width:980px){ #hero-mascot{ left:22px; top:82px; } }
@media (max-width:560px){ #hero-mascot{ display:none !important; } }
@media (max-width:760px){
  section[style*="padding:104px"]{ padding-top:64px !important; padding-bottom:64px !important; }
  .h-xl{ font-size:33px !important; }
  h2.h-sec[style*="font-size:42px"]{ font-size:30px !important; }
  h2.h-sec[style*="font-size:44px"]{ font-size:30px !important; }
  h2.h-sec[style*="font-size:40px"]{ font-size:29px !important; }
  h2.h-sec[style*="font-size:38px"]{ font-size:28px !important; }
  .lmf-card{ padding:24px 20px !important; }
}
@media (max-width:880px){ .lmf-editgrid{ grid-template-columns:1fr !important; } }
@media (max-width:480px){ .wrap{padding:0 16px !important;} .stat4{grid-template-columns:1fr 1fr !important;} }
@media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto;} .btn:hover{transform:none;} .rise{animation:none;} }
/* grafike: 3 predloge hkrati, vsaka kot par feed 4:5 + story 9:16 (kot JobbitAI .variant-pair 1.25fr/0.7fr) */
.lmf-adgrid{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:24px; }
.lmf-adpair{ display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,0.7fr); gap:14px; align-items:start; }
@media (max-width:1100px){ .lmf-adgrid{ grid-template-columns:1fr; } }
/* pristajalna stran (predogled) + desni "naslednji korak" panel */
.lmf-landstage{ display:grid; grid-template-columns:minmax(0,640px) 350px; gap:32px; justify-content:center; align-items:start; }
@media (max-width:1040px){ .lmf-landstage{ grid-template-columns:1fr; max-width:640px; margin:0 auto; } }
/* orodje: osnovna (ozka) kartica; ob rezultatu body.lmf-res razširi oder čez cel zaslon */
#lmf-stage{ padding:24px 22px 8px; }
#lmf-wrap{ width:660px; max-width:100%; transition:width .35s ease, max-width .35s ease; }
body.lmf-res #lmf-stage{ padding:12px 16px 0; }
body.lmf-res #lmf-wrap{ width:100%; max-width:1860px; }

/* ===== homepage v9 (social recruiting) ===== */
/* reference strip: light logos rendered as uniform dark silhouettes on light bg */
.logo-track--ink{ animation-duration:44s; }
.logo-track--ink .logo-item img{ filter:brightness(0); opacity:.4; }
.logo-marquee:hover .logo-track--ink .logo-item img{ opacity:.6; }
/* complete-campaign flow */
.camp-cell{ transition:background .15s ease; }
.camp-cell:hover{ background:#fbfdfc; }
/* industries */
.ind-chip{ display:inline-flex; font-size:13px; color:#3c4f49; background:#fff; border:1px solid rgba(13,31,26,.1); border-radius:99px; padding:9px 16px; }
/* pricing */
.price-card{ display:flex; flex-direction:column; background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.12); border-radius:18px; padding:28px 26px; }
.price-card--hi{ background:linear-gradient(180deg, rgba(190,237,10,.07), rgba(255,255,255,.02)); border-color:rgba(190,237,10,.42); }
.price-card .btn{ justify-content:center; }
.price-feats{ list-style:none; margin:22px 0 0; padding:22px 0 0; border-top:1px solid rgba(255,255,255,.12); display:flex; flex-direction:column; gap:11px; }
.price-feats li{ position:relative; padding-left:24px; font-size:14px; line-height:1.4; color:rgba(255,255,255,.72); }
.price-feats li::before{ content:"✓"; position:absolute; left:0; top:0; color:var(--neon); font-size:13px; }
.price-feats--hi li{ color:rgba(255,255,255,.82); }
/* faq accordion (native details) */
.faqx-item{ border-top:1px solid rgba(13,31,26,.12); }
.faqx-item:last-child{ border-bottom:1px solid rgba(13,31,26,.12); }
.faqx-item summary{ list-style:none; cursor:pointer; position:relative; padding:20px 44px 20px 0; font-size:17px; font-weight:500; color:var(--dark); }
.faqx-item summary::-webkit-details-marker{ display:none; }
.faqx-item summary::after{ content:"+"; position:absolute; right:2px; top:50%; transform:translateY(-50%); font-size:24px; font-weight:400; color:var(--green-700); transition:transform .2s ease; }
.faqx-item[open] summary::after{ transform:translateY(-50%) rotate(45deg); }
.faqx-a{ font-size:15px; line-height:1.65; color:#3c4f49; padding:0 44px 22px 0; margin-top:-4px; }
/* example viewer panel */
#ex-panel{ transition:opacity .2s ease; }
/* responsive */
@media (max-width:900px){
  .price-grid{ grid-template-columns:1fr !important; }
  .camp-flow{ grid-template-columns:1fr !important; }
  .camp-cell{ border-right:none !important; border-bottom:1px solid rgba(13,31,26,.08); }
  .camp-flow .camp-cell:last-child{ border-bottom:none; }
}
@media (max-width:760px){
  #ex-panel{ min-height:0 !important; padding:22px 16px !important; }
  .faqx-item summary{ font-size:16px; }
}

/* ===== interactive demo: application form + kanban board ===== */
.kb-wrap{ display:grid; grid-template-columns:340px 1fr; gap:28px; align-items:start; }
.kb-form{ background:#fff; border-radius:18px; padding:24px; box-shadow:0 0 0 1px rgba(13,31,26,.05), 0 22px 50px rgba(13,31,26,.14); }
.kb-flabel{ display:block; font-size:12px; font-weight:500; color:var(--dark); margin-bottom:7px; }
.kb-q{ margin-bottom:16px; }
.kb-qlabel{ font-size:13.5px; font-weight:500; color:var(--dark); margin-bottom:9px; }
.kb-chips{ display:flex; flex-wrap:wrap; gap:7px; }
.kb-chip{ font-family:inherit; font-size:12.5px; cursor:pointer; border:1px solid var(--line); background:#fff; color:var(--dark); border-radius:7px; padding:9px 12px; transition:border-color .12s ease, background .12s ease; }
.kb-chip:hover{ border-color:var(--green); }
.kb-chip.on{ background:var(--neon); border-color:var(--neon); color:var(--dark); font-weight:500; }
.kb-preview-wrap{ margin-top:4px; padding-top:16px; border-top:1px solid var(--line); }
.kb-card--preview{ cursor:default; }
.kb-card--preview .kb-front{ background:#f4faf7; border-style:dashed; box-shadow:none; }
.kb-board{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; min-width:0; }
.kb-col{ background:rgba(255,255,255,.5); border:1px solid rgba(13,31,26,.08); border-radius:16px; padding:12px; min-height:230px; transition:background .15s ease, border-color .15s ease; }
.kb-col.kb-over{ background:rgba(190,237,10,.16); border-color:var(--green); }
.kb-colhead{ display:flex; align-items:center; justify-content:space-between; font-family:var(--mono); text-transform:uppercase; letter-spacing:.1em; font-size:10px; color:var(--green-700); padding:4px 6px 12px; }
.kb-count{ background:rgba(13,31,26,.08); color:var(--dark); border-radius:99px; min-width:20px; text-align:center; padding:2px 7px; font-size:10px; }
.kb-list{ display:flex; flex-direction:column; gap:10px; min-height:44px; }
.kb-card{ height:96px; perspective:900px; cursor:grab; }
.kb-card:active{ cursor:grabbing; }
.kb-inner{ position:relative; width:100%; height:100%; transition:transform .5s cubic-bezier(.2,.7,.2,1); transform-style:preserve-3d; }
.kb-card.flipped .kb-inner{ transform:rotateY(180deg); }
.kb-face{ position:absolute; inset:0; -webkit-backface-visibility:hidden; backface-visibility:hidden; border-radius:11px; background:#fff; border:1px solid rgba(13,31,26,.1); box-shadow:0 6px 16px rgba(13,31,26,.08); padding:12px 13px; display:flex; flex-direction:column; }
.kb-front{ justify-content:space-between; }
.kb-name{ font-weight:500; font-size:15px; color:#111827; }
.kb-foot{ display:flex; align-items:center; justify-content:space-between; }
.kb-tip{ font-family:var(--mono); font-size:8.5px; letter-spacing:.07em; color:var(--gray); text-transform:uppercase; }
.kb-arrow{ width:28px; height:24px; border:1px solid rgba(13,31,26,.16); background:#fff; border-radius:6px; cursor:pointer; color:var(--dark); font-size:15px; line-height:1; display:flex; align-items:center; justify-content:center; }
.kb-arrow:hover:not(:disabled){ background:var(--light); border-color:var(--green); }
.kb-arrow:disabled{ opacity:.28; cursor:default; }
.kb-back{ transform:rotateY(180deg); justify-content:center; gap:8px; background:#0D1F1A; border-color:#0D1F1A; }
.kb-back .kb-ans{ font-size:12.5px; color:#eaf2ee; line-height:1.2; }
.kb-back .kb-ans span{ display:block; font-size:8.5px; color:rgba(255,255,255,.5); font-family:var(--mono); letter-spacing:.06em; text-transform:uppercase; margin-bottom:1px; }
.kb-x{ position:absolute; top:7px; right:8px; width:20px; height:20px; border:none; background:rgba(255,255,255,.12); color:#fff; border-radius:6px; cursor:pointer; font-size:14px; line-height:1; padding:0; }
.kb-x:hover{ background:rgba(255,255,255,.24); }
.kb-dragging{ opacity:.4; }
@keyframes kb-pulse{ 0%{ box-shadow:0 0 0 0 rgba(29,158,117,.55); } 100%{ box-shadow:0 0 0 13px rgba(29,158,117,0); } }
.kb-pulse .kb-face{ animation:kb-pulse .72s ease-out; }
@media (max-width:940px){
  .kb-wrap{ grid-template-columns:1fr; }
  .kb-form{ max-width:520px; }
}
@media (max-width:700px){ .kb-board{ grid-template-columns:1fr; } .kb-col{ min-height:0; } }
@media (prefers-reduced-motion:reduce){ .kb-inner{ transition:none; } .kb-pulse .kb-face{ animation:none; } }

/* ===== design 2c reveal slider + 3a filter grid ===== */
@keyframes cardIn{ from{ opacity:0; transform:translateY(6px); } to{ opacity:1; transform:none; } }
/* na telefonu VEDNO vsaj dve kartici kandidata na vrstico (nikoli ena) */
@media (max-width:900px){ #fg-grid{ grid-template-columns:repeat(2,1fr) !important; gap:8px !important; } }
@media (prefers-reduced-motion:reduce){ #fg-grid > div{ animation:none !important; } }

/* ===== design: "Everything you need" features section ===== */
@keyframes floaty{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-12px); } }
@media (max-width:880px){ .jb-features-grid{ grid-template-columns:1fr !important; gap:40px !important; padding:72px 24px !important; } .jb-mascot{ margin-left:0 !important; } }
@media (prefers-reduced-motion:reduce){ .jb-mascot{ animation:none !important; } }
.jb-mascot{ display:block; }
/* emphasized proof band: industry chips on dark + responsive stats */
.pind{ display:inline-flex; font-size:14px; color:#d7e6e2; background:rgba(255,255,255,.06); border:1px solid rgba(115,237,211,.28); border-radius:999px; padding:11px 18px; transition:border-color .15s ease, background .15s ease; }
.pind:hover{ border-color:rgba(115,237,211,.55); background:rgba(115,237,211,.1); }
@media (max-width:820px){ .proof-stats{ grid-template-columns:1fr 1fr !important; gap:34px 40px !important; } }
@media (max-width:460px){ .proof-stats{ grid-template-columns:1fr !important; gap:26px 0 !important; } }
/* hero mascot (Jobi), tucked behind the LeadGen card on wide screens; top-anchored so it stays put when the card expands, no float */
.hero-jobi{ position:absolute; left:calc(50% - 620px); top:530px; width:210px; height:auto; z-index:2; pointer-events:none; filter:drop-shadow(0 22px 30px rgba(0,0,0,.32)); }
@media (max-width:1280px){ .hero-jobi{ display:none; } }

/* ===== conversational bar wizard (design 2a) ===== */
@keyframes cbPulse{0%{box-shadow:0 0 0 0 rgba(180,240,0,.55);}70%{box-shadow:0 0 0 10px rgba(180,240,0,0);}100%{box-shadow:0 0 0 0 rgba(180,240,0,0);}}
@keyframes cbPulseSoft{0%{box-shadow:0 0 0 0 rgba(180,240,0,.4);}70%{box-shadow:0 0 0 7px rgba(180,240,0,0);}100%{box-shadow:0 0 0 0 rgba(180,240,0,0);}}
.cb-glow{animation:cbPulse 2.4s ease-out infinite;}
.cb-glow-soft{animation:cbPulseSoft 2.4s ease-out infinite;}
.cb-row{display:flex;align-items:center;justify-content:center;gap:10px;}
.cb-mascot{width:180px;height:auto;flex:none;filter:drop-shadow(0 22px 40px rgba(3,20,15,.4));margin-right:12px;}
/* centrirana kolona (širina forme); zajec absolutno na levi strani forme */
.cb-col{max-width:900px;margin:0 auto;}
.cb-formwrap{position:relative;}
.cb-mascot-abs{position:absolute;right:100%;top:50%;transform:translateY(-50%);margin-right:16px;width:172px;height:auto;pointer-events:none;filter:drop-shadow(0 22px 40px rgba(3,20,15,.4));}
@media (max-width:1300px){.cb-mascot-abs{display:none;}}
.cb-bar{flex:1;max-width:960px;background:#fff;border-radius:999px;box-shadow:0 32px 74px rgba(3,22,16,.4);display:flex;align-items:center;gap:16px;padding:12px 12px 12px 36px;margin:0;}
.cb-word{flex:none;font:500 20px 'Aeonik',Arial,sans-serif;color:#0d241e;}
.cb-in{min-width:0;border:none;outline:none;border-bottom:2px dashed rgba(13,177,142,.55);font:400 20px 'Aeonik',Arial,sans-serif;color:#0d241e;padding:6px 8px;background:transparent;border-radius:8px;}
.cb-in::placeholder{color:#9db2ac;}
.cb-btn{flex:none;display:inline-flex;align-items:center;gap:9px;font:500 17px 'Aeonik',Arial,sans-serif;color:#0d241e;background:var(--neon);border:none;border-radius:999px;padding:16px 26px;cursor:pointer;white-space:nowrap;transition:background-color .3s ease,color .3s ease;}
.cb-btn:hover{background:#c7ff2b;}
/* "Find company" -> "Generate my Job Posting": eleganten preliv barve + rahel pop */
.cb-btn--gen{background:#0D1F1A;color:#fff;animation:cbMorph .45s cubic-bezier(.2,.7,.2,1);}
.cb-btn--gen:hover{background:#12362c;}
@keyframes cbMorph{0%{transform:scale(.9);opacity:.5;}55%{transform:scale(1.05);}100%{transform:scale(1);opacity:1;}}
@media (prefers-reduced-motion:reduce){.cb-btn--gen{animation:none;}}
.cb-bar--stack{flex-wrap:wrap;border-radius:24px;padding:18px;gap:10px;box-shadow:0 14px 34px rgba(13,31,26,.14);border:1px solid rgba(13,31,26,.1);}
.cb-bar--stack .cb-in{flex:1 1 100% !important;}
.cb-bar--stack .cb-btn{width:100%;justify-content:center;}
@media (prefers-reduced-motion:reduce){.cb-glow,.cb-glow-soft{animation:none;}}
@media (max-width:1100px){.cb-mascot{display:none;}.cb-helper-shift{margin-left:0 !important;}}
@media (max-width:860px){.cb-bar{flex-wrap:wrap;border-radius:24px;padding:18px;gap:10px;}.cb-bar .cb-in{flex:1 1 100% !important;}.cb-word{font-size:17px;}.cb-bar .cb-btn{width:100%;justify-content:center;}}

/* "See how it works" tilts the other way on hover */
.cb-how{transform:rotate(-2deg);transition:transform .2s ease;}
.cb-how:hover{transform:rotate(2deg);}
/* step-1 details overlay: opens OVER the "See how it works" button + logo strip (does not push them) */
.cb-howarea{position:relative;margin-top:20px;}
.cb-detail-overlay{position:absolute;top:-8px;left:0;right:0;margin:0 auto;max-width:720px;z-index:30;background:#fff;border-radius:20px;padding:22px;box-shadow:0 26px 60px rgba(3,22,16,.4);display:flex;flex-direction:column;gap:13px;text-align:left;}

/* step-2 rectangles (found brand / manual) with the round Generate button hanging off the right edge */
.cb-card{position:relative;margin-top:16px;background:#fff;border:1px solid rgba(13,31,26,.1);border-radius:16px;padding:18px 18px 20px;box-shadow:0 14px 40px rgba(13,31,26,.14);}
.cb-cardtitle{font-weight:500;font-size:15px;color:var(--dark);margin:0 0 14px;}
/* round Generate button: center sits exactly on the card's right edge (half in, half out); expands right on hover */
.cb-gen{position:absolute;left:calc(100% - 26px);top:50%;transform:translateY(-50%);height:52px;display:inline-flex;align-items:center;background:var(--dark);color:#fff;border:none;border-radius:999px;padding:0 15px;cursor:pointer;overflow:hidden;box-shadow:0 12px 30px rgba(3,22,16,.4);z-index:8;transition:padding .25s ease,background .15s ease;}
.cb-gen[disabled]{background:rgba(13,31,26,.32);cursor:default;box-shadow:none;}
.cb-gen-arrow{flex:none;display:inline-flex;}
.cb-gen-label{max-width:0;opacity:0;overflow:hidden;white-space:nowrap;font:500 15px 'Aeonik',Arial,sans-serif;transition:max-width .3s ease,opacity .2s ease,margin .3s ease;}
.cb-gen:not([disabled]):hover{padding-right:20px;background:#12362c;}
.cb-gen:not([disabled]):hover .cb-gen-label{max-width:220px;opacity:1;margin-right:9px;}
/* "Can't find your company?" pinned to card bottom-right, dark */
.cb-cantfind{position:absolute;right:16px;bottom:12px;background:none;border:none;cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;color:var(--dark);text-decoration:underline;text-underline-offset:3px;padding:0;}
@media (max-width:860px){
  .cb-gen{position:static;transform:none;width:100%;justify-content:center;margin-top:16px;padding:14px;}
  .cb-gen-label{max-width:none;opacity:1;margin-right:9px;}
  .cb-cantfind{position:static;display:block;margin-top:14px;text-align:right;width:100%;}
  .cb-detail-overlay{position:static;max-width:none;margin-top:16px;}
}

/* mobile hamburger menu */
.nav-burger{display:none;background:none;border:none;cursor:pointer;padding:8px 6px;}
.nav-burger span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:transform .22s ease,opacity .18s ease;}
.nav-burger span+span{margin-top:5px;}
.nav-burger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-burger.is-open span:nth-child(2){opacity:0;}
.nav-burger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.nav-mobile{display:none;}
@media (max-width:980px){
  .nav-burger{display:inline-flex;flex-direction:column;}
  .nav-mobile.open{display:flex;flex-direction:column;padding:8px 22px 20px;background:var(--dark);border-top:1px solid rgba(255,255,255,.08);}
  .nav-mobile a{color:rgba(255,255,255,.9);font-size:15.5px;padding:14px 2px;border-bottom:1px solid rgba(255,255,255,.07);text-decoration:none;}
  .nav-mobile a.nav-cta{margin-top:14px;background:var(--neon);color:var(--dark);text-align:center;border-radius:999px;padding:14px;font-weight:500;border-bottom:none;}
}

/* advertising-language selector (flags) — inline SVG so it renders on Windows too */
.lang-sel{margin-top:20px;text-align:center;}
.lang-lbl{font-family:var(--mono),monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--gray);margin-bottom:12px;}
.lang-sel--dark .lang-lbl{color:rgba(234,255,247,.72);}
.lang-flags{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.flag-btn{display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:none;cursor:pointer;padding:2px;font-family:inherit;}
.flag{width:34px;height:23px;border-radius:5px;overflow:hidden;display:block;box-shadow:0 1px 4px rgba(0,0,0,.25);outline:2px solid transparent;outline-offset:1px;transition:outline-color .15s ease,transform .15s ease;}
.flag svg{display:block;width:100%;height:100%;}
.flag-btn:hover .flag{transform:scale(1.06);}
/* Izbran jezik OGLASA mora biti ocitno mocnejsi od ostalih: podlaga, okvir in
   polna nasicenost, medtem ko so neizbrani prigušeni. */
.flag-btn{border-radius:12px;padding:8px 10px;transition:background .14s ease;}
.flag-btn .flag{opacity:.55;transition:opacity .14s ease,transform .14s ease;}
.flag-btn:hover .flag{opacity:.85;}
.flag-btn[aria-pressed="true"]{background:rgba(190,237,10,.16);box-shadow:inset 0 0 0 2px var(--neon);}
.flag-btn[aria-pressed="true"] .flag{opacity:1;outline-color:var(--neon);transform:scale(1.12);box-shadow:0 4px 12px rgba(0,0,0,.3);}
.lang-sel--dark .flag-btn[aria-pressed="true"]{background:rgba(190,237,10,.2);}
.flag-cap{font-size:10.5px;color:var(--gray);}
.flag-btn[aria-pressed="true"] .flag-cap{color:var(--dark);font-weight:500;}
.lang-sel--dark .flag-cap{color:rgba(234,255,247,.6);}
.lang-sel--dark .flag-btn[aria-pressed="true"] .flag-cap{color:#fff;font-weight:500;}

/* graphics X/Y axis sliders (reposition photo) — kot .y-slider v jobs.jobbit.si generatorju */
.gx-ctrls{margin-top:16px;padding:14px 16px;background:#F7FAF8;border:1px solid rgba(13,31,26,.08);border-radius:12px;display:flex;flex-direction:column;gap:11px;}
.gx-row{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--dark);}
.gx-lab{min-width:64px;font-family:var(--mono),monospace;font-size:11px;letter-spacing:.04em;color:var(--gray);flex:none;}
.gx-row input[type=range]{flex:1;accent-color:var(--green);cursor:pointer;height:4px;}
.gx-val{width:40px;text-align:right;font-variant-numeric:tabular-nums;color:#666;font-size:11px;flex:none;}
.gx-dis{opacity:.4;}
.gx-dis input[type=range]{cursor:not-allowed;}

/* back-to-top: fixed bottom-right on every screen size */
#back-to-top{position:fixed;right:18px;bottom:18px;z-index:300;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.18);cursor:pointer;background:var(--dark);color:var(--neon);box-shadow:0 8px 24px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;opacity:.92;transition:opacity .15s ease,transform .15s ease;}
#back-to-top:hover{opacity:1;transform:translateY(-2px);}

/* ---------- enotna noga (vse strani) ---------- */
.ft-top{display:grid;grid-template-columns:1.1fr 2.4fr;gap:48px;padding-bottom:34px;}
.ft-brand{display:flex;flex-direction:column;gap:18px;}
.ft-tag{font-size:14px;line-height:1.6;color:rgba(255,255,255,.55);margin:0;max-width:28ch;}
.ft-social{display:flex;gap:10px;}
.ft-social a{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.7);transition:color .15s ease,border-color .15s ease;}
.ft-social a:hover{color:var(--neon);border-color:var(--neon);}
.ft-social svg{width:16px;height:16px;fill:currentColor;display:block;}
.ft-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;}
.ft-col{display:flex;flex-direction:column;gap:12px;}
.ft-h{font-family:var(--mono);text-transform:uppercase;letter-spacing:.13em;font-size:11px;color:rgba(255,255,255,.35);margin-bottom:2px;}
.ft-col a{font-size:14px;color:rgba(255,255,255,.66);transition:color .15s ease;}
.ft-col a:hover{color:#fff;}
.ft-rule{border-top:1px solid rgba(255,255,255,.12);}
.ft-legal{font-size:13px;line-height:1.7;color:rgba(255,255,255,.5);margin:24px 0 0;}
.ft-legal a{color:rgba(255,255,255,.62);text-decoration:underline;text-underline-offset:2px;}
.ft-legal a:hover{color:#fff;}
.ft-bottom{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:11.5px;color:rgba(255,255,255,.38);margin-top:20px;}
.ft-bottom a{color:rgba(255,255,255,.38);}
.ft-bottom a:hover{color:rgba(255,255,255,.75);}
.ft-sep{color:rgba(255,255,255,.22);}
@media (max-width:980px){
  .ft-top{grid-template-columns:1fr;gap:34px;}
  .ft-cols{grid-template-columns:1fr 1fr;gap:28px;}
}
@media (max-width:560px){
  .ft-cols{grid-template-columns:1fr;gap:26px;}
}

/* ---------- Vsebine / V medijih / Objava (handoff design_handoff_vsebine_mediji) ---------- */
.cnt-hero{background:var(--dark);padding:78px 0 84px;text-align:center;}
.cnt-hero .in{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:20px;align-items:center;}
.cnt-eyebrow{font-family:var(--mono);text-transform:uppercase;font-size:11px;letter-spacing:.18em;color:var(--neon);}
.cnt-h1{font-weight:500;font-size:clamp(34px,5.4vw,66px);line-height:1.02;letter-spacing:-.04em;color:#fff;margin:0;text-wrap:pretty;}
.cnt-lead{font-size:18px;line-height:1.6;color:rgba(238,244,242,.60);margin:0;max-width:560px;text-wrap:pretty;}
.cnt-sec{background:var(--light);padding:44px 0 72px;}

.cnt-chips{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:34px 0 0;}
.cnt-chip{border:1px solid rgba(12,31,26,.14);background:transparent;color:rgba(12,31,26,.66);border-radius:8px;padding:9px 16px;font-size:14px;font-family:inherit;cursor:pointer;transition:background .14s ease,color .14s ease,border-color .14s ease;}
.cnt-chip:hover{border-color:rgba(12,31,26,.3);}
.cnt-chip.on{background:var(--dark);color:var(--light);border-color:var(--dark);font-weight:500;}
.cnt-sort{margin-left:auto;font-family:var(--mono);text-transform:uppercase;font-size:10px;letter-spacing:.12em;color:rgba(12,31,26,.42);}

.cnt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:26px;}
.cnt-card{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(12,31,26,.08);border-radius:14px;overflow:hidden;transition:border-color .14s ease,transform .14s ease;}
.cnt-card:hover{border-color:rgba(12,31,26,.30);transform:translateY(-2px);}
.cnt-img{background:repeating-linear-gradient(135deg,#DDE7E2 0 10px,#E7EEEB 10px 20px);background-size:cover;background-position:center;display:block;}
.cnt-card .cnt-img{height:170px;}
.cnt-cbody{padding:22px;display:flex;flex-direction:column;gap:10px;flex:1;}
.cnt-meta{font-family:var(--mono);text-transform:uppercase;font-size:10px;letter-spacing:.12em;color:var(--green-700);}
.cnt-ctitle{font-weight:500;font-size:19px;line-height:1.28;letter-spacing:-.015em;color:var(--dark);margin:0;text-wrap:pretty;}
.cnt-exc{font-size:14.5px;line-height:1.5;color:rgba(12,31,26,.58);margin:0;flex:1;}
.cnt-date{font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:rgba(12,31,26,.42);}
.cnt-empty{padding:44px 0;font-size:17px;color:rgba(12,31,26,.58);}

.vs-feat{display:grid;grid-template-columns:1.1fr 1fr;background:#fff;border:1px solid rgba(12,31,26,.08);border-radius:16px;overflow:hidden;min-height:340px;}
.vs-feat .cnt-img{height:100%;min-height:280px;}
.vs-fbody{padding:44px;display:flex;flex-direction:column;justify-content:center;gap:14px;}
.vs-chip{display:inline-block;background:var(--neon);color:var(--dark);border-radius:8px;padding:5px 10px;font-family:var(--mono);text-transform:uppercase;font-size:10px;letter-spacing:.12em;font-weight:500;}
.vs-ftitle{font-weight:500;font-size:34px;line-height:1.14;letter-spacing:-.03em;color:var(--dark);margin:0;text-wrap:pretty;}
.vs-link{font-size:15.5px;font-weight:500;color:var(--green-700);}

.md-split{display:grid;grid-template-columns:1.55fr 1fr;gap:28px;}
.md-feat{position:relative;min-height:430px;border-radius:16px;overflow:hidden;display:flex;align-items:flex-end;}
.md-feat .bg{position:absolute;inset:0;background:repeating-linear-gradient(135deg,#DDE7E2 0 10px,#E7EEEB 10px 20px);background-size:cover;background-position:center;}
.md-feat .sh{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,18,14,.92),rgba(8,18,14,.55) 60%,transparent);}
.md-fbody{position:relative;padding:32px;display:flex;flex-direction:column;gap:12px;}
.md-fbody h3{font-weight:500;font-size:32px;line-height:1.14;letter-spacing:-.03em;color:#fff;margin:0;text-wrap:pretty;}
.md-fmeta{font-family:var(--mono);text-transform:uppercase;font-size:10px;letter-spacing:.12em;color:rgba(255,255,255,.7);}
.md-latest h3{font-weight:500;font-size:22px;color:var(--dark);margin:0 0 6px;}
.md-row{display:flex;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid rgba(12,31,26,.09);transition:background .14s ease;}
.md-row:hover{background:var(--light);}
.md-row .th{width:76px;height:64px;flex:none;border-radius:10px;}
.md-row .t{font-weight:500;font-size:16px;line-height:1.3;color:var(--dark);margin:0 0 5px;}
.md-press{background:var(--dark);border-radius:18px;padding:40px 44px;margin-top:46px;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;}
.md-press h3{font-weight:500;font-size:26px;color:#fff;margin:8px 0 8px;}
.md-press p{font-size:16px;color:rgba(238,244,242,.60);margin:0;max-width:52ch;}

.art-head{background:var(--light);padding:52px 0 34px;border-bottom:1px solid rgba(12,31,26,.1);}
.art-head h1{font-weight:500;font-size:clamp(30px,4.4vw,48px);line-height:1.08;letter-spacing:-.035em;color:var(--dark);margin:16px 0;max-width:900px;text-wrap:pretty;}
.art-wrap{display:grid;grid-template-columns:250px 1fr;gap:64px;align-items:start;padding:48px 0 72px;background:var(--light);}
.art-toc{position:sticky;top:24px;display:flex;flex-direction:column;gap:10px;}
.art-toc > a{font-size:15.5px;line-height:1.4;border-left:2px solid rgba(12,31,26,.12);padding-left:14px;color:rgba(12,31,26,.6);transition:color .14s ease,border-color .14s ease;}
.art-toc > a.on{border-left-color:var(--neon);color:var(--dark);font-weight:500;}
.art-share{display:flex;gap:8px;}
.art-share a,.art-share button{padding:0;width:36px;height:36px;border-radius:8px;border:1px solid rgba(12,31,26,.16);background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--dark);}
.art-share a:hover,.art-share button:hover{border-color:var(--dark);}
.art-share svg{width:15px;height:15px;fill:currentColor;}
.prose{max-width:780px;display:flex;flex-direction:column;gap:26px;}
.prose .lead{margin:0;font-size:22px;line-height:1.6;font-weight:500;color:var(--dark);text-wrap:pretty;}
.prose p{margin:0;font-size:18.5px;line-height:1.72;color:rgba(12,31,26,.78);text-wrap:pretty;}
.prose h2{margin:14px 0 0;font-size:31px;line-height:1.2;font-weight:500;letter-spacing:-.028em;color:var(--dark);scroll-margin-top:96px;text-wrap:pretty;}
.prose .q{border-left:3px solid var(--neon);padding:6px 0 6px 26px;margin:6px 0;}
.prose .q p{font-size:26px;line-height:1.4;font-weight:500;letter-spacing:-.02em;color:var(--dark);}
.prose .box{display:flex;flex-direction:column;gap:12px;background:var(--paper);border:1px solid rgba(12,31,26,.1);border-radius:14px;padding:26px 28px;margin:8px 0;}
.prose .box .lbl{font-family:var(--mono);text-transform:uppercase;font-size:11px;letter-spacing:.14em;color:var(--green-700);}
.prose ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;}
.prose li{display:flex;gap:12px;align-items:flex-start;font-size:17px;line-height:1.5;color:rgba(12,31,26,.82);}
.prose li::before{content:"\25CF";color:var(--neon);font-size:18px;line-height:1.4;flex:none;}
/* Kontrolni seznam: ista postavitev, kvadratna oznaka namesto pike, da se ujema
   s prikazom v urejevalniku. */
.prose ul.chk li::before{content:"\25A0";font-size:15px;line-height:1.6;}
/* Podpis pod citatom (ime in naziv), kadar ga urednik vpiše. */
.prose .q .q-by{margin-top:10px;font-size:15px;font-weight:400;color:rgba(12,31,26,.6);letter-spacing:0;}
/* Uvodni odstavek pod naslovom članka. */
.art-head .art-lead{margin:14px 0 0;max-width:780px;font-size:22px;line-height:1.6;font-weight:500;color:var(--dark);text-wrap:pretty;}
/* Slike v objavi so vedno enake: cez celo sirino besedila, visina je polovica sirine. */
.prose img{width:100%;aspect-ratio:2/1;height:auto;object-fit:cover;border-radius:14px;display:block;}
.prose figure{margin:0;display:flex;flex-direction:column;gap:10px;}
.prose figcaption{font-size:14.5px;line-height:1.5;color:rgba(12,31,26,.55);}
/* Stran objave je v eni barvi; zakljucni poziv zato ni vec temen pas. */
.art-cta{background:var(--light);padding:48px 0 72px;}
.art-cta h2{font-weight:500;font-size:28px;color:var(--dark);margin:0 0 8px;}
.art-cta p{font-size:16px;color:rgba(12,31,26,.62);margin:0;}
.art-cta .wrap{border-top:1px solid rgba(12,31,26,.12);padding-top:40px;}

@media (max-width:1199px){
  .cnt-grid{grid-template-columns:1fr 1fr;}
  .art-wrap{grid-template-columns:210px 1fr;gap:40px;}
  .md-split{grid-template-columns:1fr;}
}
@media (max-width:900px){
  .cnt-grid{grid-template-columns:1fr;}
  .vs-feat{grid-template-columns:1fr;}
  .vs-fbody{padding:28px;}
  .vs-ftitle{font-size:26px;}
  .art-wrap{grid-template-columns:1fr;gap:26px;}
  .art-toc{position:static;}
  .prose h2{font-size:25px;}
  .prose .q p{font-size:21px;}
  .cnt-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;}
  .cnt-chips::-webkit-scrollbar{display:none;}
  .cnt-sort{display:none;}
  .md-press{padding:28px 24px;}
}

/* ---------- Cenik (handoff podstran cenik, varianta 1a + 2d + 3c) ---------- */
.cn-plans{display:grid;grid-template-columns:1fr 1.08fr 1fr;gap:24px;align-items:stretch;padding:56px 0 30px;}
.cn-card{display:flex;flex-direction:column;gap:18px;border-radius:18px;padding:34px;background:#fff;border:1px solid var(--line);}
.cn-card--dark{background:var(--dark);border:none;position:relative;box-shadow:0 14px 40px rgba(13,31,26,.18);}
.cn-badge{position:absolute;top:-13px;left:34px;font-family:var(--mono);text-transform:uppercase;font-size:10.5px;letter-spacing:.12em;color:var(--dark);background:var(--neon);padding:7px 12px;border-radius:8px;}
.cn-head{display:flex;flex-direction:column;gap:8px;}
.cn-card--dark .cn-head{padding-top:6px;}
.cn-label{font-family:var(--mono);text-transform:uppercase;font-size:11px;letter-spacing:.14em;color:rgba(13,31,26,.45);}
.cn-card--dark .cn-label{color:var(--neon);}
.cn-priceline{display:flex;align-items:baseline;gap:8px;}
.cn-price{font-size:46px;font-weight:500;letter-spacing:-.035em;color:var(--dark);line-height:1;}
.cn-card--dark .cn-price{color:#F4F8F6;}
.cn-unit{font-size:17px;color:rgba(13,31,26,.5);}
.cn-card--dark .cn-unit{color:rgba(238,244,242,.6);}
.cn-note{font-size:14.5px;color:rgba(13,31,26,.5);}
.cn-card--dark .cn-note{color:rgba(238,244,242,.5);}
.cn-desc{font-size:16px;line-height:1.6;color:rgba(13,31,26,.7);margin:0;text-wrap:pretty;}
.cn-card--dark .cn-desc{color:rgba(238,244,242,.72);}
.cn-rule{height:1px;background:rgba(13,31,26,.1);}
.cn-card--dark .cn-rule{background:rgba(238,244,242,.14);}
.cn-feats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px;}
.cn-feats li{display:flex;gap:12px;font-size:15.5px;line-height:1.5;color:rgba(13,31,26,.78);}
.cn-card--dark .cn-feats li{color:rgba(238,244,242,.85);}
.cn-feats svg{width:15px;height:15px;flex:none;margin-top:3px;color:var(--green-700);}
.cn-card--dark .cn-feats svg{color:var(--neon);}
.cn-fine{font-size:14px;line-height:1.5;color:rgba(13,31,26,.5);margin:0;text-wrap:pretty;}
.cn-foot{margin-top:auto;display:flex;flex-direction:column;gap:10px;}
.cn-btn{display:block;width:100%;text-align:center;font-size:15px;font-weight:500;padding:14px 0;border-radius:11px;color:var(--dark);border:1.5px solid var(--dark);background:none;transition:background .14s ease,color .14s ease;}
.cn-btn:hover{background:var(--dark);color:#fff;}
.cn-btn--fill{background:var(--neon);border-color:var(--neon);color:var(--dark);}
.cn-btn--fill:hover{background:var(--neon-600);border-color:var(--neon-600);color:var(--dark);}
.cn-sub{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:14.5px;color:rgba(238,244,242,.6);transition:color .14s ease;}
.cn-sub:hover{color:#fff;}
.cn-sub svg{width:12px;height:12px;}
.cn-vat{display:flex;justify-content:center;padding:0 0 56px;font-family:var(--mono);text-transform:uppercase;font-size:11px;letter-spacing:.12em;color:rgba(13,31,26,.42);}

.cn-stats{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;}
.cn-stats .lft{display:flex;flex-direction:column;gap:14px;}
.cn-big{font-size:130px;line-height:.9;font-weight:500;letter-spacing:-.05em;color:var(--neon);}
.cn-bigsub{font-size:22px;line-height:1.4;color:#F4F8F6;max-width:420px;text-wrap:pretty;}
.cn-disc{font-size:14px;line-height:1.55;color:rgba(238,244,242,.45);max-width:420px;text-wrap:pretty;}
.cn-rows{display:flex;flex-direction:column;}
.cn-row{display:flex;align-items:baseline;justify-content:space-between;gap:30px;padding:22px 0;border-top:1px solid rgba(238,244,242,.16);}
.cn-row:last-child{border-bottom:1px solid rgba(238,244,242,.16);}
.cn-row b{font-size:40px;font-weight:500;letter-spacing:-.035em;color:#F4F8F6;}
.cn-row span{font-size:16.5px;font-weight:500;color:rgba(238,244,242,.9);text-align:right;}

.cn-tbl{background:#fff;border:1px solid rgba(13,31,26,.08);border-radius:16px;overflow:hidden;}
.cn-thead,.cn-tr{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;}
.cn-thead{background:var(--dark);}
.cn-thead>span{padding:18px 20px;font-size:15px;font-weight:500;color:#F4F8F6;}
.cn-thead>span:first-child{padding:18px 26px;font-family:var(--mono);text-transform:uppercase;font-size:10.5px;letter-spacing:.12em;color:rgba(238,244,242,.5);font-weight:400;}
.cn-thead .hi{background:var(--neon);color:var(--dark);}
.cn-group{padding:16px 26px;background:var(--light);font-family:var(--mono);text-transform:uppercase;font-size:10.5px;letter-spacing:.14em;color:var(--green-700);}
.cn-tr{border-bottom:1px solid rgba(13,31,26,.07);}
.cn-tr:last-child{border-bottom:none;}
.cn-tr>span{padding:15px 20px;font-size:16px;color:rgba(13,31,26,.7);display:flex;align-items:center;gap:7px;}
.cn-tr>span:first-child{padding:15px 26px;color:rgba(13,31,26,.8);}
.cn-tr>span:nth-child(3){background:rgba(190,237,10,.08);}
.cn-tr svg{width:15px;height:15px;flex:none;color:var(--green-700);}
.cn-tr .no svg{color:rgba(13,31,26,.3);}

.cn-two{display:grid;grid-template-columns:1fr 1fr;gap:26px;}
.cn-info{background:#fff;border:1px solid rgba(13,31,26,.09);border-radius:16px;padding:34px;display:flex;flex-direction:column;gap:14px;}
.cn-info h3{font-size:26px;line-height:1.15;font-weight:500;letter-spacing:-.025em;color:var(--dark);margin:0;}
.cn-info p{font-size:16.5px;line-height:1.6;color:rgba(13,31,26,.68);margin:0;text-wrap:pretty;}
.cn-chips{display:flex;gap:8px;margin-top:4px;flex-wrap:wrap;}
.cn-chip{font-family:var(--mono);text-transform:uppercase;font-size:11px;letter-spacing:.1em;color:rgba(13,31,26,.7);border:1px solid rgba(13,31,26,.16);padding:8px 13px;border-radius:8px;}
.cn-chip--hi{color:var(--dark);background:var(--neon);border-color:var(--neon);}
.cn-link{display:inline-flex;align-items:center;gap:6px;font-size:15.5px;font-weight:500;color:var(--green-700);margin-top:auto;transition:color .14s ease;}
.cn-link:hover{color:var(--dark);}
.cn-link svg{width:12px;height:12px;}

.cn-faq{display:grid;grid-template-columns:340px 1fr;gap:64px;align-items:start;}
.cn-faq h2{font-size:38px;line-height:1.05;font-weight:500;letter-spacing:-.035em;color:var(--dark);margin:0;}
.cn-acc details{border-top:1px solid rgba(13,31,26,.12);}
.cn-acc details:last-of-type{border-bottom:1px solid rgba(13,31,26,.12);}
.cn-acc summary{list-style:none;cursor:pointer;position:relative;padding:22px 44px 22px 0;font-size:17.5px;font-weight:500;color:var(--dark);}
.cn-acc summary::-webkit-details-marker{display:none;}
.cn-acc summary::after{content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:20px;color:var(--green-700);}
.cn-acc details[open] summary::after{content:"\2212";}
.cn-acc .a{padding:0 44px 22px 0;font-size:16px;line-height:1.65;color:rgba(13,31,26,.7);text-wrap:pretty;}

.cn-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;}
.cn-cta h2{font-size:34px;line-height:1.1;font-weight:500;letter-spacing:-.03em;color:#fff;margin:0 0 8px;}
.cn-cta p{font-size:16.5px;color:rgba(238,244,242,.6);margin:0;}

@media (max-width:1199px){
  .cn-plans{grid-template-columns:1fr 1fr 1fr;gap:18px;}
  .cn-card{padding:26px;}
  .cn-price{font-size:38px;}
  .cn-stats{grid-template-columns:1fr;gap:36px;}
  .cn-big{font-size:104px;}
  .cn-faq{grid-template-columns:1fr;gap:26px;}
}
@media (max-width:899px){
  .cn-plans{grid-template-columns:1fr;padding-top:44px;}
  .cn-two{grid-template-columns:1fr;}
  .cn-big{font-size:84px;}
  .cn-faq h2{font-size:30px;}
  .cn-tbl{overflow-x:auto;}
  .cn-thead,.cn-tr{grid-template-columns:1.4fr 1fr 1fr 1fr;min-width:640px;}
  .cn-group{min-width:640px;}
  .cn-cta .btn{width:100%;}
}

/* ---------- O nas (handoff podstran o nas, potrjena varianta 2b) ---------- */
.on-sec{background:var(--light);padding:64px 0;border-bottom:1px solid rgba(12,31,26,.1);}
.on-why{display:grid;grid-template-columns:320px 1fr;gap:56px;align-items:center;}
.on-mascot{display:flex;align-items:center;justify-content:center;height:340px;}
.on-mascot img{height:330px;width:auto;display:block;}
.on-txt{display:flex;flex-direction:column;gap:16px;}
.on-eyebrow{font-family:var(--mono);text-transform:uppercase;font-size:11px;letter-spacing:.16em;color:var(--green-700);}
.on-why h2{font-size:36px;line-height:1.1;font-weight:500;letter-spacing:-.032em;color:var(--dark);margin:0;text-wrap:pretty;}
.on-txt p{font-size:17.5px;line-height:1.7;color:rgba(12,31,26,.75);margin:0;text-wrap:pretty;}

.on-logos{background:var(--light);padding:64px 0 40px;border-bottom:1px solid rgba(12,31,26,.1);}
.on-logos .in{display:flex;flex-direction:column;align-items:center;gap:24px;}
.on-logos .lbl{font-family:var(--mono);text-transform:uppercase;font-size:11px;letter-spacing:.16em;color:rgba(12,31,26,.45);}
.on-logomask{width:100%;}
.on-logorow{display:flex;align-items:center;justify-content:space-between;width:100%;gap:30px;padding-bottom:24px;flex-wrap:wrap;}
.on-logorow img{width:auto;opacity:.8;filter:grayscale(1) brightness(0);}
/* Podvojeni komplet služi samo mobilni zanki. */
.on-logorow .dup{display:none;}

.on-h2{font-size:38px;line-height:1.05;font-weight:500;letter-spacing:-.035em;color:var(--dark);margin:0;}
.on-path{display:flex;flex-direction:column;}
.on-step{display:grid;grid-template-columns:80px 190px 1fr;gap:30px;padding:22px 0;align-items:baseline;border-top:1px solid rgba(12,31,26,.12);}
.on-step:last-child{border-bottom:1px solid rgba(12,31,26,.12);}
.on-step .n{font-family:var(--mono);text-transform:uppercase;font-size:13px;color:var(--neon);background:var(--dark);padding:6px 0;border-radius:6px;text-align:center;}
.on-step .y{font-size:20px;font-weight:500;letter-spacing:-.02em;color:var(--dark);}
.on-step .d{font-size:16.5px;line-height:1.6;color:rgba(12,31,26,.65);text-wrap:pretty;}
.on-step--hi{background:rgba(190,237,10,.12);border-radius:10px;}
.on-step--hi .n{color:var(--dark);background:var(--neon);margin-left:10px;}

.on-mv{display:grid;grid-template-columns:1fr 1fr;gap:56px;}
.on-mv > div{display:flex;flex-direction:column;gap:12px;padding-top:22px;}
.on-mv .a{border-top:2px solid var(--neon);}
.on-mv .b{border-top:2px solid var(--dark);}
.on-mv p{font-size:17px;line-height:1.7;color:rgba(12,31,26,.75);margin:0;text-wrap:pretty;}

.on-people{background:var(--light);padding:64px 0 72px;}
.on-people .in{display:flex;flex-direction:column;gap:32px;}
.on-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;}
.on-p{display:flex;gap:22px;align-items:flex-start;}
.on-photo{width:150px;height:190px;flex-shrink:0;border-radius:14px;position:relative;overflow:hidden;background:#DDE7E2;}
.on-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.on-pinfo{display:flex;flex-direction:column;gap:9px;}
.on-pinfo .nm{font-size:24px;font-weight:500;letter-spacing:-.025em;color:var(--dark);}
.on-pinfo .rl{font-family:var(--mono);text-transform:uppercase;font-size:10.5px;letter-spacing:.12em;color:var(--green-700);}
.on-pinfo .bio{font-size:15.5px;line-height:1.6;color:rgba(12,31,26,.65);text-wrap:pretty;}
.on-pinfo a{display:inline-flex;align-items:center;gap:6px;font-size:14.5px;font-weight:500;color:var(--green-700);transition:color .14s ease;}
.on-pinfo a:hover{color:var(--dark);}
.on-pinfo a svg{width:11px;height:11px;}

.on-cta{background:var(--neon);padding:56px 0;}
.on-cta .in{display:flex;align-items:center;justify-content:space-between;gap:40px;}
.on-cta h2{font-size:34px;line-height:1.12;font-weight:500;letter-spacing:-.03em;color:var(--dark);max-width:680px;margin:0;text-wrap:pretty;}
.on-cta .btns{display:flex;gap:12px;flex-shrink:0;}
.on-cta a{font-size:15px;font-weight:500;padding:15px 26px;border-radius:11px;transition:background .14s ease,color .14s ease;}
.on-cta .p{background:var(--dark);color:var(--neon);}
.on-cta .p:hover{background:var(--ink2);}
.on-cta .s{background:transparent;border:1.5px solid var(--dark);color:var(--dark);}
.on-cta .s:hover{background:var(--dark);color:var(--neon);}

@media (max-width:1199px){
  .on-why{grid-template-columns:240px 1fr;gap:40px;}
  .on-mascot{height:260px;}
  .on-mascot img{height:250px;}
  .on-step{grid-template-columns:64px 1fr;gap:18px;}
  .on-step .d{grid-column:1 / -1;}
}
@media (max-width:899px){
  .on-why{grid-template-columns:1fr;gap:26px;}
  .on-mascot{height:230px;}
  .on-mascot img{height:220px;}
  .on-why h2{font-size:28px;}
  .on-h2{font-size:29px;}
  /* Logotipi kot vrteči se trak čez celo širino zaslona (kot na naslovnici),
     namesto stisnjene mreže 4x2. Maska sega čez robove .wrap do roba zaslona;
     trak je width:max-content, animacija marquee-right pa ga premakne za pol,
     zato je vsebina podvojena (glej .dup v o-nas.html). */
  .on-logomask{
    overflow:hidden;
    width:100vw;
    margin-left:calc(50% - 50vw);
    padding:4px 0 20px;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
    mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
  }
  .on-logorow{
    display:flex;
    flex-wrap:nowrap;
    width:max-content;
    justify-content:flex-start;
    align-items:center;
    gap:38px;
    padding-bottom:0;
    animation:marquee-right 34s linear infinite;
  }
  .on-logorow img{flex:none;}
  .on-logorow .dup{display:block;}
  .on-mv{grid-template-columns:1fr;gap:30px;}
  .on-grid{grid-template-columns:1fr;}
  .on-cta .in{flex-direction:column;align-items:flex-start;gap:24px;}
  .on-cta h2{font-size:26px;}
  .on-cta .btns{width:100%;}
  .on-cta a{flex:1;text-align:center;}
}

/* ---------- Kontakt (handoff podstran kontakt, potrjena varianta 1a) ---------- */
.kt-main{display:grid;grid-template-columns:1.75fr 1fr;gap:26px;align-items:start;padding:56px 0 72px;}
.kt-card{background:#fff;border:1px solid rgba(12,31,26,.08);border-radius:18px;padding:38px;}
.kt-card h2{font-size:28px;line-height:1.15;font-weight:500;letter-spacing:-.028em;color:var(--dark);margin:0;}
.kt-req{font-size:14.5px;color:rgba(12,31,26,.5);margin:8px 0 26px;}
.kt-row{display:grid;grid-template-columns:1fr 1fr;gap:26px;}
.kt-f{display:flex;flex-direction:column;gap:6px;margin-bottom:22px;}
.kt-f label{font-family:var(--mono);text-transform:uppercase;font-size:10.5px;letter-spacing:.12em;color:rgba(12,31,26,.5);}
.kt-f input,.kt-f textarea{border:none;border-bottom:1px solid rgba(12,31,26,.2);background:none;padding:8px 0;font-size:16px;color:var(--dark);outline:none;transition:border-color .14s ease;}
.kt-f textarea{resize:vertical;min-height:74px;line-height:1.6;}
.kt-f input::placeholder,.kt-f textarea::placeholder{color:rgba(12,31,26,.32);}
.kt-f input:focus,.kt-f textarea:focus{border-bottom-color:var(--green-700);}
.kt-f.bad input,.kt-f.bad textarea{border-bottom-color:#c0392b;}
.kt-err{font-size:13px;color:#c0392b;}
.kt-consent{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;line-height:1.5;color:rgba(12,31,26,.7);cursor:pointer;margin-top:6px;}
.kt-consent input{margin-top:2px;width:18px;height:18px;flex:none;accent-color:var(--green);}
.kt-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:26px;}
.kt-foot .note{font-size:14.5px;color:rgba(12,31,26,.55);}
.kt-send{background:var(--neon);color:var(--dark);font-size:15px;font-weight:500;padding:14px 26px;border-radius:11px;border:none;cursor:pointer;transition:background .14s ease;}
.kt-send:hover{background:var(--neon-600);}
.kt-send[disabled]{opacity:.6;cursor:default;}
.kt-ok{display:flex;flex-direction:column;gap:10px;padding:18px 0;}
.kt-ok .t{font-size:22px;font-weight:500;color:var(--dark);}
.kt-ok p{font-size:16px;line-height:1.6;color:rgba(12,31,26,.7);margin:0;}

.kt-side{display:flex;flex-direction:column;gap:18px;}
.kt-direct{background:var(--dark);border-radius:18px;padding:32px;display:flex;flex-direction:column;gap:8px;}
.kt-direct .lbl{font-family:var(--mono);text-transform:uppercase;font-size:10.5px;letter-spacing:.14em;color:rgba(238,244,242,.5);margin-top:14px;}
.kt-direct .lbl:first-of-type{margin-top:0;}
.kt-direct .eyebrow{font-family:var(--mono);text-transform:uppercase;font-size:11px;letter-spacing:.16em;color:var(--neon);margin-bottom:10px;}
.kt-mail{font-size:24px;font-weight:500;letter-spacing:-.02em;color:var(--neon);word-break:break-all;transition:opacity .14s ease;}
.kt-mail:hover{opacity:.8;}
.kt-tel{font-size:24px;font-weight:500;letter-spacing:-.02em;color:#F4F8F6;transition:opacity .14s ease;}
.kt-tel:hover{opacity:.8;}
.kt-hours{font-size:14.5px;color:rgba(238,244,242,.55);}
.kt-rule{height:1px;background:rgba(238,244,242,.16);margin:22px 0 18px;}
.kt-direct p{font-size:16px;line-height:1.55;color:rgba(238,244,242,.8);margin:0 0 18px;}
.kt-book{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--neon);color:var(--dark);font-size:15px;font-weight:500;padding:15px 22px;border-radius:11px;transition:background .14s ease;}
.kt-book:hover{background:var(--neon-600);}
.kt-book svg{width:13px;height:13px;}

.kt-social{background:#fff;border:1px solid rgba(12,31,26,.08);border-radius:18px;padding:28px 32px;display:flex;flex-direction:column;gap:16px;}
.kt-social .lbl{font-family:var(--mono);text-transform:uppercase;font-size:10.5px;letter-spacing:.14em;color:rgba(12,31,26,.45);}
.kt-circles{display:flex;gap:10px;}
.kt-circles a{width:46px;height:46px;border-radius:50%;border:1px solid rgba(12,31,26,.16);display:flex;align-items:center;justify-content:center;color:rgba(12,31,26,.7);transition:border-color .14s ease,color .14s ease;}
.kt-circles a:hover{border-color:var(--dark);color:var(--dark);}
.kt-circles svg{width:17px;height:17px;fill:currentColor;}
.kt-social p{font-size:14.5px;line-height:1.6;color:rgba(12,31,26,.6);margin:0;}

@media (max-width:1199px){
  .kt-main{grid-template-columns:1.4fr 1fr;gap:22px;}
  .kt-card{padding:30px;}
}
@media (max-width:899px){
  /* Na telefonu gresta e-posta in telefon NAD obrazec: kdor je na poti, klice. */
  .kt-main{grid-template-columns:1fr;padding-top:40px;}
  .kt-side{order:-1;}
  .kt-row{grid-template-columns:1fr;gap:0;}
  .kt-card{padding:26px 22px;}
  .kt-foot .note{order:2;}
  .kt-send{width:100%;order:1;}
}

/* ---------- Pogosta vprašanja (handoff podstran vprasanja, varianta 3e) ---------- */
.vp-main{display:grid;grid-template-columns:250px 1fr;gap:56px;align-items:start;padding:56px 0 76px;}
.vp-side{position:sticky;top:24px;display:flex;flex-direction:column;gap:13px;}
/* Kazalo je en sam <details>. Na namizju ga skripta drzi odprtega, summary je le oznaka. */
.vp-more summary{list-style:none;font-family:var(--mono);text-transform:uppercase;font-size:10.5px;letter-spacing:.14em;color:var(--green-700);pointer-events:none;margin-bottom:13px;}
.vp-more summary::-webkit-details-marker{display:none;}
.vp-idx{display:flex;flex-direction:column;}
.vp-idx a{font-size:15.5px;line-height:1.4;color:rgba(12,31,26,.6);border-left:2px solid rgba(12,31,26,.14);padding:8px 12px;transition:color .14s ease,background .14s ease,border-color .14s ease;}
.vp-idx a.on{color:var(--dark);font-weight:500;border-left-color:var(--green-700);background:rgba(20,121,90,.10);border-radius:0 8px 8px 0;}
.vp-idx a:hover{color:var(--dark);}
.vp-hr{height:1px;background:rgba(12,31,26,.14);margin:5px 0;}
.vp-card{background:#fff;border:1px solid rgba(12,31,26,.14);border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:9px;}
.vp-card .l{font-family:var(--mono);text-transform:uppercase;font-size:10.5px;letter-spacing:.14em;color:var(--green-700);}
.vp-card .m{font-size:19px;font-weight:500;letter-spacing:-.02em;color:var(--green-700);word-break:break-all;}
.vp-card .t{font-size:16px;color:rgba(12,31,26,.68);}
.vp-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--neon);color:var(--dark);font-size:15px;font-weight:500;padding:13px 18px;border-radius:10px;margin-top:6px;transition:background .14s ease;}
.vp-cta:hover{background:var(--neon-600);}
.vp-cta svg{width:13px;height:13px;}

.vp-list{display:flex;flex-direction:column;}
.vp-q{border-top:1px solid rgba(12,31,26,.14);scroll-margin-top:96px;}
.vp-list .vp-q:last-child{border-bottom:1px solid rgba(12,31,26,.14);}
.vp-btn{display:grid;grid-template-columns:52px 1fr 40px;gap:18px;align-items:start;width:100%;padding:24px 2px;background:none;border:none;text-align:left;cursor:pointer;}
.vp-n{font-family:var(--mono);font-size:12.5px;color:var(--green-700);padding-top:7px;}
.vp-t{font-size:21px;font-weight:500;letter-spacing:-.023em;line-height:1.35;color:var(--dark);transition:color .14s ease;}
.vp-btn:hover .vp-t{color:#000;}
.vp-ico{font-size:22px;line-height:1;color:var(--green-700);text-align:right;padding-top:4px;}
.vp-a{display:none;padding:0 2px 24px 70px;}
.vp-q.open .vp-a{display:block;}
.vp-a p{font-size:17px;line-height:1.7;color:rgba(12,31,26,.72);margin:0;max-width:720px;text-wrap:pretty;}

.vp-tail{display:none;}

@media (max-width:1199px){
  .vp-main{grid-template-columns:210px 1fr;gap:40px;}
  .vp-t{font-size:20px;}
}
@media (max-width:899px){
  /* Kazalo se zloži v razpiralnik nad vprašanji, kontaktna kartica pa gre pod seznam. */
  .vp-main{grid-template-columns:1fr;gap:26px;padding-top:40px;}
  .vp-side{position:static;}
  .vp-side .vp-hr,.vp-side .vp-card{display:none;}
  .vp-more summary{pointer-events:auto;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;margin-bottom:0;border-bottom:1px solid rgba(12,31,26,.14);}
  .vp-more summary::after{content:"+";font-size:18px;line-height:1;}
  .vp-more[open] summary::after{content:"\2212";}
  .vp-more[open] .vp-idx{padding-top:10px;}
  .vp-btn{grid-template-columns:1fr 40px;gap:12px;padding:20px 2px;}
  .vp-n{display:none;}
  .vp-t{font-size:18.5px;}
  .vp-ico{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:flex-end;padding-top:0;}
  .vp-a{padding-left:2px;}
  .vp-tail{display:block;margin-top:26px;}
}

/* ---------- Razdelek "Trenutno aktivni oglasi" na prvi strani (handoff 8a) ---------- */
.ao-sec{background:var(--light);color:var(--dark);padding:64px 0;}
.ao-head{display:flex;align-items:center;gap:14px;}
.ao-dot{width:13px;height:13px;border-radius:50%;background:var(--neon);flex:none;}
.ao-h2{font-size:44px;line-height:1.05;font-weight:500;letter-spacing:-.036em;margin:0;}
.ao-grid{display:grid;grid-template-columns:400px 1fr;gap:44px;align-items:start;margin-top:32px;}

.ao-kreativa{position:relative;display:block;width:400px;height:420px;border-radius:16px;border:3px solid var(--neon);overflow:hidden;background:var(--dark);transition:transform .18s ease,box-shadow .18s ease;}
.ao-kreativa:hover{transform:scale(1.01);box-shadow:0 22px 48px rgba(12,31,26,.2);}
.ao-kreativa img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55;}
.ao-znacka{position:absolute;top:16px;left:16px;z-index:2;font-family:var(--mono);text-transform:uppercase;font-size:10px;letter-spacing:.12em;font-weight:500;background:var(--neon);color:var(--dark);padding:5px 9px;border-radius:6px;}
.ao-podpis{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:24px;background:linear-gradient(to top,rgba(8,18,14,.95),rgba(8,18,14,0));}
.ao-zaposlujemo{display:block;font-size:14px;color:rgba(255,255,255,.75);}
.ao-naslov{display:block;font-size:28px;line-height:1.1;font-weight:500;letter-spacing:-.028em;color:#fff;}
.ao-meta{display:block;font-size:13.5px;color:rgba(255,255,255,.8);}
.ao-gumb{align-self:flex-start;margin-top:6px;background:var(--neon);color:var(--dark);font-size:14px;font-weight:500;padding:11px 17px;border-radius:9px;}

.ao-vrstice{display:flex;flex-direction:column;}
.ao-v{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:20px 12px;border-top:1px solid rgba(12,31,26,.12);transition:background .16s ease,transform .16s ease;}
.ao-vrstice .ao-v:last-of-type{border-bottom:1px solid rgba(12,31,26,.12);}
.ao-v:hover{background:rgba(20,121,90,.08);transform:translateX(6px);}
.ao-v-t{display:block;font-size:21px;font-weight:500;letter-spacing:-.022em;color:var(--dark);}
.ao-v-m{display:block;font-size:14.5px;color:rgba(12,31,26,.55);margin-top:4px;}
.ao-v-p{flex:none;font-size:14px;font-weight:500;color:var(--green-700);transition:color .16s ease;}
.ao-v:hover .ao-v-p{color:var(--dark);}
.ao-vse{display:inline-block;margin-top:24px;font-size:14.5px;font-weight:500;color:var(--dark);border:1.5px solid var(--dark);padding:12px 20px;border-radius:10px;transition:background .16s ease,color .16s ease;}
.ao-vse:hover{background:var(--dark);color:#fff;}
.ao-prazno{font-size:16px;color:rgba(12,31,26,.55);padding:20px 0;}

@media (prefers-reduced-motion:reduce){
  .ao-v:hover{transform:none;}
  .ao-kreativa:hover{transform:none;}
}
@media (max-width:1199px){
  .ao-sec{padding:48px 0;}
  .ao-grid{grid-template-columns:340px 1fr;gap:32px;}
  .ao-kreativa{width:340px;height:380px;}
  .ao-v-t{font-size:20px;}
}
@media (max-width:899px){
  .ao-sec{padding:40px 0;}
  .ao-h2{font-size:31px;}
  .ao-grid{grid-template-columns:1fr;gap:26px;}
  .ao-kreativa{width:100%;height:auto;aspect-ratio:4/5;border-radius:14px;}
  .ao-v{flex-direction:column;align-items:flex-start;gap:6px;padding:18px 0;}
  .ao-v:hover{transform:none;}
  .ao-vse{display:block;text-align:center;}
}

/* ---------- Podstran "Aktivna delovna mesta" (handoff 4a) ---------- */
.am-main{display:grid;grid-template-columns:250px 1fr;gap:52px;align-items:start;padding:48px 0 72px;}
.am-side{position:sticky;top:24px;display:flex;flex-direction:column;gap:38px;}
.am-isci-ovoj{position:relative;margin:0 0 28px;}
.am-isci{width:100%;border:1px solid rgba(12,31,26,.16);border-radius:12px;background:var(--paper);padding:15px 48px 15px 17px;font-size:16px;color:var(--dark);outline:none;transition:border-color .14s ease;}
.am-lupa{position:absolute;right:17px;top:50%;transform:translateY(-50%);width:19px;height:19px;color:rgba(12,31,26,.45);pointer-events:none;}
.am-isci:focus+.am-lupa{color:var(--green-700);}
.am-isci:focus{border-color:var(--green-700);}
.am-isci::placeholder{color:rgba(12,31,26,.42);}
/* Skupini filtrov (jezik, vrsta zaposlitve) potrebujeta izrazit razmik,
   sicer se zadnji jezik in naslov naslednje skupine bereta kot en seznam. */
#am-filtri{display:flex;flex-direction:column;gap:52px;}
.am-skupina{display:flex;flex-direction:column;gap:10px;}
.am-lbl{font-family:var(--mono);text-transform:uppercase;font-size:10.5px;letter-spacing:.14em;color:rgba(12,31,26,.42);margin-bottom:9px;}
.am-f{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:15.5px;color:rgba(12,31,26,.68);background:none;border:none;padding:3px 7px;margin-left:-7px;border-radius:7px;cursor:pointer;text-align:left;transition:background .14s ease,color .14s ease;}
.am-f:hover{background:rgba(20,121,90,.08);color:var(--dark);}
.am-f.on{color:var(--dark);font-weight:500;}
.am-f .n{font-size:13.5px;color:rgba(12,31,26,.4);flex:none;}


.am-vrh{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:20px;}
.am-stevec{font-size:26px;font-weight:500;letter-spacing:-.024em;color:var(--dark);}
.am-sort{font-family:var(--mono);text-transform:uppercase;font-size:10.5px;letter-spacing:.14em;color:rgba(12,31,26,.42);}
.am-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.am-k{display:flex;flex-direction:column;gap:16px;background:var(--paper);border:1px solid rgba(12,31,26,.1);border-radius:16px;padding:26px;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;}
.am-k:hover{transform:translateY(-6px);border-color:var(--green-700);box-shadow:0 18px 36px rgba(12,31,26,.16);}
.am-delodajalec{display:block;font-family:var(--mono);text-transform:uppercase;font-size:10.5px;letter-spacing:.12em;color:rgba(12,31,26,.5);}
.am-naslov{display:block;font-size:23px;line-height:1.14;font-weight:500;letter-spacing:-.026em;color:var(--dark);}
.am-kraj{display:block;font-size:15.5px;color:rgba(12,31,26,.72);}
.am-cip{align-self:flex-start;font-family:var(--mono);text-transform:uppercase;font-size:10.5px;letter-spacing:.1em;color:var(--green-700);background:rgba(20,121,90,.09);padding:5px 9px;border-radius:8px;}
.am-noga{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid rgba(12,31,26,.1);padding-top:14px;margin-top:auto;}
.am-prijavi{font-size:15.5px;font-weight:500;color:var(--dark);}
.am-pusc{width:38px;height:38px;border-radius:99px;background:var(--neon);color:var(--dark);display:flex;align-items:center;justify-content:center;flex:none;}
.am-pusc svg{width:15px;height:15px;}
.am-vec{display:block;margin:34px auto 0;font-size:15px;font-weight:500;color:var(--dark);background:none;border:1.5px solid var(--dark);padding:13px 26px;border-radius:10px;cursor:pointer;transition:background .16s ease,color .16s ease;}
.am-vec:hover{background:var(--dark);color:#fff;}
.am-nic{font-size:17px;color:rgba(12,31,26,.58);}
.am-nic button{display:block;margin-top:10px;background:none;border:none;padding:0;font:inherit;font-size:15.5px;color:var(--green-700);text-decoration:underline;cursor:pointer;}
.am-filtri-gumb{display:none;}

@media (prefers-reduced-motion:reduce){ .am-k:hover{transform:none;} }
@media (max-width:1199px){
  .am-main{grid-template-columns:220px 1fr;gap:36px;}
  .am-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:899px){
  .am-main{grid-template-columns:1fr;gap:20px;padding:32px 0 56px;}
  .am-side{position:static;}
  .am-filtri-gumb{display:block;width:100%;text-align:left;background:var(--paper);border:1px solid rgba(12,31,26,.16);border-radius:10px;padding:12px 14px;font:inherit;font-size:15px;font-weight:500;color:var(--dark);cursor:pointer;}
  .am-skupine{display:none;flex-direction:column;gap:38px;}
  .am-side.odprto .am-skupine{display:flex;}
  .am-grid{grid-template-columns:1fr;}
  .am-k:hover{transform:none;box-shadow:none;}
  .am-vec{width:100%;}
}

/* <b> in <strong> privzeto zahtevata krepko rez, ki ga v Aeoniku nimamo.
   Poudarek je zato Medium, enako kot naslovi. */
b,strong{font-weight:500;}

/* Gumb "Ustvari brezplačno kampanjo" skoči na glavni naslov, ne na vnosno polje.
   Odmik je višina lepljive glave, da naslov ne konča pod njo. */
#ustvari{scroll-margin-top:76px;}

/* Brez sive crte med glavo in telesom, ker je stran zdaj ena ploskev. */
.art-head{border-bottom:none;}

/* ---------- Mobilno: urejanje kampanje čez cel zaslon (handoff predogled) ---------- */
/* Na telefonu predogled ni ena od kartic na strani, ampak samostojen zaslon: glava
   z izhodom, drseče telo, stran pod njim se ne premika. Velja SAMO pod 900 px. */
/* Glava celozaslonskega nacina obstaja v HTML na vseh sirinah, zato mora biti
   privzeto skrita ZUNAJ medijskega bloka; na telefonu jo prizge body.lmf-fs. */
#lmf-fs-head{display:none;}
@media (max-width:899px){
  body.lmf-fs{overflow:hidden;}
  /* #lmf-stage ima vgrajen position:relative, zato je tu potrebna prednost. */
  body.lmf-fs #lmf-stage{position:fixed!important;inset:0!important;z-index:120!important;padding:0!important;display:block!important;background:var(--light);overflow:hidden;}
  /* Osnovno pravilo daje #lmf-wrap fiksnih 660 px; na celem zaslonu mora slediti
     sirini telefona, zato je tu potrebna prednost tudi za sirino. */
  body.lmf-fs #lmf-wrap,body.lmf-fs #lmf-card,body.lmf-fs #lmf-root{width:100%!important;max-width:100%!important;min-width:0!important;}
  body.lmf-fs #lmf-wrap{height:100%;display:flex;flex-direction:column;}
  body.lmf-fs #lmf-root{flex:1;min-height:0;display:flex;flex-direction:column;}
  body.lmf-fs #lmf-card{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;border-radius:0!important;box-shadow:none!important;padding:14px 12px 30px!important;}
  /* glava ostane na vrhu, telo drsi pod njo */
  body.lmf-fs #lmf-fs-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;
    background:var(--dark);color:#fff;padding:calc(env(safe-area-inset-top,0px) + 14px) 16px 12px;}
  #lmf-fs-head .l{display:flex;align-items:center;gap:9px;}
  #lmf-fs-head img{height:19px;}
  #lmf-fs-head .n{font-size:18px;font-weight:500;letter-spacing:-.02em;}
  #lmf-fs-head .r{display:flex;align-items:center;gap:12px;}
  #lmf-fs-head .st{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.1em;color:rgba(255,255,255,.6);text-transform:uppercase;}
  #lmf-fs-x{width:36px;height:36px;min-width:36px;border-radius:50%;border:none;cursor:pointer;
    background:rgba(255,255,255,.12);color:#fff;display:flex;align-items:center;justify-content:center;padding:0;}
  #lmf-fs-x svg{width:14px;height:14px;}
  /* na celem zaslonu hero kartice ne potrebujemo */
  body.lmf-fs .hero-region{display:none;}
}

/* ---------- Mobilna kartica "Še vaše podjetje" (handoff izbira_podjetja 1a) ---------- */
/* Na namizju ostane vse po starem; spodnja pravila veljajo samo na telefonu. */
.cb-mhead{display:none;}
@media (max-width:899px){
  /* Bela kartica: ovoj cez oba koraka. Vgrajeni slogi hero kartice so mocnejsi,
     zato je tu potrebna prednost. */
  #lmf-hero-card, body:not(.lmf-res) #lmf-card{
    background:#fff!important;border-radius:28px!important;padding:20px 18px!important;
    box-shadow:0 20px 44px rgba(2,32,24,.2)!important;color:var(--dark)!important;}

  .cb-mhead{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:28px;margin:0 0 16px;}
  .cb-mdots{display:flex;align-items:center;gap:6px;}
  .cb-mlbl{font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.14em;
    text-transform:uppercase;color:#8A9A94;margin-left:6px;}
  .cb-mback{background:none;border:none;padding:6px 2px;cursor:pointer;font-family:inherit;
    font-size:13.5px;font-weight:500;color:var(--green-700);}
  .cb-m1 .cb-mback{visibility:hidden;}     /* na prvem koraku ni kam nazaj */

  /* naslov kartice + podnaslov iz obstojece glave */
  .cb-m1 .cb-col > div:first-child,
  .cb-m1 > div:first-child{text-align:left!important;margin-bottom:14px!important;}

  /* vnos domene: brez balona, s crtkano crto pod njim */
  .cb-bar,.cb-bar--stack{background:none!important;box-shadow:none!important;border:none!important;
    border-radius:0!important;padding:0!important;flex-direction:column;align-items:stretch;gap:0!important;}
  .cb-word{font-size:16.5px!important;font-weight:500!important;color:var(--dark)!important;margin-bottom:2px;}
  .cb-in{font-size:19px!important;font-weight:500!important;padding:11px 0 9px!important;
    border-bottom:2px dashed #6FC4A6!important;width:100%;}
  .cb-findbtn,.cb-bar .cb-btn{width:100%;justify-content:center;height:58px;border-radius:999px!important;
    font-size:18px!important;font-weight:500!important;box-shadow:0 8px 18px rgba(11,29,23,.14);margin-top:20px;}
  .cb-findbtn:active{transform:scale(.99);}
  .cb-mascot-abs,.cb-mascot{display:none!important;}   /* zajcek na 375 px nima prostora */

  /* jezik oglasa: mreza 3x2 s ploscicami */
  .lang-sel{margin-top:20px!important;text-align:left!important;}
  .lang-lbl{font-size:10.5px!important;letter-spacing:.16em!important;color:#8A9A94!important;margin-bottom:10px!important;}
  .lang-sel--dark .lang-lbl{color:#8A9A94!important;}
  .lang-flags{display:grid!important;grid-template-columns:1fr 1fr 1fr;gap:8px;}
  .flag-btn{min-height:70px;border-radius:14px;background:#F4F7F5;justify-content:center;gap:6px;padding:8px 4px;}
  .flag-btn .flag{opacity:1;}
  .flag-cap{font-size:10.5px!important;color:#3C4B45!important;text-align:center;line-height:1.1;}
  .lang-sel--dark .flag-cap{color:#3C4B45!important;}
  .flag-btn[aria-pressed="true"]{background:rgba(190,237,10,.16);box-shadow:inset 0 0 0 2px var(--neon);}
  .lang-sel--dark .flag-btn[aria-pressed="true"]{background:rgba(190,237,10,.16);}
  .lang-sel--dark .flag-btn[aria-pressed="true"] .flag-cap{color:var(--dark)!important;}

  /* KORAK 2: vnos domene, jezik in stari gumb Nazaj se umaknejo — kartica pokaze
     samo prevzete podatke oziroma rocni vnos. */
  .cb-m2 .cb-bar,.cb-m2 .cb-bar--stack,.cb-m2 .cb-formwrap,.cb-m2 .lang-sel{display:none!important;}
  /* Nazaj je zdaj v glavi kartice, zato stari gumb pod formo odpade; naslov in
     podnaslov o vnosu domene na koraku 2 nista vec resnicna. */
  .cb-backrow{display:none!important;}
  .cb-m2 .cb-headtitle{display:none!important;}
  .cb-m1 .cb-headtitle{text-align:left!important;margin:0 0 14px!important;}
  .cb-m2 .cb-card{margin-top:0!important;border:none!important;box-shadow:none!important;padding:0!important;}
}

/* ---------- Mobilni predogled kampanje (handoff: en korak naenkrat) ---------- */
/* Velja samo v celozaslonskem nacinu na telefonu; namizje ostane nedotaknjeno. */
@media (max-width:899px){
  /* Kartica postane oder: trak korakov na vrhu, telo drsi, dejanje je pripeto spodaj. */
  body.lmf-fs #lmf-card{padding:0!important;display:flex;flex-direction:column;overflow:hidden!important;}
  body.lmf-fs .lmf-result{display:flex;flex-direction:column;min-height:0;flex:1;}

  /* 1) trak treh korakov — vedno vidni vsi trije, oznako ima samo aktivni */
  body.lmf-fs .lmf-steps{margin:0!important;flex-wrap:nowrap!important;gap:0!important;flex:none;
    background:#fff;border-bottom:1px solid #E8EDEA;padding:0 10px;}
  body.lmf-fs .lmf-steps > span{display:none!important;}          /* vezni crtici odpadeta */
  body.lmf-fs .lmf-step{position:relative;flex:0 0 auto;gap:7px!important;padding:13px 9px 12px!important;min-width:0;}
  body.lmf-fs .lmf-step[aria-pressed="true"]{flex:1 1 auto;}
  body.lmf-fs .lmf-step[aria-pressed="true"]::after{content:"";position:absolute;left:8px;right:8px;bottom:0;
    height:3px;border-radius:99px 99px 0 0;background:var(--neon);}
  body.lmf-fs .lmf-step > span:first-child{width:23px!important;height:23px!important;font-size:11.5px!important;}
  /* oznaka koraka: skrita pri neaktivnih, da se vsi trije prilegajo 375 px */
  body.lmf-fs .lmf-step > span:last-child{display:none;}
  body.lmf-fs .lmf-step[aria-pressed="true"] > span:last-child{display:block;font-size:11px!important;
    letter-spacing:.07em!important;font-weight:500!important;color:var(--dark)!important;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;}

  /* 2) temni pas z naslovom kampanje */
  body.lmf-fs .lmf-hero{flex:none;margin:0!important;padding:18px 16px 20px;
    background:linear-gradient(180deg,#0B1D17,#0E3A2B);flex-wrap:nowrap!important;}
  body.lmf-fs .lmf-hero .wbtn{display:none!important;}            /* gumb za klic tu ni potreben */
  body.lmf-fs .lmf-hero-t{font-size:19px!important;line-height:1.2!important;letter-spacing:-.02em;color:#fff!important;}
  body.lmf-fs .lmf-hero-s{font-size:12.5px!important;line-height:1.5!important;color:rgba(255,255,255,.7)!important;margin-top:6px!important;}

  /* 3) drsece telo koraka */
  body.lmf-fs #lmf-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;
    padding:14px 12px 20px;background:var(--light);}

  /* 4) pripeta spodnja vrstica: navigacija + e-posta */
  body.lmf-fs .lmf-nav,body.lmf-fs .lmf-foot{flex:none;margin:0!important;background:#fff;
    border-top:1px solid #E8EDEA;padding:12px 16px calc(env(safe-area-inset-bottom,0px) + 14px)!important;}
  body.lmf-fs .lmf-nav{padding-bottom:0!important;border-top-width:1px;}
  body.lmf-fs .lmf-foot{padding-top:10px!important;border-top:none!important;}
  /* glavno dejanje cez celo sirino, visina 54 px kot v handoffu */
  body.lmf-fs .lmf-nav .wbtn{width:100%;justify-content:center;height:54px;border-radius:999px!important;
    font-size:16px!important;font-weight:500!important;padding:0 20px!important;}
  /* sekundarni "nazaj" med koraki na telefonu ni potreben — trak ze omogoca skok */
  body.lmf-fs .lmf-nav .wbtn[onclick*="prevTab"]{display:none!important;}
  body.lmf-fs .lmf-nav .mono{display:none!important;}
  body.lmf-fs #lmf-email-row{gap:10px!important;}
  body.lmf-fs #lmf-email-row .cre-in{flex:1 1 100%!important;min-width:0!important;}
  body.lmf-fs #lmf-email-row .wbtn{width:100%;justify-content:center;height:54px;border-radius:999px!important;}
  body.lmf-fs #lmf-calendly{display:none!important;}
}

/* ---------- Zaključni zaslon po oddaji (mobilno, handoff zaslon 8) ---------- */
#lmf-done{display:none;}
@media (max-width:899px){
  body.lmf-done-on{overflow:hidden;}
  #lmf-done{display:flex;position:fixed;inset:0;z-index:200;flex-direction:column;align-items:center;
    justify-content:center;text-align:center;padding:32px 24px calc(env(safe-area-inset-bottom,0px) + 26px);
    background:linear-gradient(180deg,#0B1D17 0%,#0E3A2B 58%,#11553D 100%);animation:lmf-fade .25s ease-out;}
  #lmf-done .d-circle{width:78px;height:78px;border-radius:50%;background:var(--neon);color:var(--dark);
    display:flex;align-items:center;justify-content:center;margin-bottom:26px;}
  #lmf-done .d-circle svg{width:34px;height:34px;}
  #lmf-done .d-eyebrow{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.16em;
    text-transform:uppercase;color:var(--neon);}
  #lmf-done .d-title{font-size:28px;font-weight:500;letter-spacing:-.03em;color:#fff;margin-top:10px;}
  #lmf-done .d-body{font-size:14.5px;line-height:1.55;color:rgba(255,255,255,.76);max-width:290px;margin:12px 0 26px;}
  #lmf-done .d-rows{display:flex;flex-direction:column;gap:8px;width:100%;max-width:320px;}
  #lmf-done .d-row{display:flex;align-items:flex-start;gap:10px;text-align:left;font-size:12.5px;
    line-height:1.45;color:rgba(255,255,255,.9);background:rgba(255,255,255,.08);border-radius:12px;padding:13px 15px;}
  #lmf-done .d-ok{color:var(--neon);flex:none;font-weight:500;}
  #lmf-done .d-btn{margin-top:26px;width:100%;max-width:320px;height:54px;border:none;border-radius:999px;
    background:var(--neon);color:var(--dark);font-family:inherit;font-size:16px;font-weight:500;cursor:pointer;}
}
@keyframes lmf-fade{from{opacity:0;} to{opacity:1;}}

/* ---------- Urejanje kot celozaslonski list (mobilno, handoff zaslona 2 in 6) ---------- */
.lmf-sheet{display:contents;}          /* namizje: ovoj ne vpliva na postavitev */
.lmf-sheet-head{display:none;}
@media (max-width:899px){
  body.lmf-edit-on{overflow:hidden;}
  body.lmf-edit-on .lmf-sheet{display:flex;position:fixed;inset:0;z-index:180;flex-direction:column;
    background:#fff;animation:lmf-sheetup .34s cubic-bezier(.22,1,.36,1);}
  body.lmf-edit-on .lmf-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;
    flex:none;background:var(--dark);padding:calc(env(safe-area-inset-top,0px) + 14px) 16px 14px;}
  .lmf-sheet-head .s-x{width:36px;height:36px;min-width:36px;border:none;border-radius:50%;cursor:pointer;
    background:rgba(255,255,255,.12);color:#fff;display:flex;align-items:center;justify-content:center;padding:0;}
  .lmf-sheet-head .s-x svg{width:14px;height:14px;}
  .lmf-sheet-head .s-t{flex:1;text-align:center;font-family:var(--mono);font-size:10px;font-weight:500;
    letter-spacing:.14em;text-transform:uppercase;color:var(--neon);}
  .lmf-sheet-head .s-save{flex:none;border:none;border-radius:7px;cursor:pointer;background:var(--neon);
    color:var(--dark);font-family:inherit;font-size:13.5px;font-weight:500;padding:11px 19px;}
  body.lmf-edit-on .lmf-sheet-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;
    padding:18px 16px 40px;}
  /* v listu urejamo — predogled in vrstica s preklopom nista potrebna */
  body.lmf-edit-on .lmf-sheet-body #lmf-preview{display:none;}
  body.lmf-edit-on .lmf-sheet-body .lmf-editgrid{display:block!important;}
  body.lmf-edit-on .lmf-sheet-body > div:first-child{display:none;}
}
@keyframes lmf-sheetup{from{transform:translateY(100%);} to{transform:none;}}

/* ---------- Stanje generiranja (handoff: vrtavka + črta + koraki + okostji) ---------- */
.gen-wrap{display:flex;flex-direction:column;gap:18px;padding:22px 18px;min-height:280px;}
.gen-top{display:flex;align-items:center;gap:12px;}
.gen-spin{width:26px;height:26px;flex:none;border-radius:50%;border:3px solid #E2E9E5;
  border-top-color:var(--green-700);animation:lmf-spin .9s linear infinite;}
.gen-title{font-size:17px;font-weight:500;color:var(--dark);}
.gen-bar{display:block;height:5px;border-radius:99px;background:#E6ECE9;overflow:hidden;}
.gen-fill{display:block;height:100%;width:0;border-radius:99px;background:var(--neon);
  animation-name:lmf-barfill;animation-timing-function:cubic-bezier(.3,.9,.3,1);animation-fill-mode:forwards;}
.gen-steps{display:flex;flex-direction:column;gap:9px;}
.gen-step{display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.45;color:#3C4B45;
  opacity:0;animation:lmf-stepin .3s ease-out forwards;}
.gen-ok{color:#1BA46F;flex:none;font-weight:500;}
.gen-sks{display:flex;flex-direction:column;gap:10px;}
.gen-sk{display:flex;flex-direction:column;gap:8px;border:1px dashed #DDE5E1;border-radius:12px;padding:14px;
  animation:lmf-shimmer 1.6s ease-in-out infinite;}
.gen-ln{display:block;height:9px;border-radius:99px;background:#EEF2F0;}
@keyframes lmf-barfill{from{width:0;} to{width:100%;}}
@keyframes lmf-stepin{from{opacity:0;transform:translateY(4px);} to{opacity:1;transform:none;}}
@keyframes lmf-shimmer{0%,100%{opacity:.55;} 50%{opacity:1;}}
@media (prefers-reduced-motion:reduce){
  .gen-fill{animation:none;width:100%;}
  .gen-step{animation:none;opacity:1;}
  .gen-sk{animation:none;}
}

/* ---------- Namizni trak korakov in naslovna vrstica (handoff DESKTOP) ---------- */
/* Trak izrisuje creator.js z vgrajenimi slogi, zato je tu potrebna prednost. */
@media (min-width:900px){
  .lmf-steps{gap:0!important;margin-bottom:18px!important;}
  .lmf-step{position:relative;padding:6px 14px 10px 6px!important;gap:10px!important;}
  /* marker 26 px; aktiven temen z belo stevilko, zakljucen svetel s crno kljukico */
  .lmf-step > span:first-child{width:26px!important;height:26px!important;font-size:12px!important;font-weight:500!important;}
  .lmf-step[aria-pressed="false"] > span:first-child{background:#EEF2F0!important;color:#C6D0CB!important;}
  .lmf-step[data-done="true"] > span:first-child{background:#EEF2F0!important;color:var(--dark)!important;}
  .lmf-step[aria-pressed="true"] > span:first-child{background:var(--dark)!important;color:#fff!important;}
  /* limetin podcrtaj pod aktivnim korakom */
  .lmf-step[aria-pressed="true"]::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;
    border-radius:99px;background:var(--neon);}
  /* oznaka koraka */
  .lmf-step > span:last-child{font-size:11px!important;letter-spacing:.1em!important;text-transform:uppercase;}
  .lmf-step[aria-pressed="true"] > span:last-child,
  .lmf-step[data-done="true"] > span:last-child{color:#101B17!important;}
  .lmf-step[aria-pressed="false"]:not([data-done="true"]) > span:last-child{color:#C6D0CB!important;}
  /* crtica med koraki */
  .lmf-steps > span{width:52px!important;max-width:52px!important;min-width:52px!important;height:1px!important;
    background:#E2E9E5!important;margin:0 14px!important;border-radius:0!important;}

  /* naslovna vrstica po handoffu */
  .lmf-hero-t{font-size:22px!important;letter-spacing:-.02em;color:#101B17!important;}
  .lmf-hero-s{font-size:13px!important;color:#7A8A84!important;margin-top:5px!important;}
  .lmf-hero .wbtn{background:#F1F5F3!important;color:#3C4B45!important;border-radius:8px!important;
    padding:10px 16px!important;font-size:13px!important;font-weight:500!important;}
}

/* ---------- Namizje: trije koraki hkrati kot trije stolpci (handoff DESKTOP) ---------- */
.lmf-cols{display:block;}
@media (min-width:900px){
  /* Oder rezultata mora biti sirok, sicer so trije stolpci pretesni.
     #lmf-wrap je element proznega #lmf-stage, zato lastnost width nanj ne vpliva;
     sirino doloca flex-basis. */
  body.lmf-res #lmf-wrap{flex:1 1 100%!important;max-width:1500px!important;}
  .lmf-cols{display:flex;gap:14px;align-items:stretch;min-height:520px;}
  .lmf-col{flex-shrink:1;flex-basis:0;min-width:0;overflow:hidden;display:flex;flex-direction:column;
    transition:flex-grow .6s cubic-bezier(.22,1,.36,1);}
  /* stisnjen stolpec: navpicna oznaka koraka, klik preklopi nanj */
  .lmf-mini{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
    width:100%;padding:18px 8px;cursor:pointer;font-family:inherit;text-align:center;
    background:#F7FAF8;border:1px solid #E4EAE7;border-radius:16px;
    transition:background .16s ease,border-color .16s ease;}
  .lmf-mini:hover{background:#F1F5F3;border-color:var(--green-700);}
  .lmf-mini-n{font-family:var(--mono);font-size:15px;font-weight:500;}
  .lmf-mini-l{font-size:12.5px;font-weight:500;color:var(--dark);line-height:1.25;
    writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;}
  .lmf-mini-s{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;
    color:#8A9A94;writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;}
  /* najozji stolpec (flex-grow .14) skrije besedilo, ostane samo stevilka */
  .lmf-col[style*="flex-grow:0.14"] .lmf-mini-l,
  .lmf-col[style*="flex-grow:0.14"] .lmf-mini-s{display:none;}
  .lmf-col[data-on="true"]{overflow:visible;}
}
@media (prefers-reduced-motion:reduce){ .lmf-col{transition:none;} }

/* ---------- Opozorilo, da besedila ni pripravil model ---------- */
.gen-warn{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:0 0 16px;
  background:#FFF3F1;border:1px solid #F6D9D3;border-radius:12px;padding:14px 16px;}
.gen-warn-t{font-size:14.5px;font-weight:500;color:#A2402C;}
.gen-warn-b{font-size:13px;line-height:1.5;color:#A2402C;opacity:.9;}
.gen-warn-btn{margin-top:4px;border:none;border-radius:8px;cursor:pointer;font-family:inherit;
  font-size:13px;font-weight:500;padding:10px 18px;background:#C0442C;color:#fff;}
.gen-warn-btn:hover{background:#a5391f;}