/* ==========================================================================
   styles.css — skupni slog za vse strani (SL / EN / HR in blog).
   Prej je bil ta blok vgrajen v <style> v vsaki jezikovni datoteki, znakovno
   identičen v vseh treh. Zdaj je tu enkrat; datoteke ga vključijo z
   <link rel="stylesheet" href="styles.css"> (iz mape blog/: "../styles.css").
   Vsebina je prevzeta bajt za bajtom in ni preurejena.

   NE BRIŠI vgrajenih pisav FredokaCaron in FredokaCroat spodaj: Fredoka nima
   glifa za č/Č (in ć/Ć/đ/Đ), zato bi se ti znaki izrisali s sistemsko pisavo.
   ========================================================================== */
/* ==== Fredoka nima glifa za č/Č — dodan iz njenega lastnega "c" + strešice ==== */
@font-face{font-family:'FredokaCaron';font-style:normal;font-weight:400;font-display:swap;src:url(data:font/woff2;base64,d09GMgABAAAAAAPsAA8AAAAAB2gAAAOVAAIAQgAAAAAAAAAAAAAAAAAAAAAAAAAAGyAcMAZgP1NUQVREADgRCAqEBIMvATYCJAMYCw4ABCAFhGYHIAwHGwEGKC4KHGM6eoi7DEcY0tm5SfT5+TSDf9C/r3OTfGWoha3OlVhJ3e6Uy0pvyi73LpAeViA8vR9WmXQgiwoswSpViGLXbHoU5h4ERQHxm34VTZ//nIUTl+P/jf/gY4s8PeIejSXWBdjGMMHwgVsLF+CDBZoF6NlmYwOTXt1H7mEiIjLqrQjwFFAKadGqrg3E4wACAIAATwUsUa7PZS+rKQRKtxH6QGkAYL0z2dpCCMw60wdAe7OKBsFLBaB2VHj6tVjBi+KVYJ8H6YD9yl8gAP0yt4AiohEiigHSoUAJ6OzRDogAsyd0IEI40kUBRlZbIOE0IYwSGQEABrDgDmXIaEoA7mSBEgKg+AAgHBCigcbfSRIAYQDigRCwHVwHuQDpAGAQIQ0Pcy67pqoxJsENSwjFD+69cfpkxt7NEj1Wd/h1uzJ7ne/L23+xM2Po9CsQWfr6nbX+5bOxcyt9x2r6CdKu61On/LoXLyz5Xtb6qzezdm/ErT+ZsXNrT/qO14dvDbGEcz1j51XGzmLHaX5n193jxxJdgAfwhba8y/vemxeZU+6nrKzRNbYrn+P6sqfQ3MUnu1uP42KNMaGpRc2+5I3JJf7bdLiq0Q9rUJO6pFJSl15N/hM+TpuNOdpdUq/2//CCBdfHn/N75UoSqYLNJpVXkFk5rszr9bc+WuDAaPGly6ADNlWtkWWdcl0X0afXED3a1i6ZrVTEq8z6m/l6Z2LuxMqJRO//POheNUDh9xHK9eRBhZI8VKHvxfNJC7oRZ3He+/mthgpSd7xZ/rB1KkBLgQJhVOefKUUUEEEs8hoPUObVW3OYaq8Zb8eBAIZm561Q78G0Br+j1uYDvOj44Q3gy7kulykTIAHhQQDBf8zMfg/+71sCAraHTWF4ADXzlzJtP9VMAdmlaASlFzRs0U3x7GKRiwFnQGiR65I2JHKbtjTySzvKJZEOkZs6dJgy6UYlUiPzZIJ4XaKF142WpaQySiRed2nOL2BMiJOdA4TBw8ElgtHGwQqjQoiVhZ+bEUaTED8XK3PsPVoRkINfSBgGhQMEBYTJsLHZOX2/FmHCYubnxeZgZOPnAzkZsevKMzXysaL2SOtan9LCyi7CwyiEh4Uzgi8XFmZRkrsJCzB12Kp5GO11sA4OnRNaGOVjKXTPZF29MPNHdAIgCVn5PQ/WWbfYsTWqUKeTVapGtB1aNGzwfpGXkUcUAARTDfqvJeiK2wg=) format('woff2');unicode-range:U+010C-010D}
@font-face{font-family:'FredokaCaron';font-style:normal;font-weight:500;font-display:swap;src:url(data:font/woff2;base64,d09GMgABAAAAAAP4AA8AAAAAB4AAAAOeAAIAQgAAAAAAAAAAAAAAAAAAAAAAAAAAGyAcMAZgP1NUQVRAADgRCAqEBIMqATYCJAMYCw4ABCAFhQQHIAwHGxYGUVQwYkF+JGRudmk+optLZMdW0/J/EEFeVZ1k5tbACeBXzNWa7n0AZfTPyTAoVoBt9RNujgrS1cgqVYra7f0EhEGQBe79/dzq3jYk7oeIzEqERIwiGjlCM0liIVMSR1xIqMVJplsjZBJoW2uB/oQR83ZnGimKAGZ40JGCouMTimgAug4ABDAjQlcm43O1087koN9WMgU9G1itKV7yFQMok5WGAOVqGmnOsAhoqfGmfZ7twJ9YiKV6XXcA6gf+AgGQr8pRwEcWQTBBARxoQABtQAdfEmDAlj4RBA0bBEA0+QoIgiJWtAWAAqiAgwwClCUAtGMFxFLXIRa6DgQNMHhe6UqyBsAIgAVgAOaAvcAN4AAABaHCShGW5pKYVW2w1FpbGvYsWjRYsGGd66KlAXXnzjWbPN+p/vrl7ktiOcdWk++DklEPZplPuXTIcd4mh7kLHTYGzV/POrPJV08y8tQ1K3tgg3O9VbRucp23aGHA3IMXy5wt/6B4yr1mNa2oX7jWbPJ6p/mbzwvvXVKMvGctS1w4Ug3rrCnRjQ7jxrtOPY/0HJdQy1iLdyPrhc3tM/XAgZ0De0XFjDYaR/uox+14cv/+7nlj8DWPaexTkh3WND09rElxdiPfGP83T5ZdcYwO3TlxcPvzK7Yfsg1aaRoUZDYz0M5k+YD17mYWLW9dD/9kduTjKSZYxrbxaJJWVD+0d1FhaPeiOo2T23rYxJc6Puz766KY9+60c4SFefjDOi8jA8JreeakBdZPSXlaYZ1JEO5n4Td2fbq5RY9VnfuYycWffS+WOqAEoQBGxO3/BSpW48605KIFgL/+VZ4oewjSPytd1GEIoJC3cOkF5xbWGd9MVPUjwN3Kpw8B3m+uuQP/bKQNGMsBBP7AqDLD1/5eYyBws1HxZgjI6g/+M4MgFUduAWTRqE+rdEXWWbGdimimwEbMaCHEL61gxU1aJcP/qJZFG3DLjTYSVAJtRUKNwUY13WirKhtjAlR7acFMTo5qACtpLpMPvfzgAh6fRA31DUxRTz5HoQNeaEMRIwJX5VHIYZGoNUXyIU6g6nyS9CIs9fR4gpxfU0xdFpTo8RlcKCUFDL13Ce+4SDkaexg97jhw8o4PKIk7h0eJGbihrv55+CuCYJtZjVjLtIO9OzA5gFJ09L+C+xu4eqFg4YKIThK63zAQ60Kcp+fi4HjO9g4fbgd9CP5K8p0hLmGIZQBAX0ocFh9MH7dTmwYAAAA=) format('woff2');unicode-range:U+010C-010D}
@font-face{font-family:'FredokaCaron';font-style:normal;font-weight:600;font-display:swap;src:url(data:font/woff2;base64,d09GMgABAAAAAAP4AA8AAAAAB4gAAAOeAAIAQgAAAAAAAAAAAAAAAAAAAAAAAAAAGyAcMAZgP1NUQVRAADgRCAqDfIMoATYCJAMYCw4ABCAFhRQHIAwHGyQGIJ4Htq1ivQgtE4bGKzWyvpDgeciz3k/SjjIUdjsr4QYRNyH/O2cFkiPdFzkGxYpIJ0X4GUk3Iydn9ClzPI/d3r+VXVtCESUcBUEWNM8SyTGQuKv3+YHT8f4B2TpXaDTE7qcBl51zgBMMh7OeDzuAYRZoFgfmqZse0no5AnEktY49FAG2/KjYuaK6IQoNYBgAgABbcep4yfsKW6f2/VH3dgN7o8oPAWglTGmKCOWmMoNlH1loJw7oNS864OjYia/oYq9eNdww6stfIAD5lMNAEIEQ1hTghgNhuLNL14ECDFkHdhVBaJywAOmVpjAIocSBjhhAASpwwxMqCMIAzUogg2GA1BxCaMB09EObgSMAMwAdmMAsYCfgg8ENAyjEEsbVNM0rvaCOyV5rb2/S2zSZt26P94LFYQ0nzradONe28dqlvos2rXFvN/EuDBlxDzbtJl044L5mg9fs+W6bI+auXbvWduL+zQzfcsBu0rp1ngVCrHdD9IIl68Nm7z/vS0Q4wDu49/DS/PVPaa2H22uv7cTb128bd27cCXrfpqr3nAVuw6fN2x59D/Udk1bPXI//OXUjdp9x/PLl/vmh8eoqK6tdKv2P1j289OX4qlUE1rjmQdVF8a0LCuJbWQqbB8WGLx83Xl+g2e6d9ODWyym9Fzj7P9gS4L/lop/zOJ+SfS11h9seX0vb9B48ZgXDxrh2vq0yqxvHDbRUxfW1NGiV0cEnPtXi+bOhzx+zPnby99OOuuWXvvRwSGiF147Q6tT0MMuOCq+QgE3P167toTuceTd5vp37bx94aPGAm+CAmfwGFwEPrIgSPx0goJWnyjl8Gq67Oh0BipKn4fPwNo5536xV9T3A7VqP7wO83Vh3m1wAczOA4AcsKZcA/yt3wIK1uQTSxlCVXwQIE7SCHaYU4DTGWWOvLjnYiko6G2A9bF0izselcHDbpSryt63JXCY+CXGZxSTP5SAtnQEnZKHTWSa7gwT0nA4SwTbX9WICHJ7hIaUisbeUw2KjkLamlj7kzGZAVlIGXcSDIXupiMugmR4zdUfZIimAFNkoKgbGGhosjujb7og6TSTQYMNMkRDlwBqHma/ZCRlKTWyvW37EiSHgmIn4dEcGy50PS7XVNS/lOwGArjGZLqhdA661FHBa3UJrXWUSHySWvyHQpBwxCtQBh68ukrI07KysLz0/gVtihLaKQ0ez25IfFMB8PACMxaRA/X4xxmzXpgAAAAA=) format('woff2');unicode-range:U+010C-010D}
@font-face{font-family:'FredokaCaron';font-style:normal;font-weight:700;font-display:swap;src:url(data:font/woff2;base64,d09GMgABAAAAAAPsAA8AAAAAB0AAAAOSAAIAQgAAAAAAAAAAAAAAAAAAAAAAAAAAGyAcMAZgP1NUQVRAADgRCAqDeIMmATYCJAMYCw4ABCAFhE4HIAwHG9wFUZQwygCIrw5sMKYW9EVoWeoiRNq2XAZYvHjyDa78zS1Pgue/ttf7hoEQLMZPxcS3IiKrnixrztXa9u6N6eTnIi7Jk1l+9cVaI5IiA8+Tt/d3u6hEI0o4CoIsWMCBYBJI3Pq/sJ1zA07cecyQi8L5vxx/u4UHsqbI0SHO0ZyAYz4vkQTDw9KJ4QIMLNAsoEA4Tjf1KDZvmI6oTvZQBDgyk5Gl7voMORoQAQAEOAqr4ySvy+991BTkoweGIMsB+3UpoE4zoe7SHqCRu4mstFMYarU/Y9SpG/CJJ75xNwqB8fIXCEA+dRpkxxPCpkCIgtxo62cjAcZtaBNBaIkIQAZ1GgihEtAbAAoYIMQREOLlBmiaQKYIyBgBhAYmTUhHAgALgAdMsAjsBxkBIQAUSdF5Nc2nL1O1menrnr7pDWqXtuzYiSJ71uduPXOxM3Op03brxmz7Tm2J9Zj5lHWZ8YyPdGddORHbcgLL0593Zm7dutWZeXw39pxwZ21b5i7b5s46UWDHmt35Fx+/nmebYdiTG41w+3Hr51269SgWrt9+jCd3bgA/ti3dwIoVOJ4bFz5OHX5q+KVbWC1Iv6uxy+VGhurjLwWNy7b9WLlnpH35WK6vh5hfoGP2ZtVL9KjxqHdvWi38BfnzTis5ulLRjP7K9WVzJ06sMjApTCkei5UwUoI8S+XZHD+pfKcGjY9eyJFzAU/O1y199zLN2xQf16xx8VHNWnUv1SN9gVJN0jutKhfN6O/aW6lAkj/J6d25Y7aMF9urWax4zhrtL2bIWP7esW2r/KRMhdfv9jIUqdTrVZO8gs5QYJEnBNy3xxG5/TyADP1z3qtXBP1qoLGJAKXmVahZrltC5W+2YaQBPG7y+jngw879PjmwJgEEv19eNQH0Z10Dwe1WyUYb0CI/yCB03SI5mVRFtUVT7VeHPEsZpMYD2xEyIqMvo9guMoby/oyWO4oxZUxexpIz1elA6fRUCHhZyghONtYsWjyNBHjZrZZI7C3lsNgQ09bU0sec2QzMSsqgi3gUzF4q4jJoSY+ZukO2SCrDFNkQimXGGhosjujT7lR1mkigwaYwRULIoWg0y16zEzKUhsitR949E/Hp2uqawwsnMhldbeIl1tSwZPEcQ+vK+LjIGbfGtFu1hbsM+7Yy2robMQyjetmWr768A5aGnZW1G0MxIyQcOoy2wjcKKHwcAKJREkePJ2o/PwcAAAA=) format('woff2');unicode-range:U+010C-010D}
/* ==== Fredoka nima glifov za ć/Ć/đ/Đ (hrvaščina) — dodani iz njenih lastnih oblik ==== */
@font-face{font-family:'FredokaCroat';font-style:normal;font-weight:400;font-display:swap;src:url(data:font/woff2;base64,d09GMgABAAAAAAO8AAoAAAAAB8gAAANyAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAUAqJVId+ATYCJAMcCxAABCAFgTcHNxsxBlGUrEkU4Mdh7MY5McSFXQw6Fqr++8HTt9/vzux+l2ioJjHrrqWQIGRCJWY5/dGeDNrlfevc1/kSuYL26lGYiElYGdEDp+PuA/toM7i/6FwsCqP/UaL/LEz4kYSUKPQ2TUtGRMws1OzZNQb7RIxuygchLMxiscHUapCw5MxBAMH84pLs4ugq+hpaJWGAYmdEtlnGF0WJoiARSUkuCPwFkpLtqKOvRpQ4ScBiUIQwIQAiAKSBDMgXaDlKVjlsvcVodbI6mtZPw2wuTUkwH70fM6v8V3RyF7zmaJ+nrQu2tsJR1D49Pg6qDw+xwqMjvGZhhaujA68Zo6iQnZSyteXv0TGxAJaF4q6traC6ndN9vJuvZ6KN4hAmlMglG3KqguhtHVUMtC/v3DDBJNtUToBATlYgi4fZVQgzpXWct7uHQGmMp1QxuGL+8JBAZsWGDjPca05OSEXHx010q7YK0Bb1uErvwmgKO0f9q6ebOIMjOaWimwS+bhIxbm5khRHgjl/9wNNilCiu6i1iaoA8tbRG0cRg/u+qImoEhYd6C7U1LkMEeKaHbx7YFCwQMldQQGbmhDwlmn26/Qww8PdmijVN/tsapnsplFDxFox0WEQriQTR0iaJRCsRHUWF4COFelw9TMhDx9hTIt7EUCLWyMVTO1xQXdmC4zjtpI2ZN84iBwDwvemilCip4ituZkIE6OoRgeYmPmIqqME4dAwHAOSYB/Iwt56WbFmw07uobVjd44wsl/7icw4tkxhQu+eXf2oUHWHQ0sMe0zKMck5iukainmqqoh66hvMpckr2YpqGAp6qNIIeGkYpXdxV2phA5vIKIyj7paVNUKsgv7sp8eLKacCezGIizcEh7cIcyezKm6AHV+DAdouPwG4Z2WRSmQKZQnTY1zDrTEU3L7kCeye5InefLCWbVu9Oqyh9rWQHR62UaH2rjkhFjhUIEscCkRBs+gArcNHtJzoKyIz/R0nmD+BnvrYkjzeBo9nmBDCoJfqceoZ+0xG4uojAxkfEAXHp0B6G5LhaM2jFzFi4Ihxihyg5HGbTr01IonOPEiG5OkyWAgaxMYQqzeRR0owlw9RYeb03/HBz9K+N2Jfk8pZv7B0ZGGCRZ8445YEbjpjjmQeOeGW3Oi5447a1Z81ELyMMcOAKe0RAIMDHE5JoeP4kCAA=) format('woff2')}
@font-face{font-family:'FredokaCroat';font-style:normal;font-weight:500;font-display:swap;src:url(data:font/woff2;base64,d09GMgABAAAAAAPQAAoAAAAAB8gAAAOFAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAUAqJVIdsATYCJAMcCxAABCAFgTcHNxsfBlGUy0kO8CMhc9NHs7kUUciynduiOHhYLA78pL0Gff2Y7rv7YZBhXVRMssJ0qhULh84jqdCQHnZpfSlkJJU8SXyv0PQB8NP95P8pcmBtNpzBu2VaJO1Gw2kVbUYD6QKLBC6wicLedIpZhLi5bUyzpyuCvhG3LVVFCBgxIIOlyaCoCn48LuOPDAC5/myRaUAZ2IGyOnTIAvOj4sQxUEwZFcbjeMG08moMtBxxkqSBgGOIKBEME+N1WSAHOsVCli4T5D3HbH2xPnsllRYVAw0tFSNK5VtyTRKC3/RDS/fmGOuHGeqaGIaEGgbgArDkcBVga0do6cwgc+MgWjrMWt/cJFA3u+vl3DjYz9rcJuBQVwdLGpicBjrYWwf7GQMaOXljXHrF4AbobepbmBpgahjZrtZLIwHsCpTdWSD6YZF3iEG1uUyrQJoZdSNsLa3CBWbRVsHkCsUzpYScuvNil5eXTqUnGwi+fixexxKJE+Oto5LV3wyIsKY+r0kvgu9AeBhgQ3BJoAVhu2MYEnihU+l8c4Pg19cQung8Gy8q48Zjoi3moa4u5m6s7corw//hof2AUVp0qigtaLtzYo5WqItcSAhWCdKRdSQPsEMKn7Nj8W9w4euaQZmjWF182czMVEqslEwOCUkOT/+oIavT01F6uaCQUtafw13NyEk0zshQNMrI3k05gING3pTxNuHfrtC40KlsClT81v5VUkDcllNHTdBJRaUFhPHPFeej4MsbUEcporvD4iGy+zdh15SB1N7yghW7k7+qkv+7blDpWOGgwnc9p5bD5OxbLX+4Rr8YmZStoKYev5uCHL+Llt74aJIy5oIKeuwuBPJsLgr6FkI8Cfw+5IJC5L78/DFQSJAcu0/gqFEIoTXD2Dmzw2gdaN0rQ/QYFhgbH0MLWxnxGCCGjK0qnUaPJqyKYwGYpsm6ustkWVjJ4q6eaXLmwhkpmI63isKJgaFCkI+KTnYhXem+DL7SNVrLKAOcwq1+Pp9K3tQa/3HEnwAeJhpb/Sn//4x/LNMTATjmaXwqvcKu2uN3uxeme0x/oD5tq+yRz7RraGjWQxXjiKiNQZEoh3FlIm0ca4wY6clR8pRwFBKIOm3QGFnm0lEa7LzMG4kO9/2zRtN343KmD5RUnJhgMy4wIDrcVz8u2jfB7lQEJ0Y0F7cSSzLLhNXdYIkYCMYjhkJk0fXjJAAAAA==) format('woff2')}
@font-face{font-family:'FredokaCroat';font-style:normal;font-weight:600;font-display:swap;src:url(data:font/woff2;base64,d09GMgABAAAAAAPMAAoAAAAAB8AAAAOBAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAUAqJTIdnATYCJAMcCxAABCAFgTcHNxsaBgCOwradM4qknD9hlBERPH+05r3uExOJTrAwgyjxMLVjFzdau+n/wC7/tblrrslqFLsB7G7f5sA5fRQN1mbDGcSrtfwbHTvpN7pFJF7PByuTC9EZbtuyEOkRpGmkXZ+9xmCfqJIOSB9wq1JEFcVhNUDUERHOcwUHlZc/Ch1fuQfgFTAlVjDFKWyKy9bW7IOSaCACiMj/ks+PIcLeFwKhqa2LqooU6mqgAfoYEDeAKChdSUr0FmtJe0kzQXtBXFhEkGAIJlLXFIk0Xn8EBvPkTmJ5RXJoDF+jPkLTNErtWAMNa3cymCyWxCiLwVzRGp9mqw7tOBEXPsraKjU+pRpCDaHUCBpGz8hMrl4mEhpZYeAqKNXgHWOPMC0+Qm+TqCsXrkDD1YtXG7p9tS41PI43NDFXqioAs9vSKumZWY1w1orUNFUQXJ581aGQrFcVqTR/JS2MuXs90rhuV48JpXZJczfOruZu08B1mWLHUauQxiWF5S0gG/WvmkHYYZYGggYvGjY6X7+ONF67hqIhEdMUMN0oRR9HvTh7e71Y0sH/W9VRm2vvwMa50G3Mm5cfdeeNi8jdXCsvt/aUrEi7tPP2GEzwyvyLS3xeWeu8x0KA+pajQm8/b5yo0ONc5OXdzFmhx7p1+u2BxUWoH+omysRa+ITplpCeugVkcKx5srSeCSnxI0T6Nw/W1vXtiBBG/kyZ2aOs4i65UcXHxEyV3OguqSy/+gFNZ2OCR19dYwzil3TxLVKc1yT1uIrd4ycakRVOpxYu3lxvBhXnuUcnsbc6eO+Ea/419ILUHdxUo0yMVCMcXQM19Aw91Y1cJCOBY76HkZunptygzKq1snJTO2VlTnbJyU7fOjGkTLjHiTlfVVN7kog7iiU9TfDAz+DEaXwMP014t4PipsrTAVxFrOir4xbPapPYWJNab9KkITauxsw7dSzTPNTYKNzKyijSjrTIoL+I7cYnn9h2suKVAuCMetZdPOllvJDtVz6E8wXgY52ih73m/6vyPus52wBUZKTxgfSMvIJ0ec+9gFDjG/EFxD/5bAZp8qWZBCZBM4JrOOFqkyhUd8xLha7RF1JDd3XdkBhOUeWHsKRShNS30etWvN7jDeVnJ/5Uo+mTcTnL2+qZGxqCuyKpUuTLlshFEU9LVCJImHSlcpor2qnpMWeopXOwR4Og+OdvIAgHj2syCAAA) format('woff2')}
@font-face{font-family:'FredokaCroat';font-style:normal;font-weight:700;font-display:swap;src:url(data:font/woff2;base64,d09GMgABAAAAAAPAAAoAAAAAB7AAAAN1AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAUAqJPIdjATYCJAMcCxAABCAFgTcHNxsWBgCOwrZtE2eYLOfPEBWcRFDs99u7L+JAKSTtGjUV6guFoQRyh0QzG3LTjtaJGNSd1N22pK7684+i28//5YBvjefXMgsz2IPGxqILxxpG2af2wDixRRJTYpBtNoccEjVQt6bZp1cEfaJS6kA1oKJMEWUUR6sBiCpEYb36HwOlJz+Ii5fcAPCO+EQJ424Kodjsc3V1mRQ1iABR/v/nc+Mhcler7xbqmtooK0mhqgJqoIse8QDEd5WW1IroLXb5jPg0iUZEhEwhojhiKOOJSaj0eRqOebiKDq6CooVvB2YM0QNgxsoEKCZXcczhZlzzMI65Kj/aOSHXsHIS5N28vIpN9kh5MBpgRhPsNdQnOr0+iCZUQwH08dSNjKwgJNM0tCSuk4sHuB4vT8EuD/PyWltBsSIl0jzkVaFMAGNMoKtb25s5yj/ZRY3iCuSr9SxJ/6hI4d6HDC/m+DRUOja2x3ky1gTYS7vXEdMJykXHCnNQ6TgOJ18CjcDOLggmzTQQKOyw13j08zNU+vQEwx4RABGCvJ+Ys4lqqKl1hTgZj/9U5WSK1TL06QKEth4tKXKeYRwFoamgqCorjSjdBD3fESg6/rYOS7viErX2qw7iB9ppCMu3z0KB9aDO9ZAlCl9/fhtJ/poHt0PZYL4QTRdPlWxnB5V0Z/cQ9VA+eXVHPtjdgC5AGJ/Sl6cQ8uGIAD9RgT0fcTNlFQlTnz1+AZ3r5eF2AkVQqWcCz4/ph7878nKqF16sancB6EapnV2n//SWNf2fqXrmF6h80NFL/jv/rmJuciZW0v5qKtK+plZu8koqlnKYJY8vCUxuMBsrBf552k8VGqL8E0VYxI6baEsLctmx7jy2ehjdNodXkSfXzscevUTQC7TJgpBLFGTVFH1b+djPXut3M2FdqBkSpFVobatVHBJSpGXruOSK2Ssp2dHpSvY+n+5y+EhbR4yDtsx6pFEAMEc7q338WB5MMvjNBbF+hccpMRt/zf8v/89ZytoKKMlI9cPoGXkPuv83uQ2CGl+LX8S7RWYDIodTAZCiTOsIUc0FtiGJ/VXneanQVo8lqaa9uqqPhlWUuUGYkyRJ6tqLVu2wfYfXnxwf+kONms/F5U3fiGmrqAAraSJFSBYvlLk0yUJlcNsE0TIltJa2MoLRpqJlZ2GPGsG/P78BQSwcFuFFAAAA) format('woff2')}

/* ============ TOKENS ============ */
:root{
  --turq-900:#053A41; --turq-800:#075E68; --turq-700:#0B8A92;
  --turq-600:#0FAAB2; --turq-500:#14C6CC; --turq-400:#43DAD9;
  --turq-300:#8CEDE9; --turq-200:#C0F6F2; --turq-100:#E2FBF8;
  --beige-50:#FEFAF4; --beige-100:#F8F0E2; --beige-200:#F0E3CE;
  --beige-300:#E4D2B4; --sand:#C9A87C;
  --coral:#F2825C; --coral-soft:#FFD9C9;
  --ink:#0E3238; --ink-soft:#4A6C70; --white:#fff;
  --radius:26px; --radius-sm:16px; --radius-lg:40px;
  --shadow-s:0 4px 14px rgba(5,58,65,.07);
  --shadow-m:0 14px 40px -12px rgba(5,58,65,.18);
  --shadow-l:0 32px 70px -24px rgba(5,58,65,.32);
  --maxw:1180px;
  --f-head:'Fredoka','FredokaCaron','FredokaCroat',system-ui,sans-serif;
  --f-body:'Outfit',system-ui,sans-serif;
}
/* ============ RESET ============ */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden;max-width:100%}
body{margin:0;font-family:var(--f-body);color:var(--ink);background:var(--beige-50);
  font-size:17px;line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
h1,h2,h3,h4{font-family:var(--f-head);font-weight:600;line-height:1.1;margin:0;letter-spacing:-.02em}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
::selection{background:var(--turq-300);color:var(--turq-900)}

/* ============ LAYOUT ============ */
.wrap{width:min(100% - 40px,var(--maxw));margin-inline:auto}
section{position:relative}
.sec-pad{padding:clamp(70px,9vw,130px) 0}

/* ============ HELPERS ============ */
.eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--f-head);
  font-size:13.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;
  color:var(--turq-700);background:var(--turq-100);border:1.5px solid var(--turq-200);
  padding:8px 17px;border-radius:100px}
.eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--turq-500);
  box-shadow:0 0 0 0 rgba(20,198,204,.65);animation:pulse 2.4s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 11px rgba(20,198,204,0)}100%{box-shadow:0 0 0 0 rgba(20,198,204,0)}}
h2.title{font-size:clamp(31px,4.6vw,54px);margin:20px 0 16px;max-width:19ch}
.lede{font-size:clamp(16.5px,1.6vw,19.5px);color:var(--ink-soft);max-width:60ch;font-weight:350}
.center{text-align:center}
h2.title.wide{max-width:none}
.nb{white-space:nowrap}
.title-ic{display:inline-block;vertical-align:-.16em;width:.92em;height:.92em;
  margin-left:.16em;color:var(--turq-600);overflow:visible}
.title-ic .beat{transform-box:fill-box;transform-origin:center;
  animation:beat 2.8s cubic-bezier(.4,0,.3,1) infinite}
@keyframes beat{0%,26%,100%{transform:scale(1)}8%{transform:scale(1.22)}
  16%{transform:scale(1.02)}22%{transform:scale(1.14)}}
.center .title,.center .lede{margin-inline:auto}
.hl{position:relative;white-space:nowrap;color:var(--turq-700)}
.hl svg{position:absolute;left:0;right:0;bottom:-.28em;width:100%;height:.4em;overflow:visible}
.hl svg path{stroke:var(--turq-400);stroke-width:7;fill:none;stroke-linecap:round;
  stroke-dasharray:340;stroke-dashoffset:340;transition:stroke-dashoffset 1.1s .35s ease}
.in .hl svg path,.hl.in svg path{stroke-dashoffset:0}

/* ============ BUTTONS ============ */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:11px;
  font-family:var(--f-head);font-weight:600;font-size:16.5px;padding:16px 30px;border-radius:100px;
  transition:transform .28s cubic-bezier(.2,.8,.3,1),box-shadow .28s,background .25s,color .25s;
  overflow:hidden;white-space:nowrap}
.btn svg{width:19px;height:19px;flex:none}
.btn-primary{background:linear-gradient(120deg,var(--turq-600),var(--turq-400));color:#fff;
  box-shadow:0 12px 26px -10px rgba(15,170,178,.85)}
.btn-primary::after{content:"";position:absolute;inset:0;transform:translateX(-120%) skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);width:60%}
.btn-primary:hover::after{animation:shine .85s ease}
@keyframes shine{to{transform:translateX(300%) skewX(-18deg)}}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 18px 34px -10px rgba(15,170,178,.95)}
.btn-ghost{background:var(--white);color:var(--turq-800);border:2px solid var(--turq-200);box-shadow:var(--shadow-s)}
.btn-ghost:hover{transform:translateY(-3px);border-color:var(--turq-400);background:var(--turq-100)}
.btn-dark{background:var(--turq-900);color:var(--beige-50)}
.btn-dark:hover{transform:translateY(-3px);background:var(--turq-800)}
.btn-lg{font-size:18px;padding:19px 38px}

