@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600;700;800;900&family=Rubik:wght@400;500;600;700;800&display=swap');
/* Dreamview site chrome v7 — header/footer for all pages */
:root{--ink:#122238;--navy:#07162d;--deep:#041126;--blue:#f07014;--blue-2:#f5a623;--teal:#22b8b2;--cream:#f8fafc;--mist:#edf3fd;--line:#e4eaf2;--muted:#63738b;--white:#fff;--orange:#f5a623;--shadow:0 18px 55px rgba(17,40,77,.10);--radius:22px}
/* ===== Redesign header / footer chrome (outside .dv-home) ===== */
body.dv-chrome .header.header,
body.dv-chrome header.header {
  /* kill old template header.css dark sticky bar look */
  background: #fffefef2 !important;
  box-shadow: 0 1px 0 #e7edf4 !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 50 !important;
}
body.dv-chrome .header .header-container,
body.dv-chrome .header .header-main,
body.dv-chrome .header .header-content,
body.dv-chrome .header .logo,
body.dv-chrome .header .main-nav,
body.dv-chrome .header #phone,
body.dv-chrome .header .mobile-menu-btn,
body.dv-chrome .mobile-menu-overlay {
  display: none !important;
}
body.dv-chrome > .mobile-menu-overlay { display: none !important; }
body.dv-chrome .footer.footer {
  background: #0a1b33 !important;
  color: #bdd0e6 !important;
  padding: 70px 0 23px !important;
}
body.dv-chrome .footer .footer-container,
body.dv-chrome .footer .footer-nav,
body.dv-chrome .footer .footer-help,
body.dv-chrome .footer .footer-legal,
body.dv-chrome .footer .footer-contact {
  /* old structure unused when redesign footer is rendered */
}
body.dv-chrome #back-top { display: none !important; }

body.dv-chrome .topbar{background:#0b1b35;color:#c6d9fa;font-size:12px}body.dv-chrome .topbar .wrap{height:33px;display:flex;align-items:center;justify-content:space-between}body.dv-chrome .topbar a{color:#fff}body.dv-chrome .header{position:sticky;top:0;z-index:50;background:#fffefef2;backdrop-filter:blur(16px);box-shadow:0 1px 0 #e7edf4}body.dv-chrome .header .wrap{height:78px;display:flex;align-items:center;gap:34px}body.dv-chrome .brand{display:flex;align-items:center;gap:10px;flex:none;min-width:170px}body.dv-chrome .brandmark{width:37px;height:37px;background:var(--blue);border-radius:12px;color:#fff;display:grid;place-items:center;transform:rotate(-8deg)}body.dv-chrome .brandmark .ico{transform:rotate(8deg);width:22px;height:22px}body.dv-chrome .brandtext{display:flex;flex-direction:column;font:800 20px/.95 'Rubik',Arial,sans-serif;letter-spacing:-.055em}body.dv-chrome .brandtext small{font:600 9px/1.8 'Rubik';letter-spacing:.045em;color:#7186a4}body.dv-chrome .nav{display:flex;align-items:center;gap:28px;margin-inline:auto}body.dv-chrome .nav a{color:#3b4b64;font-size:14px;font-weight:700;white-space:nowrap;transition:color .15s;position:relative}body.dv-chrome .nav a:hover,body.dv-chrome .nav a[aria-current=page]{color:var(--blue)}body.dv-chrome .nav a[aria-current=page]:after{content:'';position:absolute;bottom:-28px;right:0;left:0;height:3px;background:var(--blue);border-radius:3px}body.dv-chrome .header-cta{display:flex;align-items:center;gap:15px}body.dv-chrome .phone{color:#1c3559;display:flex;align-items:center;gap:6px;font:700 14px 'Rubik';white-space:nowrap}body.dv-chrome .header .btn{font-size:13px;padding:12px 18px;min-height:44px}body.dv-chrome .mobile-toggle{display:none;border:0;background:#f1f5fb;border-radius:10px;padding:9px;color:#173164}body.dv-chrome .skip-link{position:absolute;right:5px;top:-99px;background:white;padding:8px;z-index:100}body.dv-chrome .skip-link:focus{top:5px}body.dv-chrome .footer{background:#0a1b33;color:#bdd0e6;padding:70px 0 23px}body.dv-chrome .footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:55px}body.dv-chrome .footer .brandtext{color:white}body.dv-chrome .footer .brandtext small{color:#86a0c6}body.dv-chrome .footer p{max-width:330px;color:#91a9c7;font-size:14px;margin-top:23px}body.dv-chrome .footer h4{color:white;margin:4px 0 19px}body.dv-chrome .footer li{margin:9px 0;font-size:14px}body.dv-chrome .footer a:hover{color:white}body.dv-chrome .footer-bottom{margin-top:50px;padding-top:22px;border-top:1px solid #ffffff20;display:flex;justify-content:space-between;font-size:12px;color:#7d99bc}body.dv-chrome .service-picture.navy{background:#0d2043}@media(max-width:1100px){body.dv-chrome .header .wrap{gap:16px}body.dv-chrome .nav{gap:15px}body.dv-chrome .header-cta .phone{display:none}}@media(max-width:860px){body.dv-chrome .header .wrap{height:70px}body.dv-chrome .nav{display:none;position:absolute;top:70px;right:0;left:0;background:#fff;border-top:1px solid #e4eafa;box-shadow:0 24px 45px #0d24451c;padding:20px 25px;flex-direction:column;align-items:stretch;gap:0}body.dv-chrome .nav.open{display:flex}body.dv-chrome .nav a{padding:12px 0}body.dv-chrome .nav a[aria-current=page]:after{bottom:5px;width:40px;left:auto}body.dv-chrome .mobile-toggle{display:grid;place-items:center;margin-right:auto}body.dv-chrome .header .btn{display:none}body.dv-chrome .footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){body.dv-chrome .topbar .wrap{justify-content:center}body.dv-chrome .topbar .wrap span:last-child{display:none}body.dv-chrome .brandtext{font-size:18px}body.dv-chrome .brand{min-width:auto}body.dv-chrome .footer-grid{grid-template-columns:1fr;gap:20px}body.dv-chrome .footer-bottom{flex-direction:column;gap:8px}}
body.dv-chrome .wrap{width:min(1200px,calc(100% - 44px));margin-inline:auto}body.dv-chrome .ico{width:22px;height:22px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none;flex:none}body.dv-chrome .ico.sm{width:17px;height:17px}body.dv-chrome .ico.lg{width:27px;height:27px}body.dv-chrome .iconbox{display:grid;place-items:center;width:54px;height:54px;background:#e9f0ff;color:#275fe1;border-radius:17px;flex:none}body.dv-chrome .iconbox.orange{background:#fff0e9;color:#ea784e}body.dv-chrome .iconbox.teal{background:#dff9f6;color:#179b9f}body.dv-chrome .iconbox.purple{background:#eeebff;color:#6653d9}body.dv-chrome .btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:14px 24px;border-radius:11px;font-weight:800;min-height:51px;transition:transform .18s,box-shadow .18s,background .18s;white-space:nowrap}body.dv-chrome .btn:hover{transform:translateY(-2px)}body.dv-chrome .btn-primary{color:white;background:var(--blue);box-shadow:0 10px 24px #2563ea2a}body.dv-chrome .btn-primary:hover{background:#1252cf;box-shadow:0 15px 27px #2563ea36}body.dv-chrome .btn-white{color:#173164;background:#fff}body.dv-chrome .btn-outline{color:var(--ink);background:#fff;border:1px solid #d8e2f0}body.dv-chrome .btn-ghost{color:#fff;border:1px solid #ffffff4b;background:#ffffff08}body.dv-chrome .text-link .ico{width:17px;height:17px}body.dv-chrome .topbar .wrap{height:33px;display:flex;align-items:center;justify-content:space-between}body.dv-chrome .header .wrap{height:78px;display:flex;align-items:center;gap:34px}body.dv-chrome .brandmark .ico{transform:rotate(8deg);width:22px;height:22px}body.dv-chrome .header .btn{font-size:13px;padding:12px 18px;min-height:44px}body.dv-chrome .hero-chips .ico{color:#74e4ce;width:16px;height:16px}body.dv-chrome .floating-bubble .ico{color:#16aa91}body.dv-chrome .check-list .ico{color:#36c7bd;margin-top:5px;width:18px;height:18px}body.dv-chrome .dashboard-side .ico{width:20px}body.dv-chrome .faq-question .ico{transition:transform .2s}body.dv-chrome .faq-question[aria-expanded=true] .ico{transform:rotate(45deg)}body.dv-chrome .detail-points .ico{width:14px;height:14px;color:#1b9d99}body.dv-chrome .visual-diagram .node .ico{display:block;margin:0 auto 9px;width:31px;height:31px}body.dv-chrome .ai-hero .wrap{display:grid;grid-template-columns:.94fr 1.06fr;align-items:center;gap:50px;padding-top:90px;padding-bottom:90px}body.dv-chrome .demo-result .ico{color:#f4b547}body.dv-chrome .integration-tile .ico{color:var(--blue)}body.dv-chrome .integration-center .ico{vertical-align:middle}body.dv-chrome .highlight-row .iconbox{width:44px;height:44px;border-radius:12px}body.dv-chrome .hero-video-badge .ico{color:var(--blue)}@media(max-width:1100px){body.dv-chrome .header .wrap{gap:16px}body.dv-chrome .wrap{width:min(1140px,calc(100% - 36px))}}@media(max-width:860px){body.dv-chrome .header .wrap{height:70px}body.dv-chrome .header .btn{display:none}body.dv-chrome .ai-hero .wrap{grid-template-columns:1fr;gap:35px}}@media(max-width:600px){body.dv-chrome .wrap{width:calc(100% - 30px)}body.dv-chrome .topbar .wrap{justify-content:center}body.dv-chrome .topbar .wrap span:last-child{display:none}body.dv-chrome .ai-hero .wrap{padding:57px 0}body.dv-chrome .btn{padding:12px 17px}}body.dv-chrome .hero-chips span .ico,body.dv-chrome .hero-tick .ico{color:#ffb347}body.dv-chrome .btn-primary{box-shadow:0 16px 30px rgba(240,112,20,.22)}body.dv-chrome .hero-premium .btn-ghost{background:#fff;border-color:#d5dfea;color:#173154}body.dv-chrome .hero-premium .btn-ghost:hover{border-color:#f0a14a;color:#d86d11}body.dv-chrome .hero-play-chip .ico{color:#ef7e1c}

/* Fix: global frame.css sets a{color:#fff} — restore redesign logo colors on light header */
body.dv-chrome header.header a.brand,
body.dv-chrome header.header a.brand:visited,
body.dv-chrome header.header a.brand:hover {
  color: #122238 !important;
  text-decoration: none !important;
}
body.dv-chrome header.header .brandtext {
  color: #122238 !important;
}
body.dv-chrome header.header .brandtext small {
  color: #7186a4 !important;
}
body.dv-chrome header.header .brandmark {
  background: #f07014 !important;
  color: #fff !important;
}
body.dv-chrome header.header .brandmark .ico {
  color: #fff !important;
  stroke: #fff !important;
}
body.dv-chrome header.header .phone {
  color: #1c3559 !important;
}
body.dv-chrome header.header .nav a {
  color: #3b4b64 !important;
}
body.dv-chrome header.header .nav a:hover,
body.dv-chrome header.header .nav a[aria-current="page"] {
  color: #f07014 !important;
}
body.dv-chrome header.header .btn-primary {
  color: #fff !important;
}

/* Hero film poster fallback (redesign assets/images/hero-video-poster.webp) */
body.dv-chrome .dv-home .hero-card-video {
  background: #dde6f1 url("/templates/dreamview/images/home-v7/hero-video-poster.webp") center / cover no-repeat;
}

/* Full original mainmenu: denser desktop nav — keep single row, vertically centered */
@media (min-width: 861px) {
  body.dv-chrome .header .wrap {
    align-items: center !important;
  }
  body.dv-chrome .nav {
    flex-wrap: nowrap;
    align-items: stretch;
    align-self: stretch;
    height: 100%;
    margin-inline: auto;
  }
  body.dv-chrome .nav a {
    display: inline-flex;
    align-items: center;
    height: 100%;
    line-height: 1.2;
  }
  body.dv-chrome .nav a[aria-current="page"]:after {
    bottom: 0;
  }
}
@media (min-width: 861px) and (max-width: 1280px) {
  body.dv-chrome .nav { gap: 12px; }
  body.dv-chrome .nav a { font-size: 13px; }
  body.dv-chrome .header .wrap { gap: 18px; }
  body.dv-chrome .header-cta .phone { display: none; }
}