@charset "UTF-8";
/* EX-IM · site.css
   Shared by every page of the new design: the trimmed base styles, the fonts, the menu bar, the footer and the
   Book a Demo buttons. Load it before the page's own stylesheet (home.css on the homepage).
   Phone rules sit next to the desktop rules they change, under @media (max-width: 767.98px); 768-991px is the
   tablet range (menu button instead of links).
   Brand colours: #FFBA6A orange, #D8D3FF lavender, #6FE2FF cyan (gradients always run in that order). Font: Inter only. */

/* ==============================================================================================================
   BASE
   Bootstrap 5.3.8 and the original ex-im.com stylesheets, trimmed to the rules these pages use
   (tools/production/purge_css.py). Need a Bootstrap class that is not here on a new page? Load the site's full
   /assets/vendor/bootstrap/bootstrap.min.css (5.3.8) before this file on that page, or copy the rule in.
   ============================================================================================================== */
/* ---- from bootstrap.min.css ---- */
:root, [data-bs-theme=light] { --bs-secondary:#6c757d; --bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --bs-body-font-family:var(--bs-font-sans-serif); --bs-body-font-size:1rem; --bs-body-font-weight:400; --bs-body-line-height:1.5; --bs-body-color:#212529; --bs-body-bg:#fff; --bs-emphasis-color:#000; --bs-emphasis-color-rgb:0,0,0; --bs-secondary-color:rgba(33, 37, 41, 0.75); --bs-secondary-bg:#e9ecef; --bs-heading-color:inherit; --bs-link-color:#0d6efd; --bs-link-color-rgb:13,110,253; --bs-link-hover-color:#0a58ca; --bs-link-hover-color-rgb:10,88,202; --bs-highlight-color:#212529; --bs-highlight-bg:#fff3cd; --bs-border-width:1px; --bs-border-color:#dee2e6; --bs-border-color-translucent:rgba(0, 0, 0, 0.175); --bs-border-radius:0.375rem; }
[data-bs-theme=dark] { color-scheme:dark; --bs-body-color:#dee2e6; --bs-body-bg:#212529; --bs-emphasis-color:#fff; --bs-emphasis-color-rgb:255,255,255; --bs-secondary-color:rgba(222, 226, 230, 0.75); --bs-secondary-bg:#343a40; --bs-heading-color:inherit; --bs-link-color:#6ea8fe; --bs-link-hover-color:#8bb9fe; --bs-link-color-rgb:110,168,254; --bs-link-hover-color-rgb:139,185,254; --bs-highlight-color:#dee2e6; --bs-highlight-bg:#664d03; --bs-border-color:#495057; --bs-border-color-translucent:rgba(255, 255, 255, 0.15); }
*, ::after, ::before { box-sizing:border-box; }
@media (prefers-reduced-motion:no-preference) {
  :root { scroll-behavior:smooth; }
}
body { margin:0; font-family:var(--bs-body-font-family); font-size:var(--bs-body-font-size); font-weight:var(--bs-body-font-weight); line-height:var(--bs-body-line-height); color:var(--bs-body-color); text-align:var(--bs-body-text-align); background-color:var(--bs-body-bg); -webkit-text-size-adjust:100%; -webkit-tap-highlight-color:transparent; }
hr { margin:1rem 0; color:inherit; border:0; border-top:var(--bs-border-width) solid; opacity:.25; }
.h1, .h2, .h3, .h4, .h6, h1, h2, h3, h4, h6 { margin-top:0; margin-bottom:.5rem; font-weight:500; line-height:1.2; color:var(--bs-heading-color); }
.h1, h1 { font-size:calc(1.375rem + 1.5vw); }
@media (min-width:1200px) {
  .h1, h1 { font-size:2.5rem; }
}
.h2, h2 { font-size:calc(1.325rem + .9vw); }
@media (min-width:1200px) {
  .h2, h2 { font-size:2rem; }
}
.h3, h3 { font-size:calc(1.3rem + .6vw); }
@media (min-width:1200px) {
  .h3, h3 { font-size:1.75rem; }
}
.h4, h4 { font-size:calc(1.275rem + .3vw); }
@media (min-width:1200px) {
  .h4, h4 { font-size:1.5rem; }
}
.h6, h6 { font-size:1rem; }
p { margin-top:0; margin-bottom:1rem; }
ul { padding-left:2rem; }
ul { margin-top:0; margin-bottom:1rem; }
ul ul { margin-bottom:0; }
b { font-weight:bolder; }
.small, small { font-size:.875em; }
.mark { padding:.1875em; color:var(--bs-highlight-color); background-color:var(--bs-highlight-bg); }
a { color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1)); text-decoration:underline; }
a:hover { --bs-link-color-rgb:var(--bs-link-hover-color-rgb); }
a:not([href]):not([class]), a:not([href]):not([class]):hover { color:inherit; text-decoration:none; }
figure { margin:0 0 1rem; }
img, svg { vertical-align:middle; }
button { border-radius:0; }
button:focus:not(:focus-visible) { outline:0; }
button, input { margin:0; font-family:inherit; font-size:inherit; line-height:inherit; }
button { text-transform:none; }
[role=button] { cursor:pointer; }
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator { display:none!important; }
[type=button], [type=reset], [type=submit], button { -webkit-appearance:button; }
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) { cursor:pointer; }
::-moz-focus-inner { padding:0; border-style:none; }
::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field { padding:0; }
::-webkit-inner-spin-button { height:auto; }
[type=search] { -webkit-appearance:textfield; outline-offset:-2px; }
[type=search]::-webkit-search-cancel-button { cursor:pointer; filter:grayscale(1); }
::-webkit-search-decoration { -webkit-appearance:none; }
::-webkit-color-swatch-wrapper { padding:0; }
::-webkit-file-upload-button { font:inherit; -webkit-appearance:button; }
::file-selector-button { font:inherit; -webkit-appearance:button; }
iframe { border:0; }
[hidden] { display:none!important; }
.figure { display:inline-block; }
.container, .container-fluid { --bs-gutter-x:1.5rem; --bs-gutter-y:0; width:100%; padding-right:calc(var(--bs-gutter-x) * .5); padding-left:calc(var(--bs-gutter-x) * .5); margin-right:auto; margin-left:auto; }
@media (min-width:576px) {
  .container { max-width:540px; }
}
@media (min-width:768px) {
  .container { max-width:720px; }
}
@media (min-width:992px) {
  .container { max-width:960px; }
}
@media (min-width:1200px) {
  .container { max-width:1140px; }
}
@media (min-width:1400px) {
  .container { max-width:1320px; }
}
.row { --bs-gutter-x:1.5rem; --bs-gutter-y:0; display:flex; flex-wrap:wrap; margin-top:calc(-1 * var(--bs-gutter-y)); margin-right:calc(-.5 * var(--bs-gutter-x)); margin-left:calc(-.5 * var(--bs-gutter-x)); }
.row>* { flex-shrink:0; width:100%; max-width:100%; padding-right:calc(var(--bs-gutter-x) * .5); padding-left:calc(var(--bs-gutter-x) * .5); margin-top:var(--bs-gutter-y); }
.col { flex:1 0 0; }
.col-12 { flex:0 0 auto; width:100%; }
.g-4 { --bs-gutter-x:1.5rem; }
.g-4 { --bs-gutter-y:1.5rem; }
@media (min-width:576px) {
  .col-sm-6 { flex:0 0 auto; width:50%; }
}
@media (min-width:768px) {
  .col-md-12 { flex:0 0 auto; width:100%; }
}
@media (min-width:992px) {
  .col-lg-4 { flex:0 0 auto; width:33.33333333%; }
  .g-lg-5 { --bs-gutter-x:3rem; }
  .g-lg-5 { --bs-gutter-y:3rem; }
}
@media (min-width:1200px) {
  .col-xl-12 { flex:0 0 auto; width:100%; }
}
@media (min-width:1400px) {
  .col-xxl-12 { flex:0 0 auto; width:100%; }
}
.btn { --bs-btn-padding-x:0.75rem; --bs-btn-padding-y:0.375rem; --bs-btn-font-family:; --bs-btn-font-size:1rem; --bs-btn-font-weight:400; --bs-btn-line-height:1.5; --bs-btn-color:var(--bs-body-color); --bs-btn-bg:transparent; --bs-btn-border-width:var(--bs-border-width); --bs-btn-border-color:transparent; --bs-btn-border-radius:var(--bs-border-radius); --bs-btn-hover-border-color:transparent; --bs-btn-disabled-opacity:0.65; --bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display:inline-block; padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family:var(--bs-btn-font-family); font-size:var(--bs-btn-font-size); font-weight:var(--bs-btn-font-weight); line-height:var(--bs-btn-line-height); color:var(--bs-btn-color); text-align:center; text-decoration:none; vertical-align:middle; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; user-select:none; border:var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius:var(--bs-btn-border-radius); background-color:var(--bs-btn-bg); transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
@media (prefers-reduced-motion:reduce) {
  .btn { transition:none; }
}
.btn:hover { color:var(--bs-btn-hover-color); background-color:var(--bs-btn-hover-bg); border-color:var(--bs-btn-hover-border-color); }
.btn:focus-visible { color:var(--bs-btn-hover-color); background-color:var(--bs-btn-hover-bg); border-color:var(--bs-btn-hover-border-color); outline:0; box-shadow:var(--bs-btn-focus-box-shadow); }
.btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active { color:var(--bs-btn-active-color); background-color:var(--bs-btn-active-bg); border-color:var(--bs-btn-active-border-color); }
.btn.active:focus-visible, .btn.show:focus-visible, .btn:first-child:active:focus-visible, :not(.btn-check)+.btn:active:focus-visible { box-shadow:var(--bs-btn-focus-box-shadow); }
.btn.disabled, .btn:disabled { color:var(--bs-btn-disabled-color); pointer-events:none; background-color:var(--bs-btn-disabled-bg); border-color:var(--bs-btn-disabled-border-color); opacity:var(--bs-btn-disabled-opacity); }
.fade { transition:opacity .15s linear; }
@media (prefers-reduced-motion:reduce) {
  .fade { transition:none; }
}
.fade:not(.show) { opacity:0; }
.collapse:not(.show) { display:none; }
.collapsing { height:0; overflow:hidden; transition:height .35s ease; }
@media (prefers-reduced-motion:reduce) {
  .collapsing { transition:none; }
}
.nav { --bs-nav-link-padding-x:1rem; --bs-nav-link-padding-y:0.5rem; --bs-nav-link-font-weight:; --bs-nav-link-color:var(--bs-link-color); --bs-nav-link-hover-color:var(--bs-link-hover-color); --bs-nav-link-disabled-color:var(--bs-secondary-color); display:flex; flex-wrap:wrap; padding-left:0; margin-bottom:0; list-style:none; }
.nav-link { display:block; padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x); font-size:var(--bs-nav-link-font-size); font-weight:var(--bs-nav-link-font-weight); color:var(--bs-nav-link-color); text-decoration:none; background:0 0; border:0; transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out; }
@media (prefers-reduced-motion:reduce) {
  .nav-link { transition:none; }
}
.nav-link:focus, .nav-link:hover { color:var(--bs-nav-link-hover-color); }
.nav-link:focus-visible { outline:0; box-shadow:0 0 0 .25rem rgba(13,110,253,.25); }
.nav-link.disabled, .nav-link:disabled { color:var(--bs-nav-link-disabled-color); pointer-events:none; cursor:default; }
.navbar { --bs-navbar-padding-x:0; --bs-navbar-padding-y:0.5rem; --bs-navbar-color:rgba(var(--bs-emphasis-color-rgb), 0.65); --bs-navbar-hover-color:rgba(var(--bs-emphasis-color-rgb), 0.8); --bs-navbar-disabled-color:rgba(var(--bs-emphasis-color-rgb), 0.3); --bs-navbar-active-color:rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-brand-padding-y:0.3125rem; --bs-navbar-brand-margin-end:1rem; --bs-navbar-brand-font-size:1.25rem; --bs-navbar-brand-color:rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-brand-hover-color:rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-nav-link-padding-x:0.5rem; --bs-navbar-toggler-padding-y:0.25rem; --bs-navbar-toggler-padding-x:0.75rem; --bs-navbar-toggler-font-size:1.25rem; --bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); --bs-navbar-toggler-border-color:rgba(var(--bs-emphasis-color-rgb), 0.15); --bs-navbar-toggler-border-radius:var(--bs-border-radius); --bs-navbar-toggler-focus-width:0.25rem; --bs-navbar-toggler-transition:box-shadow 0.15s ease-in-out; position:relative; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x); }
.navbar>.container, .navbar>.container-fluid { display:flex; flex-wrap:inherit; align-items:center; justify-content:space-between; }
.navbar-brand { padding-top:var(--bs-navbar-brand-padding-y); padding-bottom:var(--bs-navbar-brand-padding-y); margin-right:var(--bs-navbar-brand-margin-end); font-size:var(--bs-navbar-brand-font-size); color:var(--bs-navbar-brand-color); text-decoration:none; white-space:nowrap; }
.navbar-brand:focus, .navbar-brand:hover { color:var(--bs-navbar-brand-hover-color); }
.navbar-nav { --bs-nav-link-padding-x:0; --bs-nav-link-padding-y:0.5rem; --bs-nav-link-font-weight:; --bs-nav-link-color:var(--bs-navbar-color); --bs-nav-link-hover-color:var(--bs-navbar-hover-color); --bs-nav-link-disabled-color:var(--bs-navbar-disabled-color); display:flex; flex-direction:column; padding-left:0; margin-bottom:0; list-style:none; }
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show { color:var(--bs-navbar-active-color); }
.navbar-collapse { flex-grow:1; flex-basis:100%; align-items:center; }
.navbar-toggler { padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x); font-size:var(--bs-navbar-toggler-font-size); line-height:1; color:var(--bs-navbar-color); background-color:transparent; border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color); border-radius:var(--bs-navbar-toggler-border-radius); transition:var(--bs-navbar-toggler-transition); }
@media (prefers-reduced-motion:reduce) {
  .navbar-toggler { transition:none; }
}
.navbar-toggler:hover { text-decoration:none; }
.navbar-toggler:focus { text-decoration:none; outline:0; box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width); }
.navbar-toggler-icon { display:inline-block; width:1.5em; height:1.5em; vertical-align:middle; background-image:var(--bs-navbar-toggler-icon-bg); background-repeat:no-repeat; background-position:center; background-size:100%; }
@media (min-width:992px) {
  .navbar-expand-lg { flex-wrap:nowrap; justify-content:flex-start; }
  .navbar-expand-lg .navbar-nav { flex-direction:row; }
  .navbar-expand-lg .navbar-nav .nav-link { padding-right:var(--bs-navbar-nav-link-padding-x); padding-left:var(--bs-navbar-nav-link-padding-x); }
  .navbar-expand-lg .navbar-collapse { display:flex!important; flex-basis:auto; }
  .navbar-expand-lg .navbar-toggler { display:none; }
}
.navbar[data-bs-theme=dark] { --bs-navbar-color:rgba(255, 255, 255, 0.55); --bs-navbar-hover-color:rgba(255, 255, 255, 0.75); --bs-navbar-disabled-color:rgba(255, 255, 255, 0.25); --bs-navbar-active-color:#fff; --bs-navbar-brand-color:#fff; --bs-navbar-brand-hover-color:#fff; --bs-navbar-toggler-border-color:rgba(255, 255, 255, 0.1); --bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
[data-bs-theme=dark] .navbar-toggler-icon { --bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
.card { --bs-card-border-width:var(--bs-border-width); --bs-card-border-color:var(--bs-border-color-translucent); --bs-card-border-radius:var(--bs-border-radius); --bs-card-height:; --bs-card-bg:var(--bs-body-bg); position:relative; display:flex; flex-direction:column; min-width:0; height:var(--bs-card-height); color:var(--bs-body-color); word-wrap:break-word; background-color:var(--bs-card-bg); background-clip:border-box; border:var(--bs-card-border-width) solid var(--bs-card-border-color); border-radius:var(--bs-card-border-radius); }
.card>hr { margin-right:0; margin-left:0; }
.badge { --bs-badge-padding-x:0.65em; --bs-badge-padding-y:0.35em; --bs-badge-font-size:0.75em; --bs-badge-font-weight:700; --bs-badge-color:#fff; --bs-badge-border-radius:var(--bs-border-radius); display:inline-block; padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x); font-size:var(--bs-badge-font-size); font-weight:var(--bs-badge-font-weight); line-height:1; color:var(--bs-badge-color); text-align:center; white-space:nowrap; vertical-align:baseline; border-radius:var(--bs-badge-border-radius); }
.badge:empty { display:none; }
.btn .badge { position:relative; top:-1px; }
.progress { --bs-progress-height:1rem; --bs-progress-font-size:0.75rem; --bs-progress-bg:var(--bs-secondary-bg); --bs-progress-border-radius:var(--bs-border-radius); display:flex; height:var(--bs-progress-height); overflow:hidden; font-size:var(--bs-progress-font-size); background-color:var(--bs-progress-bg); border-radius:var(--bs-progress-border-radius); }
.carousel { position:relative; }
.placeholder { display:inline-block; min-height:1em; vertical-align:middle; cursor:wait; background-color:currentcolor; opacity:.5; }
.placeholder.btn::before { display:inline-block; content:""; }
.align-text-top { vertical-align:text-top!important; }
.d-inline-block { display:inline-block!important; }
.d-block { display:block!important; }
.d-flex { display:flex!important; }
.d-none { display:none!important; }
.justify-content-end { justify-content:flex-end!important; }
.align-items-center { align-items:center!important; }
.gap-2 { gap:.5rem!important; }
.text-center { text-align:center!important; }
.visible { visibility:visible!important; }
.invisible { visibility:hidden!important; }
@media (min-width:992px) {
  .d-lg-block { display:block!important; }
  .d-lg-none { display:none!important; }
}

/* ---- from variable-style.css ---- */
:root { --black-txtcolor:#000; --white-txtcolor:#fff; --white-txtlight:#f1f1f1; --input-whitebg:#fff; --body-bgcolor:#000; --wrapper-box-bg:#020202; --navlink-hover:#0eb5f6; --text-muted: #868686; --divider-color: #292929; --footer-linkhover:#f0f0f0; --bg-gradient:linear-gradient(120deg,#F7C9A5 0%,#C8C2FF 50%,#74D8FF 100%); --text-muted:#707070; --cmp-badge-color:linear-gradient(90deg, #FFBA6A -20%, #D8D3FF 50%, #6FE2FF 100%); --slider-gradient-text:linear-gradient(90deg, #F7C9A5 10%, #C8C2FF 60%, #74D8FF 100%); --orange: #FFBA6A; --purple: #D8D3FF; --cyan: #6FE2FF; --bg:#020303; --card:#1a1b1d; --border-soft:#5c6067; --border:#505154; }

/* ---- from common-styles.css ---- */
* { box-sizing:border-box; }
a { text-decoration: none; }
.wrapper-box { max-width: 1480px; width: 100%; margin: auto; background: var(--wrapper-box-bg); }
.hero { display:flex; align-items:center; justify-content:center; text-align:center; margin-top: 22.2%; }
.hero h1 { font-size:48px; font-weight:700; line-height:1.1; }
.gradient-text { background:var(--slider-gradient-text); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.hero p { color:var(--white-txtlight); font-size:18px; max-width:700px; margin:20px auto 30px; line-height: 24px; font-weight: 300; }
.search-wrapper { max-width:612px; margin:auto; background: transparent; padding:2px; border-radius:50px; }
.search-inner { border-radius:50px; display:flex; align-items:center; padding:8px; border: 2px solid transparent; background: linear-gradient(#091731, #07132c) padding-box, linear-gradient(135deg, var(--orange), var(--purple), var(--cyan)) border-box; }
.search-icon { color:#fff; padding:0 8px; font-size:18px; }
.search-inner input { flex:1; background:transparent; border:none; color:var(--white-txtcolor); font-size:16px; font-weight: 400; }
.search-inner input:focus { outline:none; box-shadow:none; }
.search-btn { width: 40px; height: 40px; border: none; border-radius: 50%; background: var(--cmp-badge-color); color: var(--black-txtcolor); font-size: 16px; }
@media(max-width:991px) { .plan-price{font-size: 30px;} }
@media(max-width:767px) { .plan-card {margin-bottom: 40px;} .submit-btn{margin-top: 25px;} }
.logo-carousel-wrapper { position: relative; padding: 15px 0 30px; margin-top:30px; }
.logo-carousel-wrapper::before, .logo-carousel-wrapper::after { content: ""; position: absolute; z-index: 5; top: 0; bottom: 0; width: 110px; pointer-events: none; }
.trust-logo { height: 150px; display: flex; align-items: center; justify-content: center; padding: 2px; border:0; border-radius: 15px; background: transparent; transition: transform 0.4s ease, opacity 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease; }
.trust-logo img { width: 60% !important; object-fit: contain; filter: grayscale(100%); transition:filter 0.4s ease, opacity 0.4s ease, transform 0.4s ease; opacity: 0.6; }
.trust-logo:hover img { filter: grayscale(0%); }
/* the newer client logos are dark ink on white (made transparent): inverted to light grey so they read on the black
   strip like the others; a hover brightens them instead of colouring them, which would hide the dark ones again */
.trust-logo--ink img, .trust-logo--ink:hover img { filter: grayscale(100%) invert(1); }
.trust-logo--ink:hover img { opacity: .95; }
/* the earlier client logos are grey artwork already, a shade darker than the inverted ones: brightened to the same
   light grey (measured: both sets now average about the same tone), with the same hover, so the strip reads as one set */
.trust-logo:not(.trust-logo--ink) img, .trust-logo:not(.trust-logo--ink):hover img { filter: grayscale(100%) brightness(1.3); }
.trust-logo:hover img { opacity: .95; }
@media (max-width: 991px) {
  .logo-carousel-wrapper::before, .logo-carousel-wrapper::after { width: 50px; }
}
@media (max-width: 767px) {
  .trust-logo { height: auto; border-radius: 12px; background: #fff; padding: 12px; }
  .trust-logo img { max-width: 125px; }
  .logo-carousel-wrapper::before, .logo-carousel-wrapper::after { display: none; }
  .logo-carousel-wrapper { padding: 15px 0 0px;}
}
@media (max-width: 480px) {
  .trust-logo { height: auto; padding: 10px; }
  .trust-logo img { max-width: initial; }
}
.col { margin-top: 0; }
@media (max-width: 1199px) {
  .hero { margin-top: 230px; }
}
@media (max-width: 991px) {
  .hero { margin-top: 150px; }
  .hero h1 { font-size: 38px; }
}
@media (max-width: 767px) {
  .hero { margin-top: 120px; line-height: 1.2; padding: 0 10px; }
  .hero h1 { font-size: 32px; line-height: 40px; width: 90%; margin: auto; }
  .hero h1 br, .hero p br { display: none; }
}
@media (max-width: 575px) {
  .hero h1 { font-size: 26px; line-height: 35px; width: 100%; }
  .hero p { font-size: 15px; line-height: 22px; margin: 16px auto 26px; }
  .search-inner { padding: 6px; }
  .search-inner input { font-size: 15px; min-width: 0; }
  .search-icon { padding: 0 6px; }
  .search-btn { width: 36px; height: 36px; flex: 0 0 36px; font-size: 14px; }
  .search-wrapper { max-width: 365px; }
}
@media (min-width:768px) and (max-width: 991px) {
  .col { margin-bottom:25px; }
}
@media (min-width:992px) and (max-width: 1199px) {
  .col { margin-bottom:25px; }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .hero { margin-top: 18%; }
}

/* ---- from styles.css ---- */
html, body { width: 100%; margin: 0; padding:0; overflow-x: hidden; }
body { font-family: "Inter"; font-weight: 400; font-style: normal; background: var(--body-bgcolor); }
.nexus_video { padding: 70px 0 70px; }
.nexus-section { min-height: 720px; padding: 70px 15px 80px; background: var(--bg-gradient); border-radius: 40px; }
.nexus-title { font-size: 40px; font-weight: 700; color:var(--black-txtcolor); }
.nexus-text { max-width: 560px; margin: 18px auto 36px; font-size: 20px; line-height: 1.45; color:var(--black-txtcolor); }
.nexus-section img { width: 70%; margin: auto; border-radius: 40px; border: 10px solid rgba(0, 0, 0, 0.1); }
@media (max-width: 991px) {
  .nexus-section { border-radius: 28px; }
}
@media (max-width: 768px) {
  .nexus-section { min-height: auto; padding: 55px 15px; }
  .nexus-title { font-size: 32px; }
  .nexus-text { font-size: 17px; }
  .nexus-section img { width: 100%; border-radius: 22px; border-width: 6px; }
}
@media (max-width: 480px) {
  .nexus-section { padding: 38px 14px; border-radius: 22px; }
  .nexus-title { font-size: 26px; }
  .nexus-text { font-size: 15px; margin-bottom: 26px; }
  .nexus-section img { border-radius: 16px; border-width: 4px; }
}
.step { height:100%; position:relative; display:flex; align-items:center; justify-content:center; opacity:0; transform:scale(.84); filter:blur(7px); transition:opacity .78s ease,transform .92s cubic-bezier(.18,.76,.2,1),filter .78s ease; z-index:3; }
@media(min-width:768px) and (max-width:991px) { .flow-stage{width:100%;} .flow-grid{grid-template-columns:110px 70px 90px 70px 80px 70px 205px;} .step-1 .visual{width:100px;height:145px} .step-2 .visual{width:100px;height:155px} .step-3 .visual{width:100px;height:145px} .step-4 .visual{width:150px;height:125px} .card-box{width:215px;min-height:116px;padding:12px} .card-box h3{font-size:17px;margin-bottom:10px} .card-box p{font-size:13px} .step-4 .card-box{right:-3px} }
@media (max-width:767.98px) {
  .step { height:auto; min-height:300px; width:100%; flex-direction:column; justify-content:center; padding:16px 0; }
}
@media (prefers-reduced-motion:reduce) {
  .step { transition:none!important; }
}
.engine-svg { display:block; width:100%; height:auto; max-width:100%; overflow:visible; aspect-ratio:900/820; }
.pill { fill:var(--card); stroke:var(--border); stroke-width:1; filter: drop-shadow(0 0px 8px rgba(0, 0, 0, .1)); }
.source-node .pill { fill:url(#sourcePillGradient); stroke:var(--border-soft); stroke-width:1.1; filter:filter: drop-shadow(0 0px 8px rgba(0, 0, 0, .1)); }
.node text { fill:#f2f2f2; font-size:14px; font-weight:500; dominant-baseline:middle; text-anchor:middle; }
.source-node text { font-size:14px; font-weight:500; letter-spacing:.1px; }
.node.small text { font-size:14px; font-weight:500; fill:url(#titleGradient); }
.source-line { fill:none; stroke-width:1.55; stroke-linecap:round; opacity:.74; }
.flow-arrow { fill:var(--orange); filter:drop-shadow(0 0 6px rgba(255,181,95,.55)); }
.flow-arrow-core { fill:#ffe2c4; opacity:.7; }
.outer-orbit { fill:none; stroke-width:2; stroke-dasharray:8 8; animation:dashOuter .88s linear infinite; filter:drop-shadow(0 0 2px rgba(100,223,255,.25)); }
.inner-orbit { fill:none; stroke:#5a5d62; stroke-width:1.5; stroke-dasharray:7 8; opacity:.62; animation:dashInner .98s linear infinite; }
.orbit-dot { fill:#25282b; stroke-width:1.1; filter:drop-shadow(0 0 3px rgba(255,181,95,.25)); }
.orbit-dot.orange { stroke:#ffbd65; }
.orbit-dot.blue { stroke:#6ee4ff; }
.orbit-dot.gray { stroke:#83868b; }
.globe-shell { fill:#020508; stroke:url(#globeEdge); stroke-width:1.2; }
.globe-halo { fill:url(#globeHalo); opacity:.78; }
.center-title { font-size:28px; font-weight:700; letter-spacing:0.1px; text-anchor:middle; dominant-baseline:middle; paint-order:stroke; stroke:#020303; stroke-width:0; }
@keyframes dashOuter { from{stroke-dashoffset:0}to{stroke-dashoffset:-36} }
@keyframes dashInner { from{stroke-dashoffset:0}to{stroke-dashoffset:34} }
@media(max-width:1199.98px) { .engine-wrap{max-width:920px} .node text{font-size:16px} .source-node text{font-size:15px} .node.small text{font-size:15px} .center-title{font-size:26px} }
@media(max-width:991.98px) { .engine-section{min-height:auto} .eximinte-title{font-size:32px} .diagram-card{margin-top:30px} }
@media(max-width:767.98px) { .engine-section{padding:30px 0} .node text{font-size:14px} .source-node text{font-size:11px} .node.small text{font-size:11px} .center-title{font-size:22px} .diagram-card{ overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; padding-bottom:8px; } .engine-svg{min-width:100%;} .diagram-card svg{width:100%} }
@media(max-width:575.98px) { .eximinte-title{font-size:26px} .source-node text{font-size:17px} .node.small text{font-size:15px} .center-title{font-size:35px} }
.testimonial-section { padding: 0px 0px 130px; display: flex; align-items: center; }
.trust-section { padding:85px 0px 70px; }
@media (min-width: 360px) and (max-width: 767px) {
  .nexus_video { padding: 30px 0; }
  .testimonial-section { padding: 5px 15px 30px; }
  .trust-section { padding: 30px 10px; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .trust-section { padding: 40px 0px 20px; }
  .nexus_video { padding: 40px 0 40px; }
  .testimonial-section { padding: 20px 0px 40px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .trust-section { padding: 50px 0px 20px; }
  .nexus_video { padding: 50px 0 50px; }
}

/* ---- from header-footer-style.css ---- */
.slider-section { position: relative; padding: 0px 0 90px; background-position: center; background-size: cover; background-repeat: no-repeat; }
.overlay_gradient { content: " "; position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; overflow: hidden; background: var(--bgcolor-black); opacity: 38%; background-image: linear-gradient(to top, #000 24%, #1c1c1c 75%); }
.slider-section .navbar { max-width: 790px; margin: 55px auto 20px; border-radius: 40px; padding: 10px 5px; z-index: 2; border: 1px solid rgba(255, 255, 255, .3); background: linear-gradient(180deg, rgba(255, 255, 255, .30), rgba(255, 255, 255, .30)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .38), 0 8px 25px rgba(0, 0, 0, .12); }
.slider-section .navbar-brand { padding: 0; outline: none; width: 20%; }
.slider-section .navbar-brand img { width:218px; }
.nav_menu .nav-link { padding: 10px 15px; font-weight: 600; position: relative; background: var(--black-txtcolor); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.nav_menu .nav-link:focus, .nav_menu .nav-link:hover { color: var(--navlink-hover); }
.nav_menu .nav-link.active { color: var(--navlink-hover); }
.nav_menu .nav-link::after { content:""; position:absolute; left:50%; bottom:-11px; width:0; height:2px; font-weight: 600; background: var(--black-txtcolor); transform:translateX(-50%); transition:.35s ease; }
.nav_menu .nav-link.active::after { width:100%; }
.nav_menu .nav-link:hover::after { width:100%; }
.login_nav { margin-left: 15px; }
.login_nav .login-btn { background: var(--slider-gradient-text); color: #000; border-radius: 8px; padding: 6px 16px; text-decoration: none; border: 0; box-shadow: none; text-decoration: none; transition: 0.3s all ease-out; }
.login_nav .login-btn:hover { background:var(--slider-gradient-text); color:#000; }
.footer-section { width: 100%; max-width: 1260px; margin: auto auto 0; padding-top:70px; }
.footer-divider { width: 100%; height: 1px; margin: 0; border: 0; opacity: 1; background: var(--divider-color); }
.footer-title { position: relative; margin: 0 0 20px; padding-bottom: 10px; color: var(--white-txtcolor); font-size: 14px; line-height: 18px; font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase; }
.footer-title::after { content: ""; position: absolute; left: 0; bottom: 0; width: 32px; height: 3px; border-radius: 20px; background: var(--bg-gradient); }
.footer-content { padding-top: 80px; /*padding-bottom: 60px;*/ }
.footer-links { margin: 0; padding: 0; list-style: none; }
.footer-links li { margin-bottom: 10px; }
.footer-link { position: relative; color: #b3b3b3; font-size: 14px; line-height: 1.4; font-weight: 400; text-decoration: none; white-space: nowrap;outline:none; }
.footer-link::after { content: ""; position: absolute; left: 0; bottom: -5px; width: 100%; height: 1px; background: var(--footer-linkhover); transform: scaleX(0); transform-origin: right; transition: transform 0.25s ease; }
.footer-link:hover { color:var(--footer-linkhover); }
.footer-link:hover::after { transform: scaleX(1); transform-origin: left; }
.copyright { margin:20px 0 0; color: var(--text-muted); font-size: 12px; font-weight: 400; text-align: center; }
.footer-source { display: flex; align-items: flex-start; gap: 8px; padding: 20px 0; color: var(--text-muted); font-size: 11px; line-height: 18px; margin-top: 20px; margin-bottom: 20px; border-bottom: 1px solid rgba(255, 255, 255, .07); }
.footer-source i { flex: 0 0 auto; margin-top: 3px; color:#C8C2FF; font-size: 14px; }
.footer-bottom{border-top: 1px solid rgba(255, 255, 255, .07);margin-top: 35px;}

@media (min-width: 360px) and (max-width: 480px) {
  .bd-nav.bd-nav--m {height: 32px !important;padding: 0 10px !important;font-size: 12px !important;}
}

@media (max-width: 991px) {
  .footer-section {/*padding-top: 110px;*/ padding-top: 0px;}
  .footer-link, .copyright { font-size: 17px; }
  .slider-section .navbar { max-width: 100%; margin: 22px auto 16px; padding: 8px 5px; }
  .slider-section .navbar-brand img { width: 200px; }
  .navbar-toggler { padding: 4px 8px; font-size: 15px; }
  .navbar-toggler:focus { box-shadow: none; }
  #navbarNavDropdown { margin-top: 10px; padding-top: 8px; border-top: 1px solid rgba(0, 0, 0, .08); }
  .nav_menu .nav-link { padding: 5px 6px; }
  .nav_menu .nav-link::after { display: none; }
  .login_nav .login-btn { display: block; width: 100%; font-size: 14px; padding: 6px 14px; }
  .mob-login { display: flex; gap: 10px; align-items: center; }
}
@media (max-width: 767px) {
  .footer-section { padding-top: 5px; }
  .footer-content { padding-top: 25px; padding-bottom: 28px; }
  .footer-links { gap: 17px 22px; }
  .footer-link, .copyright { font-size: 15px; }
  .copyright { margin-top: 20px; }
  .slider-section .navbar { border-radius: 30px; }
}
@media (max-width: 480px) {
  .footer-links { gap: 5px 18px; }
  .footer-link, .copyright { font-size: 14px; }
  .slider-section .navbar-brand img { width: 166px !important; }
  
}



@media (min-width: 1200px) and (max-width: 1366px) {
  .footer-link { font-size: 14px; }
}

/* ---- from Font Awesome 6 all.min.css ---- */
.fa-solid, .far { -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; display:var(--fa-display,inline-block); font-style:normal; font-variant:normal; line-height:1; text-rendering:auto; }
.fa-solid:before, .far:before { content:var(--fa); }
.fa-solid, .far { font-family:"Font Awesome 6 Free"; }
.fa-arrow-right { --fa:"\f061"; }
.fa-circle-info { --fa:"\f05a"; }
.far { font-weight:400; }
.fa-solid { font-weight:900; }

/* ---- from hscode-search.css ---- */
.search-wrapper { position: relative; }
.search-inner input.is-invalid { border-radius: inherit; }
.hscode-suggest-list { display: none; position: absolute; top: calc(100% + 8px); left: 0; right: 0; max-height: 260px; overflow-y: auto; background: var(--input-whitebg, #fff); border-radius: 16px; box-shadow: 0 12px 32px rgba(0, 0, 0, .15); z-index: 20; text-align: left; padding: 6px 0; }
.hscode-suggest-list.is-open { display: block; }
.hscode-suggest-list .hscode-suggest-item { padding: 10px 20px; cursor: pointer; color: #333; font-size: 15px; }
.hscode-suggest-list .hscode-suggest-item:hover, .hscode-suggest-list .hscode-suggest-item.is-active { background: rgba(0, 0, 0, .05); }
.hscode-suggest-list .hscode-suggest-item.is-message { cursor: default; color: #888; font-size: 13px; font-style: italic; }
.hscode-suggest-list .hscode-suggest-item.is-message:hover { background: none; }

/* ==============================================================================================================
   FONTS
   Inter (5 weights), self-hosted and trimmed to Latin characters. The two icons the pages use (the search
   arrow and the footer's info sign) come from a tiny Font Awesome 6 subset embedded below.
   ============================================================================================================== */
@font-face { font-family: "Inter"; font-style: normal; font-weight: 300; font-display: swap; src: url("../fonts/inter-300.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/inter-400.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/inter-500.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/inter-600.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/inter-700.woff2") format("woff2"); }
/* Font Awesome Free 6 (CC BY 4.0, fontawesome.com): only the arrow-right and circle-info icons */
@font-face { font-family: "Font Awesome 6 Free"; font-style: normal; font-weight: 900; font-display: block; src: url(data:font/woff2;base64,d09GMgABAAAAAAJ4AAoAAAAABNAAAAIxAwcFAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAPMqCQAE2AiQDDMsIBCAFgxgHIBshBCCuB3gixlD/w8REnaZHtcTHZJjQ9dWyT+/E+1nwfI2193dPPaPi9UwQb9oo5YhijSFkD52QyfA8eXt/1Q0oCSyQQXdBXFGQaYxjChxy2/VAAWjGIdRfgqf0LOZm5+MKWOtZMVUD/MMHTK2w5qqtn/9r6mEUH0YJHkOug+59GtDe4da+JhpXWRZREY2nm4wLnAMVxuadFkFrYChaXzFBrsTA+DX2T1yhWAec8pjM4Pvczu7tPYCnOIEA5MgzKACggAYBmpjcoAKYLEIVAaUYIM59c6rCPf4P6RYdpmFs7cCyLvPUtTfEMtPBAKOsbpTjDIkN27KOIFYChC1zML4OTCunsrBNxUUT5mldRpWx7aiFqK3iJ4G+chtpKtRAmuVwLqxERWQ1twu8NpDCout+nv0SXKXWywAhgXsDJULazzDERyAA6ftYUdpmYOo6tFK8BmDgIDCNuN3YY1hX9dVqzducP6t06r9iRppTrjUcyt8ClbuTvdzJ/AvzEOhqpC9vQeKeP0cFwK8dXLFTruUdLBQAwUcNqC8B2oHw36VzBgWkA0BcXoCul8wABIh4mdkWTUYr0AIqiCYtgmITE7Q+O5WGNMEo4ulZJjXxMWzbjlN7kuISDhSoEFapwJhtueD3DToWtW9bVnQrVaBNyOyJinZbti0jKUJKLf9Xa7Wp065OkzVRe/Ylbcsp0K5dqzoNGnVq1axRk1YFKppVHxVq7VLQxFspzTV9bY+nrK1dcwA=) format("woff2"); }

/* ==============================================================================================================
   PAGE
   ============================================================================================================== */
/* body was a non-scrolling scroll container (overflow-x: hidden), which breaks position: sticky; clip keeps the same no-sideways-scroll behaviour */
html body { overflow-x: clip !important; overflow-y: visible !important; }

/* ==============================================================================================================
   MENU BAR
   Desktop and tablets: liquid glass. Phones: a dark glass pill (logo, Book a Demo, menu button); Login moves
   into the menu. On a page without the homepage film, wrap the menu in <section class="slider-section page-head">.
   ============================================================================================================== */
.slider-section .navbar_wrap { position: relative; z-index: 5; }

/* DESKTOP + TABLET (768px and wider): the menu bar as liquid glass. The phone bar has its own rules (m-top).
   The glass: a blurred, slightly lifted tint; a rim of light that is bright along the top edge and fades down the sides;
   a soft sheen like light on a curved edge; a deep shadow under it; and a faint glow of the brand colours behind it,
   so even over the black page the glass has colour to bend. Links are light, with a glass pill on hover;
   Login is a quiet glass button, so Book a Demo is the one bright call to action. */
@media (min-width: 768px) {
  .slider-section .navbar_wrap::before { content: ""; position: absolute; z-index: -1; left: 50%; top: 34px; width: min(940px, 84vw); height: 120px; translate: -50% 0; pointer-events: none;
    background: radial-gradient(34% 58% at 18% 50%, rgba(255, 186, 106, .14), transparent 72%), radial-gradient(38% 60% at 82% 50%, rgba(111, 226, 255, .2), transparent 72%),
      radial-gradient(42% 60% at 50% 50%, rgba(216, 211, 255, .17), transparent 72%);
    filter: blur(20px); }
  .slider-section .navbar { isolation: isolate; border-color: transparent;
    background: linear-gradient(180deg, rgba(255, 255, 255, .11), rgba(255, 255, 255, .04)) !important;
    -webkit-backdrop-filter: blur(24px) saturate(1.8) brightness(1.06); backdrop-filter: blur(24px) saturate(1.8) brightness(1.06);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), inset 0 -1px 0 rgba(255, 255, 255, .05), 0 22px 50px -14px rgba(0, 0, 0, .7), 0 2px 10px rgba(0, 0, 0, .35); }
  .slider-section .navbar::before { content: ""; position: absolute; inset: -1px; border-radius: inherit; padding: 1px; pointer-events: none;
    background: linear-gradient(180deg, rgba(255, 255, 255, .62), rgba(255, 255, 255, .12) 40%, rgba(255, 255, 255, .05) 70%, rgba(255, 255, 255, .22));
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; }
  .slider-section .navbar::after { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none;
    background: radial-gradient(90% 160% at 12% -70%, rgba(255, 255, 255, .17), transparent 46%), radial-gradient(80% 140% at 92% 170%, rgba(111, 226, 255, .1), transparent 50%); }
  .slider-section .navbar > .container-fluid { position: relative; z-index: 1; }

  .nav_menu .nav-link { background: none; -webkit-text-fill-color: currentColor; color: rgba(236, 238, 244, .8); border-radius: 999px; transition: color .2s ease, background-color .2s ease; }
  .nav_menu .nav-link:hover, .nav_menu .nav-link:focus-visible { color: #fff; background: rgba(255, 255, 255, .08); }
  .nav_menu .nav-link:focus-visible { outline: 2px solid rgba(111, 226, 255, .8); outline-offset: 2px; }
  .nav_menu .nav-link::after { display: none; }

  .login_nav .login-btn, .login_nav .login-btn:hover { color: #F3F4F6; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .16);
    background: rgba(255, 255, 255, .07); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14); }
  .login_nav .login-btn:hover { color: #fff; background: rgba(255, 255, 255, .14); border-color: rgba(255, 255, 255, .26); }
  .login_nav .login-btn:focus-visible { outline: 2px solid rgba(111, 226, 255, .8); outline-offset: 2px; }
}
/* tablets (768–991px) show the menu button: a light icon on the glass */
@media (min-width: 768px) and (max-width: 991.98px) {
  .slider-section .navbar-toggler { width: 40px; height: 40px; padding: 0; display: grid; place-items: center; flex: none;
    border: 1px solid rgba(255, 255, 255, .16); background: rgba(255, 255, 255, .06); border-radius: 50%; }   /* a true circle */
  .slider-section .navbar-toggler-icon { width: 20px; height: 20px; background-size: 20px 20px; }
  .slider-section .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,.9)' stroke-linecap='round' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
}

.bd-nav.bd-nav--m { display: none; }
@media (max-width: 767.98px) {
  /* navbar: a dark glass pill with the logo, Book a Demo and the menu button; Login lives in the menu */
  .slider-section .navbar_wrap { position: absolute; top: 0; left: 0; right: 0; z-index: 20; }
  .slider-section .navbar_wrap .container { padding: 0 12px; }
  .slider-section .navbar_wrap .row { margin: 0; }
  .slider-section .navbar_wrap .row > * { padding: 0; }
  .slider-section .navbar { margin: 12px 0 0; padding: 7px 7px 7px 16px; border-radius: 30px; min-height: 56px;
    background: rgba(18, 19, 24, .62); border: 1px solid rgba(255, 255, 255, .13);
    -webkit-backdrop-filter: blur(16px) saturate(1.4); backdrop-filter: blur(16px) saturate(1.4);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 10px 30px rgba(0, 0, 0, .35); transition: border-radius .3s ease, background-color .3s ease; }
  .slider-section .navbar:has(.navbar-collapse.show, .navbar-collapse.collapsing) { border-radius: 24px; background: rgba(14, 15, 19, .94); }
  .slider-section .navbar > .container-fluid { padding: 0; }
  .slider-section .navbar-brand { width: auto; margin: 0; }
  .slider-section .navbar-brand img { width: 170px; display: block; }
  .mob-login { gap: 8px; }
  .mob-login .login-btn { display: none !important; }
  .mob-login .login_nav { margin: 0; }
  .bd-nav.bd-nav--m { display: inline-flex; margin: 0; height: 38px; padding: 0 12px; font-size: 14px; }
  .navbar-toggler { width: 40px; height: 40px; padding: 0; border: 0; border-radius: 50%; display: grid; place-items: center; background: rgba(255, 255, 255, .08); }
  .navbar-toggler:focus { box-shadow: none; }
  .navbar-toggler:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
  .navbar-toggler-icon { width: 18px; height: 18px; background-size: 18px 18px; transition: transform .25s ease;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3e%3cpath stroke='%23fff' stroke-width='1.8' stroke-linecap='round' d='M2 5h14M2 9h14M2 13h14'/%3e%3c/svg%3e"); }
  .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3e%3cpath stroke='%23fff' stroke-width='1.8' stroke-linecap='round' d='M4 4l10 10M14 4L4 14'/%3e%3c/svg%3e"); }
  /* the open menu */
  #navbarNavDropdown { margin: 10px 0 0; padding: 6px 0 6px; border-top: 1px solid rgba(255, 255, 255, .08); }
  #navbarNavDropdown .nav_menu { gap: 0 !important; }
  #navbarNavDropdown .nav-link { padding: 14px 8px; font: 500 17px/1.2 Inter, system-ui, sans-serif; letter-spacing: -.01em;
    background: none; -webkit-text-fill-color: #F3F4F6; color: #F3F4F6; border-bottom: 1px solid rgba(255, 255, 255, .06); }
  #navbarNavDropdown .nav-link.active { -webkit-text-fill-color: #6FE2FF; color: #6FE2FF; }   /* the page you are on, as on tablets */
  #navbarNavDropdown .nav-link::after { display: none; }
  #navbarNavDropdown .login_nav { display: grid !important; grid-template-columns: 1fr 1fr; gap: 10px; margin: 14px 0 4px; }
  #navbarNavDropdown .login_nav .login-btn { display: flex; align-items: center; justify-content: center; height: 48px; padding: 0; border-radius: 999px;
    background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .16); color: #fff; font: 600 15px/1 Inter, system-ui, sans-serif; }
  #navbarNavDropdown .login_nav .bd-nav { justify-content: center; height: 48px; margin: 0; font-size: 15px; }
}
/* TABLETS (768-991px): the phone menu's design on the glass bar. Book a Demo sits in the bar beside the menu button,
   Login moves into the menu, and the open menu is the phone's: full-width rows on hairlines, then Login and Book a Demo
   side by side */
@media (min-width: 768px) and (max-width: 991.98px) {
  .mob-login { gap: 8px; }
  .mob-login .login-btn { display: none !important; }
  .mob-login .login_nav { margin: 0; }
  .bd-nav.bd-nav--m { display: inline-flex; margin: 0; height: 38px; padding: 0 14px; font-size: 14px; }
  #navbarNavDropdown { margin: 10px 0 0; padding: 6px 0 6px; border-top: 1px solid rgba(255, 255, 255, .08); }
  #navbarNavDropdown .nav_menu { gap: 0 !important; }
  #navbarNavDropdown .nav-link { padding: 14px 8px; border-radius: 0; font: 500 17px/1.2 Inter, system-ui, sans-serif; letter-spacing: -.01em;
    background: none; -webkit-text-fill-color: #F3F4F6; color: #F3F4F6; border-bottom: 1px solid rgba(255, 255, 255, .06); }
  #navbarNavDropdown .nav-link:hover, #navbarNavDropdown .nav-link:focus-visible { background: rgba(255, 255, 255, .04); }
  #navbarNavDropdown .nav-link.active { -webkit-text-fill-color: #6FE2FF; color: #6FE2FF; }
  #navbarNavDropdown .nav-link::after { display: none; }
  #navbarNavDropdown .login_nav { display: grid !important; grid-template-columns: 1fr 1fr; gap: 10px; margin: 14px 0 4px; }
  #navbarNavDropdown .login_nav .login-btn { display: flex; align-items: center; justify-content: center; width: auto; height: 48px; padding: 0; border-radius: 999px;
    background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .16); color: #fff; font: 600 15px/1 Inter, system-ui, sans-serif; }
  #navbarNavDropdown .login_nav .bd-nav { justify-content: center; height: 48px; margin: 0; font-size: 15px; }
  /* the menu button turns into a close mark while the menu is open, as on phones */
  .slider-section .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,.9)' stroke-linecap='round' stroke-width='2' d='M8 8l14 14M22 8L8 22'/%3e%3c/svg%3e"); }
}

/* the open menu (phones and tablets): links on the left. The inner pages' title strip (.page-head) centres its text,
   and the menu sits inside it, so without this the links would be centred there */
@media (max-width: 991.98px) {
  #navbarNavDropdown, #navbarNavDropdown .nav-link { text-align: left; }
}

/* the narrowest phones (320 px): a slightly smaller logo and Book a Demo, so the menu bar stays on one line */
@media (max-width: 349.98px) {
  .slider-section .navbar-brand img { width: 92px; }
  .bd-nav.bd-nav--m { padding: 0 12px; font-size: 13px; }
}

/* ==============================================================================================================
   FOOTER
   The glow is an SVG hill that breathes; js/site.js darkens the footer text wherever the glow passes behind it.
   ============================================================================================================== */
/* footer glow after assembly.com: blurred columns forming a hill in the EX-IM gradient, slowly breathing.
   It sits behind the lower half of the footer; the footer text darkens wherever the bright band passes behind it. */
.footer-section { position: relative; overflow: visible !important; padding-bottom: 70px !important; }
.footer-section > .container { position: relative; z-index: 1; }
.ft-aurora-wrap { position: absolute; left: 50%; bottom: 0; width: 100vw; height: 580px; transform: translateX(-50%); z-index: 0; overflow: hidden; pointer-events: none;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 12%); mask-image: linear-gradient(to bottom, transparent 0%, #000 12%); }
.ft-aurora { position: absolute; left: 0; right: 0; bottom: 0; height: 100%; transform-origin: center bottom; will-change: transform, opacity;
  animation: ftBreathe 5.5s ease-in-out infinite; }
.ft-aurora svg { display: block; width: 100%; height: 100%; overflow: visible; }
@keyframes ftBreathe { 0%, 100% { opacity: .85; transform: scaleY(.62); } 50% { opacity: 1; transform: scaleY(1); } }
@media (max-width: 639px) { .ft-aurora { animation-name: ftBreatheShallow; } }
@keyframes ftBreatheShallow { 0%, 100% { opacity: .8; transform: scaleY(.84); } 50% { opacity: 1; transform: scaleY(1); } }
@media (prefers-reduced-motion: reduce) { .ft-aurora { animation: none; transform: scaleY(.8); } }
.ft-tint { -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important; }

@media (max-width: 767.98px) {
  /* footer: Product / Company / Legal fold into tap-to-open rows; the glow rises behind them and the text darkens where it is
     bright, as on desktop; no "Get the App" (the store buttons are in Pocket Sized, just above) */
  .footer-section { padding-top: 24px !important; padding-bottom: 72px !important; }
  .footer-section > .container { padding: 0 20px; }
  .footer-section .footer-content { padding: 22px 0 0; }
  .footer-section .footer-content .row { --bs-gutter-x: 0; --bs-gutter-y: 0; margin: 0; }
  .footer-section .footer-content .row > .col-12 { flex: 0 0 100%; max-width: 100%; padding: 0; }
  .footer-section .footer-content .row > .col-12:not(:last-child) { border-bottom: 1px solid rgba(255, 255, 255, .08); }
  .footer-section .footer-title { display: flex; align-items: center; justify-content: space-between; margin: 0; padding: 18px 2px; min-height: 56px;
    font-size: 13px; letter-spacing: .12em; cursor: pointer; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; user-select: none; }
  .footer-section .footer-title::after { position: static; flex: none; width: 10px; height: 10px; border-radius: 0; background: none;
    border-right: 1.6px solid rgba(255, 255, 255, .6); border-bottom: 1.6px solid rgba(255, 255, 255, .6); transform: translateY(-3px) rotate(45deg); transition: transform .3s ease; }
  .footer-section .footer-col.is-open .footer-title::after { transform: translateY(2px) rotate(-135deg); }
  .footer-section .footer-title:focus-visible { outline: 2px solid #6FE2FF; outline-offset: 2px; border-radius: 6px; }
  .footer-section .footer-col .footer-links { display: grid; grid-template-columns: 1fr 1fr; column-gap: 16px; overflow: hidden;
    max-height: 0; opacity: 0; transition: max-height .4s cubic-bezier(.2, .8, .2, 1), opacity .3s ease, padding .4s ease; }
  .footer-section .footer-col.is-open .footer-links { max-height: 360px; opacity: 1; padding-bottom: 14px; }
  .footer-section .footer-links li { margin: 0; }
  .footer-section .footer-link { display: block; padding: 6px 2px; font-size: 14.5px; line-height: 1.3; white-space: normal; }
  .footer-section .footer-link::after { display: none; }
  .footer-section .footer-source { margin: 26px 0 0; padding: 0 0 18px; font-size: 12px; line-height: 1.6; }
  .footer-section .footer-bottom .copyright { margin-top: 10px; font-size: 12.5px; line-height: 1.6; text-align: left; }
  .footer-section .footer-bottom .copyright + .copyright { margin-top: 4px; color: rgba(255, 255, 255, .45); }
  .ft-aurora-wrap { height: 92%; }
  .ft-aurora { left: 50%; right: auto; width: 230%; margin-left: -115%; }
}

/* ==============================================================================================================
   BOOK A DEMO
   The gradient button in the menu bar, and the floating card that follows the reader once the hero is
   behind them (a slim pill on phones).
   ============================================================================================================== */
/* "Book a Demo": a gradient button in the navbar, and a floating button that follows the reader once the hero is behind them
   (hidden again over the footer, which has its own link) */
@property --bdA { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
.bd-nav { display: inline-flex; align-items: center; gap: 8px; margin-left: 10px; height: 36px; padding: 0 16px; border-radius: 999px; vertical-align: middle;
  font: 600 13.5px/1 Inter, system-ui, sans-serif; color: #0A0B0E !important; text-decoration: none !important; white-space: nowrap;
  background: linear-gradient(90deg, #FFBA6A, #D8D3FF 55%, #6FE2FF); box-shadow: 0 0 0 0 rgba(111, 226, 255, .45), 0 8px 24px -8px rgba(111, 226, 255, .6);
  transition: transform .25s ease, box-shadow .25s ease; animation: bdPulse 2.8s ease-out infinite; }
.bd-nav svg { width: 14px; height: 14px; transition: transform .25s ease; }
.bd-nav:hover { transform: translateY(-1px); box-shadow: 0 0 0 0 rgba(111, 226, 255, 0), 0 12px 30px -8px rgba(111, 226, 255, .8); }
.bd-nav:hover svg { transform: translateX(3px); }
.bd-nav:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
@keyframes bdPulse { 0% { box-shadow: 0 0 0 0 rgba(111, 226, 255, .45), 0 8px 24px -8px rgba(111, 226, 255, .6); } 70%, 100% { box-shadow: 0 0 0 10px rgba(111, 226, 255, 0), 0 8px 24px -8px rgba(111, 226, 255, .6); } }

.bd { position: fixed; right: 26px; bottom: 26px; z-index: 1000; display: block; padding: 1.5px; border-radius: 22px; text-decoration: none !important; isolation: isolate;
  background: conic-gradient(from var(--bdA), #FFBA6A, #D8D3FF, #6FE2FF, #D8D3FF, #FFBA6A); animation: bdSpin 5s linear infinite;
  box-shadow: 0 24px 50px -16px rgba(0, 0, 0, .9), 0 0 40px -10px rgba(111, 226, 255, .5);
  opacity: 0; transform: translateY(24px) scale(.96); pointer-events: none; transition: opacity .45s ease, transform .55s cubic-bezier(.2, .9, .25, 1.15); }
.bd.show { opacity: 1; transform: none; pointer-events: auto; }
@keyframes bdSpin { to { --bdA: 360deg; } }
.bd__in { display: flex; align-items: center; gap: 13px; padding: 12px 14px 12px 12px; border-radius: 20.5px; background: rgba(12, 13, 18, .94); color: #fff; font-family: Inter, system-ui, sans-serif; }
.bd__icon { position: relative; width: 40px; height: 40px; flex: none; border-radius: 13px; display: grid; place-items: center; color: #0A0B0E; background: linear-gradient(135deg, #FFBA6A, #D8D3FF 55%, #6FE2FF); }
.bd__icon svg { width: 19px; height: 19px; }
.bd__icon::after { content: ""; position: absolute; right: -3px; top: -3px; width: 10px; height: 10px; border-radius: 50%; background: #5BE49B; border: 2px solid #0C0D12; }
.bd__txt b { display: block; font-size: 15px; font-weight: 700; letter-spacing: -.01em; }
.bd__txt small { display: block; margin-top: 2px; font-size: 12px; color: rgba(255, 255, 255, .6); }
.bd__go { width: 32px; height: 32px; margin-left: 4px; border-radius: 50%; display: grid; place-items: center; background: rgba(255, 255, 255, .08); transition: background-color .25s ease, transform .3s ease; }
.bd__go svg { width: 14px; height: 14px; }
.bd:hover .bd__go { background: #fff; color: #0A0B0E; transform: translateX(3px); }
.bd:hover { box-shadow: 0 24px 50px -16px rgba(0, 0, 0, .9), 0 0 60px -6px rgba(111, 226, 255, .75); }
.bd:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) { .bd, .bd-nav { animation: none; transition: opacity .2s ease; } }

/* compact: desktop and tablets show only the calendar icon; hovering (or focusing) opens the card to the left - it is
   pinned to the right edge, so it grows leftwards - and 3 s after the pointer leaves it shrinks back (js/site.js) */
@media (min-width: 768px) {
  .bd.is-compact .bd__in { gap: 0; padding: 10px; transition: gap .45s cubic-bezier(.2, .8, .2, 1), padding .45s cubic-bezier(.2, .8, .2, 1); }
  .bd.is-compact .bd__txt, .bd.is-compact .bd__go { max-width: 0; margin-left: 0; opacity: 0; overflow: hidden; white-space: nowrap;
    transition: max-width .45s cubic-bezier(.2, .8, .2, 1), opacity .25s ease, margin .45s cubic-bezier(.2, .8, .2, 1); }
  .bd.is-compact.is-open .bd__in { gap: 13px; padding: 12px 14px 12px 12px; }
  .bd.is-compact.is-open .bd__txt { max-width: 240px; opacity: 1; transition-delay: 0s, .12s, 0s; }
  .bd.is-compact.is-open .bd__go { max-width: 32px; margin-left: 4px; opacity: 1; transition-delay: 0s, .12s, 0s; }
  .bd.is-compact:not(.is-open):hover .bd__go { transform: none; }
}
@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
  .bd.is-compact .bd__in, .bd.is-compact .bd__txt, .bd.is-compact .bd__go { transition: none; }
}
/* PHONES: the floating card becomes a slim centred pill above the home bar */
@media (max-width: 767.98px) {
  .bd { right: auto; left: 50%; bottom: max(14px, env(safe-area-inset-bottom)); border-radius: 999px; transform: translate(-50%, 24px) scale(.96); }
  .bd.show { transform: translate(-50%, 0); }
  .bd__in { gap: 10px; padding: 6px 6px 6px 6px; border-radius: 999px; }
  .bd__icon { width: 34px; height: 34px; border-radius: 50%; }
  .bd__icon svg { width: 16px; height: 16px; }
  .bd__icon::after { right: -1px; top: -1px; width: 9px; height: 9px; }
  .bd__txt b { font-size: 15px; white-space: nowrap; }
  .bd__txt small { display: none; }
  .bd__go { width: 34px; height: 34px; margin-left: 2px; }
}

/* ==============================================================================================================
   OTHER PAGES (page-template.html)
   The menu bar over a short title band, then the page's content. The homepage does not use these.
   ============================================================================================================== */
.page-head { padding: 0 0 64px; text-align: center; background: radial-gradient(60% 120% at 50% 0%, rgba(216, 211, 255, .08), transparent 70%), #000; }
.page-head__title { margin: 100px auto 0; max-width: 18ch; font: 600 clamp(36px, 5vw, 60px)/1.06 Inter, system-ui, sans-serif; letter-spacing: -.03em; color: #fff; }
.page-head__title span { background: linear-gradient(90deg, #FFBA6A, #D8D3FF 50%, #6FE2FF); -webkit-background-clip: text; background-clip: text; color: transparent; }
.page-head__lede { margin: 16px auto 0; max-width: 34em; font-size: 17px; line-height: 1.6; color: rgba(255, 255, 255, .66); }
.page-body { max-width: 760px; margin: 0 auto; padding: 24px 20px 120px; font: 400 17px/1.7 Inter, system-ui, sans-serif; color: rgba(255, 255, 255, .78); }
.page-body h2 { margin: 48px 0 12px; font-size: 28px; line-height: 1.2; font-weight: 600; letter-spacing: -.02em; color: #fff; }
.page-body a { color: #6FE2FF; }
@media (max-width: 767.98px) {
  .page-head { padding: 96px 0 40px; }   /* room for the floating menu pill */
  .page-head__title { margin-top: 0; font-size: 36px; }
}