.elementor-kit-7{--e-global-color-primary:#8FC7E8;--e-global-color-secondary:#CDA572;--e-global-color-text:#BCBCBC;--e-global-color-accent:#5BC0F5;--e-global-color-wlink:#FFFFFF;--e-global-color-wlblueact:#6FB2D9;--e-global-color-wlbluesoft:#B7DDF4;--e-global-color-wlgoldbrt:#E6AF1E;--e-global-color-wlblack:#0D0D0D;--e-global-color-wlbg:#181818;--e-global-color-wlband:#141414;--e-global-color-wlcard:#1B1B1B;--e-global-color-wlhair:#303030;--e-global-color-wlhairsoft:#262626;--e-global-color-wlmuted:#888888;--e-global-color-wlfaint:#555555;--e-global-typography-primary-font-family:"Bebas Neue";--e-global-typography-primary-font-size:32px;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-primary-line-height:1em;--e-global-typography-primary-letter-spacing:2px;--e-global-typography-secondary-font-family:"Source Code Pro";--e-global-typography-secondary-font-size:13px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-secondary-line-height:1.4em;--e-global-typography-secondary-letter-spacing:1.6px;--e-global-typography-text-font-family:"Source Code Pro";--e-global-typography-text-font-size:15px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.55em;--e-global-typography-text-letter-spacing:0px;--e-global-typography-accent-font-family:"Source Code Pro";--e-global-typography-accent-font-size:13px;--e-global-typography-accent-font-weight:700;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-line-height:1.2em;--e-global-typography-accent-letter-spacing:1.6px;--e-global-typography-wlhero-font-family:"Bebas Neue";--e-global-typography-wlhero-font-size:84px;--e-global-typography-wlhero-font-weight:400;--e-global-typography-wlhero-text-transform:uppercase;--e-global-typography-wlhero-line-height:0.95em;--e-global-typography-wlhero-letter-spacing:4px;--e-global-typography-wlh3-font-family:"Bebas Neue";--e-global-typography-wlh3-font-size:22px;--e-global-typography-wlh3-font-weight:400;--e-global-typography-wlh3-text-transform:uppercase;--e-global-typography-wlh3-line-height:1.1em;--e-global-typography-wlh3-letter-spacing:2px;--e-global-typography-wllead-font-family:"Source Code Pro";--e-global-typography-wllead-font-size:17px;--e-global-typography-wllead-font-weight:400;--e-global-typography-wllead-line-height:1.6em;--e-global-typography-wllead-letter-spacing:0px;--e-global-typography-wlsm-font-family:"Source Code Pro";--e-global-typography-wlsm-font-size:13px;--e-global-typography-wlsm-font-weight:400;--e-global-typography-wlsm-line-height:1.55em;--e-global-typography-wlsm-letter-spacing:0px;--e-global-typography-wllabel-font-family:"Source Code Pro";--e-global-typography-wllabel-font-size:11px;--e-global-typography-wllabel-font-weight:700;--e-global-typography-wllabel-text-transform:uppercase;--e-global-typography-wllabel-line-height:1.4em;--e-global-typography-wllabel-letter-spacing:1.4px;--e-global-typography-wlstat-font-family:"Bebas Neue";--e-global-typography-wlstat-font-size:26px;--e-global-typography-wlstat-font-weight:400;--e-global-typography-wlstat-text-transform:uppercase;--e-global-typography-wlstat-line-height:1.05em;--e-global-typography-wlstat-letter-spacing:1.5px;--e-global-typography-wlbrow-font-family:"Source Code Pro";--e-global-typography-wlbrow-font-size:13px;--e-global-typography-wlbrow-font-weight:600;--e-global-typography-wlbrow-text-transform:uppercase;--e-global-typography-wlbrow-line-height:1.4em;--e-global-typography-wlbrow-letter-spacing:1.6px;background-color:var( --e-global-color-wlbg );color:var( --e-global-color-text );font-family:"Source Code Pro", ui-monospace, monospace;font-size:15px;font-weight:400;line-height:1.55em;letter-spacing:0px;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Source Code Pro", ui-monospace, monospace;font-size:13px;font-weight:700;text-transform:uppercase;line-height:1.2em;letter-spacing:1.6px;color:var( --e-global-color-wlblack );border-radius:0px 0px 0px 0px;padding:13px 22px 13px 22px;}.elementor-kit-7 button:hover,.elementor-kit-7 button:focus,.elementor-kit-7 input[type="button"]:hover,.elementor-kit-7 input[type="button"]:focus,.elementor-kit-7 input[type="submit"]:hover,.elementor-kit-7 input[type="submit"]:focus,.elementor-kit-7 .elementor-button:hover,.elementor-kit-7 .elementor-button:focus{background-color:var( --e-global-color-wlblueact );color:var( --e-global-color-wlblack );}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 p{margin-block-end:14px;}.elementor-kit-7 a{color:var( --e-global-color-wlgoldbrt );}.elementor-kit-7 a:hover{color:var( --e-global-color-wlink );}.elementor-kit-7 h1{color:var( --e-global-color-wlink );font-family:"Bebas Neue", ui-monospace, monospace;font-size:84px;font-weight:400;text-transform:uppercase;line-height:0.95em;letter-spacing:4px;}.elementor-kit-7 h2{color:var( --e-global-color-wlink );font-family:"Bebas Neue", ui-monospace, monospace;font-size:32px;font-weight:400;text-transform:uppercase;line-height:1em;letter-spacing:2px;}.elementor-kit-7 h3{color:var( --e-global-color-wlink );font-family:"Bebas Neue", ui-monospace, monospace;font-size:22px;font-weight:400;text-transform:uppercase;line-height:1.1em;letter-spacing:2px;}.elementor-kit-7 h4{color:var( --e-global-color-wlink );font-family:"Source Code Pro", ui-monospace, monospace;font-size:11px;font-weight:700;text-transform:uppercase;line-height:1.4em;letter-spacing:1.4px;}.elementor-kit-7 h5{color:var( --e-global-color-wlink );}.elementor-kit-7 h6{color:var( --e-global-color-wlink );}.elementor-kit-7 input:not([type="button"]):not([type="submit"]),.elementor-kit-7 textarea,.elementor-kit-7 .elementor-field-textual{border-style:solid;border-width:1px 1px 1px 1px;border-radius:4px 4px 4px 4px;padding:11px 13px 11px 13px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-7{--e-global-typography-primary-font-size:28px;--e-global-typography-wlhero-font-size:62px;}.elementor-kit-7 h1{font-size:62px;}.elementor-kit-7 h2{font-size:28px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7{--e-global-typography-primary-font-size:24px;--e-global-typography-wlhero-font-size:7.9vw;--e-global-typography-wlhero-letter-spacing:1px;--e-global-typography-wlh3-font-size:20px;--e-global-typography-wllead-font-size:15px;--e-global-typography-wlstat-font-size:22px;--e-global-typography-wlbrow-font-size:3.1vw;--e-global-typography-wlbrow-letter-spacing:0px;}.elementor-kit-7 h1{font-size:7.9vw;letter-spacing:1px;}.elementor-kit-7 h2{font-size:24px;}.elementor-kit-7 h3{font-size:20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* HAN Studios — Corsa on Elementor.
   Every value here reads an Elementor global; nothing declares its own colour
   or face. Elementor controls do the styling wherever a control exists, so
   this sheet is limited to the things a control cannot reach: focus, the
   no-JS fallback, the tablist's wrap, and the motion budget. */

/* Prose runs to the same 1140px measure as every container — Corsa's
   `--wl-measure` and the kit's container width are one value, so text and
   the boxes around it share an edge. */

/* ---- Anchors ---------------------------------------------------------
   The nav jumps between sections; land a little above the section's own
   padding rather than flush against the viewport edge. */
:where(.hs-section) { scroll-margin-top: 24px; }

/* ---- Focus -----------------------------------------------------------
   Corsa's focus ring is gold, not the brand colour: it has to stay visible
   on top of a baby-blue button as well as on the canvas. */
.elementor a:focus-visible,
.elementor button:focus-visible,
.elementor .elementor-button:focus-visible,
.elementor [role='tab']:focus-visible {
  outline: 2px solid var(--e-global-color-wlgoldbrt);
  outline-offset: 2px;
}

::selection {
  background: var(--e-global-color-accent);
  color: var(--e-global-color-wlblack);
}

/* ---- Tabs ------------------------------------------------------------
   Seven capability tabs do not fit one 1140px row. Wrapping is the honest
   answer: a scrolling tablist hides options behind an affordance people miss.
   The heading rule below the row is what the individual titles sit on.

   Below the mobile breakpoint Elementor turns the tablist into `display:
   contents` and interleaves the titles with their panels as an accordion, so
   none of this applies there — a border on a contents box draws nothing, and
   a nowrap label would overflow a 375px screen. */
@media (min-width: 768px) {
  .hs-tabs .e-n-tabs-heading {
    flex-wrap: wrap;
    row-gap: 0;
    border-bottom: 1px solid var(--e-global-color-wlhairsoft);
  }

  /* The active title's 2px rule has to sit ON the heading's 1px rule, not
     above it, or the two read as a double border. */
  .hs-tabs .e-n-tab-title { margin-bottom: -1px; }

  .hs-tabs .e-n-tab-title > .e-n-tab-title-text { white-space: nowrap; }
}

/* ---- Tabs without JavaScript -----------------------------------------
   Elementor hides inactive panels with CSS and switches them with script, so
   with scripting off the page would strand every panel but the first. Reveal
   them all and drop the tablist, which cannot do anything. The content is in
   the DOM either way — this makes it reachable. */
@media (scripting: none) {
  .hs-tabs .e-n-tabs-heading { display: none; }
  .hs-tabs .e-n-tabs-content > .e-con { display: flex; }
  .hs-tabs .e-n-tabs-content > .e-con:not(:first-child) {
    border-top: 1px solid var(--e-global-color-wlhair);
  }
}

/* ---- Process flow ----------------------------------------------------
   The chevron is the separator between steps, so it must not lead the first
   one — a flow that opens with an arrow reads as a continuation. */
.hs-flow .elementor-icon-list-items { align-items: center; }
.hs-flow .elementor-icon-list-item:first-child .elementor-icon-list-icon { display: none; }
.hs-flow .elementor-icon-list-text {
  font-family: var(--e-global-typography-secondary-font-family), ui-monospace, monospace;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

/* ---- Motion budget ---------------------------------------------------
   Corsa: colour and opacity settle in 120ms and nothing springs. */
.elementor a,
.elementor .elementor-button,
.hs-tabs .e-n-tab-title {
  transition:
    color 120ms ease,
    background-color 120ms ease,
    border-color 120ms ease;
}

@media (prefers-reduced-motion: reduce) {
  .elementor *,
  .elementor *::before,
  .elementor *::after {
    animation-duration: 1ms;
    animation-iteration-count: 1;
    transition-duration: 1ms;
    scroll-behavior: auto;
  }
}

/* ---- Wordmark --------------------------------------------------------
   The site title is the one place the display face is allowed to be small. */
.hs-wordmark .elementor-heading-title {
  font-size: 24px;
  letter-spacing: 3px;
  white-space: nowrap;
}

.hs-wordmark a { color: inherit; text-decoration: none; }

/* ---- Footer ----------------------------------------------------------
   Both footer lines are set as paragraphs; kill the paragraph's trailing
   margin so the row stays optically centred. */
.hs-footer p:last-child { margin-bottom: 0; }

/* ---- Masthead --------------------------------------------------------
   With no site header the logo carries the brand, so it sits on the hero's
   baseline beside the proposition. The mark is white on transparency, which
   is why it needs no plate on this canvas. */
.hs-brandline { row-gap: 20px; }

.hs-logo img {
  display: block;
  height: auto;
}/* End custom CSS */