/* team ai — landing nadogradnja (hero s prikazom aplikacije) */
.hero{padding:70px 0 50px!important;gap:56px!important}
.hero-text{flex:1 1 46%;min-width:0}
.hero-text h1{letter-spacing:-.025em}
.hero-trust{margin-top:22px!important;display:flex;flex-wrap:wrap;gap:6px 14px}
.hero-show{position:relative;flex:1 1 54%;min-width:0;perspective:1600px}
.hero-show .frame{position:relative;border-radius:18px;overflow:hidden;background:#fff;border:1px solid rgba(91,75,255,.18);
  box-shadow:0 40px 90px rgba(60,50,180,.28),0 8px 24px rgba(60,50,180,.12);transform:rotateY(-9deg) rotateX(4deg);transform-origin:left center;transition:transform .5s ease}
.hero-show:hover .frame{transform:rotateY(-3deg) rotateX(1deg)}
.hero-show .bar{height:30px;display:flex;align-items:center;gap:6px;padding:0 12px;background:#F3F2FF;border-bottom:1px solid rgba(91,75,255,.12)}
.hero-show .bar i{width:9px;height:9px;border-radius:50%;background:#D5D1FF}
.hero-show .bar span{margin-left:10px;font:600 11px/1 Inter,Poppins,sans-serif;color:#7C76B8;background:#fff;border-radius:6px;padding:4px 10px}
.hero-show .frame img{display:block;width:100%;height:auto}
.hero-show .bot{position:absolute;left:-46px;bottom:-34px;width:150px;filter:drop-shadow(0 18px 30px rgba(60,50,180,.35));animation:taiBob 5s ease-in-out infinite}
.hero-show .chip{position:absolute;display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:14px;background:rgba(255,255,255,.86);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.9);box-shadow:0 14px 34px rgba(60,50,180,.2);font:600 12.5px/1.3 Inter,Poppins,sans-serif;color:#151b3a;animation:taiBob 6s ease-in-out infinite}
.hero-show .chip b{display:block;font-size:13px}
.hero-show .chip small{color:#6b6f91;font-weight:500}
.hero-show .chip .dot{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;color:#fff;font-weight:800;flex:0 0 auto;background:linear-gradient(135deg,#5B4BFF,#4AA8FF)}
.hero-show .c1{top:-22px;right:-14px;animation-delay:-2s}
.hero-show .c2{bottom:46px;right:-30px;animation-delay:-4s}
.hero-show .c2 .dot{background:linear-gradient(135deg,#16C08F,#4AA8FF)}
@keyframes taiBob{50%{transform:translateY(-8px)}}
[data-theme="dark"] .hero-show .frame{background:#131733;border-color:rgba(255,255,255,.1)}
[data-theme="dark"] .hero-show .bar{background:#1A1F45;border-color:rgba(255,255,255,.08)}
[data-theme="dark"] .hero-show .bar span{background:#0F1330;color:#A9A6E6}
[data-theme="dark"] .hero-show .chip{background:rgba(26,31,69,.85);border-color:rgba(255,255,255,.1);color:#EEF0FF}
[data-theme="dark"] .hero-show .chip small{color:#A3A9CC}
@media(max-width:1000px){.hero{flex-direction:column!important;text-align:center}.hero-show{width:100%;max-width:640px;margin:10px auto 0}.hero-show .frame{transform:none}.hero-show .bot{width:110px;left:-10px;bottom:-30px}.hero-show .c2{right:-6px}.hero-show .c1{right:6px}.hero-trust{justify-content:center}}
@media(max-width:560px){.hero-show .chip{display:none}.hero-show .bot{width:84px}}
@media(prefers-reduced-motion:reduce){.hero-show .bot,.hero-show .chip{animation:none}}
@media(max-width:860px){.nav-links{display:none!important}}
@media(max-width:520px){.nav-login{display:none!important}}