:root{
  --bg:#050505; --bg2:#0b0b0c; --fg:#ffffff; --muted:#a7a7a7; --line:rgba(255,255,255,.12);
  --glass:rgba(255,255,255,.065); --cyan:#18d7ff; --cyan-soft:#86efff; --blue:#2f6bff; --lime:#dbff3d; --pink:#ff4fd8;
  --max:1320px; --radius:30px; --font:'Inter','Manrope',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);overflow-x:hidden;top:0!important;line-height:1.45}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 5%,rgba(24,215,255,.18),transparent 28%),radial-gradient(circle at 88% 8%,rgba(255,79,216,.13),transparent 26%),radial-gradient(circle at 50% 90%,rgba(47,107,255,.12),transparent 35%),linear-gradient(180deg,#050505,#09090a 45%,#050505);z-index:-3}
.noise{position:fixed;inset:0;opacity:.055;pointer-events:none;z-index:-2;background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="180" height="180"%3E%3Cfilter id="n"%3E%3CfeTurbulence type="fractalNoise" baseFrequency=".65" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23n)"/%3E%3C/svg%3E')}
.cursor-glow{position:fixed;width:360px;height:360px;border-radius:999px;background:radial-gradient(circle,rgba(24,215,255,.14),transparent 60%);left:0;top:0;translate:-50% -50%;pointer-events:none;z-index:-1;transition:opacity .2s ease}
.container,.wrap{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.wrap{max-width:1240px}.pill{display:inline-flex;gap:.5rem;align-items:center;border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(16px);border-radius:999px;padding:.72rem 1rem;color:#e9e9e9;font-size:.9rem;font-weight:850}.dot{width:8px;height:8px;border-radius:99px;background:var(--lime);box-shadow:0 0 22px var(--lime)}
#google_translate_element{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden}.goog-te-banner-frame.skiptranslate,.goog-te-gadget-icon,.goog-logo-link,.goog-te-gadget span{display:none!important}.goog-te-gadget{height:0!important;overflow:hidden!important}

/* Unified header */
.nav{position:fixed;top:18px;left:50%;translate:-50% 0;width:min(1180px,calc(100% - 32px));z-index:80;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(7,7,8,.72);backdrop-filter:blur(22px);box-shadow:0 18px 55px rgba(0,0,0,.32)}
.brand{display:flex;align-items:center;gap:.78rem;font-weight:950;letter-spacing:-.04em;min-width:0}.brand-logo{width:auto;height:72px;max-width:205px;object-fit:contain;border-radius:14px}.brand-text{font-size:1.05rem;white-space:nowrap}.nav-links{display:flex;align-items:center;gap:.25rem}.nav-links a,.lang-nav-btn{border:0;background:transparent;color:#d7d7d7;font-weight:850;padding:.78rem .9rem;border-radius:999px;cursor:pointer;font-family:inherit;font-size:.95rem}.nav-links a:hover,.lang-nav-btn:hover,.nav-links a.active{background:rgba(255,255,255,.1);color:#fff}.nav-phone{background:#fff!important;color:#000!important}.nav-cta{background:linear-gradient(135deg,var(--cyan-soft),var(--cyan))!important;color:#001015!important;box-shadow:0 0 28px rgba(24,215,255,.24);border:1px solid rgba(255,255,255,.28)!important}.hamb{display:none;flex-direction:column;gap:5px;padding:12px;border:0;background:transparent;cursor:pointer}.hamb span{width:22px;height:2px;background:#fff;border-radius:99px}.mobile-menu{display:none;position:fixed;top:102px;left:16px;right:16px;z-index:75;padding:18px;border:1px solid var(--line);background:rgba(5,5,5,.94);backdrop-filter:blur(20px);border-radius:28px;box-shadow:0 30px 90px rgba(0,0,0,.42);max-height:calc(100svh - 118px);overflow:auto}.mobile-menu.open{display:block}.mobile-menu a{display:block;padding:1rem;border-bottom:1px solid var(--line);font-weight:900}.mobile-menu a:last-child{border-bottom:0}.mobile-contact{margin-top:10px;text-align:center;background:linear-gradient(135deg,var(--cyan-soft),var(--cyan));color:#001015!important;border-radius:18px}.language-panel-global{position:fixed;top:108px;left:50%;translate:-50% 0;width:min(590px,calc(100% - 34px));z-index:78;display:none}.language-panel-global.open{display:block}.language-panel-inner{border:1px solid var(--line);background:rgba(10,10,12,.94);backdrop-filter:blur(24px);border-radius:28px;padding:18px;box-shadow:0 30px 90px rgba(0,0,0,.48)}.language-panel-inner strong,.mobile-language-block strong{display:block;margin:0 0 12px;color:#fff}.language-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.language-grid button{border:1px solid var(--line);background:rgba(255,255,255,.08);color:#fff;border-radius:14px;padding:.82rem .72rem;font-weight:900;cursor:pointer}.language-grid button:hover{background:#fff;color:#050505}.mobile-language-block{display:none;margin:14px 0 4px;padding:14px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.055)}

/* Shared buttons and typography */
.btn{display:inline-flex;align-items:center;gap:.6rem;border-radius:999px;padding:1rem 1.18rem;font-weight:950;border:1px solid var(--line);transition:.2s ease;cursor:pointer}.btn-primary,.btn.primary{background:#fff;color:#000;border-color:#fff}.btn-secondary,.btn.secondary{background:rgba(255,255,255,.07);color:#fff}.btn:hover{transform:translateY(-3px)}.grad{background:linear-gradient(90deg,#fff,var(--cyan),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.55;color:#d3d3d3;max-width:760px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.tag{display:inline-flex;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:#000;background:#fff;border-radius:999px;padding:.42rem .62rem;font-weight:1000;margin-bottom:14px}.eyebrow{color:var(--cyan);font-weight:1000;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem}

/* Home */
.page-home .hero{min-height:100svh;display:grid;align-items:end;padding:154px 0 48px;position:relative}.hero-topline{display:flex;justify-content:space-between;gap:1rem;margin-bottom:2rem}.page-home .hero h1{font-size:clamp(4.2rem,13vw,15.8rem);line-height:.82;letter-spacing:-.11em;margin:0;text-transform:uppercase;font-weight:1000}.hero h1 .stroke{color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.85)}.hero-subgrid{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;margin-top:2.6rem;align-items:stretch}.page-home .lead{font-size:clamp(1.35rem,2.7vw,3.35rem);line-height:1.02;letter-spacing:-.06em;font-weight:950;margin:0;color:#fff}.hero-slider{position:relative;border-radius:var(--radius);overflow:hidden;min-height:420px;background:#111;border:1px solid var(--line);box-shadow:0 35px 120px rgba(0,0,0,.38)}.slide{position:absolute;inset:0;opacity:0;transition:opacity .9s ease}.slide.active{opacity:1}.slide img{width:100%;height:100%;object-fit:cover;filter:grayscale(10%) contrast(1.08) brightness(.78)}.slide:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.75))}.slide-caption{position:absolute;left:22px;bottom:22px;right:22px;z-index:2}.slide-caption h3{margin:.5rem 0 0;font-size:2rem;letter-spacing:-.05em}.slider-dots{position:absolute;right:18px;top:18px;z-index:4;display:flex;gap:8px}.slider-dots button{width:10px;height:10px;border-radius:99px;border:0;background:rgba(255,255,255,.35);cursor:pointer}.slider-dots button.active{width:34px;background:#fff}.marquee{border-block:1px solid var(--line);overflow:hidden;padding:20px 0;background:#070707}.marquee-track{display:flex;gap:34px;white-space:nowrap;animation:marquee 22s linear infinite}.marquee span{font-size:clamp(1.5rem,3vw,3.6rem);font-weight:1000;letter-spacing:-.08em;color:#fff}.marquee em{color:var(--cyan);font-style:normal}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.section{padding:108px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:32px}.section h2{font-size:clamp(2.8rem,7.5vw,8rem);line-height:.88;letter-spacing:-.09em;margin:.4rem 0 0;text-transform:uppercase}.section-intro{max-width:560px;color:#cfcfcf;font-size:1.05rem;line-height:1.55}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service,.card{padding:28px;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025));min-height:250px;display:flex;flex-direction:column;justify-content:space-between;transition:.25s}.service:hover,.card:hover{transform:translateY(-8px);border-color:rgba(255,255,255,.28)}.service i,.card i{font-size:1.8rem;color:var(--cyan);margin-bottom:20px}.service h3,.card h3{font-size:1.55rem;letter-spacing:-.05em;margin:1rem 0}.service p,.card p{color:#bdbdbd;line-height:1.55}.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;align-items:center}.about-img{border-radius:var(--radius);overflow:hidden;background:#101010;border:1px solid var(--line);min-height:520px}.about-img img{width:100%;height:100%;object-fit:cover;filter:contrast(1.05) brightness(1.02) saturate(1.05);}.about-copy{padding:34px;border-radius:var(--radius);border:1px solid var(--line);background:rgba(255,255,255,.045)}.about-copy p{font-size:clamp(1.25rem,2vw,2rem);line-height:1.13;letter-spacing:-.05em;font-weight:850}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}.stat{border-top:1px solid var(--line);padding-top:16px}.stat b{font-size:2.2rem}.stat span{display:block;color:#aaa;margin-top:4px}.faq-wrap{display:grid;grid-template-columns:.82fr 1.18fr;gap:28px;align-items:start}.faq-kicker{position:sticky;top:130px;border:1px solid var(--line);border-radius:34px;padding:30px;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025))}.faq-kicker p{color:#cfcfcf;line-height:1.6;font-size:1.02rem;margin:18px 0 0}.faq-list{display:grid;gap:12px}.faq-item{border:1px solid var(--line);border-radius:26px;background:rgba(255,255,255,.045);overflow:hidden;transition:.2s}.faq-item:hover{border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.065)}.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;border:0;background:transparent;color:#fff;text-align:left;padding:22px 24px;font:inherit;font-weight:1000;font-size:1.08rem;letter-spacing:-.025em;cursor:pointer}.faq-q i{flex:0 0 auto;color:var(--cyan);transition:transform .2s ease}.faq-a{max-height:0;overflow:hidden;transition:max-height .28s ease}.faq-a p{margin:0;padding:0 24px 24px;color:#bdbdbd;line-height:1.65}.faq-item.open .faq-q i{transform:rotate(45deg)}
.contact{border:1px solid var(--line);border-radius:44px;padding:52px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.025));display:grid;grid-template-columns:.9fr .72fr 1.08fr;gap:30px;align-items:start}.contact h2{font-size:clamp(3rem,7vw,7.5rem);line-height:.88;letter-spacing:-.09em;margin:0;text-transform:uppercase}.contact-list{display:grid;gap:12px}.contact-item{display:flex;align-items:center;gap:12px;padding:18px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.055);font-weight:900}.contact-form{display:grid;gap:14px;padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:30px;background:rgba(255,255,255,.055);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.form-row{display:grid;gap:14px}.form-row.two{grid-template-columns:1fr 1fr}.contact-form label{display:grid;gap:8px;color:#d8d8d8;font-size:.88rem;font-weight:900}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(0,0,0,.34);color:#fff;padding:1rem;font:inherit;font-weight:750;outline:none;transition:.18s}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#777}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:rgba(24,215,255,.7);box-shadow:0 0 0 4px rgba(24,215,255,.12);background:rgba(0,0,0,.48)}.contact-form textarea{resize:vertical;min-height:136px}.form-submit{justify-content:center;border:0}.form-note{margin:0;color:#9f9f9f;font-size:.86rem;line-height:1.45}.contact-aside-title{color:#fff;font-size:1rem;font-weight:1000;margin:0 0 4px}.contact-small{color:#aaa;line-height:1.55;margin:0 0 12px}.hp-field{position:absolute!important;left:-9999px!important;top:auto!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.privacy-check{display:flex!important;align-items:flex-start;gap:10px;font-size:.82rem!important;line-height:1.45;color:#bdbdbd!important}.privacy-check input{width:18px!important;height:18px!important;margin-top:2px;accent-color:var(--cyan);flex:0 0 auto}.privacy-check a{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.35);text-underline-offset:3px}.form-status{display:none;border:1px solid var(--line);border-radius:18px;padding:14px 16px;font-weight:850;line-height:1.45}.form-status.is-success{display:block;background:rgba(24,215,255,.10);border-color:rgba(24,215,255,.35);color:#d7f8ff}.form-status.is-error{display:block;background:rgba(255,79,216,.10);border-color:rgba(255,79,216,.35);color:#ffd6f7}.form-submit:disabled{opacity:.72;cursor:not-allowed;transform:none}

/* Blog */
.page-blog .hero{min-height:94vh;padding:148px 0 68px;display:grid;align-items:center;position:relative}.hero-grid{position:absolute;inset:0;background:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:92px 92px;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 60%,transparent);opacity:.22;z-index:-1}.hero-inner{display:grid;grid-template-columns:1.03fr .97fr;gap:36px;align-items:center}.page-blog h1{font-size:clamp(4.2rem,11vw,10rem);line-height:.82;letter-spacing:-.085em;margin:22px 0;font-weight:1000;text-transform:uppercase}.blog-card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.045));border-radius:var(--radius);overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.36)}.blog-card-top{padding:26px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line)}.fb-badge{width:64px;height:64px;border-radius:22px;background:#1877f2;display:grid;place-items:center;font-size:2rem;color:#fff;box-shadow:0 22px 50px rgba(24,119,242,.25)}.blog-card h2{font-size:clamp(2.2rem,4vw,4.8rem);line-height:.9;letter-spacing:-.07em;text-transform:uppercase;margin:0}.blog-card p{color:#bdbdbd;line-height:1.6;margin:14px 0 0}.fb-frame{background:#fff;min-height:680px;display:grid;place-items:center}.fb-frame iframe{width:100%;max-width:500px;min-height:680px;border:0}.strip{border-block:1px solid var(--line);overflow:hidden;padding:18px 0;background:rgba(255,255,255,.04)}.strip-track{white-space:nowrap;animation:marqueeAlt 26s linear infinite;font-weight:1000;font-size:clamp(1rem,2vw,1.6rem);letter-spacing:-.03em;color:#fff}@keyframes marqueeAlt{to{transform:translateX(-50%)}}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.blog-cta-card{padding:34px}.blog-cta-title{font-size:clamp(2.6rem,7vw,7rem)!important;line-height:.86!important;letter-spacing:-.075em!important;text-transform:uppercase!important;margin:22px 0!important}

/* Portfolio */
.page-portfolio .hero{padding:150px 0 66px;border-bottom:1px solid var(--line);position:relative}.page-portfolio h1{font-size:clamp(4.4rem,15vw,15rem);line-height:.78;letter-spacing:-.12em;text-transform:uppercase;margin:26px 0 28px;font-weight:1000}.page-portfolio .hero-grid{position:static;display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:end;background:none;mask-image:none;opacity:1}.page-portfolio .lead{font-size:clamp(1.25rem,2.8vw,3rem);line-height:1.03;letter-spacing:-.06em;font-weight:950;margin:0;color:#e9e9e9}.hero-copy{color:var(--muted);line-height:1.75;font-size:1.05rem;max-width:560px;margin:0}.filters{display:flex;flex-wrap:wrap;gap:10px;padding:34px 0 22px}.filter-btn{border:1px solid var(--line);background:rgba(255,255,255,.06);color:#fff;border-radius:999px;padding:.82rem 1.08rem;font-weight:950;cursor:pointer;font-family:inherit}.filter-btn.active,.filter-btn:hover{background:#fff;color:#000}.portfolio-section{padding:18px 0 112px}.portfolio-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:22px}.portfolio-card{grid-column:span 6;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.032));border-radius:34px;overflow:hidden;transition:.25s ease;min-height:520px;display:flex;flex-direction:column}.portfolio-card.web-card{grid-column:span 12;min-height:520px}.portfolio-card.hide{display:none}.portfolio-card:hover{transform:translateY(-7px);border-color:rgba(255,255,255,.24)}.media{background:#f5f5f5;overflow:hidden;border-bottom:1px solid var(--line)}.logo-card .media,.analysis-card .media,.branding-card .media{height:540px;display:grid;place-items:center;padding:56px 56px 74px;background:#f7f7f7}.web-card .media{height:auto;padding:0;background:#eee}.media img{width:100%;height:100%;object-fit:contain}.logo-card .media img,.analysis-card .media img,.branding-card .media img{max-width:430px;max-height:430px;width:100%;height:auto;object-fit:contain;margin:auto}.web-card .media img{height:auto;object-fit:cover}.placeholder-media{width:100%;height:100%;max-width:430px;max-height:430px;border:1px dashed rgba(0,0,0,.22);border-radius:28px;display:grid;place-items:center;text-align:center;color:#222;background:linear-gradient(135deg,#fff,#ececec);font-weight:950;letter-spacing:-.04em;padding:28px}.card-body{padding:26px;flex:1}.portfolio-card h2{font-size:clamp(1.7rem,3vw,2.7rem);letter-spacing:-.07em;line-height:.95;margin:0 0 10px}.portfolio-card p{color:var(--muted);line-height:1.65;margin:0;max-width:720px}.cta{padding:0 0 120px}.cta-box{border:1px solid var(--line);border-radius:42px;background:linear-gradient(135deg,rgba(255,255,255,.085),rgba(255,255,255,.028));padding:46px;display:flex;justify-content:space-between;align-items:center;gap:28px}.cta h2{font-size:clamp(2.2rem,6vw,6rem);letter-spacing:-.085em;line-height:.88;margin:0}.cta p{color:var(--muted);line-height:1.7;max-width:520px}

/* Privacy */
.page-privacy main{padding-top:138px}.page-privacy .hero{padding:70px 0 34px}.page-privacy .hero h1{font-size:clamp(3rem,10vw,7rem);line-height:.86;letter-spacing:-.09em;margin:18px 0 14px;text-transform:uppercase}.page-privacy .lead{font-size:1.16rem;color:#d2d2d2;max-width:760px}.page-privacy .card{display:block;min-height:0;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025));padding:30px;margin:18px auto;transform:none!important}.page-privacy .card h2{font-size:clamp(1.6rem,4vw,2.5rem);line-height:1;letter-spacing:-.06em;margin:0 0 16px}.page-privacy .card h3{margin:24px 0 8px;font-size:1.15rem}.page-privacy .card p,.page-privacy .card li{color:#b7b7b7}.page-privacy ul{padding-left:1.2rem}.table{display:grid;gap:10px}.row{display:grid;grid-template-columns:220px 1fr;gap:14px;border-top:1px solid var(--line);padding-top:12px}.row b{color:#fff}.notice{border-color:rgba(24,215,255,.35)!important;background:rgba(24,215,255,.08)!important}.page-privacy .btn{background:#fff;color:#000!important;text-decoration:none}

/* Footer, floating, share, cookies */
.footer{padding:70px 0 110px;border-top:1px solid var(--line);background:#030303;color:#bdbdbd}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-inner strong{color:#fff}.footer-links{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.footer-links a,.footer-link-btn{color:#ddd;border:0;background:transparent;font:inherit;font-weight:850;padding:0;cursor:pointer;text-decoration:underline;text-decoration-color:rgba(255,255,255,.25);text-underline-offset:4px}.footer-links a:hover,.footer-link-btn:hover{color:#fff;text-decoration-color:#fff}.floating-contact{position:fixed;right:18px;bottom:92px;z-index:70;display:flex;flex-direction:column;gap:10px}.float-btn{width:54px;height:54px;border-radius:999px;display:grid;place-items:center;font-size:1.35rem;box-shadow:0 18px 45px rgba(0,0,0,.35);transition:.2s ease}.float-btn:hover{transform:translateY(-3px)}.whatsapp{background:#25D366;color:#08130b}.viber{background:#7360f2;color:#fff}.footer-share-dock{position:fixed;left:50%;bottom:18px;translate:-50% 0;z-index:72;display:flex;gap:8px;align-items:center;padding:9px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(7,7,8,.76);backdrop-filter:blur(22px);box-shadow:0 20px 60px rgba(0,0,0,.42)}.share-btn{width:44px;height:44px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);color:#fff;border-radius:999px;display:grid;place-items:center;cursor:pointer;transition:.18s ease}.share-btn:hover{background:#fff;color:#050505;transform:translateY(-2px)}.cookie-consent{position:fixed;left:18px;right:18px;bottom:92px;z-index:10000;display:none}.cookie-consent.show{display:block}.cookie-card{width:min(720px,100%);margin:0 auto;border:1px solid rgba(255,255,255,.16);border-radius:30px;background:rgba(8,8,9,.88);box-shadow:0 30px 110px rgba(0,0,0,.62);backdrop-filter:blur(22px);padding:22px}.cookie-card h3{margin:.55rem 0 .4rem;font-size:1.28rem;letter-spacing:-.04em}.cookie-card p{margin:0;color:#cfcfcf;line-height:1.55}.cookie-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;align-items:center}.cookie-link{font-weight:950;color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.34);text-underline-offset:4px;padding:.9rem .2rem}.cookie-mini{display:inline-flex;align-items:center;gap:7px;color:var(--cyan);font-size:.76rem;font-weight:1000;text-transform:uppercase;letter-spacing:.14em}.cookie-mini:before{content:"";width:8px;height:8px;border-radius:999px;background:var(--cyan);box-shadow:0 0 20px rgba(24,215,255,.45)}

@media(max-width:1100px){.nav-links{display:none}.hamb{display:flex}.brand-logo{height:56px;max-width:160px}.brand-text{display:none}.mobile-language-block{display:block}.language-panel-global{display:none!important}.mobile-menu .language-grid{grid-template-columns:1fr 1fr}.page-home .hero{padding-top:132px}.hero-subgrid,.about-grid,.contact,.faq-wrap{grid-template-columns:1fr}.services,.cards{grid-template-columns:1fr 1fr}.section-head{display:block}.contact{padding:28px}.stats{grid-template-columns:1fr}.about-img{min-height:420px}.hero-inner{grid-template-columns:1fr}.page-portfolio .hero-grid{grid-template-columns:1fr}.portfolio-card,.portfolio-card.web-card{grid-column:span 12}.logo-card .media,.analysis-card .media,.branding-card .media{height:520px;padding:46px 46px 70px}.cta-box{display:block;padding:30px}.cta .btn{margin-top:18px}.faq-kicker{position:relative;top:auto}}
@media(max-width:720px){.container,.wrap{width:min(100% - 26px,var(--max))}.nav{top:10px;width:calc(100% - 24px);padding:8px 10px}.brand-logo{height:50px;max-width:145px}.mobile-menu{top:84px}.page-home .hero{padding-top:112px}.hero-topline{display:block}.page-home .hero h1{font-size:18vw}.page-blog h1{font-size:clamp(3.5rem,18vw,7rem)}.page-portfolio h1{font-size:21vw}.section{padding:72px 0}.services,.cards,.portfolio-grid{grid-template-columns:1fr}.hero-slider{min-height:330px}.form-row.two{grid-template-columns:1fr}.contact-form{padding:16px;border-radius:24px}.footer-share-dock{max-width:calc(100% - 18px);overflow-x:auto}.share-btn{min-width:42px}.floating-contact{right:12px;bottom:86px}.fb-frame{min-height:560px}.fb-frame iframe{min-height:560px}.logo-card .media,.analysis-card .media,.branding-card .media{height:500px;padding:34px 28px 66px}.card-body{padding:22px}.page-privacy main{padding-top:110px}.row{grid-template-columns:1fr}.page-privacy .card{padding:22px}.cookie-consent{left:12px;right:12px;bottom:88px}.cookie-card{border-radius:24px;padding:18px}.cookie-actions{display:grid}.cookie-actions .btn,.cookie-link{justify-content:center;text-align:center;width:100%}}
@media(max-width:420px){.mobile-menu .language-grid{grid-template-columns:1fr}.brand-logo{height:44px;max-width:128px}.hamb{padding:9px}.nav{border-radius:24px}.footer-share-dock{left:10px;right:10px;translate:0 0;bottom:10px;border-radius:22px}.footer{padding-bottom:120px}}


/* =========================================================
   Brand header revision — gradient BOJAN VUKOV text
   Works with either:
   <span class="brand-text">Bojan Vukov</span>
   or
   <span class="brand-name-grad">BOJAN VUKOV</span>
   ========================================================= */

.brand{
  gap: .9rem;
  letter-spacing: 0;
  flex: 0 0 auto;
}

.brand-logo{
  height: 64px;
  max-width: 178px;
  object-fit: contain;
}

.brand-text,
.brand-name-grad{
  display: inline-block;
  white-space: nowrap;
  line-height: .92;
  text-transform: uppercase;
  font-family: "Inter","Manrope","Montserrat","Arial Black",system-ui,sans-serif;
  font-size: clamp(1.18rem, 1.62vw, 1.72rem);
  font-weight: 1000;
  letter-spacing: .065em;
  color: transparent;
  background:
    linear-gradient(115deg,
      #ffffff 0%,
      #d8f7ff 15%,
      var(--cyan-soft) 30%,
      var(--cyan) 46%,
      var(--blue) 63%,
      #8c6dff 78%,
      #ffffff 100%);
  background-size: 220% 220%;
  -webkit-background-clip: text;
  background-clip: text;
  text-shadow: 0 0 24px rgba(24,215,255,.24);
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.28));
  animation: brandGradientMove 7s ease-in-out infinite alternate;
}

.brand-name-grad{
  font-size: clamp(1.28rem, 1.82vw, 1.95rem);
  letter-spacing: .075em;
}

@keyframes brandGradientMove{
  from{background-position:0% 50%}
  to{background-position:100% 50%}
}

/* Malo kompaktniji header da veliki brand ne gura meni */
.nav{
  width:min(1240px,calc(100% - 32px));
}

.nav-links{
  gap:.18rem;
}

.nav-links a,
.lang-nav-btn{
  padding:.72rem .76rem;
  font-size:.91rem;
}

/* Srednji ekrani: zadrži logo + gradient ime, ali smanji meni */
@media(max-width:1240px){
  .brand-logo{
    height:58px;
    max-width:160px;
  }

  .brand-text,
  .brand-name-grad{
    font-size:clamp(1.05rem,1.5vw,1.48rem);
    letter-spacing:.055em;
  }

  .nav-links a,
  .lang-nav-btn{
    padding:.68rem .62rem;
    font-size:.86rem;
  }
}

/* Tablet i mobilni: prikazuj samo logo, kao i do sada */
@media(max-width:1100px){
  .brand-logo{
    height:56px;
    max-width:160px;
  }

  .brand-text,
  .brand-name-grad{
    display:none;
  }
}

@media(max-width:720px){
  .brand-logo{
    height:50px;
    max-width:145px;
  }
}

@media(max-width:420px){
  .brand-logo{
    height:44px;
    max-width:128px;
  }
}

@media(prefers-reduced-motion:reduce){
  .brand-text,
  .brand-name-grad{
    animation:none;
  }
}


/* =========================================================
   Home page additions used by index.php
   ========================================================= */
.contact-aside{display:grid;gap:12px;align-content:start}
.form-submit{cursor:pointer;font-family:inherit;font-size:1rem}

.testimonials-shell{position:relative;border:1px solid var(--line);border-radius:44px;padding:34px;background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.022));overflow:hidden}
.testimonials-shell:before{content:"";position:absolute;inset:-1px;pointer-events:none;background:radial-gradient(circle at 12% 0%,rgba(24,215,255,.16),transparent 32%),radial-gradient(circle at 90% 20%,rgba(24,215,255,.10),transparent 28%);opacity:.9}
.testimonials-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}
.testimonials-controls{display:flex;align-items:center;gap:10px}
.testimonial-nav{width:48px;height:48px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.08);color:#fff;display:grid;place-items:center;cursor:pointer;font-size:1rem;transition:transform .18s ease,background .18s ease,color .18s ease}
.testimonial-nav:hover{transform:translateY(-2px);background:#fff;color:#000}
.testimonials-viewport{position:relative;z-index:2;overflow:hidden;border-radius:32px}
.testimonials-track{display:flex;gap:16px;transition:transform .38s ease;will-change:transform}
.testimonial-card{flex:0 0 calc((100% - 32px)/3);min-height:430px;border:1px solid rgba(255,255,255,.12);border-radius:32px;background:rgba(255,255,255,.055);padding:26px;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:space-between;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.testimonial-photo{width:92px;height:92px;border-radius:999px;padding:3px;background:linear-gradient(135deg,var(--cyan),var(--blue),var(--cyan-soft));margin-bottom:16px}
.testimonial-photo img{width:100%;height:100%;border-radius:999px;object-fit:cover;border:4px solid #080809;background:#222;filter:grayscale(15%) contrast(1.05)}
.testimonial-card blockquote{margin:0;color:#e8e8e8;font-size:.98rem;line-height:1.55;font-weight:720;letter-spacing:-.02em}
.testimonial-card footer{margin-top:22px;background:transparent;border:0;padding:0;color:inherit}
.testimonial-card strong{display:block;font-size:1.08rem;letter-spacing:-.035em;color:#fff}
.testimonial-card span{display:block;color:#9f9f9f;font-size:.88rem;margin-top:5px;line-height:1.35}
.testimonial-stars{color:var(--cyan-soft);letter-spacing:.12em;font-size:.85rem;margin-bottom:14px}
.testimonial-dots{position:relative;z-index:2;display:flex;justify-content:center;gap:8px;margin-top:22px}
.testimonial-dots button{width:9px;height:9px;border:0;border-radius:999px;background:rgba(255,255,255,.28);cursor:pointer;transition:.2s}
.testimonial-dots button.active{width:34px;background:#fff}
.testimonial-note{position:relative;z-index:2;margin:18px 0 0;color:#8f8f8f;font-size:.84rem;line-height:1.45;text-align:center}

.footer-share-dock::before{content:'Podeli';color:rgba(255,255,255,.82);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;padding:0 5px 0 2px;white-space:nowrap}

@media(max-width:1000px) and (min-width:721px){
  .testimonial-card{flex-basis:calc((100% - 16px)/2)}
}
@media(max-width:720px){
  .testimonials-shell{padding:22px;border-radius:32px}
  .testimonials-top{display:block}
  .testimonials-controls{margin-top:18px}
  .testimonial-card{flex-basis:100%;min-height:330px}
  .testimonial-nav{width:44px;height:44px}
  .footer-share-dock::before{font-size:.68rem;padding-left:4px}
}

/* =========================================================
   RESPONSIVE PROFILE PHOTO — O MENI
   Fotografija je uvećana na velikim ekranima, ali se zoom
   postepeno smanjuje zajedno sa okvirom na tabletima i telefonima.
   ========================================================= */
#o-meni .about-img.profile-photo-zoom{
  --profile-photo-zoom:1.5;
  position:relative;
  width:100%;
  min-height:0;
  aspect-ratio:9 / 10;
  overflow:hidden;
}

#o-meni .about-img.profile-photo-zoom img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:50% 22%;
  transform:scale(var(--profile-photo-zoom));
  transform-origin:50% 22%;
  transition:transform .35s ease;
}

/* Jednokolonski prikaz: okvir više nije preširok, a zoom je blaži. */
@media(max-width:1100px){
  #o-meni .about-img.profile-photo-zoom{
    --profile-photo-zoom:1.22;
    width:min(100%,760px);
    margin-inline:auto;
    aspect-ratio:4 / 3;
  }

  #o-meni .about-img.profile-photo-zoom img{
    object-position:50% 18%;
    transform-origin:50% 18%;
  }
}

/* Telefon: portretni okvir i skoro prirodna veličina fotografije. */
@media(max-width:720px){
  #o-meni .about-img.profile-photo-zoom{
    --profile-photo-zoom:1.08;
    width:min(100%,520px);
    aspect-ratio:4 / 5;
  }

  #o-meni .about-img.profile-photo-zoom img{
    object-position:50% 16%;
    transform-origin:50% 16%;
  }
}

/* Vrlo uski telefoni: bez agresivnog sečenja glave i ramena. */
@media(max-width:420px){
  #o-meni .about-img.profile-photo-zoom{
    --profile-photo-zoom:1.02;
    aspect-ratio:1 / 1;
  }

  #o-meni .about-img.profile-photo-zoom img{
    object-position:50% 14%;
    transform-origin:50% 14%;
  }
}