/* ============ NAV ============ */
header.nav{position:fixed;top:0;left:0;right:0;z-index:90;padding:14px 0;transition:.35s}
/* z-index:0, da overlay ostane POD .nav-in / logotipom. backdrop-filter sicer
   naredi lasten stacking context in na telefonu (kjer je .nav-in static)
   prekrije besedilo logotipa — burger je videti, ker ima z-index:3. */
header.nav::before{content:"";position:absolute;inset:0;z-index:0;background:rgba(254,250,244,.97);
  backdrop-filter:blur(16px);opacity:0;transition:.35s;border-bottom:1px solid transparent}
header.nav.stuck::before{opacity:1;border-bottom-color:var(--beige-200)}
header.nav.stuck{padding:9px 0}
.nav-in{position:relative;z-index:1;display:flex;align-items:center;gap:18px}
.logo{display:flex;align-items:center;gap:11px;font-family:var(--f-head);font-weight:600;
  font-size:18.5px;letter-spacing:-.01em}
.logo .mark{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;color:#fff;
  background:linear-gradient(135deg,var(--turq-500),var(--turq-700));font-size:20px;
  box-shadow:0 8px 18px -8px rgba(11,138,146,.9);transition:transform .5s cubic-bezier(.2,.8,.3,1)}
.logo:hover .mark{transform:rotate(-12deg) scale(1.07)}
.logo small{display:block;font-family:var(--f-body);font-weight:500;font-size:11.5px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--turq-600);line-height:1}
.nav-links{display:flex;gap:4px;margin-left:auto}
.nav-links a{position:relative;padding:9px 15px;border-radius:100px;font-weight:500;font-size:15.5px;
  color:var(--ink-soft);transition:.22s}
