@font-face { font-family:'Montserrat'; src:url('./fonts/Montserrat-Regular.woff2') format('woff2'); font-style:normal; font-weight:400; font-display:swap; }
@font-face { font-family:'Montserrat'; src:url('./fonts/Montserrat-Medium.woff2') format('woff2'); font-style:normal; font-weight:500; font-display:swap; }
@font-face { font-family:'Montserrat'; src:url('./fonts/Montserrat-SemiBold.woff2') format('woff2'); font-style:normal; font-weight:600; font-display:swap; }
@font-face { font-family:'Montserrat'; src:url('./fonts/Montserrat-Bold.woff2') format('woff2'); font-style:normal; font-weight:700; font-display:swap; }
@font-face { font-family:'Montserrat'; src:url('./fonts/Montserrat-ExtraBold.woff2') format('woff2'); font-style:normal; font-weight:800; font-display:swap; }

body.bs39-home-preview { --navy:#2e406d; --navy-deep:#182746; --blue:#3f6fc5; --green:#96ae4f; --red:#dd3735; --paper:#f6f7f8; --white:#fff; --text:#26375e; --muted:#68758d; --line:#dfe4eb; }
.hp-homepage-view * { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body.bs39-home-preview { margin:0; background:var(--white); color:var(--text); font-family:'Montserrat',Arial,Helvetica,sans-serif; }
:where(.hp-homepage-view) a { color:inherit; text-decoration:none; }
:where(.hp-homepage-view) button,:where(.hp-homepage-view) input { font:inherit; }
.hp-container { width:min(1280px,calc(100% - 72px)); margin:0 auto; }
.hp-eyebrow { margin:0 0 22px; font-size:14px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.hp-green { color:var(--green); }

.hp-site-header { position:absolute; z-index:30; inset:0 0 auto; height:106px; display:grid; grid-template-columns:335px minmax(560px,1fr) auto auto; align-items:center; gap:22px; padding:0 42px; border-bottom:1px solid rgb(255 255 255 / 16%); color:white; }
.hp-brand img { display:block; width:306px; height:78px; object-fit:contain; object-position:left center; }
.hp-desktop-nav { display:flex; align-items:center; justify-content:flex-end; gap:25px; font-size:11px; font-weight:700; letter-spacing:.02em; text-transform:uppercase; white-space:nowrap; }
.hp-desktop-nav button,.hp-callback-link { padding:0; border:0; border-bottom:1px solid transparent; background:transparent; color:inherit; cursor:pointer; }
.hp-desktop-nav a,.hp-desktop-nav button,.hp-phone-link,.hp-callback-link { transition:opacity .2s ease; }
.hp-desktop-nav a:hover,.hp-desktop-nav button:hover,.hp-phone-link:hover,.hp-callback-link:hover { opacity:.72; }
.hp-header-messengers { display:flex; align-items:center; gap:12px; }
.hp-header-messengers a { display:grid; width:26px; height:26px; place-items:center; }
.hp-header-messengers img { width:25px; height:25px; object-fit:contain; }
.hp-header-contact { display:grid; justify-items:end; gap:3px; white-space:nowrap; }
.hp-phone-link { display:flex; align-items:center; gap:8px; font-size:14px; font-weight:700; }
.hp-phone-link img { width:17px; height:17px; object-fit:contain; }
.hp-callback-link { font-size:10px; color:rgb(255 255 255 / 74%); border-bottom-color:rgb(255 255 255 / 35%); }
.hp-header-menu-btn { display:none; width:42px; height:42px; place-items:center; padding:0; border:1px solid rgb(255 255 255 / 25%); border-radius:50%; background:transparent; cursor:pointer; }
.hp-header-menu-btn img { width:25px; height:25px; }

.hp-hero { position:relative; min-height:760px; height:min(88vh,900px); display:flex; align-items:flex-end; overflow:hidden; background:var(--navy-deep); color:white; }
.hp-hero-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 48%; }
.hp-hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgb(11 25 50 / 84%) 0%,rgb(13 27 49 / 55%) 38%,rgb(13 27 49 / 12%) 72%),linear-gradient(0deg,rgb(8 20 42 / 52%) 0%,transparent 50%); }
.hp-hero-content { position:relative; z-index:2; padding-bottom:96px; }
.hp-hero-eyebrow { color:#c8dc7d; }
.hp-hero h1 { max-width:780px; margin:0; font-size:clamp(54px,6.2vw,92px); line-height:.96; font-weight:500; letter-spacing:-.045em; }
.hp-hero-copy { max-width:650px; margin:28px 0 0; font-size:20px; line-height:1.5; color:rgb(255 255 255 / 88%); }
.hp-hero-actions { display:flex; align-items:center; gap:30px; margin-top:36px; }
.hp-button { display:inline-flex; width:220px; min-height:58px; align-items:center; justify-content:center; gap:13px; padding:0 20px; border-radius:14px; font-size:13px; font-weight:800; transition:transform .25s ease,box-shadow .25s ease,background .25s ease; }
.hp-button:hover { transform:translateY(-3px); }
.hp-button svg { flex:0 0 auto; }
.hp-button-light { background:linear-gradient(180deg,#fff 0%,#f2f4f7 100%); color:var(--navy); box-shadow:0 10px 28px rgb(8 23 47 / 22%),inset 0 1px 0 white; }
.hp-text-link { display:inline-flex; align-items:center; min-height:40px; border-bottom:1px solid currentColor; font-size:14px; font-weight:700; }
.hp-text-link-light { color:white; }
.hp-hero-caption { position:absolute; z-index:2; right:42px; bottom:30px; display:flex; align-items:center; gap:10px; font-size:12px; color:rgb(255 255 255 / 72%); }
.hp-hero-caption span { width:34px; height:1px; background:var(--green); }

.hp-company-facts { padding:82px 0 92px; background:#fbfbf9; }
.hp-facts-heading { display:flex; align-items:center; justify-content:space-between; margin-bottom:27px; }
.hp-facts-heading .hp-eyebrow { margin:0; }
.hp-facts-heading a { display:flex; align-items:center; gap:9px; border-bottom:1px solid #aeb8c8; padding-bottom:6px; color:var(--navy); font-size:13px; font-weight:700; }
.hp-facts-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.hp-fact-card { position:relative; min-height:365px; overflow:hidden; border:1px solid #dfe5e8; border-radius:20px; background:radial-gradient(circle at 70% 18%,rgb(63 111 197 / 14%),transparent 38%),linear-gradient(145deg,#f7f8f5 0%,#e8edef 100%); color:var(--navy); box-shadow:0 16px 42px rgb(35 52 83 / 8%); }
.hp-fact-card:nth-child(2) { background:radial-gradient(circle at 28% 18%,rgb(150 174 79 / 15%),transparent 38%),linear-gradient(145deg,#f8f8f4 0%,#e9eeeb 100%); }
.hp-fact-card:nth-child(3) { background:radial-gradient(circle at 72% 15%,rgb(63 111 197 / 13%),transparent 38%),linear-gradient(145deg,#f5f7f7 0%,#e6ebee 100%); }
.hp-fact-card:nth-child(4) { background:radial-gradient(circle at 30% 17%,rgb(150 174 79 / 14%),transparent 38%),linear-gradient(145deg,#f8f8f4 0%,#e7eceb 100%); }
.hp-fact-card img,.hp-fact-shade { position:absolute; inset:0; width:100%; height:100%; }
.hp-fact-card img { top:0; height:80%; object-fit:contain; object-position:center top; filter:drop-shadow(0 22px 22px rgb(7 18 35 / 28%)); transition:transform .8s cubic-bezier(.22,1,.36,1); }
.hp-fact-card:nth-child(1) img { top:2%; height:77%; transform:scale(.91); }
.hp-fact-card:nth-child(2) img { top:1%; height:79%; transform:scale(.91); }
.hp-fact-card:nth-child(3) img { top:1%; height:79%; transform:scale(.9); }
.hp-fact-card:nth-child(4) img { top:1%; height:78%; transform:scale(.9); }
.hp-fact-card:hover img { transform:scale(1.035); }
.hp-fact-card:nth-child(1):hover img,.hp-fact-card:nth-child(2):hover img,.hp-fact-card:nth-child(3):hover img,.hp-fact-card:nth-child(4):hover img { transform:scale(.96) translateY(-4px); }
.hp-fact-shade { background:linear-gradient(0deg,rgb(246 248 246 / 99%) 0%,rgb(246 248 246 / 92%) 24%,rgb(246 248 246 / 8%) 61%,transparent 100%); }
.hp-fact-content { position:absolute; z-index:2; right:25px; bottom:27px; left:25px; display:grid; gap:9px; }
.hp-fact-content strong { font-size:clamp(36px,3.3vw,52px); line-height:1; font-weight:500; letter-spacing:-.045em; }
.hp-fact-content span { max-width:220px; min-height:40px; color:#68758d; font-size:14px; line-height:1.42; }

.hp-project-section { padding:84px 0 92px; border-top:1px solid #e1e6eb; border-bottom:1px solid #dde3e9; background:linear-gradient(145deg,#edf2f5 0%,#f7f8f8 62%,#eef2f1 100%); }
.hp-section-heading { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr); gap:68px; align-items:end; }
.hp-section-heading h2 { margin:0; color:var(--navy); font-size:clamp(46px,5vw,72px); line-height:1.04; font-weight:500; letter-spacing:-.04em; }
.hp-section-heading h2 span { color:#607094; }
.hp-project-intro > p { margin:0; color:var(--muted); font-size:18px; line-height:1.65; }
.hp-project-actions { display:flex; align-items:center; gap:12px; margin-top:30px; }
.hp-button-primary { background:linear-gradient(145deg,#3b5184 0%,#273a65 100%); color:white; box-shadow:0 13px 28px rgb(30 48 86 / 22%),inset 0 1px 0 rgb(255 255 255 / 18%); }
.hp-button-primary svg { width:28px; height:28px; padding:6px; border-radius:50%; background:rgb(255 255 255 / 13%); }
.hp-button-outline { border:1px solid #cbd2dc; background:linear-gradient(180deg,#fff 0%,#f2f4f6 100%); color:var(--navy); box-shadow:0 10px 24px rgb(32 49 79 / 10%),inset 0 1px 0 white; }
.hp-button-outline svg { width:28px; height:28px; padding:6px; border-radius:50%; background:#e7ebf1; }
.hp-project-facts { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:46px 0 28px; }
.hp-project-facts > div { position:relative; min-height:96px; display:flex; align-items:center; gap:15px; padding:18px 20px; overflow:hidden; border:1px solid rgb(255 255 255 / 86%); border-radius:18px; background:rgb(255 255 255 / 72%); color:var(--navy); box-shadow:0 12px 30px rgb(38 55 94 / 7%),inset 0 1px 0 white; backdrop-filter:blur(10px); }
.hp-project-facts svg { width:44px; height:44px; flex:0 0 44px; padding:10px; border:1px solid rgb(150 174 79 / 42%); border-radius:50%; background:#f5f7ec; color:#849d42; }
.hp-project-facts span { font-size:15px; font-weight:700; line-height:1.35; }
.hp-project-photo { position:relative; height:min(56vw,650px); min-height:430px; margin:0; overflow:hidden; background:#dce1e3; }
.hp-project-photo img { width:100%; height:100%; object-fit:cover; object-position:center; transition:transform .8s cubic-bezier(.22,1,.36,1); }
.hp-project-photo:hover img { transform:scale(1.018); }
.hp-project-photo figcaption { position:absolute; left:20px; bottom:18px; padding:10px 13px; border-radius:4px; background:rgb(15 31 57 / 74%); color:white; font-size:12px; backdrop-filter:blur(8px); }

.hp-offers { padding:72px 0 76px; background:white; }
.hp-offer-banner { display:grid; grid-template-columns:1.05fr repeat(3,1.1fr); align-items:stretch; gap:12px; background:white; color:var(--navy); }
.hp-offer-mark { position:relative; display:flex; flex-direction:column; justify-content:center; min-height:265px; padding:34px 40px; overflow:hidden; border-radius:20px; background:linear-gradient(145deg,#334a79,#1b2b4c); color:white; box-shadow:0 16px 42px rgb(35 52 83 / 10%); }
.hp-offer-mark span { position:relative; z-index:1; margin-bottom:18px; color:#c8dc7d; font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.hp-offer-mark strong { position:relative; z-index:1; font-size:27px; line-height:1.2; font-weight:500; }
.hp-offer-item { position:relative; min-height:265px; display:flex; gap:15px; align-items:flex-end; overflow:hidden; padding:25px 24px; border:1px solid #dfe5e8; border-radius:20px; background:linear-gradient(145deg,#f7f8f5 0%,#e8edef 100%); box-shadow:0 16px 42px rgb(35 52 83 / 8%); }
.hp-offer-item::after { content:''; position:absolute; z-index:1; inset:45% 0 0; background:linear-gradient(0deg,#f2f5f4 30%,rgb(242 245 244 / 2%) 100%); }
.hp-offer-item img { position:absolute; z-index:0; top:-6%; right:-12%; width:105%; height:88%; object-fit:contain; filter:drop-shadow(0 18px 22px rgb(20 35 61 / 16%)); transition:transform .6s cubic-bezier(.22,1,.36,1); }
.hp-offer-item:hover img { transform:translateY(-5px) scale(1.025); }
.hp-offer-copy { position:relative; z-index:2; }
.hp-offer-item p { margin:0; color:#68758d; font-size:14px; line-height:1.55; }
.hp-offer-item strong { color:var(--navy); font-size:23px; font-weight:600; }
.hp-offer-item-special img { top:-3%; right:-18%; width:112%; height:84%; }
.hp-offer-item-special strong { font-size:18px; line-height:1.25; }
.hp-offer-button { grid-column:1 / -1; justify-self:start; width:auto; min-width:168px; margin:10px 0 0; background:linear-gradient(180deg,#fff 0%,#f2f4f6 100%); border:1px solid #cbd2dc; color:var(--navy); box-shadow:0 10px 24px rgb(32 49 79 / 10%); }

.hp-homepage-view footer { padding:76px 0 104px; background:var(--navy); color:white; }
.hp-footer-grid { display:grid; grid-template-columns:1.4fr 1fr 1fr 1.25fr; gap:56px; }
.hp-footer-brand img { width:90px; height:90px; object-fit:contain; object-position:left; }
.hp-footer-brand p { margin:18px 0 0; color:rgb(255 255 255 / 62%); font-size:12px; line-height:1.6; }
.hp-footer-grid h3 { margin:0 0 5px; color:#c8dc7d; font-size:11px; letter-spacing:.12em; text-transform:uppercase; }
.hp-footer-grid > div:not(.hp-footer-brand) { display:flex; flex-direction:column; align-items:flex-start; gap:10px; }
.hp-footer-grid a { color:rgb(255 255 255 / 72%); font-size:12px; }
.hp-footer-buyers .hp-footer-phone { margin-top:8px; color:white; font-size:14px; font-weight:700; }
.hp-footer-hours { margin-top:-7px; color:rgb(255 255 255 / 48%); font-size:10px; }
.hp-footer-bottom { display:flex; justify-content:space-between; margin-top:62px; padding-top:20px; border-top:1px solid rgb(255 255 255 / 11%); color:rgb(255 255 255 / 42%); font-size:10px; }
.hp-footer-bottom a { color:inherit; }

.hp-mobile-menu { position:fixed; z-index:100; inset:0; display:flex; flex-direction:column; padding:28px; background:var(--navy-deep); color:white; }
.hp-mobile-menu-top { display:flex; align-items:center; justify-content:space-between; }
.hp-mobile-menu-top img { width:190px; height:58px; object-fit:contain; object-position:left; }
.hp-mobile-menu-top button { border:0; background:transparent; color:white; cursor:pointer; }
.hp-mobile-menu nav { display:grid; gap:19px; margin:auto 0; font-size:25px; font-weight:600; }
.hp-mobile-menu-label { margin:5px 0 -8px; color:#c8dc7d; font-size:10px; letter-spacing:.14em; }
.hp-mobile-menu-actions { display:grid; gap:12px; padding-top:18px; border-top:1px solid rgb(255 255 255 / 18%); }
.hp-mobile-menu-socials { display:flex; gap:12px; }
.hp-mobile-menu-socials a { display:grid; width:40px; height:40px; place-items:center; border:1px solid rgb(255 255 255 / 22%); border-radius:50%; }
.hp-mobile-menu-socials img { width:23px; height:23px; object-fit:contain; }
.hp-mobile-phone { font-size:18px; font-weight:700; }
.hp-mobile-menu-actions > button { width:max-content; min-height:43px; padding:0 20px; border:1px solid rgb(255 255 255 / 28%); border-radius:12px; background:white; color:var(--navy); font-size:12px; font-weight:800; cursor:pointer; }
.hp-bottom-nav { display:none; }

.hp-chat-fab { position:fixed; z-index:50; right:24px; bottom:24px; display:flex; align-items:center; gap:10px; border:0; border-radius:999px; padding:15px 20px; background:var(--navy); color:white; box-shadow:0 12px 30px rgb(24 39 70 / 25%); cursor:pointer; }
.chat-card { position:fixed; z-index:60; right:24px; bottom:88px; width:min(350px,calc(100vw - 28px)); padding:26px; border:1px solid var(--line); border-radius:12px; background:white; box-shadow:0 24px 70px rgb(24 39 70 / 22%); }
.chat-card .hp-eyebrow { margin-bottom:10px; font-size:10px; }
.chat-card h3 { margin:0; color:var(--navy); font-size:25px; }
.chat-card p:not(.hp-eyebrow) { margin:12px 0 20px; color:var(--muted); font-size:14px; line-height:1.55; }
.chat-card > a { display:flex; min-height:44px; align-items:center; justify-content:center; gap:8px; border-radius:5px; background:var(--navy); color:white; font-size:12px; font-weight:800; }
.chat-card > .chat-phone { margin-top:8px; border:1px solid var(--line); background:white; color:var(--navy); }
.chat-close { position:absolute; top:15px; right:15px; border:0; background:transparent; color:var(--muted); cursor:pointer; }

@media (max-width:1200px) {
  .hp-site-header { grid-template-columns:225px 1fr auto auto; padding:0 26px; }
  .hp-brand img { width:206px; }
  .hp-desktop-nav { gap:17px; font-size:10px; }
  .hp-header-contact .hp-phone-link { font-size:12px; }
  .hp-section-heading { grid-template-columns:1fr; gap:30px; }
  .hp-project-intro { max-width:760px; }
  .hp-offer-banner { grid-template-columns:1fr 1fr; }
  .hp-offer-mark { grid-column:1 / -1; }
  .hp-offer-item-special { grid-column:1 / -1; }
  .hp-offer-item-special img { right:3%; width:58%; height:96%; }
  .hp-offer-item-special .hp-offer-copy { max-width:48%; }
  .hp-offer-button { grid-column:1 / -1; width:220px; margin:8px 0 0; }
}

@media (max-width:900px) {
  .hp-desktop-nav { display:none; }
  .hp-site-header { grid-template-columns:1fr auto auto; }
  .hp-facts-grid { grid-template-columns:1fr 1fr; }
  .hp-fact-card { min-height:330px; }
  .hp-project-facts { grid-template-columns:1fr 1fr; }
  .hp-footer-grid { grid-template-columns:1.2fr 1fr 1fr; }
  .hp-footer-social { grid-column:2 / 4; }
}

@media (max-width:700px) {
  .hp-container { width:min(100% - 36px,1280px); }
  body.bs39-home-preview { padding-bottom:72px; }
  .hp-site-header { height:72px; grid-template-columns:1fr auto auto; gap:13px; padding:0 17px; }
  .hp-brand img { width:176px; height:52px; }
  .hp-header-messengers { display:none; }
  .hp-header-contact .hp-callback-link { display:none; }
  .hp-phone-link { width:42px; height:42px; justify-content:center; border:1px solid rgb(255 255 255 / 25%); border-radius:50%; font-size:0; }
  .hp-phone-link img { width:20px; height:20px; }
  .hp-header-contact { margin-right:3px; }
  .hp-header-menu-btn { display:grid; }
  .hp-hero { min-height:700px; height:91svh; }
  .hp-hero-image { object-position:57% center; }
  .hp-hero-shade { background:linear-gradient(0deg,rgb(10 24 48 / 92%) 0%,rgb(10 24 48 / 60%) 55%,rgb(10 24 48 / 18%) 100%); }
  .hp-hero-content { padding-bottom:58px; text-align:left; }
  .hp-eyebrow { font-size:11px; line-height:1.4; }
  .hp-hero h1 { font-size:clamp(43px,13.5vw,60px); }
  .hp-hero-copy { max-width:95%; font-size:16px; }
  .hp-hero-actions { align-items:center; justify-content:flex-start; flex-wrap:wrap; gap:14px; }
  .hp-button { width:auto; min-width:210px; }
  .hp-hero-caption { display:none; }

  .hp-company-facts { padding:58px 0 62px; }
  .hp-facts-heading { align-items:flex-start; flex-direction:column; gap:9px; margin-bottom:22px; }
  .hp-facts-heading a { font-size:12px; }
  .hp-facts-grid { grid-template-columns:1fr 1fr; gap:8px; }
  .hp-fact-card { min-height:245px; }
  .hp-fact-card:nth-child(1) img,.hp-fact-card:nth-child(2) img,.hp-fact-card:nth-child(3) img,.hp-fact-card:nth-child(4) img { top:2%; height:72%; transform:scale(.9); }
  .hp-fact-content { right:14px; bottom:16px; left:14px; gap:8px; }
  .hp-fact-content strong { font-size:31px; }
  .hp-fact-content span { min-height:52px; font-size:12px; }

  .hp-project-section { padding:58px 0 65px; }
  .hp-section-heading { gap:26px; }
  .hp-section-heading h2 { font-size:40px; }
  .hp-project-intro > p { font-size:16px; }
  .hp-project-actions { display:grid; width:100%; max-width:520px; grid-template-columns:1fr 1fr; gap:8px; }
  .hp-project-actions .hp-button { width:100%; min-width:0; padding:0 8px; font-size:11px; white-space:nowrap; }
  .hp-project-actions .hp-button svg { width:24px; height:24px; padding:5px; }
  .hp-project-facts { grid-template-columns:1fr 1fr; gap:8px; margin:34px 0 18px; }
  .hp-project-facts > div { min-height:105px; align-items:flex-start; flex-direction:column; gap:10px; padding:14px 13px; border-radius:14px; }
  .hp-project-facts svg { width:40px; height:40px; flex-basis:40px; padding:9px; }
  .hp-project-facts span { font-size:14px; line-height:1.25; }
  .hp-project-photo { height:62vw; min-height:270px; }
  .hp-project-photo figcaption { display:none; }

  .hp-offers { padding:52px 0 57px; }
  .hp-offer-banner { grid-template-columns:1fr 1fr; gap:8px; }
  .hp-offer-mark { grid-column:1 / -1; min-height:170px; padding:28px 25px; }
  .hp-offer-mark strong { font-size:25px; }
  .hp-offer-item { min-height:220px; align-items:flex-end; gap:12px; padding:18px 13px; border-radius:15px; }
  .hp-offer-item img { top:-1%; right:-22%; width:125%; height:76%; }
  .hp-offer-item-special { grid-column:1 / -1; }
  .hp-offer-item-special img { top:-4%; right:-8%; width:72%; height:96%; }
  .hp-offer-item-special .hp-offer-copy { max-width:52%; }
  .hp-offer-item-special strong { font-size:16px; }
  .hp-offer-item p { font-size:12px; }
  .hp-offer-item strong { font-size:19px; }
  .hp-offer-button { grid-column:1 / -1; justify-self:start; min-width:180px; margin:14px 0 12px; }
  .hp-homepage-view footer { padding:58px 0 44px; }
  .hp-footer-grid { grid-template-columns:1fr 1fr; gap:44px 22px; }
  .hp-footer-brand { grid-column:1 / -1; }
  .hp-footer-social { grid-column:auto; }
  .hp-footer-bottom { align-items:flex-start; flex-direction:column; gap:10px; margin-top:48px; }

  .hp-bottom-nav { position:fixed; z-index:80; right:0; bottom:0; left:0; display:grid; grid-template-columns:repeat(5,1fr); height:73px; padding:6px 4px calc(5px + env(safe-area-inset-bottom)); background:var(--navy); box-shadow:0 -7px 24px rgb(16 29 53 / 18%); color:white; }
  .hp-bottom-nav a,.hp-bottom-nav button { min-width:0; display:flex; align-items:center; justify-content:flex-start; flex-direction:column; gap:2px; padding:0; border:0; background:transparent; color:rgb(255 255 255 / 78%); text-align:center; cursor:pointer; }
  .hp-bottom-nav img { width:30px; height:30px; object-fit:contain; }
  .hp-bottom-nav .hp-pinecone { width:31px; height:31px; }
  .hp-bottom-nav span { font-size:9px; line-height:1.06; }
  .hp-bottom-nav .hp-active { color:#c8dc7d; }
  .hp-bottom-nav .hp-active img { filter:sepia(1) saturate(.6) hue-rotate(28deg) brightness(1.25); }
  .hp-chat-fab { right:14px; bottom:88px; width:50px; height:50px; justify-content:center; padding:0; }
  .hp-chat-fab span { display:none; }
  .chat-card { right:14px; bottom:150px; }

}