.elementor-179 .elementor-element.elementor-element-51b9d54{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-aa036be */<!-- =============================
p,li{line-height:1.65}
a{color:inherit; text-decoration:none}


/* ===== Topbar (menu horizontal) ===== */
.z-topbar{position:sticky; top:0; z-index:1000; backdrop-filter:saturate(140%) blur(8px);
background:linear-gradient(90deg, rgba(7,42,200,.88), rgba(33,95,234,.88)); border-bottom:1px solid rgba(255,255,255,.14)}
.z-topbar__wrap{max-width:var(--maxw); margin:0 auto; display:flex; align-items:center; gap:18px; padding:10px 16px}
.z-brand{display:flex; align-items:center; gap:10px}
.z-brand img{height:36px; width:auto}
.z-brand__title{font-weight:700; letter-spacing:.02em}
.z-menu{display:flex; align-items:center; gap:10px; margin-left:auto}
.z-menu a{padding:10px 12px; border-radius:12px}
.z-menu a:hover{background:rgba(255,255,255,.12)}
.z-dropdown{position:relative}
.z-dropbtn{display:flex; align-items:center; gap:8px}
.z-drop{position:absolute; top:100%; right:0; min-width:320px; padding:10px; border-radius:14px; background:var(--z-white); color:var(--z-black);
box-shadow:var(--shadow); border:1px solid rgba(13,13,13,.08); display:none}
.z-dropdown:hover .z-drop{display:grid; grid-template-columns:1fr 1fr; gap:10px}
.z-drop .group{padding:10px; border-radius:12px}
.z-drop h4{margin:4px 0 8px; font-size:12px; text-transform:uppercase; letter-spacing:.14em; color:#4b4b4b}
.z-drop a{color:var(--z-black); padding:6px 8px; border-radius:8px; display:block}
.z-drop a:hover{background:#f1f6ff}


/* ===== Layout ===== */
.z-main{max-width:var(--maxw); margin:0 auto; padding:34px 16px 80px}
.z-hero{display:grid; gap:8px; padding:28px; border-radius:22px; box-shadow:var(--shadow-soft);
background:linear-gradient(120deg, rgba(255,255,255,.08), rgba(255,255,255,.03)); border:1px solid rgba(255,255,255,.18)}
.z-kicker{display:inline-block; font-size:12px; padding:6px 10px; border-radius:999px; border:1px solid rgba(255,255,255,.45)}


.z-section{margin-top:26px}
.z-block{background:var(--z-white); color:var(--z-black); border-radius:22px; box-shadow:var(--shadow-soft); padding:22px}
.z-block + .z-block{margin-top:14px}
.z-bg-blue{background:linear-gradient(100deg, var(--z-deep), var(--z-bright)); color:var(--z-white); border:1px solid rgba(255,255,255,.12)}
.z-bg-black{background:var(--z-black); color:var(--z-white)}


.z-two{display:grid; grid-template-columns:1fr 1fr; gap:16px}
.z-three{display:grid; grid-template-columns:repeat(3,1fr); gap:16px}


.z-list{margin:8px 0 0; padding-left:18px}
.z-table{width:100%; border-collapse:separate; border-spacing:0; overflow:hidden; border-radius:16px; border:1px solid rgba(13,13,13,.1)}
.z-table th, .z-table td{padding:12px 14px; text-align:left}
.z-table thead th{background:#eef3ff; color:#0f2a6d}
.z-table tbody tr:nth-child(even){background:#f9fbff}


.z-swatchgrid{display:grid; grid-template-columns:repeat(auto-fit, minmax(140px,1fr)); gap:14px}
.z-swatch{border-radius:14px; overflow:hidden; border:1px solid rgba(13,13,13,.08)}
.z-tone{height:72px}
.z-meta{padding:10px 12px; font-size:12px}


.z-footer{margin-top:40px; padding:40px 0; text-align:center; color:rgba(255,255,255,.8)}


@media (max-width: 960px){
.z-drop{grid-template-columns:1fr}
.z-three{grid-template-columns:1fr}
.z-two{grid-template-columns:1fr}
}
</style>/* End custom CSS */