:root{
--lexenta-primary:#0d6efd;
--lexenta-menu-bg:#ffffff;
--lexenta-heading:#111827;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#111827;line-height:1.55;background:#fff;font-size:var(--lex-font-base,16px)}
h1{font-size:var(--lex-font-h1,40px);line-height:1.15;margin:0 0 12px}
h2{font-size:var(--lex-font-h2,32px);line-height:1.2;margin:0 0 10px}
h3{font-size:var(--lex-font-h3,22px);line-height:1.25;margin:0 0 8px}
a{color:var(--lexenta-primary);text-decoration:underline;text-underline-offset:2px}
a:hover{text-decoration:none}
.container{max-width:1200px;margin:0 auto;padding:0 16px} .header{background:var(--lexenta-menu-bg);border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:9990}
.nav{display:flex;align-items:center;justify-content:space-between;gap:12px}
.logo img{max-height:44px;height:auto;width:auto;border-radius:10px;transition:max-height .18s ease, transform .18s ease}
.header.scrolled .logo img{max-height:36px;transform:translateY(-1px)}
.nav-toggle{display:none;position:relative;width:40px;height:40px;border:0;background:transparent;cursor:pointer;border-radius:10px}
.nav-toggle .bar{position:absolute;left:10px;right:10px;height:2px;background:#111827;border-radius:2px;transition:transform .25s, opacity .2s, top .25s}
.nav-toggle .bar:nth-child(1){top:13px}
.nav-toggle .bar:nth-child(2){top:19px}
.nav-toggle .bar:nth-child(3){top:25px}
.nav-open .nav-toggle .bar:nth-child(1){transform:rotate(45deg);top:19px}
.nav-open .nav-toggle .bar:nth-child(2){opacity:0}
.nav-open .nav-toggle .bar:nth-child(3){transform:rotate(-45deg);top:19px}
.menu-drawer{}
.menu-list{display:flex;gap:14px;list-style:none;margin:0;padding:0;align-items:center}
.menu-list > li > a{display:inline-block;padding:10px 12px;border-radius:10px;font-weight:600;color:#111827;text-decoration:none}
.menu-list > li > a:focus-visible{outline:3px solid #94a3b8}
.menu-list > li.menu-item-has-children > a::after{content:"▾";margin-left:6px;font-size:12px;opacity:.6}
.menu-list li{position:relative}
.menu-list .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:220px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.08);padding:8px 0;z-index:99;list-style:none}
.menu-list .sub-menu li a{display:block;padding:10px 14px;color:#111827;text-decoration:none;border-radius:8px}
.menu-list li:hover > .sub-menu{display:block}
.header-socials{display:flex;gap:10px;margin-left:10px}
.header-socials .hs-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;border:1px solid #e5e7eb}
.header-socials .hs-icon svg{width:16px;height:16px;fill:#111827}
.header-socials .hs-icon:hover{background:#f3f4f6}
.nav-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.35);backdrop-filter:saturate(60%) blur(1px);z-index:9998}
.nav-backdrop[hidden]{display:none}
@media (max-width: 990px){
.nav-toggle{display:inline-block}
.menu-drawer{position:fixed;top:0;right:0;height:100%;width:min(86vw,360px);background:#fff;border-left:1px solid #e5e7eb;transform:translateX(100%);transition:transform .25s ease;z-index:9999;overflow:auto;padding:18px}
.nav-open .menu-drawer{transform:translateX(0)}
.menu-list{display:block}
.menu-list .menu-item-has-children > a{padding-right:38px}
.menu-list .sub-toggle{position:absolute;right:6px;top:6px;border:0;background:#f3f4f6;border-radius:8px;width:28px;height:28px;cursor:pointer}
.menu-list .sub-menu{position:relative;top:0;left:0;border:0;box-shadow:none;border-left:3px solid #eef2ff;margin:6px 0 8px 6px;padding:4px 0;display:none}
.menu-list .open > .sub-menu{display:block}
.header-socials{display:none}
.menu-drawer-socials{display:flex;gap:12px;padding:10px 0}
.menu-drawer-socials .hs-icon{width:38px;height:38px;border:1px solid #e5e7eb;border-radius:999px}
} .section{padding:44px 0}
.section h2{color:var(--lexenta-heading);margin:0 0 16px 0;font-size:28px} .hero{position:relative}
.hero .slide{display:none;position:relative}
.hero .slide.active{display:block}
.hero .slide img{width:100%;height:420px;object-fit:cover;object-position:center;border-radius:12px}
@media (max-width: 640px){
.hero .slide{aspect-ratio:16/9;overflow:hidden}
.hero .slide img{height:100%;border-radius:12px}
}
.btn{display:inline-block;padding:10px 16px;border-radius:12px;background:var(--lexenta-primary);color:#fff;font-weight:700;border:1px solid transparent;text-decoration:none}
.btn:focus-visible{outline:3px solid #94a3b8;outline-offset:2px} .card{border:1px solid #e5e7eb;border-radius:16px;padding:18px;background:#fff;box-shadow:0 8px 24px rgba(17,24,39,.04)}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.grid-single{grid-template-columns:1fr}
.posts{display:flex;gap:16px;flex-wrap:wrap}
.post-card img{width:100%;height:auto;object-fit:contain; background:#fff;border-radius:10px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.stat{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;padding:18px;text-align:center}
.stat .num{font-size:32px;font-weight:800}
.badge{display:inline-block;background:#eef2ff;color:#3730a3;font-weight:700;border-radius:999px;padding:6px 10px} .slider-wrap{position:relative}
.slider-track{display:flex;gap:16px;transition:transform .35s ease}
.slider-viewport{overflow:hidden}
.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);border:0;background:#fff;border:1px solid #e5e7eb;box-shadow:0 6px 18px rgba(0,0,0,.06);width:42px;height:42px;border-radius:999px;cursor:pointer}
.slider-arrow:hover{box-shadow:0 10px 24px rgba(0,0,0,.08)}
.slider-prev{left:-10px}
.slider-next{right:-10px} .slide-item{min-width:calc((100% - 4*16px)/5);display:flex}
@media (max-width: 1200px){ .slide-item{min-width:calc((100% - 3*16px)/4)} }
@media (max-width: 992px){ .slide-item{min-width:calc((100% - 2*16px)/3)} }
@media (max-width: 640px){ .slide-item{min-width:calc((100% - 1*16px)/2)} } .slider-track .slide-item > a{display:flex;flex-direction:column;width:100%}
.slider-track .card{padding:14px}
.slider-track .slide-item p{margin-bottom:14px}
.slider-track .slide-item .btn{margin-top:auto} .slider-track .slide-item img{width:100%;height:160px;object-fit:cover;border-radius:12px}
.ref-card .ref-thumb{height:120px;object-fit:contain;background:#fff}
@media (max-width: 640px){
.slider-track .slide-item img{height:140px}
}
.slider-dots{display:flex;gap:8px;justify-content:center;margin-top:12px}
.slider-dots button{width:8px;height:8px;border-radius:999px;border:0;background:#cbd5e1}
.slider-dots button.active{background:#111827;width:20px}
.slider-dots button:focus-visible{outline:3px solid #94a3b8; outline-offset:2px} .footer{background:#0b1220;color:#d1d5db;margin-top:40px}
.footer a{color:#d1d5db}
.footer .cols{display:grid;gap:24px;grid-template-columns:2fr 1fr 1fr 1fr}
@media (max-width: 992px){ .footer .cols{grid-template-columns:1fr 1fr} }
@media (max-width: 640px){ .footer .cols{grid-template-columns:1fr} }
.footer .bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:18px;padding:12px 0;color:#9ca3af}
.socials{display:flex;gap:10px;flex-wrap:wrap}
.socials a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;border:1px solid #2b3346;background:transparent}
.socials a:hover{background:#111827}
.socials svg{width:18px;height:18px;fill:#d1d5db}
.socials a:hover svg{fill:#fff} @media (max-width:992px){
.grid-4,.stats{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
.grid-4,.stats{grid-template-columns:1fr 1fr}
}  .logo img{max-height:60px !important; height:auto; width:auto; max-width:250px}
.header.scrolled .logo img{max-height:54px !important} .header{transition:background .2s ease, backdrop-filter .2s ease, box-shadow .2s ease}
.header.scrolled{background:rgba(255,255,255,.85); backdrop-filter:saturate(160%) blur(6px); box-shadow:0 2px 10px rgba(17,24,39,.06)} .menu-list > li > a{position:relative}
.menu-list > li > a::after{content:''; position:absolute; left:12px; right:12px; bottom:8px; height:2px; background:var(--lexenta-primary); transform:scaleX(0); transform-origin:left; transition:transform .2s ease}
.menu-list > li > a:hover::after, .menu-list > li > a:focus::after{transform:scaleX(1)} .badge{font-size:22px; line-height:1; padding:8px 12px; background:#eef2ff; color:#111827} .single-cover{position:relative; margin:0 0 20px 0}
.single-cover img{width:100%; height:clamp(240px, 48vh, 520px); object-fit:cover; border-radius:14px}
.single-cover .overlay{position:absolute; inset:0; background:linear-gradient(to top, rgba(0,0,0,.5), rgba(0,0,0,.15)); border-radius:14px}
.single-cover .title{position:absolute; left:20px; right:20px; bottom:20px; color:#fff; text-shadow:0 2px 8px rgba(0,0,0,.4)}
.single-cover .title h1{margin:0; font-size:clamp(24px, 4vw, 40px)}
.single-cover .post-title-row{display:flex;align-items:center;gap:10px}
.single-cover .google-search-link{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(4px)}
.single-cover .google-search-link:hover{background:rgba(255,255,255,.22)}
.single-cover .google-search-icon{fill:currentColor;opacity:.95}
.single-cover.no-thumb{background:#0b1220;border-radius:14px;padding:24px}
.single-cover.no-thumb .title{position:relative;left:auto;right:auto;bottom:auto;text-shadow:none}
.related{margin-top:24px}
.related .posts{display:grid; grid-template-columns:repeat(4,1fr); gap:16px}
@media (max-width: 992px){ .related .posts{grid-template-columns:repeat(2,1fr)} }
@media (max-width: 640px){ .related .posts{grid-template-columns:1fr} }
.related .post-card h3{font-size:16px} .related .posts{align-items:stretch}
.related .post-card{height:100%}
.related .post-card > a{display:flex; flex-direction:column; height:100%}
.related .post-card img{display:block; width:100%; aspect-ratio: 16 / 9; object-fit:cover}
.related .post-card p{margin-top:auto; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden} .content-main img{cursor:zoom-in}
.lex-lightbox{position:fixed; inset:0; z-index:99999; background:rgba(0,0,0,.88); display:flex; align-items:center; justify-content:center; padding:20px}
.lex-lightbox[hidden]{display:none}
.lex-lightbox .lb-inner{position:relative; max-width:min(1100px, 92vw); max-height:86vh; width:100%; height:100%; display:flex; align-items:center; justify-content:center}
.lex-lightbox img{max-width:100%; max-height:100%; width:auto; height:auto; border-radius:14px; background:#111}
.lex-lightbox .lb-close{position:absolute; top:-10px; right:-10px; width:42px; height:42px; border-radius:999px; border:1px solid rgba(255,255,255,.25); background:rgba(0,0,0,.35); color:#fff; cursor:pointer; font-size:20px; line-height:40px}
.lex-lightbox .lb-nav{position:absolute; top:50%; transform:translateY(-50%); width:44px; height:44px; border-radius:999px; border:1px solid rgba(255,255,255,.25); background:rgba(0,0,0,.35); color:#fff; cursor:pointer; font-size:22px; line-height:42px}
.lex-lightbox .lb-prev{left:-14px}
.lex-lightbox .lb-next{right:-14px}
@media (max-width: 640px){
.lex-lightbox{padding:10px}
.lex-lightbox .lb-prev{left:6px}
.lex-lightbox .lb-next{right:6px}
.lex-lightbox .lb-close{top:6px; right:6px}
} .header{position:sticky; top:0; z-index:9990; background:var(--lexenta-menu-bg); transition:box-shadow .2s ease, background .2s ease;}
.header.scrolled{box-shadow:0 6px 20px rgba(0,0,0,.06); background:#fff;}
.nav .logo img{max-height:48px; transition:max-height .2s ease, transform .2s ease;}
.header.scrolled .logo img{max-height:36px; transform:translateY(1px);} .menu-list > li > a{position:relative; display:inline-block;}
.menu-list > li > a:after{content:""; position:absolute; left:0; bottom:-6px; width:0; height:2px; background:var(--lexenta-primary); transition:width .2s ease;}
.menu-list > li > a:hover:after,.menu-list > li.current-menu-item > a:after{width:100%;} .nav-toggle{display:none; background:transparent; border:0; cursor:pointer;}
.nav-toggle .bar{display:block; width:26px; height:2px; margin:6px 0; background:#111;}
.menu-drawer{display:flex; gap:18px;}
.nav-backdrop{position:fixed; inset:0; background:rgba(0,0,0,.35); backdrop-filter:saturate(60%) blur(1px); z-index:9998;}
.nav-backdrop[hidden]{display:none;}
@media (max-width: 990px){
.nav-toggle{display:inline-block;}
.menu-drawer{position:fixed; top:0; right:0; height:100%; width:min(86vw,380px); transform:translateX(100%); background:#fff; flex-direction:column; padding:20px; box-shadow:-10px 0 30px rgba(0,0,0,.08); transition:transform .25s ease; z-index:9999; overflow:auto;}
.nav-open .menu-drawer{transform:translateX(0);}
.menu-list{display:block; padding:0; margin:0; list-style:none;}
.menu-list li{position:relative;}
.menu-list .menu-item-has-children > a{padding-right:38px;}
.menu-list .sub-toggle{position:absolute; right:6px; top:6px; border:1px solid #e5e7eb; background:#f9fafb; border-radius:8px; width:28px; height:28px; cursor:pointer;}
.menu-list .sub-menu{position:relative; top:0; left:0; border:0; box-shadow:none; background:#fff; border-left:2px solid #eef2ff; margin:6px 0 8px 6px; padding:4px 0; display:none;}
.menu-list .open > .sub-menu{display:block;}
} .hero{position:relative; overflow:hidden;}
.hero .slide{position:relative; display:none;}
.hero .slide.active{display:block;}
.hero .slide img{width:100%; height:clamp(280px, 50vh, 640px); object-fit:cover; display:block;}
@media (max-width:640px){
}
.hero-controls{position:absolute; bottom:14px; left:0; right:0; display:flex; align-items:center; justify-content:center; gap:10px; pointer-events:none;}
.hero-prev,.hero-next{pointer-events:auto; border:0; background:rgba(255,255,255,.9); width:40px; height:40px; border-radius:999px; font-size:20px; line-height:40px; text-align:center; box-shadow:0 6px 20px rgba(0,0,0,.1);}
.hero-dots{pointer-events:auto; display:flex; gap:8px; align-items:center; padding:0 4px;}
.hero-dots button{width:10px; height:10px; border-radius:999px; border:0; background:#d1d5db;}
.hero-dots button.active{background:var(--lexenta-primary);} .post-tags{margin-top:18px;}
.post-tags .tags{display:flex; flex-wrap:wrap; gap:8px; padding:0; margin:0; list-style:none;}
.post-tags .tags li a{display:inline-block; background:#eef2ff; color:#1f2937; padding:6px 10px; border-radius:999px; font-size:14px; text-decoration:none;}
.post-tags .tags li a:hover{background:#e0e7ff;}
.hero{position:relative; overflow:hidden;}
.hero .slide{position:relative; display:none;}
.hero .slide.active{display:block;}
.hero .slide img{width:100%; height:clamp(280px, 50vh, 640px); object-fit:cover; display:block;} .hero .caption{
position:absolute; left:50%; bottom:12%;
transform:translateX(-50%);
max-width:min(820px, 92vw);
background:rgba(255,255,255,.85);
padding:16px 20px; border-radius:14px; box-shadow:0 10px 30px rgba(0,0,0,.12);
text-align:center;
}
@media (max-width:640px){
.hero .caption{bottom:8%; padding:12px; border-radius:12px; max-width:94vw;}
} .hero-controls{position:absolute; bottom:14px; left:0; right:0; display:flex; align-items:center; justify-content:center; gap:10px; pointer-events:none;}
.hero-dots{pointer-events:auto; display:flex; gap:8px; align-items:center; padding:0 4px;}
.hero-dots button{width:10px; height:10px; border-radius:999px; border:0; background:#d1d5db;}
.hero-dots button.active{background:var(--lexenta-primary);} .menu-list{position:relative;}
.menu-ink{position:absolute; bottom:-6px; left:0; height:2px; width:1px; background:var(--lexenta-primary); transform-origin:left center; transform:translateX(0) scaleX(0); transition:transform .22s ease; pointer-events:none; border-radius:2px;} @keyframes sub-fade-in{ from {opacity:0; transform:translateY(8px);} to {opacity:1; transform:translateY(0);} }
@media (min-width: 991px){
.menu-list > li{position:relative;}
.menu-list > li:hover > .sub-menu{display:block; animation: sub-fade-in .18s ease both;}
.menu-list .sub-menu{display:none; position:absolute; top:100%; left:0; background:#fff; padding:10px 8px; min-width:220px; box-shadow:0 10px 30px rgba(0,0,0,.08); border-radius:12px; border:1px solid #eef2ff;}
.menu-list .sub-menu li a{display:block; padding:8px 10px;}
.menu-list .sub-menu li a:hover{background:#f9fafb; border-radius:8px;}
} @media (max-width:640px){
.hero .caption h2{font-size:clamp(18px,5.5vw,22px); line-height:1.2; margin:0 0 6px;}
.hero .caption p{font-size:clamp(13px,3.8vw,15px); line-height:1.5; margin:0;}
.hero .caption{padding:10px 12px; background:rgba(255,255,255,.88);}
.hero .slide::after{content:""; position:absolute; inset:auto 0 0 0; height:42%; background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.25) 100%); pointer-events:none;}
} .menu-list .sub-toggle{
appearance:none; -webkit-appearance:none;
background:transparent; border:0; width:28px; height:28px;
display:inline-grid; place-items:center; border-radius:999px;
transition:transform .18s ease, background .18s ease;
color:#111; margin-left:6px;
}
.menu-list .sub-toggle:hover{background:#f3f4f6;}
.menu-list .menu-item-has-children.open > .sub-toggle{transform:rotate(180deg);} @media (min-width: 991px){
.menu-list .sub-toggle{display:none!important;}
}
@media (max-width:640px){
.hero .caption h2{font-size:clamp(16px,5vw,20px); line-height:1.2; margin:0 0 6px;}
.hero .caption p{font-size:clamp(12px,3.6vw,14px); line-height:1.5; margin:0;}
}
.hero .slide img.cover{object-fit:cover;}
.hero .slide img.contain{object-fit:contain; background:#fff;} @media (max-width: 640px){
.footer .menu{display:grid; grid-template-columns:1fr 1fr; gap:8px;}
.footer .menu > li{margin:0;}
}
@media (min-width: 641px){
.footer .menu{display:flex;}
} .hero .slide{height:auto;}
.hero .slide img{
width:100%;
height:auto;
max-height:80vh;
object-fit:contain;
display:block;
background:#fff;
}
.hero.is-fullscreen .slide{height:100vh;height:100svh;height:100dvh;}
.hero.is-fullscreen .slide img{height:100%;width:100%;max-height:none;object-fit:cover;object-position:center;}
@media (max-width: 640px){
.hero.is-fullscreen .slide{aspect-ratio:auto;overflow:hidden;}
} .footer .cols{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:24px;}
@media (max-width: 640px){
.footer .cols{grid-template-columns:1fr;}
.footer nav .menu{display:grid; grid-template-columns:1fr 1fr; gap:8px 14px; padding:0; margin:0;}
.footer nav .menu > li{margin:0;}
} .stats{display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:18px;}
@media (max-width: 640px){
.stats{grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px;}
.stats .stat{padding:10px 12px; border-radius:12px;}
.stats .stat .badge{font-size:12px; padding:4px 6px;}
.stats .stat .num{font-size:22px; line-height:1.1;}
.stats .stat .label{font-size:12px;}
} #backTop{
position:fixed; right:16px; bottom:16px; z-index:999;
width:44px; height:44px; border-radius:999px; border:0;
display:grid; place-items:center;
background:#111; color:#fff; box-shadow:0 10px 30px rgba(0,0,0,.18);
cursor:pointer; opacity:0; transform:translateY(14px); pointer-events:none;
transition:opacity .2s ease, transform .2s ease, background .2s ease;
}
#backTop:hover{background:var(--lexenta-primary);}
#backTop.show{opacity:1; transform:translateY(0); pointer-events:auto;} @media (max-width: 990px){
html, body { overflow-x: hidden; }
}
body.nav-open{ overflow: hidden; touch-action: none; } #backTop{ right: clamp(12px, 3vw, 18px); bottom: calc(12px + env(safe-area-inset-bottom, 0px)); } img, video{ max-width: 100%; height: auto; } .footer .cols{ align-items: start; }
@media (max-width: 640px){
.footer .cols{ grid-template-columns: 1fr; }
.footer nav .menu{ display: grid; grid-template-columns: 1fr 1fr; gap: 8px 14px; padding: 0; margin: 0; }
.footer nav .menu > li{ margin: 0; }
} @media (max-width: 990px){
.menu-drawer{ max-width: 100vw; }
} .footer nav .menu{ list-style: disc inside; padding:0; margin:0; }
.footer nav .menu > li{ display:list-item; margin:6px 0; }
.footer nav .menu a{ display:inline-block; } .slider-viewport{overflow:hidden;}
.slider-track{display:flex; gap:18px; will-change:transform; transition:transform .35s ease;}
.slider-track .slide-item{flex:0 0 auto;}
@media (max-width:640px){
.slider-track{gap:12px;}
.post-card h3{font-size:16px; line-height:1.3;}
.post-card p{font-size:var(--lex-font-small,14px);}
} @media (max-width:640px){
.footer .container.section{padding-left:16px; padding-right:16px;}
.footer .cols{display:grid; grid-template-columns:1fr; gap:22px;}
.footer h3{font-size:16px; margin-bottom:8px;}
.footer nav .menu{display:grid; grid-template-columns:1fr 1fr; gap:8px 12px; list-style:disc inside; padding:0; margin:0;}
.footer nav .menu > li{margin:0;}
.footer a{word-break:break-word;}
}  .footer .cols{
display:grid;
gap:24px;
grid-template-columns:repeat(4, minmax(0,1fr));
align-items:flex-start;
}
@media (max-width: 992px){
.footer .cols{
grid-template-columns:repeat(2, minmax(0,1fr));
}
}
@media (max-width: 640px){
.footer .cols{
grid-template-columns:repeat(2, minmax(0,1fr));
}
} .home-info-grid .info-card{
padding:16px;
border-radius:16px;
box-shadow:0 6px 18px rgba(15,23,42,.06);
}
.home-info-grid .info-card h3{
font-size:16px;
margin-bottom:6px;
}
.home-info-grid .info-card p{
font-size:13px;
line-height:1.55;
}  .hero{
position:relative;
}
.hero .slide{
display:none;
position:relative;
overflow:hidden;
border-radius:12px;
}
.hero .slide.active{
display:block;
}
.hero .slide img{
width:100%;
height:100%;
object-fit:cover;
object-position:center;
border-radius:12px;
} @media (min-width: 1024px){
.hero .slide{
aspect-ratio: 21/9;
}
} @media (max-width: 1023.98px){
.hero .slide{
aspect-ratio: 16/9;
}
} .breadcrumb{
margin-bottom:12px;
font-size:13px;
color:#6b7280; line-height:1.6;
}
.breadcrumb a{
color:var(--lexenta-primary);
text-decoration:none;
font-weight:500;
}
.breadcrumb a:hover{
text-decoration:underline;
}
.breadcrumb span[aria-current="page"]{
font-weight:600;
color:#111827;
}
.breadcrumb{
white-space:normal;
}  img{
max-width:100%;
height:auto;
} .hero,
.single-cover{
min-height:240px;
} main{
contain: layout paint;
} .section .about img{
width:100%;
height:auto;
aspect-ratio:16/9;
display:block;
}
.map-embed{
position:relative;
width:100%;
max-width:100%;
}
.map-embed iframe{
width:100%;
height:auto;
aspect-ratio:16/9;
display:block;
} .hero-controls button{
min-width:40px;
min-height:40px;
padding:8px;
border-radius:999px;
} .category-grid{
display:grid;
grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
gap:16px;
margin:24px 0 32px;
}
.service-area-card{
padding:18px 16px;
}
.service-area-card h2{
font-size:18px;
margin:0 0 8px;
}
.service-area-card p{
font-size:14px;
color:#4b5563;
margin:0 0 10px;
}
.service-area-card .meta{
display:inline-block;
margin-top:4px;
font-size:12px;
color:#6b7280;
} .hero-dots button{
min-width:0;
min-height:0;
width:8px;
height:8px;
}
.hero-dots button.active{
transform:scale(1.1);
}
.hero-prev,
.hero-next{
width:36px;
height:36px;
min-width:36px;
min-height:36px;
font-size:14px;
box-shadow:0 3px 12px rgba(0,0,0,.12);
opacity:0.9;
} .posts.posts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:20px;}
@media (max-width: 360px){.posts.posts-grid{grid-template-columns:1fr;}}
.posts.posts-grid .post-card{display:flex;flex-direction:column;height:100%;}
.posts.posts-grid .post-card > a{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit;}
.posts.posts-grid .post-card img{width:100%;height:auto;display:block;background:#fff;border-radius:10px;}
.posts.posts-grid .post-card h3{margin:12px 0 8px;}
.posts.posts-grid .post-card p{margin:0 0 12px;color:#4b5563;} .floating-whatsapp,
.floating-phone{
position:fixed;
left:18px;
z-index:120;
display:flex;
align-items:center;
justify-content:center;
width:52px;
height:52px;
border-radius:999px;
text-decoration:none;
box-shadow:0 10px 20px rgba(0,0,0,.28);
transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease,opacity .15s ease,visibility .15s ease;
} .floating-whatsapp{
bottom:18px;
background:#22c55e;
color:#fff;
}
.floating-whatsapp:hover{
transform:translateY(-1px);
box-shadow:0 18px 26px rgba(16,185,129,.6);
background:#16a34a;
color:#fff;
} .floating-phone{
bottom:84px; background:#0ea5e9;
color:#fff;
}
.floating-phone:hover{
transform:translateY(-1px);
box-shadow:0 18px 26px rgba(14,165,233,.6);
background:#0284c7;
color:#fff;
}
.floating-whatsapp-icon,
.floating-phone-icon{
display:flex;
align-items:center;
justify-content:center;
width:32px;
height:32px;
border-radius:999px;
background:rgba(255,255,255,.18);
}
.floating-whatsapp-icon svg,
.floating-phone-icon svg{
width:18px;
height:18px;
} .floating-whatsapp-text{
display:none;
} @media (max-width:768px){
.floating-whatsapp,
.floating-phone{
left:12px;
width:48px;
height:48px;
}
.floating-whatsapp{
bottom:14px;
}
.floating-phone{
bottom:76px;
}
} .skip-link{
position:absolute;
left:-9999px;
top:10px;
background:#111827;
color:#fff;
padding:10px 12px;
border-radius:12px;
z-index:1000;
}
.skip-link:focus{
left:10px;
}
.btn-sm{padding:8px 12px;border-radius:12px;font-weight:700}
.btn-full{display:block;width:100%;text-align:center}
.btn-outline{
background:transparent;
color:var(--lexenta-primary);
border:1px solid var(--lexenta-primary);
}
.btn-outline:hover{background:rgba(13,110,253,.08)}
.nav-cta{display:flex;align-items:center;gap:10px}
@media (max-width: 990px){
.nav-cta{display:none}
}
.menu-cta{display:none}
@media (max-width: 990px){
.menu-cta{display:block;margin-top:16px}
}
.cta-buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:center} .home-cta .cta-box{
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
padding:22px;
border:1px solid #e5e7eb;
border-radius:18px;
background:linear-gradient(135deg, rgba(13,110,253,.10), rgba(17,24,39,.02));
}
.home-cta .cta-copy h2{margin:0 0 6px 0}
.home-cta .cta-copy p{margin:0;color:#374151}
.home-cta .cta-meta{margin-top:10px;display:flex;gap:14px;flex-wrap:wrap;font-size:14px;color:#4b5563}
.home-cta .cta-meta a{text-decoration:none}
.home-cta .cta-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
@media (max-width: 640px){
.home-cta .cta-box{flex-direction:column;align-items:flex-start}
.home-cta .cta-actions{justify-content:flex-start;width:100%}
} .content-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}
@media (max-width: 992px){
.content-grid{grid-template-columns:1fr}
}
.post-meta{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 0;color:#6b7280;font-size:var(--lex-font-small,14px)}
.post-meta span{display:inline-flex;gap:6px;align-items:center}
.post-meta a{text-decoration:none}
.experience-callout{
border:1px solid #e5e7eb;
border-left:4px solid var(--lexenta-primary);
background:#f9fafb;
border-radius:14px;
padding:14px 14px;
margin:0 0 16px 0;
}
.experience-callout strong{display:block;margin-bottom:6px}
.experience-callout p{margin:0;color:#374151;line-height:1.6}
.post-cta{
margin:18px 0 0;
border:1px solid #e5e7eb;
border-radius:16px;
padding:16px;
display:flex;
gap:14px;
align-items:center;
justify-content:space-between;
background:rgba(13,110,253,.06);
}
.post-cta p{margin:6px 0 0;color:#374151}
@media (max-width: 640px){
.post-cta{flex-direction:column;align-items:flex-start}
}
.author-box{
margin-top:22px;
border:1px solid #e5e7eb;
border-radius:16px;
padding:16px;
display:flex;
gap:14px;
align-items:flex-start;
background:#fff;
}
.author-avatar img{border-radius:999px}
.author-name{margin:0 0 6px 0;font-size:16px}
.author-bio{margin:0 0 10px 0;color:#4b5563;line-height:1.55}
.author-links{display:flex;gap:10px;flex-wrap:wrap}
.author-links a{display:inline-block;border:1px solid #e5e7eb;border-radius:999px;padding:6px 10px;text-decoration:none;color:#111827;font-size:var(--lex-font-small,14px)}
.author-links a:hover{border-color:#cbd5e1} :root{ --lexenta-header-height:72px; } .topbar{font-size:var(--lex-font-small,14px); line-height:1.4; background:#f9fafb; border-bottom:1px solid #e5e7eb;}
.topbar-inner{display:flex; align-items:center; justify-content:space-between; gap:12px; padding:6px 0;}
.topbar-left,.topbar-right{display:flex; align-items:center; gap:12px; flex-wrap:wrap;}
.topbar-item{color:#111827; text-decoration:none; font-weight:600; opacity:.9;}
.topbar-item:hover{opacity:1; text-decoration:underline;}
.topbar-socials{display:flex; gap:8px; align-items:center;}
.topbar-social{display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:999px; border:1px solid #e5e7eb; background:#fff;}
.topbar-social svg{width:14px; height:14px; fill:#111827;}
.topbar-social:hover{background:#f3f4f6;}
.lang-switcher{display:flex; gap:8px; align-items:center;}
.lang-switcher .lang{display:inline-flex; align-items:center; justify-content:center; padding:5px 9px; border-radius:999px; border:1px solid #e5e7eb; background:#fff; color:#111827; text-decoration:none; font-weight:700; font-size:var(--lex-font-small,14px);}
.lang-switcher .lang.is-current{background:var(--lexenta-primary); border-color:var(--lexenta-primary); color:#fff;}
@media (max-width:640px){
.topbar{font-size:var(--lex-font-small,14px);}
.topbar-inner{padding:8px 0;}
.topbar-left,.topbar-right{gap:8px;}
} .header.is-fixed{position:fixed; left:0; right:0; top:0; z-index:9990;}
.header.is-transparent{background:transparent; border-bottom:0; box-shadow:none;}
.header.is-transparent:not(.scrolled) .menu-list > li > a{color:#fff;} .menu-drawer .menu-list > li > a{color:#111827 !important;}
.menu-drawer .menu-list .sub-menu li a{color:#111827 !important;}
.menu-drawer .lang-switcher .lang{background:#fff !important;border-color:#e5e7eb !important;color:#111827 !important;}
.menu-drawer .lang-switcher .lang.is-current{background:var(--lexenta-primary)!important;border-color:var(--lexenta-primary)!important;color:#fff!important;}
.menu-lang{padding:12px 0;margin-top:6px;border-top:1px solid #e5e7eb;}
.header.is-transparent:not(.scrolled) .logo strong{color:#fff;}
.header.is-transparent:not(.scrolled) .nav-toggle .bar{background:#fff;}
.header.is-transparent:not(.scrolled) .btn.btn-sm{background:rgba(255,255,255,.18); border-color:rgba(255,255,255,.35);}
.header.is-transparent:not(.scrolled) .btn.btn-sm.btn-outline{background:transparent; color:#fff;}
.header.is-transparent:not(.scrolled) .btn.btn-sm:hover{background:rgba(255,255,255,.28);} .header.is-transparent .topbar{background:rgba(17,24,39,.55); border-bottom:1px solid rgba(255,255,255,.14);}
.header.is-transparent .topbar-item{color:#fff;}
.header.is-transparent .topbar-social{background:transparent; border-color:rgba(255,255,255,.22);}
.header.is-transparent .topbar-social svg{fill:#fff;}
.header.is-transparent .lang-switcher .lang{background:transparent; border-color:rgba(255,255,255,.22); color:#fff;} .hero.is-fullscreen{height:100vh;}
.hero.is-fullscreen .slide,
.hero.is-fullscreen .slide img{height:100vh;}
.hero.is-fullscreen .slide img{border-radius:0;}
.hero.is-fullscreen .caption{background:rgba(17,24,39,.55); color:#fff; backdrop-filter:saturate(120%) blur(4px);}
.hero.is-fullscreen .caption h2,
.hero.is-fullscreen .caption p{color:#fff;}
.hero.is-fullscreen .btn{box-shadow:none;}
.hero.is-fullscreen .btn.btn-outline{background:transparent; border-color:rgba(255,255,255,.55); color:#fff;}
.hero.is-fullscreen .btn.btn-outline:hover{background:rgba(255,255,255,.12);}
.hero.is-fullscreen .hero-controls{bottom:18px;} .grid-3{display:grid; grid-template-columns:repeat(3,1fr); gap:16px;}
@media (max-width:992px){ .grid-3{grid-template-columns:repeat(2,1fr);} }
@media (max-width:640px){ .grid-3{grid-template-columns:1fr;} }
.section-lead{max-width:760px; opacity:.9; margin:0 0 18px 0;}
.service-card a,.ref-card a{color:inherit; text-decoration:none; display:block;}
.service-card img{width:100%; height:auto; max-height:320px; object-fit:contain; background:#fff; border-radius:12px; margin-bottom:10px;}
.service-card h3{margin:0 0 6px 0; font-size:18px;}
.service-card p{margin:0; opacity:.9;}
.ref-card{padding:18px;}
.ref-card .ref-meta{display:flex; align-items:center; gap:10px; margin-top:10px;}
.ref-card .ref-avatar{width:40px; height:40px; border-radius:999px; background:#eef2ff; display:inline-flex; align-items:center; justify-content:center; font-weight:900;} .service-card img, .product-card img{width:100%;height:auto; max-height:320px; object-fit:contain; background:#fff;border-radius:12px;margin-bottom:10px}
.ref-card .ref-thumb{width:100%;height:auto; max-height:260px; object-fit:contain;background:#fff;border-radius:12px;padding:10px;border:1px solid #eef2ff;margin-bottom:10px}
.ref-card h3{margin:8px 0 6px}
.product-card h3, .service-card h3{margin:8px 0 6px}
.gallery-card{padding:0;overflow:hidden;position:relative}
.gallery-card img{width:100%;height:auto; max-height:380px; object-fit:contain; background:#fff;display:block}
.gallery-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;padding:14px;background:linear-gradient(180deg, rgba(0,0,0,0) 45%, rgba(0,0,0,.65) 100%)}
.gallery-overlay h3{margin:0;color:#fff;font-size:18px;line-height:1.2} .menu-list > li > a{transition:color .2s ease, transform .2s ease, background .2s ease, box-shadow .2s ease}
.menu-list > li > a:hover, .menu-list > li > a:focus{transform:translateY(-2px); background:rgba(13,110,253,.10); box-shadow:0 12px 26px rgba(13,110,253,.14)}
.menu-ink{transition:transform .28s cubic-bezier(.2,.9,.2,1)} .header.is-transparent:not(.scrolled) .menu-list > li > a:hover,
.header.is-transparent:not(.scrolled) .menu-list > li > a:focus{background:rgba(255,255,255,.14); box-shadow:0 12px 26px rgba(0,0,0,.18)} @keyframes lex-menu-item-in{from{opacity:0; transform:translateX(10px)}to{opacity:1; transform:translateX(0)}}
@media (max-width: 992px){
.menu-drawer{transition:transform .35s cubic-bezier(.2,.9,.2,1)}
.nav-backdrop{opacity:0; transition:opacity .25s ease}
body.nav-open .nav-backdrop{opacity:1}
body.nav-open .menu-drawer .menu-list > li{opacity:0; animation:lex-menu-item-in .35s ease both}
body.nav-open .menu-drawer .menu-list > li:nth-child(1){animation-delay:.04s}
body.nav-open .menu-drawer .menu-list > li:nth-child(2){animation-delay:.08s}
body.nav-open .menu-drawer .menu-list > li:nth-child(3){animation-delay:.12s}
body.nav-open .menu-drawer .menu-list > li:nth-child(4){animation-delay:.16s}
body.nav-open .menu-drawer .menu-list > li:nth-child(5){animation-delay:.20s}
body.nav-open .menu-drawer .menu-list > li:nth-child(6){animation-delay:.24s}
body.nav-open .menu-drawer .menu-list > li:nth-child(7){animation-delay:.28s}
body.nav-open .menu-drawer .menu-list > li:nth-child(8){animation-delay:.32s}
body.nav-open .menu-drawer .menu-list > li:nth-child(9){animation-delay:.36s}
body.nav-open .menu-drawer .menu-list > li:nth-child(10){animation-delay:.40s}
} .sr-only{
position:absolute!important;
width:1px!important;
height:1px!important;
padding:0!important;
margin:-1px!important;
overflow:hidden!important;
clip:rect(0,0,0,0)!important;
white-space:nowrap!important;
border:0!important;
} .widget-spaced{margin-bottom:16px;}
.footer-contact-list{list-style:disc; padding-left:18px; margin:0;}
.work-hours{white-space:pre-wrap; font-family:inherit; margin:0;} .about-grid{display:grid; gap:24px; grid-template-columns:1.2fr 1.8fr; align-items:center;}
@media (max-width: 720px){ .about-grid{grid-template-columns:1fr; } }
.about-media{border-radius:12px; width:100%; height:auto; display:block;} .post-article{border:none; box-shadow:none; padding:0;}
.related-after-grid{clear:both}  :root{ --lex-vh: 1vh; }
.hero.is-fullscreen{height:calc(var(--lex-vh) * 100);}
.hero.is-fullscreen .slide{
height:calc(var(--lex-vh) * 100);
aspect-ratio:auto !important;
border-radius:0;
}
.hero.is-fullscreen .slide picture,
.hero.is-fullscreen .slide img{
display:block;
width:100%;
height:100%;
}
.hero.is-fullscreen .slide img{
max-height:none;
object-fit:cover !important;
object-position:center;
border-radius:0;
} @supports (height: 100dvh){
.hero.is-fullscreen{height:100dvh;}
.hero.is-fullscreen .slide{height:100dvh;}
}
@supports (height: 100svh){
.hero.is-fullscreen{height:100svh;}
.hero.is-fullscreen .slide{height:100svh;}
} body.nav-open .nav-backdrop{z-index:2147483646 !important;}
body.nav-open .menu-drawer{z-index:2147483647 !important;}
body.nav-open .header{z-index:2147483645 !important;} .header{
transition: transform .28s ease, box-shadow .2s ease, background .2s ease, backdrop-filter .2s ease;
will-change: transform;
}
.header.header-hidden{
transform: translateY(calc(-100% - 8px));
}
body.admin-bar .header.header-hidden{
transform: translateY(calc(-100% - 40px));
}
@media (max-width: 782px){
body.admin-bar .header.header-hidden{
transform: translateY(calc(-100% - 46px));
}
}
@media (prefers-reduced-motion: reduce){
.header{transition:none;}
} @media (max-width: 990px){
.nav{
position:relative;
}
.menu-drawer{
position:absolute;
top:calc(100% + 10px);
left:0;
right:0;
width:auto;
height:auto;
max-height:calc(100vh - 140px);
border:1px solid #e5e7eb;
border-radius:20px;
background:#fff;
box-shadow:0 18px 42px rgba(15,23,42,.16);
padding:18px;
overflow:auto;
transform:translateY(-18px);
opacity:0;
visibility:hidden;
pointer-events:none;
transition:transform .28s ease, opacity .2s ease, visibility 0s linear .28s;
}
body.nav-open .menu-drawer{
transform:translateY(0);
opacity:1;
visibility:visible;
pointer-events:auto;
transition:transform .28s ease, opacity .2s ease;
}
.menu-list{
display:flex;
flex-direction:column;
align-items:stretch;
gap:6px;
}
.menu-list > li > a{
display:block;
width:100%;
padding:12px 14px;
border-radius:14px;
}
.menu-list .sub-menu{
margin:8px 0 10px 10px;
}
.menu-cta{
margin-top:14px;
}
}
@media (max-width: 640px){
.menu-drawer{
top:calc(100% + 8px);
left:0;
right:0;
max-height:calc(100vh - 120px);
border-radius:18px;
padding:16px;
}
}
@keyframes lex-menu-item-in{
from{
opacity:0;
transform:translateY(-10px);
}
to{
opacity:1;
transform:translateY(0);
}
}