/* LOGOS Danismanlik Visual 4.0
   Replaces the previous Visual 2/3 presentation layers with one coherent premium legaltech system. */
:root{
  --v4-midnight:#03182d;
  --v4-midnight-2:#07253f;
  --v4-ink:#102036;
  --v4-muted:#687486;
  --v4-paper:#f7f7f4;
  --v4-paper-2:#eef2f5;
  --v4-white:#fff;
  --v4-red:#e41a34;
  --v4-gold:#d7aa48;
  --v4-gold-soft:#f3e3b8;
  --v4-line:rgba(16,32,54,.12);
  --v4-radius:24px;
  --v4-shadow:0 28px 80px rgba(3,24,45,.14);
  --v4-shadow-soft:0 18px 55px rgba(3,24,45,.08);
}

body.visual-v4{background:#fff;color:var(--v4-ink)}
body.visual-v4 .container{width:min(1240px,calc(100% - 48px))}
body.visual-v4 h1,body.visual-v4 h2,body.visual-v4 h3{letter-spacing:-.035em}
body.visual-v4 h1{font-weight:820}
body.visual-v4 h2{font-weight:800}
body.visual-v4 p{font-weight:450}

/* TOP + FLOATING NAV ------------------------------------------------------ */
body.visual-v4 .topbar{position:relative!important;z-index:70;background:var(--v4-midnight)!important;border-bottom:1px solid rgba(215,170,72,.28)!important}
body.visual-v4 .topbar__inner{min-height:40px}
body.visual-v4 .site-header{position:sticky!important;top:0!important;z-index:160!important;background:rgba(255,255,255,.98)!important;border-bottom:1px solid var(--v4-line)!important;box-shadow:none!important;transition:background .24s ease,border-color .24s ease}
body.visual-v4 .nav-wrap{min-height:86px;transition:min-height .24s ease,width .24s ease,padding .24s ease,border-radius .24s ease,box-shadow .24s ease,background .24s ease,transform .24s ease}
body.visual-v4.v4-scrolled .site-header{background:transparent!important;border-bottom-color:transparent!important;pointer-events:none}
body.visual-v4.v4-scrolled .nav-wrap{
  pointer-events:auto;
  min-height:68px;
  width:min(1260px,calc(100% - 36px));
  margin:10px auto 0;
  padding:0 18px;
  border:1px solid rgba(16,32,54,.10);
  border-radius:20px;
  background:rgba(255,255,255,.88);
  box-shadow:0 18px 55px rgba(3,24,45,.14);
  backdrop-filter:blur(24px) saturate(150%);
  -webkit-backdrop-filter:blur(24px) saturate(150%);
}
body.visual-v4 .brand img{transition:width .24s ease,max-height .24s ease}
body.visual-v4.v4-scrolled .brand img{width:205px!important;max-height:48px!important}
body.visual-v4 .main-nav{gap:22px!important}
body.visual-v4 .main-nav>a:not(.btn),body.visual-v4 .nav-services__toggle{font-weight:800!important}
body.visual-v4 .main-nav>a:not(.btn):after,body.visual-v4 .nav-services__toggle:before{height:2px!important;background:var(--v4-red)!important}
body.visual-v4 .btn{border-radius:12px!important;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}
body.visual-v4 .btn:hover{transform:translateY(-2px)}
body.visual-v4 .btn--small{background:var(--v4-midnight)!important;box-shadow:0 10px 24px rgba(3,24,45,.14)}
body.visual-v4 .btn--gold{background:linear-gradient(135deg,#e4b94e,#c9952f)!important;color:var(--v4-midnight)!important;box-shadow:0 12px 32px rgba(215,170,72,.22)}

/* At the top use the original language strip; in floating state use compact selector. */
body.visual-v4 .header-language{display:none!important}
body.visual-v4 .main-nav{padding-right:0!important}
body.visual-v4.v4-scrolled .header-language{display:block!important;right:14px!important}
body.visual-v4.v4-scrolled .main-nav{padding-right:82px!important}
body.visual-v4.v4-scrolled .header-language__toggle{height:36px;background:rgba(255,255,255,.92)}

/* HERO ------------------------------------------------------------------- */
body.visual-v4 .hero{
  position:relative;
  isolation:isolate;
  min-height:700px;
  padding:88px 0 94px!important;
  overflow:hidden;
  background:
    radial-gradient(circle at 78% 17%,rgba(73,145,211,.17),transparent 25%),
    radial-gradient(circle at 24% 72%,rgba(215,170,72,.10),transparent 31%),
    linear-gradient(125deg,#021426 0%,#061d36 48%,#0a2948 100%)!important;
}
body.visual-v4 .hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:.26;
  background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent 75%);
}
body.visual-v4 .hero:after{
  content:"";
  position:absolute;
  width:650px;
  height:650px;
  right:-170px;
  top:-240px;
  border-radius:50%;
  z-index:-1;
  background:radial-gradient(circle,rgba(229,52,72,.12),rgba(229,52,72,0) 68%);
  filter:blur(3px);
}
body.visual-v4 .hero__shape{display:none!important}
body.visual-v4 .hero__grid{grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr)!important;gap:72px!important;min-height:540px;align-items:center}
body.visual-v4 .hero__content{max-width:780px}
body.visual-v4 .hero .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:7px 12px;
  border:1px solid rgba(215,170,72,.28);
  border-radius:999px;
  background:rgba(255,255,255,.055);
  color:#f4cf79;
  backdrop-filter:blur(10px);
}
body.visual-v4 .hero h1{font-size:clamp(54px,6.3vw,92px)!important;line-height:.98!important;letter-spacing:-.055em!important;max-width:850px;margin-bottom:28px!important;text-wrap:balance}
body.visual-v4 .hero__lead{font-size:clamp(18px,1.35vw,21px)!important;line-height:1.72!important;max-width:740px;color:rgba(236,243,249,.88)!important}
body.visual-v4 .hero__actions{margin-top:34px!important}
body.visual-v4 .hero__badges{margin-top:28px!important}
body.visual-v4 .hero__badges span{padding:8px 13px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.15)!important;backdrop-filter:blur(10px);transition:background .18s ease,border-color .18s ease}
body.visual-v4 .hero__badges span:hover{background:rgba(255,255,255,.09)!important;border-color:rgba(215,170,72,.34)!important}