.nav-links a:hover{color:var(--turq-800);background:var(--turq-100)}
.lang{display:flex;background:var(--beige-100);border:1.5px solid var(--beige-200);
  border-radius:100px;padding:3px;gap:2px}
.lang a{font-family:var(--f-head);font-weight:600;font-size:13.5px;padding:6px 13px;
  border-radius:100px;color:var(--ink-soft);transition:.25s;display:inline-flex;align-items:center}
.lang a.on{background:var(--turq-500);color:#fff;box-shadow:0 4px 10px -3px rgba(20,198,204,.9)}
.lang a:hover{color:var(--turq-800)}
.lang a.on:hover{color:#fff}
.nav .btn{padding:12px 22px;font-size:15px}
.burger{display:none;width:44px;height:44px;border-radius:14px;background:var(--white);
  border:1.5px solid var(--beige-200);place-items:center}
.burger span{display:block;width:19px;height:2px;background:var(--ink);border-radius:2px;
  position:relative;transition:.3s}
.burger span::before,.burger span::after{content:"";position:absolute;left:0;width:19px;height:2px;
  background:var(--ink);border-radius:2px;transition:.3s}
.burger span::before{top:-6px}.burger span::after{top:6px}
.burger.open span{background:transparent}
.burger.open span::before{top:0;transform:rotate(45deg)}
.burger.open span::after{top:0;transform:rotate(-45deg)}

/* ============ BLOBS ============ */
.blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;pointer-events:none;z-index:0}
@keyframes drift{0%,100%{transform:translate(0,0) scale(1)}
  33%{transform:translate(38px,-30px) scale(1.09)}
  66%{transform:translate(-28px,26px) scale(.94)}}

/* ============ HERO ============ */
.hero{padding:150px 0 70px;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;z-index:0;
  background:radial-gradient(1100px 520px at 78% 8%,var(--turq-100),transparent 62%),
             radial-gradient(760px 420px at 6% 82%,var(--beige-200),transparent 66%)}
.hero .b1{width:400px;height:400px;background:var(--turq-300);top:-90px;right:-60px;animation:drift 17s ease-in-out infinite}
.hero .b2{width:330px;height:330px;background:var(--beige-300);bottom:-110px;left:-70px;animation:drift 21s ease-in-out infinite reverse}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.08fr .92fr;
  gap:52px;align-items:center}