/* =========================================================
   SUPERPROF — KARUSEL PREPORUKA POLAZNIKA
   Komponenta je namerno izolovana prefiksom sp- kako ne bi
   remetila postojeći karusel saradnika iz assets/js/site.js.
========================================================= */
.sp-testimonials-section{padding-top:0}
.sp-testimonials-shell{position:relative;overflow:hidden;padding:clamp(26px,4vw,54px);border:1px solid rgba(255,255,255,.09);border-radius:30px;background:radial-gradient(circle at 88% 8%,rgba(255,95,108,.16),transparent 27%),radial-gradient(circle at 5% 95%,rgba(79,155,255,.12),transparent 30%),linear-gradient(145deg,rgba(14,27,40,.98),rgba(7,17,27,.98));box-shadow:0 28px 75px rgba(0,0,0,.24)}
.sp-testimonials-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.035),transparent 28%,transparent 72%,rgba(255,255,255,.02))}
.sp-testimonials-top{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr) auto;gap:28px;align-items:end;margin-bottom:30px}
.sp-title-row{display:flex;align-items:center;gap:13px;margin-bottom:9px}
.sp-title-logo{width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(255,95,108,.25))}
.sp-testimonials-top h2{margin:0}
.sp-testimonials-top .section-intro{margin:0;max-width:620px}
.sp-proof{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-start}
.sp-proof-pill{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 13px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.045);color:rgba(255,255,255,.82);font-size:.84rem;font-weight:700;white-space:nowrap}
.sp-proof-pill i{color:#ffbf3f}.sp-proof-pill strong{color:#fff}
.sp-controls{display:flex;gap:9px;justify-content:flex-end}
.sp-nav{width:45px;height:45px;border-radius:50%;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.055);color:#fff;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease,opacity .2s ease}
.sp-nav:hover{transform:translateY(-2px);background:rgba(255,95,108,.15);border-color:rgba(255,95,108,.5)}
.sp-nav:disabled{opacity:.28;cursor:not-allowed;transform:none}
.sp-viewport{position:relative;z-index:1;overflow:hidden;touch-action:pan-y;padding:2px}
.sp-track{display:flex;gap:22px;transition:transform .48s cubic-bezier(.22,.61,.36,1);will-change:transform}
.sp-card{position:relative;display:flex;flex:0 0 calc((100% - 44px)/3);min-width:0;min-height:410px;flex-direction:column;justify-content:space-between;padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:linear-gradient(165deg,rgba(255,255,255,.072),rgba(255,255,255,.028));box-shadow:0 18px 42px rgba(0,0,0,.18);transition:transform .25s ease,border-color .25s ease,background .25s ease}
.sp-card:hover{transform:translateY(-5px);border-color:rgba(255,95,108,.36);background:linear-gradient(165deg,rgba(255,255,255,.09),rgba(255,255,255,.035))}
.sp-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:21px}
.sp-person{display:flex;align-items:center;gap:13px;min-width:0}
.sp-avatar{display:grid;place-items:center;flex:0 0 58px;width:58px;height:58px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:linear-gradient(135deg,rgba(255,95,108,.95),rgba(139,82,255,.88));box-shadow:0 10px 28px rgba(0,0,0,.24);color:#fff;font-size:1.08rem;font-weight:900;letter-spacing:.04em}
.sp-person-meta{min-width:0}.sp-person-meta strong{display:block;color:#fff;font-size:1.02rem}.sp-person-meta span{display:block;margin-top:5px;color:#69b8ff;font-size:.82rem;font-weight:700}
.sp-source-badge{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:7px 9px;border:1px solid rgba(255,95,108,.25);border-radius:999px;background:rgba(255,95,108,.1);color:#ffacb4;font-size:.72rem;font-weight:800}
.sp-source-badge img{width:17px;height:17px;object-fit:contain}
.sp-stars{margin-bottom:14px;color:#ffbf3f;font-size:1rem;letter-spacing:.08em}
.sp-card blockquote{margin:0;color:rgba(255,255,255,.9);font-size:1rem;line-height:1.75}
.sp-card-footer{margin-top:24px;padding-top:18px;border-top:1px dashed rgba(255,255,255,.16)}
.sp-review-kind{display:inline-flex;align-items:center;gap:7px;margin-bottom:12px;color:rgba(255,255,255,.64);font-size:.78rem;font-weight:700}
.sp-review-kind i{color:#8bd3ff}
.sp-original-link{display:inline-flex;align-items:center;gap:8px;color:#72bfff;font-size:.86rem;font-weight:800;text-decoration:none}
.sp-original-link:hover{color:#fff}.sp-original-link i{font-size:.75rem}
.sp-bottom{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:26px}
.sp-dots{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sp-dot{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.25);cursor:pointer;transition:width .25s ease,background .25s ease}
.sp-dot.active{width:26px;background:#ff6674}
.sp-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.sp-profile-link{display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:10px 15px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.045);color:#fff;font-size:.82rem;font-weight:800;text-decoration:none;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.sp-profile-link:hover{transform:translateY(-2px);background:rgba(255,95,108,.12);border-color:rgba(255,95,108,.38)}
.sp-note{position:relative;z-index:1;margin:18px 0 0;color:rgba(255,255,255,.48);font-size:.77rem;line-height:1.55}
@media(max-width:1050px){.sp-testimonials-top{grid-template-columns:1fr auto}.sp-testimonials-top .section-intro{grid-column:1/-1;grid-row:2}.sp-proof{grid-column:1}.sp-controls{grid-column:2;grid-row:1}.sp-card{flex-basis:calc((100% - 22px)/2)}}
@media(max-width:700px){.sp-testimonials-shell{padding:24px 18px;border-radius:22px}.sp-testimonials-top{display:flex;flex-direction:column;align-items:stretch;gap:17px}.sp-title-row{align-items:flex-start}.sp-title-logo{width:34px;height:34px}.sp-controls{justify-content:flex-start}.sp-card{flex-basis:100%;min-height:390px;padding:21px}.sp-bottom{align-items:flex-start;flex-direction:column}.sp-actions{justify-content:flex-start}.sp-profile-link{width:100%;justify-content:center}.sp-proof-pill{white-space:normal}.sp-source-badge span{display:none}}
@media(prefers-reduced-motion:reduce){.sp-track,.sp-card,.sp-nav,.sp-profile-link,.sp-dot{transition:none!important}}