/* Digital Desk */
body.visual-v4 .hero__brand-panel{
  position:relative!important;
  min-height:510px!important;
  padding:22px!important;
  overflow:visible!important;
  clip-path:none!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:30px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.035))!important;
  box-shadow:0 40px 100px rgba(0,0,0,.34)!important;
  backdrop-filter:blur(18px) saturate(130%);
  -webkit-backdrop-filter:blur(18px) saturate(130%);
  transform:perspective(1200px) rotateY(-2deg) rotateX(1deg);
}
body.visual-v4 .hero__brand-panel:before{content:""!important;position:absolute!important;inset:10px!important;border:1px solid rgba(215,170,72,.42)!important;border-radius:23px!important;clip-path:none!important;pointer-events:none!important}
body.visual-v4 .hero__brand-panel>*:not(.v4-desk){display:none!important}
.v4-desk{position:relative;z-index:2;height:100%;min-height:466px;display:flex;flex-direction:column;padding:24px}
.v4-desk__top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.11)}
.v4-desk__brand{display:flex;align-items:center;gap:11px;font-size:13px;font-weight:900;letter-spacing:.04em}
.v4-desk__brand i{width:33px;height:33px;border-radius:11px;background:#fff url('/assets/logo-icon.svg?v=20260826-official3') center/70% no-repeat;box-shadow:0 8px 24px rgba(0,0,0,.16)}
.v4-desk__status{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#dce9f4;font-weight:800}
.v4-desk__status:before{content:"";width:8px;height:8px;border-radius:50%;background:#43d48b;box-shadow:0 0 0 5px rgba(67,212,139,.11)}
.v4-desk__headline{padding:27px 0 22px}
.v4-desk__headline small{display:block;margin-bottom:7px;color:#d9b660;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.v4-desk__headline strong{display:block;font-size:28px;line-height:1.13;letter-spacing:-.035em}
.v4-desk__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.v4-desk__card{position:relative;overflow:hidden;min-height:115px;padding:16px;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(3,24,45,.48);transition:transform .2s ease,border-color .2s ease,background .2s ease}
.v4-desk__card:hover{transform:translateY(-3px);border-color:rgba(215,170,72,.34);background:rgba(3,24,45,.62)}
.v4-desk__card span{display:block;margin-bottom:18px;color:#89a2b7;font-size:11px;font-weight:900;letter-spacing:.08em}
.v4-desk__card strong{font-size:16px;line-height:1.2}
.v4-desk__card em{display:block;margin-top:7px;color:#b9cad8;font-size:11px;font-style:normal}
.v4-desk__card--ai{background:linear-gradient(135deg,rgba(228,26,52,.18),rgba(3,24,45,.52))}
.v4-desk__footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding-top:20px;color:#b9cad8;font-size:11px;font-weight:800}
.v4-desk__langs{display:flex;gap:5px}
.v4-desk__langs b{display:grid;place-items:center;min-width:31px;height:28px;padding:0 7px;border-radius:9px;background:rgba(255,255,255,.07);color:#fff;font-size:10px}
.v4-desk__float{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(2,20,38,.86);box-shadow:0 18px 42px rgba(0,0,0,.24);backdrop-filter:blur(14px);font-size:11px;font-weight:900}
.v4-desk__float i{width:8px;height:8px;border-radius:50%;background:#43d48b;box-shadow:0 0 0 5px rgba(67,212,139,.09)}
.v4-desk__float--one{right:-28px;top:108px;animation:v4Float 5s ease-in-out infinite}
.v4-desk__float--two{left:-32px;bottom:74px;animation:v4Float 6.5s ease-in-out infinite reverse}
@keyframes v4Float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* SERVICE STRIP ---------------------------------------------------------- */
body.visual-v4 .service-strip{background:#021426!important;border-color:rgba(215,170,72,.26)!important}
body.visual-v4 .service-strip__inner{min-height:58px!important;letter-spacing:.015em}
body.visual-v4 .service-strip__inner i{background:var(--v4-red)!important;width:5px!important;height:5px!important}

/* SECTION RHYTHM --------------------------------------------------------- */
body.visual-v4 .section{padding:104px 0}
body.visual-v4 .section--soft,body.visual-v4 .legal-section--soft{background:var(--v4-paper)!important}
body.visual-v4 .section-heading{max-width:820px;margin-bottom:46px}
body.visual-v4 .section-heading h2{font-size:clamp(38px,4.5vw,60px)!important;line-height:1.02!important;text-wrap:balance}
body.visual-v4 .section-heading>p:last-child{font-size:18px;line-height:1.75}
body.visual-v4 .eyebrow--dark{color:#8a6517!important}

/* Service finder becomes product-like */
body.visual-v4 .service-finder{position:relative;overflow:hidden;background:linear-gradient(135deg,#f8f8f5,#eef2f5)!important}
body.visual-v4 .service-finder:before{content:"";position:absolute;width:440px;height:440px;right:-160px;top:-190px;border-radius:50%;background:radial-gradient(circle,rgba(215,170,72,.14),transparent 70%)}
body.visual-v4 .service-finder__grid{position:relative;z-index:1}
body.visual-v4 .service-finder__panel{border-radius:26px!important;border:1px solid rgba(16,32,54,.10)!important;box-shadow:var(--v4-shadow-soft)!important;background:rgba(255,255,255,.88)!important;backdrop-filter:blur(16px)}

/* BENTO SERVICES --------------------------------------------------------- */
body.visual-v4 #uslugi{background:#fff}
body.visual-v4 .services-grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:18px!important}
body.visual-v4 .services-grid>.service-card{position:relative;min-height:390px!important;padding:210px 30px 30px!important;border:1px solid var(--v4-line)!important;border-top:1px solid var(--v4-line)!important;border-radius:24px!important;background:#fff!important;box-shadow:var(--v4-shadow-soft)!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}
body.visual-v4 .services-grid>.service-card:hover{transform:translateY(-6px)!important;box-shadow:var(--v4-shadow)!important;border-color:rgba(215,170,72,.42)!important}
body.visual-v4 .services-grid>.service-card:nth-child(1),body.visual-v4 .services-grid>.service-card:nth-child(4){grid-column:span 7}
body.visual-v4 .services-grid>.service-card:nth-child(2),body.visual-v4 .services-grid>.service-card:nth-child(3){grid-column:span 5}
body.visual-v4 .services-grid>.service-card:before{height:180px!important;border-bottom:0!important;filter:saturate(.82) contrast(1.02)}
body.visual-v4 .services-grid>.service-card:after{content:"";position:absolute;left:0;right:0;top:100px;height:95px;background:linear-gradient(180deg,transparent,#fff);pointer-events:none}
body.visual-v4 .services-grid>.service-card .service-card__icon{position:absolute!important;z-index:3!important;left:26px!important;top:154px!important;margin:0!important;width:52px!important;height:52px!important;border-radius:16px!important;clip-path:none!important;background:var(--v4-midnight)!important;color:#fff!important;box-shadow:0 12px 30px rgba(3,24,45,.22)!important}
body.visual-v4 .services-grid>.service-card--accent .service-card__icon{background:var(--v4-red)!important}
body.visual-v4 .services-grid>.service-card h3{font-size:clamp(25px,2.3vw,34px)!important;margin-top:5px}
body.visual-v4 .service-card__phones a{background:#f5f7f8;border-color:#dbe1e6!important}

/* Cards and content ------------------------------------------------------ */
body.visual-v4 .landing-pillar,body.visual-v4 .person-card,body.visual-v4 .location-card,body.visual-v4 .legal-card{border-radius:22px!important;border-color:var(--v4-line)!important;box-shadow:0 10px 32px rgba(3,24,45,.06)!important}
body.visual-v4 .landing-pillar:hover,body.visual-v4 .person-card:hover,body.visual-v4 .location-card:hover,body.visual-v4 .legal-card--link:hover{transform:translateY(-4px);box-shadow:var(--v4-shadow-soft)!important}
body.visual-v4 .about-panel,body.visual-v4 .contact-panel{border-radius:24px!important;box-shadow:var(--v4-shadow)!important}
body.visual-v4 .contact-section{background:linear-gradient(125deg,#021426,#082844)!important}

/* LEGAL / ACCOUNTING SUBPAGES ------------------------------------------- */
body.visual-v4 .legal-hero{position:relative;min-height:620px;padding:98px 0 104px!important;background-color:#021426!important}
body.visual-v4 .legal-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,20,38,.97) 0%,rgba(2,20,38,.89) 44%,rgba(2,20,38,.45) 69%,rgba(2,20,38,.18) 100%);pointer-events:none}
body.visual-v4 .legal-hero:after{width:540px!important;height:540px!important;right:-190px!important;bottom:-260px!important;border:1px solid rgba(215,170,72,.28)!important;border-radius:50%!important;transform:none!important}
body.visual-v4 .legal-hero__grid{grid-template-columns:minmax(0,1.1fr) minmax(330px,.62fr)!important;gap:70px!important}
body.visual-v4 .legal-breadcrumbs{margin-bottom:28px!important;letter-spacing:.02em}
body.visual-v4 .legal-hero h1{font-size:clamp(50px,6vw,86px)!important;line-height:1!important;letter-spacing:-.055em!important;text-wrap:balance}
body.visual-v4 .legal-hero__lead{max-width:780px;font-size:20px!important;line-height:1.72!important}
body.visual-v4 .legal-contact-box{border:1px solid rgba(255,255,255,.13)!important;border-top:1px solid rgba(255,255,255,.13)!important;border-radius:24px!important;background:rgba(255,255,255,.10)!important;color:#fff!important;box-shadow:0 30px 80px rgba(0,0,0,.26)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
body.visual-v4 .legal-contact-box__label{color:#f1cd7b!important}
body.visual-v4 .legal-contact-box h2,body.visual-v4 .legal-contact-box__phone{color:#fff!important}
body.visual-v4 .legal-contact-box p{color:#c6d5e1!important}
body.visual-v4 .legal-section{padding:96px 0!important}
body.visual-v4 .legal-heading h2{font-size:clamp(36px,4.3vw,58px)!important;line-height:1.04!important;text-wrap:balance}
body.visual-v4 .legal-cards{gap:18px!important}
body.visual-v4 .legal-card{padding:30px!important;border-top:1px solid var(--v4-line)!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
body.visual-v4 .legal-card__number,body.visual-v4 .legal-card__num{clip-path:none!important;border-radius:14px!important;background:var(--v4-midnight)!important;color:#fff!important}
body.visual-v4 .legal-card__action{color:#8a6517!important}
body.visual-v4 .legal-section--navy{background:linear-gradient(125deg,#021426,#072a47)!important}
body.visual-v4 .legal-step{border:1px solid rgba(255,255,255,.12)!important;border-top:1px solid rgba(255,255,255,.12)!important;border-radius:20px!important;background:rgba(255,255,255,.075)!important;color:#fff!important;backdrop-filter:blur(10px)}
body.visual-v4 .legal-step strong{color:#f0c96e!important}
body.visual-v4 .legal-step p{color:#c8d6e2!important}
body.visual-v4 .legal-crosslink{border-radius:22px!important;border-color:var(--v4-line)!important;background:linear-gradient(135deg,#f7f7f4,#eef2f5)!important}

/* Reveal ---------------------------------------------------------------- */
.v4-reveal{opacity:0;transform:translateY(22px);transition:opacity .62s cubic-bezier(.2,.7,.2,1),transform .62s cubic-bezier(.2,.7,.2,1)}
.v4-reveal.v4-visible{opacity:1;transform:none}
.v4-delay-1{transition-delay:.07s}.v4-delay-2{transition-delay:.14s}.v4-delay-3{transition-delay:.21s}

/* MICROINTERACTIONS ------------------------------------------------------ */
body.visual-v4 .faq-list details,body.visual-v4 .landing-faq__list details{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
body.visual-v4 .faq-list details[open],body.visual-v4 .landing-faq__list details[open]{transform:translateY(-2px);box-shadow:var(--v4-shadow-soft);border-color:rgba(215,170,72,.38)}
body.visual-v4 a svg,body.visual-v4 button svg{transition:transform .18s ease}
body.visual-v4 a:hover svg,body.visual-v4 button:hover svg{transform:translateX(2px)}

@media(max-width:1120px){
  body.visual-v4 .hero__grid{grid-template-columns:1fr .8fr!important;gap:44px!important}
  body.visual-v4 .main-nav{gap:13px!important;font-size:13px!important}
  body.visual-v4.v4-scrolled .main-nav{padding-right:72px!important}
}

@media(max-width:920px){
  body.visual-v4 .container{width:min(100% - 32px,1240px)}
  body.visual-v4 .nav-wrap{min-height:76px}
  body.visual-v4.v4-scrolled .nav-wrap{width:calc(100% - 20px);margin-top:7px;padding:0 12px;border-radius:18px}
  body.visual-v4.v4-scrolled .brand img{width:190px!important}
  body.visual-v4 .main-nav{padding-right:20px!important}
  body.visual-v4.v4-scrolled .nav-toggle{margin-right:64px!important}
  body.visual-v4 .hero{min-height:auto;padding:72px 0 78px!important}
  body.visual-v4 .hero__grid{grid-template-columns:1fr!important;gap:50px!important;min-height:auto}
  body.visual-v4 .hero__content{max-width:820px}
  body.visual-v4 .hero__brand-panel{max-width:720px;width:100%;margin:0 auto;transform:none}
  body.visual-v4 .services-grid>.service-card{grid-column:span 6!important}
  body.visual-v4 .legal-hero{min-height:auto;padding:76px 0 84px!important}
  body.visual-v4 .legal-hero__grid{grid-template-columns:1fr!important;gap:36px!important}
  body.visual-v4 .legal-contact-box{max-width:650px}
}

@media(max-width:650px){
  body.visual-v4 .container{width:min(100% - 24px,1240px)}
  body.visual-v4 .topbar__inner{padding:7px 0}
  body.visual-v4.v4-scrolled .site-header{top:0!important}
  body.visual-v4.v4-scrolled .nav-wrap{min-height:64px;width:calc(100% - 14px);margin-top:6px;border-radius:17px}
  body.visual-v4 .brand img{width:200px!important;max-width:55vw!important}
  body.visual-v4.v4-scrolled .brand img{width:174px!important;max-height:43px!important}
  body.visual-v4 .hero{padding:58px 0 64px!important}
  body.visual-v4 .hero h1{font-size:clamp(45px,13vw,64px)!important}
  body.visual-v4 .hero__lead{font-size:17px!important}
  body.visual-v4 .hero__actions{flex-direction:column;align-items:stretch}
  body.visual-v4 .hero__actions .btn{width:100%}
  body.visual-v4 .hero__brand-panel{min-height:465px!important;padding:12px!important;border-radius:24px!important}
  .v4-desk{min-height:437px;padding:18px}
  .v4-desk__headline strong{font-size:24px}
  .v4-desk__grid{grid-template-columns:1fr}
  .v4-desk__card{min-height:85px}
  .v4-desk__card span{margin-bottom:9px}
  .v4-desk__float{display:none}
  body.visual-v4 .section{padding:76px 0}
  body.visual-v4 .section-heading h2{font-size:clamp(34px,10vw,46px)!important}
  body.visual-v4 .services-grid{grid-template-columns:1fr!important}
  body.visual-v4 .services-grid>.service-card{grid-column:1/-1!important;min-height:365px!important;padding:205px 24px 26px!important}
  body.visual-v4 .legal-hero{padding:62px 0 68px!important}
  body.visual-v4 .legal-hero h1{font-size:clamp(43px,12vw,62px)!important}
  body.visual-v4 .legal-section{padding:72px 0!important}
  body.visual-v4 .legal-heading h2{font-size:clamp(34px,10vw,46px)!important}
  body.visual-v4 .legal-card{padding:24px!important}
}

@media(prefers-reduced-motion:reduce){
  .v4-reveal{opacity:1!important;transform:none!important;transition:none!important}
  .v4-desk__float{animation:none!important}
  body.visual-v4 *{scroll-behavior:auto!important}
}