.hero h1{font-size:clamp(38px,5.2vw,64px);font-weight:600;margin:22px 0 24px;letter-spacing:-.035em}
.rotator{display:inline-grid;vertical-align:bottom;height:1.16em;overflow:hidden;text-align:left}
.rotator span{grid-area:1/1;display:flex;align-items:center;opacity:0;transform:translateY(105%) rotate(4deg);
  transition:.5s cubic-bezier(.2,.85,.3,1);gap:.16em;
  background:linear-gradient(100deg,var(--turq-600),var(--turq-400) 60%,var(--sand));
  -webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}
.rotator span.on{opacity:1;transform:none}
.rotator span.out{opacity:0;transform:translateY(-105%) rotate(-4deg)}
.hero .lede{font-size:clamp(17px,1.75vw,20.5px)}
.hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.hero-note{display:flex;align-items:center;gap:9px;margin-top:20px;font-size:14.5px;color:var(--ink-soft)}
.hero-note b{color:var(--turq-700);font-weight:600}

/* ORBIT */
.orbit{position:relative;aspect-ratio:1;max-width:430px;margin-inline:auto;width:100%}
.orbit-core{position:absolute;inset:19%;border-radius:50%;display:grid;place-items:center;text-align:center;
  background:linear-gradient(150deg,var(--white),var(--beige-100));box-shadow:var(--shadow-l);
  border:2px solid var(--white);padding:20px}
