/* New footer (see hi-hello-footer.js); the original footer is hidden in hi-hello-invoice-flow.css.
   A dark rounded card: brand + newsletter on the left, link columns and contact on the right, and a big "Hi and Hello" wordmark
   along the bottom, over soft blue / teal / green glows. Sizes are written for a 1440px-wide window (1 unit = 1px there) and grow in proportion on wider windows (--hh-u, up to 1.5x). */
@font-face{font-family:"HH Inter";src:url(/_next/static/immutable/media/inter_vf_latin-s.p.23d5jljmt72l0.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
.hh-footer{--hh-u:clamp(1px,calc(100vw / 1440.6),1.5px);--hh-mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,"Liberation Mono",monospace;
  position:relative;z-index:1;overflow:hidden;container-type:inline-size;margin:0 0 -1px;
  border-top:1px solid rgba(255,255,255,.1);border-radius:clamp(22px,2.1vw,30px) clamp(22px,2.1vw,30px) 0 0;color:#98a1b1;
  font-family:"HH Inter",automatGrotesk,"automatGrotesk Fallback",Arial,sans-serif;-webkit-font-smoothing:antialiased;
  background:#080d14}
/* Keep every glow anchored; only its hue, saturation and brightness breathe. */
.hh-footer::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;animation:hhFooterColorPulse 10s ease-in-out infinite;
  background:
    radial-gradient(ellipse 60% 66% at 0% 100%,#0f47ff 0%,rgba(15,71,255,.78) 14%,rgba(14,64,230,.5) 32%,rgba(12,50,170,.2) 58%,rgba(10,40,130,0) 100%),
    radial-gradient(ellipse 46% 26% at 60% 106%,rgba(0,86,138,.96) 0%,rgba(0,74,124,.7) 34%,rgba(0,56,100,.32) 68%,rgba(0,40,80,0) 100%),
    radial-gradient(ellipse 24% 42% at 103% 69%,rgba(4,126,52,1) 0%,rgba(3,108,46,.9) 26%,rgba(3,80,38,.55) 56%,rgba(3,46,30,.22) 82%,rgba(3,30,24,0) 100%),
    #080d14}
@keyframes hhFooterColorPulse{0%,100%{filter:hue-rotate(0deg) saturate(1) brightness(1)}33%{filter:hue-rotate(-12deg) saturate(1.12) brightness(1.1)}66%{filter:hue-rotate(6deg) saturate(1.06) brightness(.94)}}
@media(prefers-reduced-motion:reduce){.hh-footer::before{animation:none}}
.hh-footer > *{--hh-px:clamp(20px,6.73cqw,180px)}
.hh-footer .hh-fi{padding:calc(47.1 * var(--hh-u)) var(--hh-px) 0}
.hh-footer a{text-decoration:none;transition:color .18s ease,background-color .18s ease,border-color .18s ease}
.hh-footer a:focus-visible,.hh-footer button:focus-visible,.hh-footer input:focus-visible{outline:2px solid #7aa7ff;outline-offset:calc(3 * var(--hh-u));border-radius:calc(8 * var(--hh-u))}
.hh-footer h3,.hh-footer p,.hh-footer ul,.hh-footer li{margin:0;padding:0}

/* brand + newsletter | link columns */
.hh-footer .hh-fmain{display:grid;grid-template-columns:minmax(0,1fr);gap:calc(44 * var(--hh-u))}
@media (min-width:1180px){.hh-footer .hh-fmain{grid-template-columns:calc(359 * var(--hh-u)) minmax(0,1fr);column-gap:clamp(40px,7.7vw,calc(111 * var(--hh-u)))}}
.hh-footer .hh-flogo{position:relative;display:inline-flex;align-items:center}
.hh-footer .hh-flogo img{display:block;height:calc(42 * var(--hh-u));width:auto}
.hh-footer .hh-flogo-wordmark{clip-path:inset(0 0 0 28%)}
.hh-footer .hh-flogo-symbol{position:absolute;left:0;top:0;clip-path:inset(0 71% 0 0);pointer-events:none}
.hh-footer .hh-ftag{margin-top:calc(13 * var(--hh-u));font-size:calc(14.3 * var(--hh-u));line-height:calc(20.4 * var(--hh-u));color:#98a1b1}
.hh-footer .hh-ftag strong{display:block;margin-bottom:calc(4.4 * var(--hh-u));font-size:calc(14.9 * var(--hh-u));font-weight:500;color:#f2f4f8}
.hh-footer .hh-ftag span{display:block;max-width:calc(360 * var(--hh-u))}
.hh-footer .hh-fnews{margin-top:calc(23.4 * var(--hh-u));padding-top:calc(19 * var(--hh-u));border-top:1px solid rgba(255,255,255,.1)}
.hh-footer .hh-fnews h3{font-size:calc(16.2 * var(--hh-u));line-height:calc(22 * var(--hh-u));font-weight:500;color:#f2f4f8}
.hh-footer .hh-fnews p:not(.hh-fnote){max-width:calc(320 * var(--hh-u));margin-top:calc(3 * var(--hh-u));font-size:calc(14.2 * var(--hh-u));line-height:calc(20.4 * var(--hh-u));color:#8f98a8}
.hh-footer .hh-fform{display:flex;align-items:center;margin-top:calc(14.4 * var(--hh-u));height:calc(39.3 * var(--hh-u));padding:2px 0 2px 0;border-radius:999px;border:1px solid rgba(255,255,255,.1);
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.045));box-shadow:inset 0 1px 0 rgba(255,255,255,.05);transition:border-color .18s ease,box-shadow .18s ease}
.hh-footer .hh-fform:focus-within{border-color:rgba(122,167,255,.55);box-shadow:0 0 0 calc(3 * var(--hh-u)) rgba(60,110,255,.16)}
.hh-footer .hh-fform.is-bad{border-color:rgba(255,120,120,.6)}
.hh-footer .hh-fin{display:flex;align-items:center;gap:calc(10 * var(--hh-u));flex:1 1 auto;min-width:0;padding-left:calc(15 * var(--hh-u));cursor:text}
.hh-footer .hh-fmail{display:grid;place-items:center;flex:none;color:#e9ecf3}
.hh-footer .hh-fin input{flex:1 1 auto;min-width:0;width:100%;height:calc(34 * var(--hh-u));padding:0;border:0;outline:0;background:none;font:400 calc(13.4 * var(--hh-u))/1 "HH Inter",automatGrotesk,Arial,sans-serif;color:#fff;caret-color:#fff}
.hh-footer .hh-fin input::placeholder{color:#e3e6ee;opacity:.92}
.hh-footer .hh-fin input:focus-visible{outline:0}
.hh-footer .hh-fform button{display:inline-flex;align-items:center;justify-content:center;gap:calc(8 * var(--hh-u));flex:none;height:calc(35.5 * var(--hh-u));margin-right:calc(-1 * var(--hh-u));padding:0 calc(14 * var(--hh-u)) 0 calc(15 * var(--hh-u));border:0;border-radius:999px;cursor:pointer;
  font:400 calc(13.4 * var(--hh-u))/1 "HH Inter",automatGrotesk,Arial,sans-serif;color:#fff;background:linear-gradient(100deg,#2a62ff 0%,#2c82f0 38%,#1ee05a 100%);box-shadow:0 calc(4 * var(--hh-u)) calc(16 * var(--hh-u)) rgba(30,130,255,.24);transition:filter .18s ease,transform .18s ease}
.hh-footer .hh-fform button:hover{filter:brightness(1.12);transform:translateY(calc(-1 * var(--hh-u)))}
.hh-footer .hh-fnote{margin-top:calc(11 * var(--hh-u));font-size:calc(10.6 * var(--hh-u));line-height:calc(16 * var(--hh-u));color:#8a93a3}
.hh-footer .hh-fnote.is-ok{color:#5ee59a}.hh-footer .hh-fnote.is-bad{color:#ff9a9a}

.hh-footer .hh-fcols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(38 * var(--hh-u)) calc(24 * var(--hh-u));align-content:start}
@media (min-width:700px){.hh-footer .hh-fcols{grid-template-columns:repeat(4,minmax(0,auto));justify-content:space-between;gap:calc(38 * var(--hh-u)) calc(28 * var(--hh-u))}}
@media (min-width:1180px){.hh-footer .hh-fcols{grid-template-columns:205fr 194fr 217fr auto;justify-content:stretch;gap:0;margin-right:calc(-24 * var(--hh-u))}}
.hh-footer .hh-fcol h3{margin:calc(11.9 * var(--hh-u)) 0 calc(18.4 * var(--hh-u));font:700 calc(12.4 * var(--hh-u))/calc(16 * var(--hh-u)) var(--hh-mono);letter-spacing:.17em;text-transform:uppercase;color:#fff}
.hh-footer .hh-fcol ul{list-style:none;display:flex;flex-direction:column;gap:calc(10.3 * var(--hh-u))}
.hh-footer .hh-fcol a,.hh-footer .hh-fcol .hh-fsoon{display:inline-block;font-size:calc(13.25 * var(--hh-u));line-height:calc(24 * var(--hh-u));color:#e8ebf1}
.hh-footer .hh-fcol .hh-fsoon{cursor:default} /* listed, but no page to open yet */
.hh-footer .hh-fcol a:hover{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.4);text-underline-offset:calc(5 * var(--hh-u))}
.hh-footer .hh-fcol-connect ul{gap:calc(5.7 * var(--hh-u));margin-top:calc(-4 * var(--hh-u))}
.hh-footer .hh-fcol-connect .hh-fconn{display:flex;align-items:center;gap:calc(10 * var(--hh-u));font-size:calc(12.2 * var(--hh-u));line-height:calc(24 * var(--hh-u));color:#e8ebf1}
.hh-footer .hh-fcol-connect a.hh-fconn:hover{text-decoration:none}
.hh-footer .hh-fcol-connect a.hh-fconn:hover .hh-fico{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28)}
.hh-footer .hh-fico{display:grid;place-items:center;flex:none;width:calc(34 * var(--hh-u));height:calc(34 * var(--hh-u));border-radius:calc(12 * var(--hh-u));border:1px solid rgba(255,255,255,.1);color:#f1f3f8;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.06);transition:background-color .18s ease,border-color .18s ease}
.hh-footer .hh-ftxt{min-width:0;overflow-wrap:anywhere}

/* divider + bottom bar */
.hh-footer hr{border:0;border-top:1px solid rgba(255,255,255,.12);margin:calc(28.4 * var(--hh-u)) 0 calc(24 * var(--hh-u))}
.hh-footer .hh-fbot{display:flex;align-items:center;justify-content:space-between;gap:calc(12 * var(--hh-u)) calc(32 * var(--hh-u));flex-wrap:wrap;font-size:calc(12.5 * var(--hh-u));line-height:calc(20 * var(--hh-u));color:#98a1b1}
.hh-footer .hh-fup{display:inline-flex;align-items:center;gap:calc(8 * var(--hh-u));padding:0;margin:0;border:0;background:none;cursor:pointer;font:500 calc(13 * var(--hh-u))/calc(20 * var(--hh-u)) var(--hh-mono);letter-spacing:.13em;text-transform:uppercase;color:#8e97a7;transition:color .18s ease}
.hh-footer .hh-fup:hover{color:#fff}

/* Original Inter wordmark, safely fitted with looping colours and a hover wobble. */
.hh-footer .hh-fbig{position:relative;margin:calc(9 * var(--hh-u)) var(--hh-px) 0;padding-bottom:calc(19 * var(--hh-u));line-height:1;user-select:none}
.hh-footer .hh-fbig svg{display:block;width:100%;height:auto;overflow:visible;-webkit-mask-image:linear-gradient(180deg,#000 15%,rgba(0,0,0,.08) 92%);mask-image:linear-gradient(180deg,#000 15%,rgba(0,0,0,.08) 92%)}
.hh-footer .hh-fbig text{font-family:"HH Inter",automatGrotesk,Arial,sans-serif;font-size:240px;font-weight:700;letter-spacing:-.04em}
.hh-footer .hh-fcolor-blue{animation:hhFooterInkBlue 10s ease-in-out infinite}
.hh-footer .hh-fcolor-middle{animation:hhFooterInkMiddle 10s ease-in-out infinite}
.hh-footer .hh-fcolor-green{animation:hhFooterInkGreen 10s ease-in-out infinite}
@keyframes hhFooterInkBlue{0%,100%{stop-color:#4669eb}33%{stop-color:#369cd9}66%{stop-color:#526ee8}}
@keyframes hhFooterInkMiddle{0%,100%{stop-color:#bdd6e6}33%{stop-color:#9acdd9}66%{stop-color:#b1c8e2}}
@keyframes hhFooterInkGreen{0%,100%{stop-color:#28ef8c}33%{stop-color:#36dcb0}66%{stop-color:#47ef96}}
@media(prefers-reduced-motion:reduce){.hh-footer .hh-fcolor-blue,.hh-footer .hh-fcolor-middle,.hh-footer .hh-fcolor-green{animation:none}}

/* The last word of the wordmark changes language (see GREETINGS in hi-hello-footer.js). Fonts: Noto Sans (SIL Open Font License), cut down to
   the few letters used, so each file is a few KB. Change a word in GREETINGS and re-cut its font to match. */
@font-face{font-family:"HH Bengali";src:url(/assets/fonts/noto-bengali-700.woff2?v=2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"HH Arabic";src:url(/assets/fonts/noto-arabic-700.woff2?v=2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"HH Devanagari";src:url(/assets/fonts/noto-devanagari-700.woff2?v=2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"HH Thai";src:url(/assets/fonts/noto-thai-700.woff2?v=2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"HH Oriya";src:url(/assets/fonts/noto-oriya-700.woff2?v=2) format("woff2");font-weight:700;font-display:swap}
.hh-footer .hh-fw{opacity:0;transform:translateY(46px);filter:blur(10px);pointer-events:none;
  transition:opacity .5s ease .12s,transform .85s cubic-bezier(.16,.84,.24,1) .12s,filter .6s ease .12s}
.hh-footer .hh-fw.is-on{opacity:1;transform:none;filter:none}
.hh-footer .hh-fw.is-out{opacity:0;transform:translateY(-46px);filter:blur(10px);transition:opacity .4s ease,transform .6s cubic-bezier(.5,0,.75,0),filter .4s ease}
@media(prefers-reduced-motion:reduce){.hh-footer .hh-fw,.hh-footer .hh-fw.is-out{transform:none;filter:none;transition:opacity .6s ease}}

@media (max-width:699px){
  .hh-footer .hh-fi{padding-top:calc(40 * var(--hh-u))}
  .hh-footer .hh-fcol-connect{grid-column:1 / -1}
  .hh-footer .hh-fcol-connect ul{gap:calc(8 * var(--hh-u))}
  .hh-footer hr{margin:calc(34 * var(--hh-u)) 0 calc(20 * var(--hh-u))}
  .hh-footer .hh-fbig{margin-top:calc(14 * var(--hh-u));padding-bottom:calc(12 * var(--hh-u))}
}

/* wave under the footer (replaces the tile pattern) */
.hh-hide-tiles{display:none !important}
.hh-wave{position:relative;overflow:hidden;background:#000;height:clamp(240px,27vw,400px);margin-top:-1px}
.hh-wave::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 55% at 50% 58%,rgba(59,130,246,.18),rgba(124,92,255,.08) 45%,transparent 72%)}
.hh-wave canvas{position:absolute;inset:0;width:100%;height:100%;display:block}

/* tile pattern under the footer: removed (works without the script) */
[data-track-section="pixel_grid"]{display:none !important}
div:has(> [data-track-section="pixel_grid"]){display:none !important}

/* picture wave: pure black, picture fades into it at the top and bottom */
.hh-wave.hh-wave-img{height:clamp(170px,21vw,340px);background:#000}
.hh-wave.hh-wave-img::before{display:none}
.hh-wave.hh-wave-img canvas{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 20%,#000 80%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 20%,#000 80%,transparent 100%)}
.hh-wave.hh-wave-img canvas{animation:hhWaveGlow 5.5s ease-in-out infinite}
@keyframes hhWaveGlow{0%,100%{filter:brightness(.95) saturate(1)}50%{filter:brightness(1.22) saturate(1.2)}}
@media (prefers-reduced-motion:reduce){.hh-wave.hh-wave-img canvas{animation:none}}