.elementor-kit-6{--e-global-color-primary:#454546;--e-global-color-secondary:#F69B37;--e-global-color-text:#454546;--e-global-color-accent:#F69B37;--e-global-color-be95e3c:#000000;--e-global-color-499179c:#FFFFFF;--e-global-color-449bf01:#FFB25C;--e-global-color-pwdbtxt1:#17140F;--e-global-color-pwdbline:#3A3A45;--e-global-color-pwdbtxt2:#F2F0EC;--e-global-color-pwdbhov2:#1D1D21;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#151517;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.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-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ===== BUTTONS — 6px corners and capitals, site-wide =====
   Nothing else is set here. Colour, size, padding, font and alignment
   are all controlled on each button in the Elementor panel.
   Updated 10 Sep 2026 */
.elementor-widget-button a.elementor-button,
.elementor-widget-button button.elementor-button,
.elementor-widget-form button.elementor-button,
.elementor-widget-button .elementor-button {
  border-radius: 6px;
  text-transform: uppercase;
}

/* ===== CARD LIFT =====
   Add the class  pwd-lift  to any container (Advanced > CSS Classes)
   and it rises slightly when the mouse is over it. */
.pwd-lift { transition: transform .28s ease, box-shadow .28s ease; }
.pwd-lift:hover { transform: translateY(-6px) scale(1.02); z-index: 2; }

/* ===== STEP STACK — the staggered, tilted cards in the Process section =====
   Add pwd-stack plus pwd-stack-1 / -2 / -3 to each card container.
   Each step sits higher and larger than the one before it.
   They flatten to a plain stack on tablet and phone. */
.pwd-stack { text-align: center; transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
.pwd-stack-1 { transform: translateY(54px) rotate(-1.8deg) scale(1); transform-origin: left center; z-index: 1; }
.pwd-stack-2 { transform: translateY(24px) rotate(-0.9deg) scale(1.07); transform-origin: center center; z-index: 2; margin-left: -25px; }
.pwd-stack-3 { transform: translateY(23px) scale(1.15); transform-origin: right center; z-index: 3; margin-left: 25px; }
.pwd-stack-1:hover { transform: translateY(44px) rotate(-1.8deg) scale(1.03); z-index: 5; }
.pwd-stack-2:hover { transform: translateY(14px) rotate(-0.9deg) scale(1.10); z-index: 5; }
.pwd-stack-3:hover { transform: translateY(11px) scale(1.18); z-index: 5; }
@media (max-width: 1024px) {
  .pwd-stack-1, .pwd-stack-2, .pwd-stack-3,
  .pwd-stack-1:hover, .pwd-stack-2:hover, .pwd-stack-3:hover { transform: none; margin-left: 0; }
}

.pwd-stack h1, .pwd-stack h2, .pwd-stack h3, .pwd-stack h4 { white-space: nowrap; }
@media (max-width: 1024px) { .pwd-stack h1, .pwd-stack h2, .pwd-stack h3, .pwd-stack h4 { white-space: normal; } }


/* ===== GHOST LETTER =====
   Add pwd-ghost plus pwd-ghost-a / -b / -c / -d to a container and its
   letter is drawn oversized and faint behind the content. */
.pwd-ghost { position: relative; overflow: hidden; }
.pwd-ghost::after { position: absolute; right: 4px; bottom: -34px; font-family: 'Archivo', sans-serif;
  font-weight: 900; font-size: 130px; line-height: 1; color: #F69B37; opacity: .045; pointer-events: none; }
.pwd-ghost-a::after { content: 'A'; }
.pwd-ghost-b::after { content: 'B'; }
.pwd-ghost-c::after { content: 'C'; }
.pwd-ghost-d::after { content: 'D'; }
@media (max-width: 767px) { .pwd-ghost::after { font-size: 120px; bottom: -32px; } }

/* ===== TOP LINE ON HOVER =====
   Add pwd-topline to a card: its top edge turns orange on hover, nothing else. */
.pwd-topline { transition: border-color .25s ease; }
.pwd-topline:hover { border-top-color: #F69B37; }
/* headings in the bento cards reserve the same height so bodies line up */
.pwd-bento-head .elementor-heading-title { text-transform: none; }

/* ===== EQUAL SHARE =====
   Add pwd-eq to flex children that should divide the space evenly,
   whatever their content length. */
.pwd-eq { flex: 1 1 0 !important; }

/* ===== CONSOLE FAQ (section 06) ===== */
.pwd-console .elementor-accordion { border: 1px solid #26262E; border-radius: 6px; overflow: hidden; background: #131317; }
.pwd-console .elementor-accordion-item { border: 0; border-bottom: 1px solid #26262E; }
.pwd-console .elementor-accordion-item:last-child { border-bottom: 0; }
.pwd-console .elementor-tab-title { background: transparent; padding: 20px 24px; transition: background .2s ease; }
.pwd-console .elementor-tab-title:hover { background: #17171C; }
.pwd-console .elementor-tab-title.elementor-active { background: #17171C; }
.pwd-console .elementor-tab-title a, .pwd-console .elementor-tab-title .elementor-accordion-title {
  font-family: 'IBM Plex Mono', ui-monospace, monospace; font-size: 15px; font-weight: 500;
  color: #F2F0EC; letter-spacing: -0.01em; }
.pwd-console .elementor-tab-title .elementor-accordion-title::before { content: '> '; color: #F69B37; }
.pwd-console .elementor-tab-title.elementor-active .elementor-accordion-title { color: #F69B37; }
.pwd-console .elementor-tab-content { background: #0F0F13; border: 0; border-top: 1px solid #26262E;
  padding: 22px 26px 26px 40px; font-family: 'Lexend', sans-serif; font-size: 15.5px; line-height: 1.7; color: #C7C4BE; }
.pwd-console .elementor-accordion-icon { color: #6E6E78; }
.pwd-console .elementor-tab-title.elementor-active .elementor-accordion-icon { color: #F69B37; }

/* ===== FORK (section 07) ===== */
.pwd-fork { position: relative; }
@media (min-width: 1025px) {
  .pwd-fork::before { content: ''; position: absolute; left: 50%; top: 8%; bottom: 8%; width: 1px;
    background: linear-gradient(180deg, rgba(246,155,55,0) 0%, #F69B37 22%, #F69B37 78%, rgba(246,155,55,0) 100%); }
  .pwd-fork::after { content: 'OR'; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);
    width: 52px; height: 52px; border-radius: 50%; border: 1px solid #F69B37; background: #151517;
    font-family: 'Lexend', sans-serif; font-size: 12px; font-weight: 600; letter-spacing: .14em; color: #F69B37;
    display: flex; align-items: center; justify-content: center; }
}

/* ===== CARD TEXT SPACING (headings + line height) ===== */
.pwd-card, .pwd-lift, .pwd-stack { --pwd-gap: 12px; }
.pwd-card .elementor-widget-heading:not(:last-child),
.pwd-lift .elementor-widget-heading:not(:last-child),
.pwd-stack .elementor-widget-heading:not(:last-child) { margin-bottom: var(--pwd-gap); }
.pwd-card .elementor-widget-text-editor p,
.pwd-lift .elementor-widget-text-editor p,
.pwd-stack .elementor-widget-text-editor p,
.pwd-card .elementor-widget-text-editor,
.pwd-lift .elementor-widget-text-editor,
.pwd-stack .elementor-widget-text-editor { line-height: 1.7; }
.pwd-card .elementor-widget-text-editor p + p,
.pwd-lift .elementor-widget-text-editor p + p { margin-top: 12px; }
.pwd-lift .elementor-icon-list-item, .pwd-card .elementor-icon-list-item { margin-bottom: 10px; }
.pwd-lift .elementor-icon-list-text, .pwd-card .elementor-icon-list-text { line-height: 1.6; }

/* ===== HEADING BREATHING ROOM (scales with heading size) ===== */
.elementor .elementor-element .elementor-widget-heading:not(:last-child) { margin-bottom: max(16px, 0.55em); }
@media (max-width:767px){ .elementor .elementor-element .elementor-widget-heading:not(:last-child){ margin-bottom: max(14px, 0.5em); } }

/* ===== HEADING TRACKING (stop words running together) ===== */
.elementor .elementor-element .elementor-heading-title,
.elementor .elementor-element h1, .elementor .elementor-element h2,
.elementor .elementor-element h3, .elementor .elementor-element h4 {
  letter-spacing: 0em;
  word-spacing: 0.04em;
}
/* a touch more line breathing on multi-line headings */
.elementor .elementor-element .elementor-heading-title { line-height: 1.15; }

/* ===== ICON LIST ALIGNMENT (dash sits on the first line, not mid-item) ===== */
.elementor .elementor-element .elementor-widget-icon-list .elementor-icon-list-item,
.elementor .elementor-element .elementor-widget-icon-list .elementor-icon-list-items .elementor-icon-list-item { align-items: flex-start; }
.elementor-widget-icon-list .elementor-icon-list-icon { margin-top: .42em; flex-shrink: 0; }
.elementor-widget-icon-list .elementor-icon-list-text { line-height: 1.55; }/* End custom CSS */