.orbit-core .num{font-family:var(--f-head);font-size:clamp(42px,6vw,62px);font-weight:700;line-height:1;
  background:linear-gradient(120deg,var(--turq-600),var(--turq-400));-webkit-background-clip:text;
  background-clip:text;color:transparent}
.orbit-core .cap{font-size:12.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-soft);
  font-weight:600;margin-top:6px}
.orbit-core .core-line{font-family:var(--f-head);font-weight:600;line-height:1.28;
  font-size:clamp(19px,2.15vw,27px);letter-spacing:-.01em;text-transform:lowercase;
  background:linear-gradient(120deg,var(--turq-700),var(--turq-400) 62%,var(--sand));
  -webkit-background-clip:text;background-clip:text;color:transparent}
.orbit-ring{position:absolute;inset:0;border-radius:50%;border:2px dashed var(--turq-200)}
.orbit-ring.r2{inset:9%;border-style:solid;border-color:rgba(20,198,204,.14)}
.spinner{position:absolute;inset:0;animation:spin 34s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.sat{position:absolute;inset:0;transform:rotate(var(--a))}
.sat i{position:absolute;top:-30px;left:50%;margin-left:-30px;width:60px;height:60px;
  animation:spin 34s linear infinite reverse}
.sat i b{display:grid;place-items:center;width:60px;height:60px;
  border-radius:19px;background:var(--white);box-shadow:var(--shadow-m);border:1.5px solid var(--beige-100);
  transform:rotate(calc(-1 * var(--a)));transition:box-shadow .3s}
.sat i b:hover{box-shadow:var(--shadow-l)}
.sat i svg{width:27px;height:27px}

/* ============ MARQUEE ============ */
.marquee{background:var(--turq-900);padding:22px 0;overflow:hidden;position:relative}
.marquee::before,.marquee::after{content:"";position:absolute;top:0;bottom:0;width:100px;z-index:2}
.marquee::before{left:0;background:linear-gradient(90deg,var(--turq-900),transparent)}
.marquee::after{right:0;background:linear-gradient(270deg,var(--turq-900),transparent)}
.mq-track{display:flex;gap:0;width:max-content;animation:scroll 34s linear infinite}
.marquee:hover .mq-track{animation-play-state:paused}
@keyframes scroll{to{transform:translateX(-50%)}}
.mq-item{display:flex;align-items:center;gap:12px;padding:0 30px;color:var(--beige-100);
  font-family:var(--f-head);font-size:19px;font-weight:500;white-space:nowrap;transition:.3s}
.mq-item svg{width:23px;height:23px;transition:.3s;opacity:.85}
.mq-item:hover{color:#fff}
.mq-item:hover svg{opacity:1;transform:scale(1.18)}
.mq-star{color:var(--turq-400);font-size:15px}

/* ============ CARDS ============ */
.grid{display:grid;gap:22px}
.g3{grid-template-columns:repeat(3,1fr)}
.g2{grid-template-columns:repeat(2,1fr)}
.card{position:relative;background:var(--white);border-radius:var(--radius);padding:32px;
  border:1.5px solid var(--beige-200);box-shadow:var(--shadow-s);overflow:hidden;
  transition:transform .4s cubic-bezier(.2,.8,.3,1),box-shadow .4s,border-color .4s}
.card:hover{transform:translateY(-7px);box-shadow:var(--shadow-m);border-color:var(--turq-200)}
.card::after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;
  background:var(--turq-100);top:-110px;right:-70px;opacity:0;transition:.5s;z-index:0}
.card:hover::after{opacity:.85;transform:scale(1.25)}
.card>*{position:relative;z-index:1}
.card h3{font-size:21.5px;margin-bottom:9px}
.card p{color:var(--ink-soft);font-size:15.8px}
.ic{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;margin-bottom:19px;
  background:linear-gradient(140deg,var(--turq-100),var(--turq-200));color:var(--turq-700);
  transition:transform .45s cubic-bezier(.2,.8,.3,1)}
.ic svg{width:27px;height:27px}
.card:hover .ic{transform:rotate(-8deg) scale(1.08)}
.card .tag{position:absolute;top:26px;right:26px;font-family:var(--f-head);font-size:12px;font-weight:600;
  letter-spacing:.1em;color:var(--beige-300)}
.card.full{grid-column:1/-1}
.card.full p{max-width:74ch}
.card.full .btn{margin-top:22px;white-space:normal;text-align:center}

/* ============ INDUSTRIES ============ */
.ind{background:var(--white);border-radius:var(--radius);padding:30px;border:1.5px solid var(--beige-200);
  box-shadow:var(--shadow-s);transition:.4s}
.ind:hover{transform:translateY(-6px);box-shadow:var(--shadow-m)}
.ind-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.ind-emoji{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:25px;
  background:var(--beige-100);flex:none}
.ind h3{font-size:20px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{font-size:14.2px;font-weight:500;padding:7px 14px;border-radius:100px;background:var(--beige-50);
  border:1.5px solid var(--beige-200);color:var(--ink-soft);transition:.25s;cursor:default}
.chip:hover{background:var(--turq-100);border-color:var(--turq-300);color:var(--turq-800);transform:translateY(-2px)}

/* ============ PROCESS ============ */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative}
.steps::before{content:"";position:absolute;top:34px;left:9%;right:9%;height:2px;
  background:repeating-linear-gradient(90deg,var(--turq-300) 0 10px,transparent 10px 20px);z-index:0}
.step{position:relative;z-index:1;text-align:center}
.step .n{width:68px;height:68px;margin:0 auto 18px;border-radius:24px;display:grid;place-items:center;
  font-family:var(--f-head);font-size:25px;font-weight:700;color:#fff;
  background:linear-gradient(140deg,var(--turq-600),var(--turq-400));
  box-shadow:0 14px 28px -12px rgba(15,170,178,.95);transition:.45s cubic-bezier(.2,.8,.3,1)}
.step:hover .n{transform:translateY(-6px) rotate(-8deg)}
.step h3{font-size:18.5px;margin-bottom:7px}
.step p{font-size:15px;color:var(--ink-soft)}

/* ============ PERSONAL ============ */
.personal{background:linear-gradient(160deg,var(--turq-900),#084149 55%,var(--turq-800));
  color:var(--beige-100);border-radius:var(--radius-lg);padding:clamp(38px,5.5vw,66px);
  position:relative;overflow:hidden}
.personal::before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;
  background:radial-gradient(circle,rgba(20,198,204,.35),transparent 68%);top:-190px;right:-140px}
.personal::after{content:"";position:absolute;width:400px;height:400px;border-radius:50%;
  background:radial-gradient(circle,rgba(201,168,124,.28),transparent 68%);bottom:-190px;left:-120px}
.personal>*{position:relative;z-index:1}
.personal .eyebrow{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:var(--turq-300)}
.personal h2{color:#fff}
.personal p{color:rgba(240,250,249,.82)}
.p-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;margin-top:8px}
.p-list{display:grid;gap:14px}
.p-item{display:flex;gap:14px;align-items:flex-start;background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.13);border-radius:var(--radius-sm);padding:17px 19px;
  transition:.35s;backdrop-filter:blur(6px)}
