:root{--mannas-bg:#111315;--mannas-text:#f5f2ed;--mannas-orange:#f15a18;--mannas-line:#ffffff25}
.mannas-demo3-header,.mannas-demo3-header *,.mannas-demo3-footer,.mannas-demo3-footer *{box-sizing:border-box}
.mannas-demo3-header a,.mannas-demo3-footer a{color:inherit;text-decoration:none}
.mannas-demo3-header{position:sticky;top:0;z-index:9999;background:#111315f5;height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;gap:25px;border-bottom:1px solid var(--mannas-line);color:var(--mannas-text);font-family:Arial,Helvetica,sans-serif}
.mannas-demo3-header .logo{width:180px;flex-shrink:0;display:block}
.mannas-demo3-header .logo img{display:block;width:100%;height:auto}
.mannas-demo3-header .nav{display:flex;align-items:center;gap:36px}
.mannas-demo3-header .nav a{font-size:16px;font-weight:400;letter-spacing:.2px;position:relative;padding:12px 0;white-space:nowrap}
.mannas-demo3-header .nav a:after{content:'';height:2px;background:var(--mannas-orange);position:absolute;inset:auto 0 3px;transform:scaleX(0);transform-origin:left;transition:transform .3s}
.mannas-demo3-header .nav a:hover:after,.mannas-demo3-header .nav a[aria-current="page"]:after{transform:scaleX(1)}
.mannas-demo3-header .nav a+a::before{content:"";position:absolute;left:-18px;top:50%;width:1px;height:15px;background:rgba(241,90,24,.5);transform:translateY(-50%);pointer-events:none}
.mannas-demo3-header .contact{border:1px solid #ffffff50;padding:13px 20px;font-size:16px;font-weight:400;white-space:nowrap;transition:.3s}
.mannas-demo3-header .contact span{margin-left:20px;color:var(--mannas-orange)}
.mannas-demo3-header .contact:hover{background:var(--mannas-orange);border-color:var(--mannas-orange)}
.mannas-demo3-header .contact:hover span{color:#fff}
.mannas-demo3-header .menu-toggle{display:none;border:0;background:none;color:#fff;font-size:30px;line-height:1;cursor:pointer}
.mannas-demo3-header .mobile-nav{position:absolute;left:0;right:0;top:100%;background:#111315;border-top:1px solid var(--mannas-line);border-bottom:1px solid var(--mannas-line);padding:18px 5%;box-shadow:0 18px 30px rgba(0,0,0,.28)}
.mannas-demo3-header .mobile-nav a{display:block;padding:14px 0;border-bottom:1px solid #ffffff16;font-size:16px}
.mannas-demo3-header .mobile-nav a:last-child{border-bottom:0;color:var(--mannas-orange)}
.mannas-demo3-footer{display:flex;align-items:center;gap:35px;padding:40px 6% 65px;background:#111315;color:var(--mannas-text);border-top:1px solid var(--mannas-line);font-family:Arial,Helvetica,sans-serif}
.mannas-demo3-footer .footer-brand{width:150px;flex:0 0 auto}
.mannas-demo3-footer .footer-brand img{display:block;width:100%;height:auto}
.mannas-demo3-footer p{margin:0;color:#aaa9a5;font-size:14px;line-height:1.5}
.mannas-demo3-footer .footer-socials{margin-left:auto;display:flex;gap:24px;font-size:13px}
.mannas-demo3-footer .footer-socials a:hover{color:var(--mannas-orange)}
@media(max-width:1200px){.mannas-demo3-header .nav{gap:24px}.mannas-demo3-header .nav a+a::before{left:-12px;height:14px}}
@media(max-width:900px){.mannas-demo3-header{height:82px;padding:0 5%}.mannas-demo3-header .logo{width:155px}.mannas-demo3-header .nav,.mannas-demo3-header>.contact{display:none}.mannas-demo3-header .menu-toggle{display:block}.mannas-demo3-footer{flex-wrap:wrap;padding:34px 6% 45px}.mannas-demo3-footer .footer-socials{width:100%;margin-left:0}}
@media(max-width:560px){.mannas-demo3-header{height:74px}.mannas-demo3-header .logo{width:140px}.mannas-demo3-footer{gap:22px}.mannas-demo3-footer .footer-brand{width:135px}.mannas-demo3-footer p{width:100%}}

.mannas-demo3-header [hidden]{display:none!important}
.mannas-demo3-header .menu-toggle{position:static;min-width:44px;min-height:44px;padding:7px;flex:0 0 auto}
.mannas-demo3-header .mobile-nav{max-height:calc(100dvh - 74px);overflow-y:auto;overscroll-behavior:contain}
.mannas-demo3-header a:focus-visible,.mannas-demo3-header button:focus-visible{outline:2px solid var(--mannas-orange);outline-offset:4px}
@media(max-width:900px){.mannas-demo3-header .mobile-nav{display:block}.mannas-demo3-header .mobile-nav a{min-height:44px}.mannas-demo3-footer .footer-socials{flex-wrap:wrap}}