@font-face { font-family:'Aeonik'; src:url('fonts/AeonikPro-Regular.woff2') format('woff2'), url('fonts/AeonikPro-Regular.otf') format('opentype'); font-weight:400; 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:500; 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:'Aeonik Mono',ui-monospace,'SF Mono',Menlo,Consolas,monospace;
  --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;}
button{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{ 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:600; 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:600;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:600;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);}
.flag-btn[aria-pressed="true"] .flag{outline-color:var(--neon);transform:scale(1.12);box-shadow:0 4px 12px rgba(0,0,0,.3);}
.flag-cap{font-size:10.5px;color:var(--gray);}
.flag-btn[aria-pressed="true"] .flag-cap{color:var(--dark);font-weight:600;}
.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:600;}

/* 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);}