.p-item:hover{background:rgba(255,255,255,.13);transform:translateX(6px)}
.p-item .tick{width:28px;height:28px;border-radius:9px;background:var(--turq-500);color:var(--turq-900);
  display:grid;place-items:center;flex:none;margin-top:2px}
.p-item .tick svg{width:16px;height:16px}
.p-item b{display:block;font-family:var(--f-head);font-weight:600;font-size:16.5px;color:#fff;margin-bottom:2px}
.p-item span{font-size:14.8px;color:rgba(240,250,249,.72);line-height:1.5}

/* ============ PACKAGES ============ */
.pk{position:relative;background:var(--white);border-radius:var(--radius);padding:34px 30px 32px;
  border:2px solid var(--beige-200);display:flex;flex-direction:column;transition:.45s cubic-bezier(.2,.8,.3,1)}
.pk:hover{transform:translateY(-9px);box-shadow:var(--shadow-l);border-color:var(--turq-300)}
.pk.hot{border-color:var(--turq-500);box-shadow:var(--shadow-m);
  background:linear-gradient(175deg,var(--turq-100),var(--white) 42%)}
.pk-badge{position:absolute;top:-15px;left:50%;transform:translateX(-50%);font-family:var(--f-head);
  font-size:12.5px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:#fff;padding:7px 18px;
  border-radius:100px;background:linear-gradient(110deg,var(--turq-600),var(--coral));
  box-shadow:0 10px 22px -10px rgba(15,170,178,.95);white-space:nowrap}
.pk-emoji{font-size:34px;line-height:1;margin-bottom:14px}
.pk h3{font-size:26px;margin-bottom:6px}
.pk .sub{font-size:15.2px;color:var(--ink-soft);min-height:48px}
.pk .price{margin:20px 0;padding:16px 18px;border-radius:var(--radius-sm);background:var(--beige-50);
  border:1.5px dashed var(--beige-300);text-align:center}
.pk.hot .price{background:rgba(255,255,255,.75);border-color:var(--turq-300)}
.pk .price b{display:block;font-family:var(--f-head);font-size:20px;color:var(--turq-800);font-weight:600}
.pk .price span{font-size:13.5px;color:var(--ink-soft)}
.pk ul{display:grid;gap:11px;margin-bottom:26px}
.pk li{display:flex;gap:11px;font-size:15.5px;color:var(--ink-soft);align-items:flex-start}
.pk li svg{width:18px;height:18px;flex:none;margin-top:4px;color:var(--turq-500)}
.pk .btn{margin-top:auto;width:100%}
.pk-note{margin-top:26px;text-align:center;font-size:15.5px;color:var(--ink-soft)}
.pk-note b{color:var(--turq-800)}
.pk-extra{margin-top:12px;text-align:center;font-size:14.5px;color:var(--ink-soft)}
.pk-extra b{color:var(--turq-800);font-weight:600}

/* ============ ENKRATNA STORITEV / ONE-OFF ============ */
.audit{position:relative;margin-top:34px;background:var(--white);border-radius:var(--radius-lg);
  border:2px solid var(--coral-soft);box-shadow:var(--shadow-m);overflow:hidden;
  padding:clamp(30px,4vw,48px);display:grid;grid-template-columns:1.32fr .68fr;gap:40px;align-items:center}
.audit::before{content:"";position:absolute;width:430px;height:430px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,var(--coral-soft),transparent 70%);top:-230px;right:-150px;opacity:.8}
.audit::after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,var(--turq-100),transparent 70%);bottom:-190px;left:-110px}
.audit>*{position:relative;z-index:1}
.audit .eyebrow{color:#C4552C;background:var(--coral-soft);border-color:#FFC5AE}
.audit .eyebrow .dot{background:var(--coral);box-shadow:0 0 0 0 rgba(242,130,92,.65);animation:pulsec 2.4s infinite}
@keyframes pulsec{70%{box-shadow:0 0 0 11px rgba(242,130,92,0)}100%{box-shadow:0 0 0 0 rgba(242,130,92,0)}}
.audit h3{font-size:clamp(25px,3.1vw,35px);margin:18px 0 13px;letter-spacing:-.025em}
.audit p{color:var(--ink-soft);font-size:16.5px;max-width:58ch}
.audit ul{display:grid;gap:11px;margin-top:22px}
.audit li{display:flex;gap:11px;font-size:15.5px;color:var(--ink-soft);align-items:flex-start}
.audit li svg{width:18px;height:18px;flex:none;margin-top:4px;color:var(--coral)}
.audit-buy{text-align:center;background:var(--beige-50);border:2px dashed #FFC5AE;
  border-radius:var(--radius);padding:26px 22px}
.audit-save{display:inline-block;max-width:100%;font-family:var(--f-head);font-weight:500;
  font-size:13.6px;line-height:1.35;letter-spacing:-.005em;color:#C4552C;padding:10px 20px;
  border-radius:18px;background:var(--white);border:1.5px solid #FFC5AE;
  box-shadow:0 6px 16px -10px rgba(242,130,92,.8);animation:savebob 2.8s ease-in-out infinite}
.audit-save b{display:block;font-weight:700;font-size:19px;letter-spacing:-.02em;
  margin-top:1px;white-space:nowrap}
@keyframes savebob{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.06)}}
.audit-old{display:block;width:fit-content;margin:15px auto 0;position:relative;
  font-family:var(--f-head);font-size:23px;font-weight:500;color:var(--ink-soft);opacity:.7}
