:root{
  --bg:#070707;
  --bg2:#0d0d0d;
  --panel:#111214;
  --panel2:#15171a;
  --text:#f6f2e8;
  --muted:#aaa69f;
  --gold:#d9a441;
  --gold2:#f0c56a;
  --line:rgba(217,164,65,.24);
  --shadow:0 20px 60px rgba(0,0,0,.35);
  --radius:22px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 15% 8%, rgba(217,164,65,.10), transparent 26rem),
    linear-gradient(180deg,#070707 0%,#0b0b0c 50%,#070707 100%);
  line-height:1.65;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(var(--max),calc(100% - 36px));margin:auto}
.header{
  position:sticky;top:0;z-index:50;
  backdrop-filter:blur(16px);
  background:rgba(7,7,7,.88);
  border-bottom:1px solid var(--line)
}
.nav{min-height:76px;display:flex;align-items:center;gap:24px}
.brand{display:flex;align-items:center;gap:12px;margin-right:auto}
.brand img{width:150px;height:58px;object-fit:cover;object-position:center;border-radius:8px}
.navlinks{display:flex;align-items:center;gap:22px;color:#d8d4cb;font-size:.95rem}
.navlinks a:hover{color:var(--gold2)}
.actions{display:flex;gap:10px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:12px 18px;border-radius:12px;border:1px solid var(--line);
  font-weight:750;transition:.2s ease;cursor:pointer
}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#17110a;border-color:transparent}
.btn-secondary{background:rgba(255,255,255,.02)}
.mobile-toggle{display:none;margin-left:auto;background:none;border:0;color:white;font-size:1.5rem}

.hero{
  position:relative;padding:92px 0 78px;overflow:hidden;border-bottom:1px solid var(--line)
}
.hero:before,.hero:after{
  content:"";position:absolute;top:0;bottom:0;width:72px;opacity:.35;pointer-events:none
}
.hero:before{left:0;background:linear-gradient(90deg,rgba(217,164,65,.22),transparent)}
.hero:after{right:0;background:linear-gradient(270deg,rgba(217,164,65,.22),transparent)}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:58px;align-items:center}
.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--gold2);font-size:.78rem;font-weight:800}
h1,h2,h3{line-height:1.15;margin:0 0 18px}
h1{font-family:Georgia,serif;font-size:clamp(2.8rem,6vw,5.7rem);font-weight:500}
h2{font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.35rem);font-weight:500}
h3{font-size:1.15rem}
.hero p{font-size:1.12rem;color:#c4c0b7;max-width:720px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 30px}
.trust-row{display:flex;gap:22px;flex-wrap:wrap;color:#bbb6ab;font-size:.93rem}
.trust-row span{display:flex;align-items:center;gap:8px}
.tick{color:var(--gold2)}
.hero-card{
  border:1px solid var(--line);border-radius:30px;background:linear-gradient(180deg,#151515,#0c0c0c);
  padding:22px;box-shadow:var(--shadow);position:relative
}
.hero-card:before{
  content:"";position:absolute;inset:12px;border:1px solid rgba(217,164,65,.12);border-radius:20px;pointer-events:none
}
.ui-top{display:flex;justify-content:space-between;align-items:center;padding:4px 4px 18px}
.dot{width:9px;height:9px;border-radius:50%;display:inline-block;background:#57d487;box-shadow:0 0 14px #57d48766}
.ui-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.metric,.mini-panel{border:1px solid #24262a;background:#0d0f12;border-radius:16px;padding:18px}
.metric strong{font-size:1.8rem}
.metric small,.mini-panel small{color:#7f858e}
.call-list{margin-top:12px;display:grid;gap:10px}
.call-item{display:flex;justify-content:space-between;gap:10px;padding:12px;border-radius:12px;background:#111318;border:1px solid #22252a;font-size:.9rem}
.badge{font-size:.72rem;border-radius:999px;padding:5px 9px;background:rgba(217,164,65,.12);color:var(--gold2);border:1px solid var(--line)}

.section{padding:88px 0}
.section.alt{background:#0a0a0b;border-top:1px solid #171717;border-bottom:1px solid #171717}
.section-head{max-width:760px;margin-bottom:34px}
.section-head p{color:var(--muted)}
.grid{display:grid;gap:18px}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
.card{
  background:linear-gradient(180deg,var(--panel2),var(--panel));
  border:1px solid #232323;border-radius:var(--radius);padding:26px;
  box-shadow:0 8px 30px rgba(0,0,0,.15)
}
.card:hover{border-color:var(--line)}
.icon{
  width:46px;height:46px;border-radius:14px;display:grid;place-items:center;
  background:rgba(217,164,65,.10);border:1px solid var(--line);color:var(--gold2);font-size:1.25rem;margin-bottom:18px
}
.card p{color:var(--muted);margin-bottom:0}
.step{position:relative;padding-left:70px}
.step .num{
  position:absolute;left:0;top:0;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--gold2),var(--gold));color:#111;font-weight:900
}
.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.feature-list div{padding:14px 16px;border:1px solid #252525;border-radius:12px;background:#101010}
.status-coming{color:#d9b56b}
.app-preview{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:center}
.screen{
  background:#0b0d10;border:1px solid var(--line);border-radius:24px;padding:20px;box-shadow:var(--shadow)
}
.screenbar{height:42px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #232323;margin-bottom:18px}
.screenbar i{width:8px;height:8px;border-radius:50%;background:#333}
.dashboard-grid{display:grid;grid-template-columns:180px 1fr;gap:16px}
.side{border-right:1px solid #202020;padding-right:12px}
.side div{padding:10px;border-radius:10px;color:#a9adb4}
.side .active{background:rgba(217,164,65,.12);color:var(--gold2)}
.mainmock .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.stat{padding:15px;border-radius:12px;background:#111319;border:1px solid #20232a}
.tablemock{margin-top:12px;border-radius:12px;overflow:hidden;border:1px solid #20232a}
.row{display:grid;grid-template-columns:1.2fr .8fr .7fr;padding:10px 12px;background:#101216;border-bottom:1px solid #1d2024;font-size:.8rem}
.row:last-child{border-bottom:0}

.pricing{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.price-card{position:relative}
.price{font-size:3rem;font-family:Georgia,serif;margin:4px 0}
.price small{font-size:1rem;color:var(--muted)}
.price-card.featured{border-color:var(--gold);box-shadow:0 0 0 1px rgba(217,164,65,.25),var(--shadow)}
.ribbon{position:absolute;right:18px;top:18px;font-size:.7rem;font-weight:800;color:#17110a;background:var(--gold2);padding:6px 10px;border-radius:999px}
.checks{display:grid;gap:10px;margin:20px 0;color:#d7d2c8}
.checks span:before{content:"✓";color:var(--gold2);margin-right:8px}
.faq{display:grid;gap:10px}
.faq details{border:1px solid #252525;border-radius:14px;background:#101010;padding:16px 18px}
.faq summary{cursor:pointer;font-weight:750}
.faq p{color:var(--muted)}

.cta{
  margin-top:16px;padding:54px;border:1px solid var(--line);border-radius:30px;
  background:radial-gradient(circle at 80% 20%,rgba(217,164,65,.22),transparent 22rem),#0d0d0d;
  display:flex;justify-content:space-between;align-items:center;gap:24px
}
.footer{border-top:1px solid var(--line);padding:46px 0 28px;background:#050505}
.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:28px}
.footer h4{margin-top:0;color:#fff}
.footer a{display:block;color:#9e9a92;margin:8px 0;font-size:.92rem}
.footer a:hover{color:var(--gold2)}
.legal{margin-top:34px;padding-top:18px;border-top:1px solid #181818;color:#777;font-size:.84rem;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}

.page-hero{padding:72px 0 42px;border-bottom:1px solid var(--line)}
.prose{max-width:860px}
.prose h2{font-size:2rem;margin-top:38px}
.prose h3{margin-top:26px}
.prose p,.prose li{color:#c4c0b7}
.prose a{color:var(--gold2)}
.notice{border-left:3px solid var(--gold);padding:14px 18px;background:#111;border-radius:10px;color:#c9c4b9}

@media (max-width:960px){
  .navlinks{display:none;position:absolute;top:76px;left:0;right:0;padding:18px;background:#090909;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}
  .navlinks.open{display:flex}
  .actions{display:none}
  .mobile-toggle{display:block}
  .hero-grid,.app-preview,.pricing,.footer-grid{grid-template-columns:1fr}
  .grid-3,.grid-4{grid-template-columns:1fr 1fr}
}
@media (max-width:620px){
  .hero{padding-top:62px}
  .grid-3,.grid-4,.feature-list{grid-template-columns:1fr}
  .dashboard-grid{grid-template-columns:1fr}
  .side{display:none}
  .cta{padding:32px;align-items:flex-start;flex-direction:column}
  .brand img{width:132px}
}

/* ===== V4 application-focused website visuals ===== */
.brand img{width:220px;height:68px;object-fit:contain;object-position:left center;border-radius:0}
.nav{min-height:84px}.navlinks{gap:24px}.header{background:rgba(5,5,5,.95)}
.hero,.page-hero{background:radial-gradient(circle at 86% 25%,rgba(217,164,65,.10),transparent 22rem),linear-gradient(180deg,#0a0b0d,#070708)}
.page-hero{min-height:320px;display:flex;align-items:center;padding:74px 0 58px;border-bottom:1px solid var(--line)}
.page-hero h1{max-width:850px}.page-hero p{max-width:760px;color:#c5c1b8;font-size:1.08rem}
.visual-image{border:1px solid var(--line);border-radius:26px;background:#0c0d10;box-shadow:var(--shadow);overflow:hidden}
.visual-image img{width:100%;height:auto;display:block}
.split-section{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center}
.visual-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:30px}
.feature-visual{margin-top:30px}
.legal-page .prose{background:linear-gradient(180deg,#101113,#0b0b0c);border:1px solid #222;border-radius:24px;padding:36px;box-shadow:var(--shadow)}
@media(max-width:960px){.brand img{width:180px;height:58px}.split-section,.visual-pair{grid-template-columns:1fr}}
@media(max-width:620px){.brand img{width:158px;height:52px}}

/* ===== V5 sizing refinements ===== */
.brand img{
  width:240px !important;
  height:64px !important;
  object-fit:contain !important;
  object-position:left center !important;
}
.nav{min-height:78px !important}
.page-hero{
  min-height:250px !important;
  padding:54px 0 42px !important;
}
.page-hero h1{
  font-size:clamp(2.25rem,4.3vw,4rem) !important;
}
@media(max-width:960px){
  .brand img{width:205px !important;height:58px !important}
}
@media(max-width:620px){
  .brand img{width:176px !important;height:52px !important}
  .page-hero{min-height:220px !important;padding:44px 0 34px !important}
}


/* ===== V6 FINAL LAYOUT ===== */
:root{--max:1320px}
.container{width:min(var(--max),calc(100% - 48px))}
.nav{min-height:96px !important;gap:28px}
.brand{display:flex;align-items:center;gap:13px;margin-right:auto}
.brand-emblem{
  width:74px;height:74px;border-radius:14px;overflow:hidden;display:block;
  border:1px solid rgba(217,164,65,.22);background:#050505;box-shadow:0 8px 24px rgba(0,0,0,.24)
}
.brand-emblem img{
  width:100% !important;height:100% !important;max-width:none !important;
  object-fit:cover !important;object-position:center 20% !important;border-radius:0 !important;
}
.brand-word{display:flex;flex-direction:column;line-height:1}
.brand-word b{font-size:1.35rem;letter-spacing:.16em;color:#f5ead0}
.brand-word small{font-size:.68rem;letter-spacing:.28em;color:var(--gold2);margin-top:7px;font-weight:800}
.footer-brand{display:inline-flex;align-items:center;gap:12px;margin-bottom:12px}
.footer-brand .brand-emblem{width:62px;height:62px}
.footer-brand .brand-word b{font-size:1.15rem}
.footer-brand .brand-word small{font-size:.62rem}
.navlinks{gap:26px;font-size:1rem}
.hero.hero-tall{padding:108px 0 100px;min-height:650px;display:flex;align-items:center}
.hero-grid{grid-template-columns:1fr .95fr;gap:70px}
.hero h1{font-size:clamp(3.4rem,6vw,6.1rem);max-width:760px}
.hero p{font-size:1.18rem;max-width:700px}
.hero-visual{transform:scale(1.03)}
.page-hero.page-hero-wide{
  min-height:380px !important;padding:86px 0 72px !important;display:flex;align-items:center;
  background:
    radial-gradient(circle at 82% 30%,rgba(217,164,65,.12),transparent 28rem),
    linear-gradient(180deg,#0b0c0f,#070708)
}
.page-hero.page-hero-wide h1{font-size:clamp(3rem,5.1vw,5.2rem) !important;max-width:1050px}
.page-hero.page-hero-wide p{font-size:1.15rem;max-width:820px;color:#c8c3b9}
.section{padding:104px 0}
.split-section{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center}
.split-section h2{max-width:650px}
.split-section .muted{color:var(--muted);font-size:1.08rem}
.visual-image{border-radius:30px}
.visual-image img{width:100%;height:auto}
.contact-line{
  display:flex;flex-direction:column;gap:8px;padding:24px 0;border-bottom:1px solid #242424
}
.contact-line:first-child{border-top:1px solid #242424}
.contact-line span{color:#918d84;font-size:.82rem;letter-spacing:.15em;text-transform:uppercase;font-weight:800}
.contact-line a{color:var(--gold2);font-size:1.2rem;font-weight:750}
@media(max-width:1080px){
  .brand-emblem{width:66px;height:66px}.brand-word b{font-size:1.15rem}
  .navlinks{gap:18px;font-size:.92rem}
  .split-section{gap:40px}
}
@media(max-width:960px){
  .nav{min-height:84px !important}
  .brand-emblem{width:58px;height:58px}.brand-word b{font-size:1rem}.brand-word small{font-size:.58rem}
  .hero.hero-tall{min-height:auto;padding:80px 0}
  .hero-grid,.split-section{grid-template-columns:1fr}
  .hero h1{font-size:clamp(3rem,10vw,5.1rem)}
  .page-hero.page-hero-wide{min-height:300px !important;padding:64px 0 52px !important}
}
@media(max-width:620px){
  .container{width:min(var(--max),calc(100% - 28px))}
  .brand-word{display:none}
  .brand-emblem{width:56px;height:56px}
  .section{padding:72px 0}
  .hero.hero-tall{padding:62px 0}
  .page-hero.page-hero-wide h1{font-size:clamp(2.5rem,12vw,4rem) !important}
}


/* ===== V7 UNIFORM SITE LAYOUT ===== */
/* Header: the logo file already contains the Zaynoo FrontDesk wording,
   so do not print a second brand name beside it. */
.brand-logo-only{
  display:flex !important;
  align-items:center !important;
  width:230px;
  min-width:230px;
  margin-right:auto;
}
.brand-logo-img{
  display:block;
  width:230px !important;
  height:76px !important;
  max-width:none !important;
  object-fit:contain !important;
  object-position:left center !important;
  border-radius:0 !important;
}
.footer-logo-only{
  display:inline-block !important;
  width:205px;
  margin-bottom:16px;
}
.footer-logo-img{
  width:205px !important;
  height:70px !important;
  object-fit:contain !important;
  object-position:left center !important;
  border-radius:0 !important;
}
.brand-word,.brand-emblem{display:none !important}

/* Every internal page now uses the same left-copy/right-visual hero pattern as Home. */
.page-hero.page-hero-uniform{
  min-height:500px !important;
  padding:86px 0 !important;
  display:flex;
  align-items:center;
  border-bottom:1px solid var(--line);
  background:
    radial-gradient(circle at 83% 35%,rgba(217,164,65,.13),transparent 26rem),
    linear-gradient(180deg,#0b0c0f,#070708);
}
.page-hero-grid{
  grid-template-columns:minmax(0,1fr) minmax(440px,.92fr) !important;
  gap:72px !important;
  align-items:center !important;
}
.page-hero.page-hero-uniform h1{
  font-size:clamp(3.15rem,5.4vw,5.65rem) !important;
  line-height:1.01 !important;
  max-width:900px !important;
  margin:12px 0 20px !important;
}
.page-hero.page-hero-uniform p{
  max-width:760px;
  color:#c7c2b8;
  font-size:1.14rem;
  line-height:1.7;
}
.page-hero-visual{
  width:100%;
  max-width:610px;
  justify-self:end;
}
.page-hero-visual img{
  width:100%;
  display:block;
}

/* Content: keep the same visual rhythm used on the homepage. */
.uniform-content .split-section{
  grid-template-columns:minmax(0,1fr) minmax(420px,1fr) !important;
  gap:72px !important;
}
.uniform-content:nth-of-type(even) .split-section{
  grid-template-columns:minmax(420px,1fr) minmax(0,1fr) !important;
}
.uniform-content h2{
  font-size:clamp(2.15rem,3.4vw,3.65rem);
  line-height:1.08;
}
.uniform-content .visual-image{
  min-height:360px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.uniform-content .visual-image img{
  width:100%;
  height:auto;
}

/* Keep homepage hero visually consistent with the revised header. */
.hero.hero-tall{
  min-height:620px !important;
  padding:92px 0 86px !important;
}
.hero.hero-tall .hero-grid{
  grid-template-columns:minmax(0,1fr) minmax(430px,.95fr);
  gap:70px;
}
.hero.hero-tall h1{
  font-size:clamp(3.35rem,5.65vw,5.85rem) !important;
}

/* Legal pages still keep readable policy text below the same product-style hero. */
.legal-page .page-hero-uniform + .section .prose{
  max-width:980px;
}

@media(max-width:1120px){
  .brand-logo-only{width:205px;min-width:205px}
  .brand-logo-img{width:205px !important;height:68px !important}
  .page-hero-grid{grid-template-columns:1fr 1fr !important;gap:42px !important}
  .uniform-content .split-section{gap:42px !important}
}
@media(max-width:960px){
  .brand-logo-only{width:185px;min-width:185px}
  .brand-logo-img{width:185px !important;height:62px !important}
  .page-hero.page-hero-uniform{min-height:auto !important;padding:68px 0 !important}
  .page-hero-grid,
  .uniform-content .split-section,
  .uniform-content:nth-of-type(even) .split-section,
  .hero.hero-tall .hero-grid{
    grid-template-columns:1fr !important;
  }
  .page-hero-visual{max-width:720px;justify-self:stretch}
}
@media(max-width:620px){
  .brand-logo-only{width:158px;min-width:158px}
  .brand-logo-img{width:158px !important;height:54px !important}
  .footer-logo-only{width:170px}
  .footer-logo-img{width:170px !important;height:58px !important}
  .page-hero.page-hero-uniform h1{font-size:clamp(2.55rem,13vw,4rem) !important}
  .page-hero.page-hero-uniform{padding:52px 0 !important}
  .uniform-content .visual-image{min-height:0}
}


/* ===== V8 FINAL FIXES ===== */
.large-brand{
  width:260px !important;
  min-width:260px !important;
}
.large-brand .brand-logo-img,
.brand-logo-img{
  width:260px !important;
  height:84px !important;
  object-fit:contain !important;
  object-position:left center !important;
}
.page-hero-visual{
  min-height:360px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.page-hero-visual img{
  width:100% !important;
  max-width:620px !important;
  height:auto !important;
  display:block !important;
}

/* Keep all internal page heroes visually aligned with Home */
.page-hero.page-hero-uniform{
  min-height:560px !important;
}
.page-hero-grid{
  grid-template-columns:minmax(0,1fr) minmax(460px,.95fr) !important;
  gap:72px !important;
}

/* Contact page */
.contact-section{
  padding:90px 0 !important;
}
.contact-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(420px,.95fr);
  gap:80px;
  align-items:start;
}
.contact-copy h2{
  font-size:clamp(2.5rem,4vw,4.4rem);
  line-height:1.05;
  margin:14px 0 20px;
}
.contact-copy p{
  color:#c7c2b8;
  font-size:1.08rem;
  line-height:1.75;
  max-width:650px;
}
.contact-email-list{
  display:grid;
  gap:14px;
  margin-top:30px;
}
.contact-email-list a{
  display:flex;
  justify-content:space-between;
  gap:24px;
  padding:17px 20px;
  border:1px solid rgba(217,164,65,.25);
  border-radius:14px;
  background:rgba(255,255,255,.025);
  text-decoration:none;
  color:#f2efe7;
}
.contact-email-list strong{color:#e7b347}
.contact-email-list span{color:#c8c2b7}

.contact-form{
  background:#101216;
  border:1px solid rgba(217,164,65,.28);
  border-radius:22px;
  padding:28px;
  box-shadow:0 20px 60px rgba(0,0,0,.28);
}
.contact-form label{
  display:grid;
  gap:8px;
  margin-bottom:18px;
  font-weight:700;
  color:#f0eadf;
}
.contact-form input,
.contact-form textarea{
  width:100%;
  border:1px solid #3c4048;
  background:#0b0d10;
  color:#fff;
  border-radius:10px;
  padding:14px 15px;
  font:inherit;
}
.contact-form textarea{resize:vertical}
.contact-form input:focus,
.contact-form textarea:focus{
  outline:2px solid rgba(217,164,65,.25);
  border-color:#d9a441;
}
.contact-form .btn{
  width:100%;
}

/* Pricing: only one actual price presentation in the content area */
.pricing-page .page-hero-visual .price,
.pricing-page .page-hero-visual .amount{
  display:none !important;
}

/* Prevent duplicate huge pricing cards from looking like repeated plans */
.price-card + .price-card{
  display:none !important;
}

@media(max-width:960px){
  .large-brand{width:210px !important;min-width:210px !important}
  .large-brand .brand-logo-img,
  .brand-logo-img{width:210px !important;height:70px !important}
  .contact-grid{grid-template-columns:1fr}
  .page-hero-grid{grid-template-columns:1fr !important}
}


/* ===== V9 IMAGE + LOGO FIX ===== */
.large-brand{
  width:300px !important;
  min-width:300px !important;
}
.large-brand .brand-logo-img,
.brand-logo-img{
  width:300px !important;
  height:98px !important;
  max-width:none !important;
  object-fit:contain !important;
  object-position:left center !important;
}
.page-hero-visual img{
  width:100% !important;
  max-width:640px !important;
  height:auto !important;
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
}
@media(max-width:1120px){
  .large-brand{width:250px !important;min-width:250px !important}
  .large-brand .brand-logo-img,
  .brand-logo-img{width:250px !important;height:84px !important}
}
@media(max-width:960px){
  .large-brand{width:220px !important;min-width:220px !important}
  .large-brand .brand-logo-img,
  .brand-logo-img{width:220px !important;height:74px !important}
}