.audit-old::after{content:"";position:absolute;left:-5px;right:-5px;top:52%;height:2.5px;border-radius:2px;
  background:var(--coral);transform:scaleX(0);transform-origin:left;
  transition:transform .55s .45s cubic-bezier(.2,.8,.3,1)}
.audit.in .audit-old::after{transform:scaleX(1)}
.audit-new{display:block;font-family:var(--f-head);font-weight:700;line-height:1;
  font-size:clamp(48px,6.4vw,66px);margin:2px 0 6px;
  background:linear-gradient(120deg,#F79268,var(--coral) 45%,#DC5734);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  opacity:0;transform:scale(.65);
  transition:opacity .45s .8s,transform .6s .8s cubic-bezier(.2,1.6,.4,1)}
.audit.in .audit-new{opacity:1;transform:none}
.audit-note{font-size:13.5px;color:var(--ink-soft);margin-top:10px}
.audit .btn{width:100%;margin-top:20px}
.btn-coral{background:linear-gradient(120deg,var(--coral),#F7A07E);color:#fff;
  box-shadow:0 12px 26px -10px rgba(242,130,92,.9)}
.btn-coral:hover{transform:translateY(-3px);box-shadow:0 18px 34px -10px rgba(242,130,92,1)}
@media(max-width:980px){.audit{grid-template-columns:1fr;gap:28px}}
@media(max-width:640px){.audit{padding:26px 22px;border-radius:var(--radius)}}

/* ============ FAQ ============ */
.faq{max-width:820px;margin-inline:auto;display:grid;gap:13px}
.q{background:var(--white);border:1.5px solid var(--beige-200);border-radius:var(--radius-sm);
  overflow:hidden;transition:.3s}
.q:hover{border-color:var(--turq-300)}
.q.open{border-color:var(--turq-400);box-shadow:var(--shadow-s)}
.q button{width:100%;display:flex;align-items:center;gap:16px;padding:20px 24px;text-align:left;
  font-family:var(--f-head);font-weight:500;font-size:17.5px}
.q .plus{margin-left:auto;width:30px;height:30px;border-radius:10px;background:var(--turq-100);
  color:var(--turq-700);display:grid;place-items:center;flex:none;transition:.35s}
.q .plus svg{width:15px;height:15px;display:block}
.q.open .plus{transform:rotate(135deg);background:var(--turq-500);color:#fff}
.q .a{max-height:0;overflow:hidden;transition:max-height .45s cubic-bezier(.4,0,.2,1)}
.q .a p{padding:0 24px 22px;color:var(--ink-soft);font-size:16px}

/* ============ FINAL CTA ============ */
.final{position:relative;overflow:hidden;padding:clamp(60px,8vw,110px) 0}
.final::before{content:"";position:absolute;inset:0;
  background:radial-gradient(900px 460px at 50% 0%,var(--turq-100),transparent 68%)}
.final .b3{width:380px;height:380px;background:var(--turq-200);top:-40px;left:-90px;animation:drift 19s ease-in-out infinite}
.final .b4{width:330px;height:330px;background:var(--beige-300);bottom:-90px;right:-70px;animation:drift 23s ease-in-out infinite reverse}
.final-box{position:relative;z-index:2;background:var(--white);border-radius:var(--radius-lg);
  padding:clamp(38px,6vw,72px);text-align:center;box-shadow:var(--shadow-l);border:2px solid var(--white);
  max-width:920px;margin-inline:auto}
.final-box h2{font-size:clamp(32px,4.8vw,56px);margin-bottom:18px}
.final-box .lede{margin-inline:auto;font-size:clamp(16.5px,1.7vw,19.5px)}
.final-cta{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:34px}
.final-contacts{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:26px}
.final-mail{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-head);
  font-size:17px;font-weight:500;color:var(--turq-800);padding:10px 20px;border-radius:100px;
  background:var(--turq-100);transition:.3s}
.final-mail:hover{background:var(--turq-200);transform:translateY(-2px)}
.final-mail.wa{background:rgba(37,211,102,.14);color:#12813f}
.final-mail.wa:hover{background:rgba(37,211,102,.24)}
.final-badges{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:34px}
.final-badges span{font-size:13.8px;color:var(--ink-soft);background:var(--beige-50);
  border:1.5px solid var(--beige-200);padding:6px 14px;border-radius:100px}

/* ============ FOOTER ============ */
footer{background:var(--turq-900);color:var(--beige-100);padding:70px 0 0;position:relative;overflow:hidden}
footer::before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;
  background:radial-gradient(circle,rgba(20,198,204,.2),transparent 70%);top:-260px;left:50%;transform:translateX(-50%)}
.f-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:44px;
  padding-bottom:46px}
.f-brand .logo .mark{background:linear-gradient(135deg,var(--turq-400),var(--turq-600))}
.f-brand p{margin-top:18px;color:rgba(240,250,249,.7);font-size:15.5px;max-width:38ch}
.f-mail{display:inline-flex;align-items:center;gap:10px;margin-top:20px;font-family:var(--f-head);
  font-weight:500;font-size:16.5px;color:var(--turq-300);border-bottom:2px solid transparent;
  padding-bottom:2px;transition:.3s}
.f-mail:hover{color:#fff;border-color:var(--turq-400)}
.f-brand .f-mail{display:flex;width:fit-content}
.f-wa{color:#4ee08a;font-size:16px;margin-top:10px}
.f-wa:hover{color:#fff;border-color:#4ee08a}
.f-col h4{font-family:var(--f-head);font-size:13px;letter-spacing:.15em;text-transform:uppercase;
  color:var(--turq-300);margin-bottom:16px;font-weight:600}
.f-col a{display:block;padding:5px 0;color:rgba(240,250,249,.72);font-size:15.5px;transition:.25s}
.f-col a:hover{color:#fff;transform:translateX(5px)}
.f-col a.f-mail{display:inline-flex}
.f-net{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.f-net i{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);transition:.3s;color:#fff}
.f-net i svg{width:17px;height:17px}
.f-net i:hover{background:var(--turq-500);transform:translateY(-4px) rotate(-6deg)}
.f-word{position:relative;z-index:1;font-family:var(--f-head);font-weight:700;text-align:center;
  font-size:clamp(30px,9.6vw,124px);line-height:1;letter-spacing:-.045em;white-space:nowrap;
  background:linear-gradient(180deg,rgba(140,237,233,.42),rgba(140,237,233,.03));
  -webkit-background-clip:text;background-clip:text;color:transparent;user-select:none;
  padding-top:10px}
.f-personal{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:12px;
  justify-content:center;padding:22px 0 6px}
.f-personal-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.f-personal em{font-style:normal;font-size:12.8px;letter-spacing:.13em;text-transform:uppercase;
  color:rgba(240,250,249,.45);font-weight:500}
.f-personal a{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;
  color:rgba(240,250,249,.62);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);
  padding:5px 12px;border-radius:100px;transition:.28s}
.f-personal a svg{width:14px;height:14px;fill:currentColor}
.f-personal a:hover{color:#fff;background:rgba(255,255,255,.14);transform:translateY(-2px)}
.f-bot{position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.1);padding:20px 0 26px;
  display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;
  font-size:14px;color:rgba(240,250,249,.5)}
.f-bot .heart{color:var(--coral)}

/* ============ WHATSAPP FLOAT ============ */
.wa-float{position:fixed;right:22px;bottom:22px;z-index:80;display:flex;align-items:center;gap:11px;
  background:#25D366;color:#fff;padding:13px 21px 13px 16px;border-radius:100px;
  font-family:var(--f-head);font-weight:600;font-size:15.5px;letter-spacing:-.01em;
  box-shadow:0 16px 34px -12px rgba(37,211,102,.95),0 2px 8px rgba(5,58,65,.12);
  opacity:0;transform:translateY(88px) scale(.92);pointer-events:none;
  transition:opacity .45s cubic-bezier(.2,.8,.3,1),transform .45s cubic-bezier(.2,.8,.3,1),box-shadow .3s}
.wa-float.show{opacity:1;transform:none;pointer-events:auto}
.wa-float.show:hover{transform:translateY(-4px);box-shadow:0 22px 42px -12px rgba(37,211,102,1)}
.wa-float svg{width:24px;height:24px;flex:none;position:relative;z-index:1}
.wa-float .ring{position:absolute;left:16px;top:50%;width:24px;height:24px;margin-top:-12px;
  border-radius:50%;background:#25D366;animation:waring 2.6s ease-out infinite}
@keyframes waring{0%{transform:scale(1);opacity:.55}70%,100%{transform:scale(2.6);opacity:0}}

/* ============ REVEAL ============ */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .75s cubic-bezier(.2,.7,.3,1),transform .75s cubic-bezier(.2,.7,.3,1)}
.reveal.in{opacity:1;transform:none}

/* ============ RESPONSIVE ============ */
@media(max-width:980px){
  .hero-grid{grid-template-columns:1fr;gap:40px}
  .orbit{max-width:300px;order:-1}
  .g3,.g2{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(2,1fr)}
  .steps::before{display:none}
  .p-grid{grid-template-columns:1fr;gap:28px}
  .f-grid{grid-template-columns:1fr 1fr;gap:32px}
  .f-brand{grid-column:1/-1}
  /* .nav-in sicer position:relative — gumb za meni naj se veže na header
     (cel zaslon), ne na .wrap, sicer na blogu (brez preklopnika) ostane ob logotipu.
     Static pomeni, da .nav-in ne dvigne vsebine nad overlay: logo in preklopnik
     zato potrebujeta lasten z-index (burger ga ima že). */
  .nav-in{position:static;padding-right:56px}
  .logo,.lang{position:relative;z-index:1}
  .nav-links{position:absolute;top:calc(100% + 12px);left:12px;right:12px;width:auto;margin-left:0;flex-direction:column;
    background:var(--white);border:1.5px solid var(--beige-200);border-radius:var(--radius-sm);
    padding:10px;box-shadow:var(--shadow-m);display:none;z-index:2}
  .nav-links.open{display:flex}
  .nav-links a{padding:12px 16px}
  .logo{margin-right:auto}
  .burger{display:grid;position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:3;flex-shrink:0}
  .lang{flex-shrink:0}
  .nav .btn.hide-sm{display:none}
}
@media(max-width:380px){
  /* najozji telefoni: da gumb za meni ostane na zaslonu */
  .nav-in{gap:7px}
  .logo{font-size:14.5px;white-space:nowrap}
  .logo .mark{width:32px;height:32px;border-radius:11px;font-size:16px}
  .logo small{display:none}
  .lang a{padding:6px 7px;font-size:12px}
}
@media(max-width:640px){
  /* Trije jeziki so razsirili preklopnik in gumb za meni potisnili z zaslona.
     Na ozkih zaslonih ga zato stisnemo; gumb mora ostati dosegljiv do 320 px. */
  .nav-in{gap:10px}
  .lang{padding:2px;gap:0}
  .lang a{padding:6px 9px;font-size:12.5px}
  .burger{width:40px;height:40px}
  body{font-size:16px}
  .g3,.g2,.steps{grid-template-columns:1fr}
  .f-grid{grid-template-columns:1fr}
  .hero{padding:126px 0 50px}
  .orbit{max-width:238px}
  .sat i{top:-24px;margin-left:-24px;width:48px;height:48px}
  .sat i b{width:48px;height:48px;border-radius:15px}
  .sat i svg{width:22px;height:22px}
  .orbit-core .core-line{font-size:17px}
  .logo{font-size:16.5px}
  .logo small{font-size:9.5px;letter-spacing:.11em;white-space:nowrap}
  .logo .mark{width:36px;height:36px;border-radius:12px;font-size:18px}
  .card,.ind{padding:26px 22px}
  .btn{width:100%}
  .hero-cta .btn,.final-cta .btn{width:100%}
  .marquee::before,.marquee::after{width:44px}
  .f-personal{flex-direction:column;gap:13px;padding-top:26px}
  .f-personal em{text-align:center}
  .f-personal-links{gap:8px}
  .f-personal a{font-size:13px;padding:6px 11px}
  .wa-float{right:16px;bottom:16px;width:58px;height:58px;padding:0;justify-content:center;border-radius:50%}
  .wa-float span:not(.ring){display:none}
  .wa-float .ring{left:17px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;
    transition-duration:.001ms !important;scroll-behavior:auto !important}
  .reveal{opacity:1;transform:none}
}