@charset "UTF-8";

/**
 * iDebt Creative - "Money OS"
 * Dark, electric wellness cockpit. Brand cyan + violet on ink.
 */

@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Syne:wght@500;600;700;800&display=swap");

:root {
 --idebt-ink: #07060c;
 --idebt-ink-2: #0f0d18;
 --idebt-ink-3: #171425;
 --idebt-cyan: #58E0E0;
 --idebt-cyan-hot: #7af5f5;
 --idebt-violet: #8850F8;
 --idebt-violet-hot: #a678ff;
 --idebt-cream: #f4f1ff;
 --idebt-muted: #9a94b0;
 --idebt-line: rgba(255, 255, 255, 0.08);
 --idebt-glow-cyan: 0 0 40px rgba(88, 224, 224, 0.35);
 --idebt-glow-violet: 0 0 40px rgba(136, 80, 248, 0.4);
 --idebt-radius: 1.75rem;
 --idebt-radius-sm: 1rem;
 --idebt-font: "Outfit", system-ui, sans-serif;
 --idebt-display: "Syne", "Outfit", system-ui, sans-serif;

 --default-font: var(--idebt-font);
 --heading-font: var(--idebt-display);
 --nav-font: var(--idebt-font);
 --background-color: var(--idebt-ink);
 --default-color: var(--idebt-cream);
 --heading-color: #ffffff;
 --accent-color: var(--idebt-cyan);
 --accent-alt-color: var(--idebt-violet);
 --surface-color: var(--idebt-ink-2);
 --contrast-color: #000000;

 --nav-color: #ffffff;
 --nav-hover-color: var(--idebt-cyan);
 --nav-mobile-background-color: var(--idebt-ink);
 --nav-dropdown-background-color: var(--idebt-ink-3);
 --nav-dropdown-color: var(--idebt-cream);
 --nav-dropdown-hover-color: var(--idebt-cyan);
 --nav-border-color: var(--idebt-cyan);

 --color-primary: var(--idebt-cyan);
 --color-primary-hover: var(--idebt-cyan-hot);
 --color-secondary: var(--idebt-violet);
 --color-secondary-hover: var(--idebt-violet-hot);
 --color-mwc-green: var(--idebt-cyan);
 --color-mwc-header: transparent;
 --color-mwc-navy: var(--idebt-violet);
 --mwc-section-dark: var(--idebt-ink);
 --mwc-section-dark-elevated: var(--idebt-ink-2);
 --mwc-heading-blue: #ffffff;
 --mwc-green-bright: var(--idebt-cyan);

 --header-offset: 72px;
 --logo-height-hero-primary: 180px;
 --logo-height-header-sticky: 42px;
}

html {
 scroll-behavior: smooth;
}

body.index-page,
body.body-content,
body {
 background: var(--idebt-ink) !important;
 color: var(--idebt-cream);
 font-family: var(--idebt-font);
 overflow-x: hidden;
}

body::before {
 content: "";
 position: fixed;
 inset: 0;
 pointer-events: none;
 z-index: 0;
 background:
 radial-gradient(ellipse 80% 50% at 10% -10%, rgba(136, 80, 248, 0.28), transparent 55%),
 radial-gradient(ellipse 60% 40% at 90% 10%, rgba(88, 224, 224, 0.18), transparent 50%),
 radial-gradient(ellipse 50% 40% at 50% 100%, rgba(136, 80, 248, 0.12), transparent 60%);
}

body::after {
 content: "";
 position: fixed;
 inset: 0;
 pointer-events: none;
 z-index: 1;
 opacity: 0.045;
 background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

.main,
.footer,
#preloader {
    position: relative;
    z-index: 2;
}

/* Keep nav fixed/sticky above page content (do not override Bootstrap fixed-top) */
.header.fixed-top,
.header.sticky-top,
#header.header {
    position: fixed !important;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030 !important;
    width: 100%;
}

a {
 color: var(--idebt-cyan);
 transition: color 0.2s ease, transform 0.2s ease;
}

a:hover {
 color: var(--idebt-violet-hot);
}

h1, h2, h3, h4, .hero-heading,
.home-welcome-intro__title,
.section-title h2,
.mwc-page-hero-title {
 font-family: var(--idebt-display) !important;
 letter-spacing: -0.03em;
}

/* - - - Floating glass header - - - */
.header {
 --background-color: transparent !important;
 background: transparent !important;
 border: none !important;
 padding: 0.85rem 0 !important;
 min-height: auto !important;
}

.scrolled .header {
 --background-color: transparent !important;
 background: transparent !important;
}

.header .header-bar {
 max-width: min(1180px, calc(100% - 1.5rem));
 margin: 0 auto;
 padding: 0.55rem 0.85rem 0.55rem 1rem !important;
 border-radius: 999px;
 background: rgba(15, 13, 24, 0.72);
 border: 1px solid var(--idebt-line);
 backdrop-filter: blur(18px) saturate(1.4);
 -webkit-backdrop-filter: blur(18px) saturate(1.4);
 box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
 min-height: 56px !important;
}

.scrolled .header .header-bar {
 background: rgba(7, 6, 12, 0.88);
 border-color: rgba(88, 224, 224, 0.22);
 box-shadow: 0 16px 50px rgba(0, 0, 0, 0.45), var(--idebt-glow-cyan);
}

.header .logo img.logo-brand-header-sticky {
 max-height: var(--logo-height-header-sticky) !important;
 height: var(--logo-height-header-sticky) !important;
 width: auto !important;
}

/* Homepage: hide nav logo until scroll */
body.header-logo-in-hero:not(.scrolled) .header .logo {
 display: none !important;
 opacity: 0 !important;
 pointer-events: none !important;
}

@media (min-width: 1200px) {
 body.header-logo-in-hero:not(.scrolled) .header .header-bar {
  grid-template-columns: 1fr auto 1fr !important;
 }
 body.header-logo-in-hero:not(.scrolled) .header .logo {
  display: block !important;
  grid-column: 1 !important;
  width: 0 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
 }
 body.header-logo-in-hero:not(.scrolled) .header .header-nav-center {
  grid-column: 2 !important;
  justify-self: center !important;
 }
 body.header-logo-in-hero:not(.scrolled) .header .header-actions {
  grid-column: 3 !important;
  justify-self: end !important;
 }
}

.navmenu > ul > li > a,
.navmenu > ul > li > a:focus {
 color: rgba(244, 241, 255, 0.88) !important;
 font-weight: 500;
 font-size: 0.92rem !important;
}

.navmenu > ul > li > a:before {
 background: linear-gradient(90deg, var(--idebt-cyan), var(--idebt-violet)) !important;
 height: 2px !important;
 border-radius: 2px;
 bottom: -10px !important;
}

.header .cta-btn {
 border-radius: 999px !important;
 font-weight: 700 !important;
 padding: 0.45rem 1.1rem !important;
 border: none;
 letter-spacing: 0.01em;
}

.header .cta-btn:not(.cta-btn-register) {
 background: var(--idebt-cyan) !important;
 color: #041414 !important;
 box-shadow: var(--idebt-glow-cyan);
}

.header .cta-btn-register {
 background: linear-gradient(135deg, var(--idebt-violet), #5b2fd0) !important;
 color: #fff !important;
 box-shadow: var(--idebt-glow-violet);
}

.navmenu .dropdown ul {
 background: var(--idebt-ink-3) !important;
 border: 1px solid var(--idebt-line);
 border-radius: var(--idebt-radius-sm);
 overflow: hidden;
}

.navmenu .dropdown ul a {
 color: var(--idebt-cream) !important;
}

.navmenu .dropdown ul a:hover {
 color: var(--idebt-cyan) !important;
 background: rgba(88, 224, 224, 0.08);
}

/* - - - Cinematic hero rewrite - - - */
.mwc-hero-marketing.mwc-hero-cinematic.section {
 min-height: 100vh !important;
 min-height: 100dvh !important;
 padding: 0 !important;
 display: flex !important;
 align-items: stretch;
 overflow: hidden;
}

.hero-banner-media {
 position: absolute !important;
 inset: 0 !important;
}

.hero-banner-photo {
 position: absolute;
 inset: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
 z-index: 0;
}

.hero-banner-slide {
 animation: none !important;
 transform: none !important;
 opacity: 1 !important;
 background: none !important;
}

.hero-banner-slide--1 {
 z-index: 1;
 background:
 radial-gradient(circle at 70% 40%, rgba(136, 80, 248, 0.28), transparent 42%),
 radial-gradient(circle at 30% 70%, rgba(88, 224, 224, 0.18), transparent 40%),
 linear-gradient(160deg, rgba(5, 4, 10, 0.35) 0%, rgba(18, 14, 34, 0.25) 45%, rgba(6, 20, 24, 0.45) 100%) !important;
}

.hero-banner-slide--2 {
 display: none !important;
}

.hero-banner-scrim {
 z-index: 2;
 background:
 linear-gradient(180deg, rgba(7, 6, 12, 0.35) 0%, rgba(7, 6, 12, 0.45) 45%, rgba(7, 6, 12, 0.88) 100%) !important;
}

.hero-banner-content {
 display: flex;
 flex-direction: column;
 justify-content: flex-end;
 padding-bottom: clamp(2.5rem, 8vh, 5rem) !important;
 padding-top: calc(var(--header-offset) + 2rem) !important;
 z-index: 5;
 width: 100%;
}

.hero-brand-mark {
 margin-bottom: 1.25rem !important;
 opacity: 1 !important;
 visibility: visible !important;
 max-height: none !important;
 overflow: visible !important;
}

body.header-logo-in-hero.scrolled .hero-brand-mark {
 opacity: 1 !important;
 visibility: visible !important;
 max-height: none !important;
 margin-bottom: 1.25rem !important;
 pointer-events: auto !important;
}

.hero-brand-mark .hero-logo-primary {
 max-height: clamp(140px, 28vw, 220px) !important;
 width: auto !important;
 height: auto !important;
 filter: drop-shadow(0 20px 50px rgba(88, 224, 224, 0.25));
 animation: idebt-float 6s ease-in-out infinite;
}

@keyframes idebt-float {
 0%, 100% { transform: translateY(0); }
 50% { transform: translateY(-10px); }
}

/* Creative hero copy injected via markup */
.idebt-hero-copy {
 max-width: 720px;
}

.idebt-hero-kicker {
 display: inline-flex;
 align-items: center;
 gap: 0.5rem;
 font-size: 0.8rem;
 font-weight: 600;
 letter-spacing: 0.14em;
 text-transform: uppercase;
 color: var(--idebt-cyan);
 margin-bottom: 1rem;
}

.idebt-hero-kicker::before {
 content: "";
 width: 8px;
 height: 8px;
 border-radius: 50%;
 background: var(--idebt-cyan);
 box-shadow: var(--idebt-glow-cyan);
 animation: idebt-pulse 1.8s ease-in-out infinite;
}

@keyframes idebt-pulse {
 0%, 100% { opacity: 1; transform: scale(1); }
 50% { opacity: 0.5; transform: scale(0.7); }
}

.idebt-hero-title {
 font-family: var(--idebt-display);
 font-size: clamp(2.6rem, 7vw, 5.2rem);
 font-weight: 800;
 line-height: 0.95;
 letter-spacing: -0.045em;
 color: #fff;
 margin: 0 0 1.1rem;
}

.idebt-hero-title .idebt-hero-welcome {
 display: block;
 font-size: 0.58em;
 font-weight: 700;
 letter-spacing: -0.02em;
 line-height: 1.15;
 color: #fff;
 margin-bottom: 0.12em;
}

.idebt-hero-title em {
 display: block;
 font-style: normal;
 font-size: 1em;
 background: linear-gradient(120deg, var(--idebt-cyan) 0%, var(--idebt-violet-hot) 55%, #fff 100%);
 -webkit-background-clip: text;
 background-clip: text;
 color: transparent;
}

.idebt-hero-lead {
 font-size: clamp(1.05rem, 2vw, 1.25rem);
 color: #fff;
 max-width: 34rem;
 margin: 0 0 1.75rem;
 line-height: 1.5;
}

.idebt-hero-ctas {
 display: flex;
 flex-wrap: wrap;
 gap: 0.75rem;
}

.idebt-btn {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: 0.45rem;
 padding: 0.85rem 1.45rem;
 border-radius: 999px;
 font-weight: 700;
 font-size: 0.95rem;
 text-decoration: none !important;
 border: 1px solid transparent;
 transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.25s ease, background 0.25s ease;
}

.idebt-btn:hover {
 transform: translateY(-3px) scale(1.02);
}

.idebt-btn--primary {
 background: linear-gradient(135deg, var(--idebt-cyan), #3ec9c9);
 color: #041414 !important;
 box-shadow: var(--idebt-glow-cyan);
}

.idebt-btn--ghost {
 background: rgba(255, 255, 255, 0.04);
 border-color: rgba(255, 255, 255, 0.18);
 color: #fff !important;
 backdrop-filter: blur(8px);
}

.idebt-btn--ghost:hover {
 border-color: var(--idebt-violet);
 box-shadow: var(--idebt-glow-violet);
}

/* Hide old contact notch on marketing hero - replaced by orbit chip */
.mwc-hero-cinematic .hero-contact-notch {
 display: none !important;
}

.idebt-orbit-chip {
 position: absolute;
 right: clamp(1rem, 4vw, 3rem);
 top: 42%;
 z-index: 6;
 width: min(260px, 78vw);
 padding: 1.15rem 1.25rem;
 border-radius: 1.5rem;
 background: rgba(23, 20, 37, 0.75);
 border: 1px solid rgba(88, 224, 224, 0.25);
 backdrop-filter: blur(16px);
 box-shadow: var(--idebt-glow-violet);
 animation: idebt-float 7s ease-in-out infinite 0.8s;
}

.idebt-orbit-chip__label {
 font-size: 0.72rem;
 letter-spacing: 0.12em;
 text-transform: uppercase;
 color: var(--idebt-muted);
 margin-bottom: 0.35rem;
}

.idebt-orbit-chip__value {
 font-family: var(--idebt-display);
 font-size: 1.35rem;
 font-weight: 700;
 color: #fff;
 text-decoration: none;
 display: block;
}

.idebt-orbit-chip__value:hover {
 color: var(--idebt-cyan);
}

.idebt-orbit-chip__meta {
 font-size: 0.85rem;
 color: var(--idebt-muted);
 margin-top: 0.35rem;
}

@media (max-width: 767.98px) {
 .idebt-orbit-chip {
  /* Keep absolute so it does not jump into document flow above absolute hero media */
  position: absolute;
  left: 1rem;
  right: 1rem;
  top: auto;
  bottom: 1.15rem;
  width: auto;
  max-width: none;
  margin-top: 0;
  animation: none;
  z-index: 6;
 }

 .mwc-hero-marketing.mwc-hero-cinematic .idebt-hero-copy {
  padding-bottom: 7.5rem;
 }

 .idebt-hero-lead {
  max-width: none;
  padding-inline: 0.15rem;
 }

 .idebt-hero-ctas {
  width: 100%;
 }

 .idebt-hero-ctas .idebt-btn {
  flex: 1 1 calc(50% - 0.4rem);
  min-width: 9.5rem;
 }

 .hero-brand-mark {
  display: flex;
  justify-content: center;
 }

 .hero-brand-mark .hero-logo-primary {
  margin-inline: auto;
 }
}

/* - - - Marquee - - - */
.idebt-marquee {
 overflow: hidden;
 border-block: 1px solid var(--idebt-line);
 background: rgba(136, 80, 248, 0.08);
 padding: 0.85rem 0;
}

.idebt-marquee__track {
 display: flex;
 width: max-content;
 gap: 2.5rem;
 animation: idebt-marquee 28s linear infinite;
}

.idebt-marquee__track span {
 font-family: var(--idebt-display);
 font-weight: 700;
 font-size: 0.95rem;
 letter-spacing: 0.04em;
 text-transform: uppercase;
 white-space: nowrap;
 color: rgba(244, 241, 255, 0.7);
}

.idebt-marquee__track span i {
 color: var(--idebt-cyan);
 margin-right: 0.65rem;
}

@keyframes idebt-marquee {
 from { transform: translateX(0); }
 to { transform: translateX(-50%); }
}

/* - - - Sections - - - */
.section.mwc-section-light,
.section.mwc-section-dark,
.mwc-section-light,
.mwc-section-dark {
 background: transparent !important;
 --background-color: transparent !important;
 color: var(--idebt-cream);
 padding-top: clamp(3.5rem, 8vw, 6rem);
 padding-bottom: clamp(3.5rem, 8vw, 6rem);
}

.section-title h2,
.home-welcome-intro__title,
.mwc-page-hero-title {
 color: #fff !important;
}

.home-welcome-intro__title span,
.mwc-subline-green {
 color: var(--idebt-cyan) !important;
 font-style: normal !important;
}

.home-welcome-intro {
 border-bottom-color: rgba(88, 224, 224, 0.25) !important;
}

.lead.text-muted,
.text-muted,
.home-welcome-intro__lead {
 color: var(--idebt-muted) !important;
}

/* Bento layout */
.idebt-bento {
 display: grid;
 grid-template-columns: repeat(12, 1fr);
 gap: 1rem;
}

.idebt-tile {
 position: relative;
 border-radius: var(--idebt-radius);
 border: 1px solid var(--idebt-line);
 background: linear-gradient(160deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.015));
 padding: clamp(1.25rem, 3vw, 1.85rem);
 overflow: hidden;
 transition: border-color 0.3s ease, transform 0.35s cubic-bezier(0.34, 1.2, 0.64, 1), box-shadow 0.3s ease;
}

.idebt-tile:hover {
 transform: translateY(-4px);
 border-color: rgba(88, 224, 224, 0.35);
 box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35);
}

.idebt-tile--wide { grid-column: span 7; }
.idebt-tile--mid { grid-column: span 5; }
.idebt-tile--full { grid-column: span 12; }
.idebt-tile--third { grid-column: span 4; }
.idebt-tile--half { grid-column: span 6; }

.idebt-tile--cyan {
 background: linear-gradient(145deg, rgba(88, 224, 224, 0.18), rgba(88, 224, 224, 0.03));
 border-color: rgba(88, 224, 224, 0.28);
}

.idebt-tile--violet {
 background: linear-gradient(145deg, rgba(136, 80, 248, 0.22), rgba(136, 80, 248, 0.04));
 border-color: rgba(136, 80, 248, 0.3);
}

.idebt-tile__tag {
 display: inline-block;
 font-size: 0.72rem;
 font-weight: 700;
 letter-spacing: 0.12em;
 text-transform: uppercase;
 color: var(--idebt-cyan);
 margin-bottom: 0.75rem;
}

.idebt-tile h3 {
 font-family: var(--idebt-display);
 font-size: clamp(1.35rem, 2.5vw, 1.85rem);
 font-weight: 700;
 margin: 0 0 0.65rem;
 color: #fff;
}

.idebt-tile h3 a {
 color: inherit;
 text-decoration: none;
}

.idebt-tile h3 a:hover {
 color: var(--idebt-cyan);
}

.idebt-tile p {
 color: var(--idebt-muted);
 margin: 0;
 line-height: 1.55;
}

@media (max-width: 991.98px) {
 .idebt-tile--wide,
 .idebt-tile--mid,
 .idebt-tile--third,
 .idebt-tile--half {
 grid-column: span 12;
 }
}

/* Package switcher */
.idebt-switcher {
 display: inline-flex;
 padding: 0.3rem;
 border-radius: 999px;
 background: rgba(255, 255, 255, 0.06);
 border: 1px solid var(--idebt-line);
 margin: 0 auto 2rem;
}

.idebt-switcher__btn {
 border: 0;
 background: transparent;
 color: var(--idebt-muted);
 font-family: var(--idebt-font);
 font-weight: 700;
 font-size: 0.9rem;
 padding: 0.65rem 1.35rem;
 border-radius: 999px;
 cursor: pointer;
 transition: all 0.25s ease;
}

.idebt-switcher__btn.is-active {
 background: linear-gradient(135deg, var(--idebt-violet), #5b2fd0);
 color: #fff;
 box-shadow: var(--idebt-glow-violet);
}

.idebt-package-panel {
 display: none;
}

.idebt-package-panel.is-active {
 display: block;
 animation: idebt-rise 0.45s ease;
}

@keyframes idebt-rise {
 from { opacity: 0; transform: translateY(12px); }
 to { opacity: 1; transform: translateY(0); }
}

.idebt-benefit-list {
 list-style: none;
 margin: 1.25rem 0 0;
 padding: 0;
 display: grid;
 gap: 0.65rem;
}

.idebt-benefit-list li {
 display: flex;
 gap: 0.65rem;
 align-items: flex-start;
 padding: 0.75rem 0.9rem;
 border-radius: 0.9rem;
 background: rgba(0, 0, 0, 0.25);
 border: 1px solid var(--idebt-line);
 color: var(--idebt-cream);
 font-size: 0.95rem;
}

.idebt-benefit-list li i {
 color: var(--idebt-cyan);
 margin-top: 0.15rem;
}

/* Journey rail */
.idebt-journey {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    position: relative;
}

.idebt-journey--five {
    grid-template-columns: repeat(5, 1fr);
}

.idebt-journey--five::before {
    left: 4%;
    right: 4%;
}

@media (max-width: 1199.98px) {
    .idebt-journey--five {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 767.98px) {
    .idebt-journey,
    .idebt-journey--five {
        grid-template-columns: 1fr;
    }
    .idebt-journey::before,
    .idebt-journey--five::before {
        display: none;
    }
}

.idebt-journey::before {
 content: "";
 position: absolute;
 top: 2.1rem;
 left: 8%;
 right: 8%;
 height: 2px;
 background: linear-gradient(90deg, var(--idebt-violet), var(--idebt-cyan));
 opacity: 0.45;
}

.idebt-journey__step {
 text-align: center;
 padding: 0 0.5rem;
}

.idebt-journey__num {
 width: 3.5rem;
 height: 3.5rem;
 margin: 0 auto 1rem;
 border-radius: 50%;
 display: grid;
 place-items: center;
 font-family: var(--idebt-display);
 font-weight: 800;
 font-size: 1.15rem;
 color: #041414;
 background: var(--idebt-cyan);
 box-shadow: var(--idebt-glow-cyan);
 position: relative;
 z-index: 1;
}

.idebt-journey__step:nth-child(2) .idebt-journey__num {
 background: var(--idebt-violet);
 color: #fff;
 box-shadow: var(--idebt-glow-violet);
}

.idebt-journey__step:nth-child(3) .idebt-journey__num {
 background: linear-gradient(135deg, var(--idebt-cyan), var(--idebt-violet));
 color: #fff;
}

.idebt-journey__step:nth-child(4) .idebt-journey__num {
 background: var(--idebt-violet);
 color: #fff;
 box-shadow: var(--idebt-glow-violet);
}

.idebt-journey__step:nth-child(5) .idebt-journey__num {
 background: linear-gradient(135deg, var(--idebt-violet), var(--idebt-cyan));
 color: #fff;
}

.idebt-journey__step h3 {
 color: #fff;
 font-size: 1.15rem;
 margin-bottom: 0.4rem;
}

.idebt-journey__step p {
 color: var(--idebt-muted);
 margin: 0;
 font-size: 0.95rem;
}

@media (max-width: 767.98px) {
 .idebt-journey {
 grid-template-columns: 1fr;
 }
 .idebt-journey::before {
 display: none;
 }
}

/* FAQ dark creative */
.mwc-faq .accordion-item {
 background: rgba(255, 255, 255, 0.04) !important;
 border: 1px solid var(--idebt-line) !important;
 border-radius: 1rem !important;
 margin-bottom: 0.65rem;
 overflow: hidden;
}

.mwc-faq .accordion-button {
 background: transparent !important;
 color: #fff !important;
 font-family: var(--idebt-display);
 font-weight: 600;
 box-shadow: none !important;
}

.mwc-faq .accordion-button:not(.collapsed) {
 color: var(--idebt-cyan) !important;
}

.mwc-faq .accordion-body {
 color: var(--idebt-muted) !important;
 background: transparent !important;
}

.mwc-faq .accordion-button::after {
 filter: invert(1) brightness(1.4);
}

/* Contact rewrite */
.mwc-get-in-touch {
 position: relative;
}

.mwc-get-in-touch .hero-heading {
 font-size: clamp(2.2rem, 5vw, 3.5rem) !important;
 color: #fff !important;
}

.mwc-get-in-touch .hero-details,
.mwc-get-in-touch .lead {
 color: var(--idebt-muted) !important;
}

.mwc-get-in-touch a b {
 color: var(--idebt-cyan) !important;
 font-size: 1.15em;
}

.mwc-get-in-touch__photo {
 display: block;
 width: auto !important;
 max-width: 100%;
 height: auto !important;
 max-height: min(78vh, 640px);
 object-fit: contain;
 object-position: bottom center;
 align-self: flex-end;
 border-radius: var(--idebt-radius);
 border: 1px solid var(--idebt-line);
 box-shadow: var(--idebt-glow-violet);
}

/* Footer */
.footer.dark-background {
 --background-color: #000 !important;
 background: #000 !important;
 border-top: 1px solid var(--idebt-line);
 padding-top: 3rem;
 padding-bottom: 1.5rem;
}

.footer .logo img.logo-brand-footer {
 max-height: 96px;
 filter: drop-shadow(0 10px 30px rgba(88, 224, 224, 0.2));
}

.idebt-footer-tagline {
 color: var(--idebt-muted);
 font-size: 0.95rem;
 line-height: 1.5;
 max-width: 18rem;
 margin-bottom: 1rem;
}

.idebt-footer-contact a {
 color: var(--idebt-cyan) !important;
 text-decoration: none;
 font-weight: 600;
}

.idebt-footer-contact a:hover {
 color: #fff !important;
}

.idebt-footer-nav h4 {
 color: #fff !important;
 font-family: var(--idebt-display);
 font-size: 0.95rem;
 font-weight: 700;
 letter-spacing: 0.04em;
 text-transform: uppercase;
 margin-bottom: 1rem !important;
}

.idebt-footer-nav h4:after {
 display: none !important;
}

.idebt-footer-nav ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

.idebt-footer-nav ul li {
 margin: 0 0 0.55rem;
 padding: 0;
}

.idebt-footer-nav ul a {
 color: rgba(244, 241, 255, 0.78) !important;
 text-decoration: none;
 font-size: 0.95rem;
 transition: color 0.2s ease;
}

.idebt-footer-nav ul a:hover {
 color: var(--idebt-cyan) !important;
}

.idebt-footer-bottom {
 margin-top: 2rem;
 padding-top: 1.25rem;
 border-top: 1px solid var(--idebt-line);
}

.idebt-footer-bottom p {
 color: var(--idebt-muted);
 font-size: 0.85rem;
}

/* Logged-in injected sitemap columns */
.idebt-footer-member-grid {
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 1.25rem 1.5rem;
}

@media (min-width: 768px) {
 .idebt-footer-member-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
 }
}

.idebt-footer-member-grid .footer-links,
.idebt-footer-member-grid .idebt-footer-nav {
 margin: 0;
}

.idebt-footer-member-grid .footer-links:empty {
 display: none;
}

.idebt-footer-member-grid .footer-links h4,
.footer .footer-links h4 {
 color: #fff !important;
 font-family: var(--idebt-display);
 font-size: 0.95rem;
 font-weight: 700;
 letter-spacing: 0.04em;
 text-transform: uppercase;
 margin-bottom: 1rem !important;
}

.idebt-footer-member-grid .footer-links h4:after,
.footer .footer-links h4:after {
 display: none !important;
}

.idebt-footer-member-grid .footer-links ul,
.footer .footer-links ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

.idebt-footer-member-grid .footer-links ul li,
.footer .footer-links ul li {
 margin: 0 0 0.55rem;
 padding: 0;
}

.idebt-footer-member-grid .footer-links ul a,
.footer .footer-links ul a {
 color: rgba(244, 241, 255, 0.78) !important;
 text-decoration: none;
 font-size: 0.95rem;
 transition: color 0.2s ease;
}

.idebt-footer-member-grid .footer-links ul a:hover,
.footer .footer-links ul a:hover {
 color: var(--idebt-cyan) !important;
}

.idebt-footer-member-grid .footer-links ul a i {
 color: var(--idebt-cyan);
 margin-right: 0.25rem;
 font-size: 0.75rem;
}

/* Login panel polish */
.login-panel {
 background: var(--idebt-ink-2) !important;
}

.login-panel .form-container .btn-primary,
.btn-primary {
 background: linear-gradient(135deg, var(--idebt-violet), #5b2fd0) !important;
 border: none !important;
 border-radius: 999px !important;
}

/* Page hero / products */
.mwc-page-hero,
.hero-banner-half .hero {
 background: linear-gradient(160deg, #0f0d18, #07060c) !important;
}

.page-title,
.breadcrumbs {
 background: transparent !important;
}

.breadcrumbs ol,
.breadcrumbs a,
.services-content,
.services-content h2,
.services-content h3,
.services-content p,
.services-content li {
 color: var(--idebt-cream) !important;
}

.services-content .subtitle {
 color: var(--idebt-cyan) !important;
 letter-spacing: 0.14em;
 text-transform: uppercase;
 font-weight: 700;
 font-size: 0.75rem;
}

.mwc-pillar-card {
 background: rgba(255, 255, 255, 0.04) !important;
 border: 1px solid var(--idebt-line) !important;
 border-radius: var(--idebt-radius) !important;
 color: var(--idebt-cream);
}

.mwc-pillar-inner h3 a {
 color: #fff !important;
}

.mwc-pillar-inner p {
 color: var(--idebt-muted) !important;
}

.mwc-hero-checks li {
 color: var(--idebt-cream) !important;
}

.mwc-hero-checks li i {
 color: var(--idebt-cyan) !important;
}

.scroll-top {
 background: var(--idebt-violet) !important;
 border-radius: 999px !important;
 box-shadow: var(--idebt-glow-violet);
}

#preloader {
 background: var(--idebt-ink) !important;
}

/* Cursor glow follower (desktop) */
.idebt-cursor-glow {
 position: fixed;
 width: 280px;
 height: 280px;
 border-radius: 50%;
 pointer-events: none;
 z-index: 1;
 background: radial-gradient(circle, rgba(88, 224, 224, 0.12), transparent 65%);
 transform: translate(-50%, -50%);
 transition: opacity 0.3s ease;
 opacity: 0;
}

@media (hover: hover) and (pointer: fine) {
 .idebt-cursor-glow.is-on {
 opacity: 1;
 }
}

@media (prefers-reduced-motion: reduce) {
    .hero-brand-mark .hero-logo-primary,
    .idebt-orbit-chip,
    .idebt-marquee__track {
        animation: none !important;
    }
}

/* ========== Forms: Register / Account / Login / Password help ========== */
body.idebt-creative .form-container,
body.idebt-creative .form-container.container-navy {
    background: linear-gradient(160deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02)) !important;
    border: 1px solid var(--idebt-line);
    border-radius: var(--idebt-radius) !important;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.35);
    color: var(--idebt-cream);
    padding: 1.75rem !important;
}

body.idebt-creative .container-navy {
    background: linear-gradient(160deg, rgba(136, 80, 248, 0.18), rgba(15, 13, 24, 0.9)) !important;
}

body.idebt-creative .container-navy h4,
body.idebt-creative .form-container h3,
body.idebt-creative .form-container h4 {
    color: #fff !important;
    font-family: var(--idebt-display);
    font-weight: 700;
}

body.idebt-creative .form-container h3:before {
    background: linear-gradient(180deg, var(--idebt-cyan), var(--idebt-violet)) !important;
}

body.idebt-creative .form-container > p,
body.idebt-creative .form-container .small,
body.idebt-creative .form-container label,
body.idebt-creative .form-floating > label {
    color: var(--idebt-muted) !important;
}

body.idebt-creative .form-control,
body.idebt-creative .form-select,
body.idebt-creative .form-container .form-control,
body.idebt-creative .form-container .form-select,
body.idebt-creative input.form-control,
body.idebt-creative textarea.form-control,
body.idebt-creative select.form-select {
    background-color: rgba(7, 6, 12, 0.72) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    color: #fff !important;
    border-radius: 0.9rem !important;
    box-shadow: none !important;
}

body.idebt-creative .form-control:focus,
body.idebt-creative .form-select:focus,
body.idebt-creative .form-container .form-control:focus {
    background-color: rgba(7, 6, 12, 0.92) !important;
    border-color: var(--idebt-cyan) !important;
    color: #fff !important;
    box-shadow: 0 0 0 3px rgba(88, 224, 224, 0.2) !important;
}

body.idebt-creative .form-control::placeholder,
body.idebt-creative .form-container .form-control::placeholder {
    color: rgba(154, 148, 176, 0.7) !important;
}

body.idebt-creative .form-floating > .form-control,
body.idebt-creative .form-container .form-floating > .form-control {
    background-color: rgba(7, 6, 12, 0.72) !important;
    color: #fff !important;
}

body.idebt-creative .form-floating > label {
    color: rgba(154, 148, 176, 0.95) !important;
}

body.idebt-creative .form-floating > .form-control:focus ~ label,
body.idebt-creative .form-floating > .form-control:not(:placeholder-shown) ~ label {
    color: var(--idebt-cyan) !important;
}

/* Autofill: stop Chrome painting yellow/white boxes */
body.idebt-creative input.form-control:-webkit-autofill,
body.idebt-creative input.form-control:-webkit-autofill:hover,
body.idebt-creative input.form-control:-webkit-autofill:focus {
    -webkit-text-fill-color: #fff;
    caret-color: #fff;
    transition: background-color 99999s ease-in-out 0s;
    box-shadow: 0 0 0 1000px #12101c inset !important;
    border-color: rgba(88, 224, 224, 0.35) !important;
}

body.idebt-creative .btn-primary,
body.idebt-creative .form-container .btn-primary,
body.idebt-creative .form-container input[type="submit"],
body.idebt-creative .form-container button,
body.idebt-creative input.btn-primary {
    background: linear-gradient(135deg, var(--idebt-violet), #5b2fd0) !important;
    border: none !important;
    border-radius: 999px !important;
    color: #fff !important;
    font-weight: 700 !important;
    padding: 0.75rem 1.5rem !important;
    box-shadow: var(--idebt-glow-violet);
}

body.idebt-creative .btn-primary:hover,
body.idebt-creative .form-container .btn-primary:hover {
    background: linear-gradient(135deg, var(--idebt-violet-hot), var(--idebt-violet)) !important;
    color: #fff !important;
}

body.idebt-creative .login-panel .btn-register {
    color: var(--idebt-cyan) !important;
    border: 1px solid rgba(88, 224, 224, 0.35);
    border-radius: 999px;
    padding: 0.55rem 1.1rem;
    text-decoration: none !important;
    font-weight: 700;
}

body.idebt-creative .login-panel .btn-register:hover {
    background: rgba(88, 224, 224, 0.1);
    color: #fff !important;
}

body.idebt-creative .login-panel .form-container {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

body.idebt-creative .login-panel .form-container h3,
body.idebt-creative .login-panel .form-container p {
    color: #fff !important;
}

body.idebt-creative .login-panel .help-block a,
body.idebt-creative .login-panel a.link-primary {
    color: var(--idebt-cyan) !important;
}

body.idebt-creative .text-danger {
    color: #ff7b9c !important;
}

body.idebt-creative .breadcrumbs ol li.current,
body.idebt-creative .breadcrumbs .current {
    color: var(--idebt-muted) !important;
}

body.idebt-creative .services.section {
    background: transparent !important;
}

body.idebt-creative .page-title .breadcrumbs ol li a {
    color: var(--idebt-cyan) !important;
}

/* Product pages */
.idebt-product-page {
    padding-top: clamp(2rem, 5vw, 3rem);
}

.idebt-product-intro {
    margin-bottom: clamp(2rem, 5vw, 3rem);
}

.idebt-product-intro .subtitle {
    display: inline-block;
    margin-bottom: 0.75rem;
}

.idebt-product-intro p {
    max-width: 42rem;
    color: var(--idebt-muted);
    font-size: clamp(1rem, 2vw, 1.12rem);
    line-height: 1.6;
    margin: 0 auto;
}

.idebt-product-section-label {
    margin-bottom: 1.25rem;
}

.idebt-product-section-label__tag {
    display: inline-block;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--idebt-violet-hot);
    margin-bottom: 0.35rem;
}

.idebt-product-section-label h3 {
    font-family: var(--idebt-display);
    font-size: clamp(1.35rem, 2.5vw, 1.75rem);
    font-weight: 700;
    color: #fff;
    margin: 0;
}

.idebt-product-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.idebt-product-grid--advanced {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.idebt-product-card {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    padding: clamp(1.15rem, 2.5vw, 1.5rem);
    border-radius: var(--idebt-radius);
    border: 1px solid var(--idebt-line);
    background: linear-gradient(160deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.015));
    height: 100%;
}

.idebt-product-card--featured {
    border-color: rgba(136, 80, 248, 0.35);
    background: linear-gradient(160deg, rgba(136, 80, 248, 0.12), rgba(136, 80, 248, 0.03));
}

.idebt-product-card__head {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
}

.idebt-product-card__num {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 999px;
    font-family: var(--idebt-display);
    font-size: 0.95rem;
    font-weight: 800;
    color: #fff;
    background: linear-gradient(135deg, var(--idebt-cyan), var(--idebt-violet));
    box-shadow: var(--idebt-glow-cyan);
}

.idebt-product-card h3 {
    font-family: var(--idebt-display);
    font-size: clamp(1.05rem, 2vw, 1.25rem);
    font-weight: 700;
    line-height: 1.25;
    color: #fff;
    margin: 0.15rem 0 0;
}

.idebt-product-card > p {
    color: var(--idebt-muted);
    font-size: 0.96rem;
    line-height: 1.55;
    margin: 0;
}

.idebt-boundary {
    margin-top: auto;
    padding: 0.85rem 1rem;
    border-radius: var(--idebt-radius-sm);
    background: rgba(0, 0, 0, 0.28);
    border: 1px solid rgba(88, 224, 224, 0.18);
}

.idebt-boundary__label {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--idebt-cyan);
    margin-bottom: 0.45rem;
}

.idebt-boundary__label i {
    font-size: 0.85rem;
}

.idebt-boundary p {
    color: rgba(244, 241, 255, 0.78);
    font-size: 0.88rem;
    line-height: 1.5;
    margin: 0;
}

.idebt-benefit-list--compact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
}

@media (max-width: 767.98px) {
    .idebt-benefit-list--compact {
        grid-template-columns: 1fr;
    }
}

.idebt-product-compare {
    margin-top: clamp(2rem, 5vw, 3rem);
}

.idebt-product-compare__tile {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.idebt-product-compare__copy h3 {
    font-family: var(--idebt-display);
    font-size: clamp(1.2rem, 2.5vw, 1.55rem);
    font-weight: 700;
    color: #fff;
    margin: 0 0 0.45rem;
}

.idebt-product-compare__copy p {
    color: var(--idebt-muted);
    max-width: 38rem;
    line-height: 1.5;
}

@media (max-width: 991.98px) {
    .idebt-product-grid,
    .idebt-product-grid--advanced {
        grid-template-columns: 1fr;
    }
}

/* Image media slots — surround shrink-wraps to the photo */
.idebt-img-placeholder {
 display: block;
 width: 100%;
 height: auto;
 max-width: 100%;
}

.idebt-media-slot {
 margin: 0;
 width: fit-content;
 max-width: 100%;
 line-height: 0;
 border-radius: var(--idebt-radius);
 border: 1px solid var(--idebt-line);
 box-shadow: 0 16px 40px rgba(0, 0, 0, 0.28), var(--idebt-glow-violet);
 overflow: hidden;
 background: transparent;
}

.idebt-media-slot--section {
 max-width: min(1200px, 100%);
 width: 100%;
 margin-inline: auto;
}

.idebt-media-slot--section .idebt-img-placeholder,
.idebt-media-slot--product .idebt-img-placeholder,
.idebt-media-slot--tile .idebt-img-placeholder {
 border-radius: 0;
 border: none;
 box-shadow: none;
}

.idebt-media-slot--product {
 width: 100%;
}

.idebt-media-slot--tile {
 width: 100%;
}

.idebt-tile--with-media {
 display: grid;
 grid-template-columns: 1.15fr 0.85fr;
 gap: 1.25rem;
 align-items: center;
}

.idebt-tile--with-media .idebt-tile__body {
 min-width: 0;
}

@media (max-width: 991.98px) {
 .idebt-tile--with-media {
  grid-template-columns: 1fr;
 }
}

.idebt-product-intro--with-media {
 display: grid;
 grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
 gap: clamp(1.25rem, 4vw, 2.5rem);
 align-items: center;
 margin-bottom: clamp(2rem, 5vw, 3rem);
}

.idebt-product-intro--with-media .idebt-product-intro__copy {
 margin-bottom: 0;
 text-align: left !important;
}

.idebt-product-intro--with-media .idebt-product-intro__copy p {
 margin-left: 0 !important;
}

@media (max-width: 991.98px) {
 .idebt-product-intro--with-media {
  grid-template-columns: 1fr;
 }

 .idebt-product-intro--with-media .idebt-product-intro__copy {
  text-align: center !important;
 }

 .idebt-product-intro--with-media .idebt-product-intro__copy p {
  margin-left: auto !important;
 }
}

.mwc-page-hero {
 position: relative;
 overflow: hidden;
}

.mwc-page-hero__bg {
 position: absolute;
 inset: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
 z-index: 0;
 opacity: 0.32;
}

.mwc-page-hero .container {
 position: relative;
 z-index: 1;
}

/* Logged-in / member area theme alignment */
body.idebt-creative .services .services-image {
 height: auto !important;
 min-height: 0;
 display: block;
 width: fit-content;
 max-width: 100%;
 margin-inline: auto;
 line-height: 0;
 border-radius: var(--idebt-radius);
 overflow: hidden;
 border: 1px solid var(--idebt-line);
 box-shadow: 0 16px 40px rgba(0, 0, 0, 0.28), var(--idebt-glow-violet);
 background: rgba(0, 0, 0, 0.2);
}

body.idebt-creative .services .voucher-card .services-image.voucher-card-image {
 width: fit-content !important;
 max-width: 100%;
 margin-inline: 0;
 padding: 0 !important;
 background: transparent !important;
}

body.idebt-creative .services .services-image img {
 width: 100%;
 height: auto !important;
 max-height: none !important;
 object-fit: contain !important;
 border-radius: 0 !important;
 border: none !important;
 box-shadow: none !important;
 display: block;
}

body.idebt-creative .services .voucher-card .services-image.voucher-card-image img {
 width: auto !important;
 max-width: 100% !important;
}

body.idebt-creative .services .services-image .shape-circle,
body.idebt-creative .services .services-image .shape-accent {
 display: none !important;
}

body.idebt-creative .btn-consultation {
 display: inline-flex;
 align-items: center;
 gap: 0.5rem;
 padding: 0.75rem 1.35rem;
 border-radius: 999px;
 background: linear-gradient(135deg, var(--idebt-cyan), #3BC0C0);
 color: #07060c !important;
 font-weight: 700;
 text-decoration: none;
 box-shadow: var(--idebt-glow-cyan);
}

body.idebt-creative .btn-consultation:hover {
 color: #07060c !important;
 filter: brightness(1.05);
}

body.idebt-creative .btn-consultation i {
 transition: transform 0.2s ease;
}

body.idebt-creative .btn-consultation:hover i {
 transform: translateX(4px);
}

body.idebt-creative .mwc-hero-subpage.hero,
body.idebt-creative .hero-banner-half .hero {
 background: linear-gradient(160deg, rgba(15, 13, 24, 0.92), rgba(7, 6, 12, 0.96)) !important;
 min-height: 0 !important;
 padding: 5.5rem 0 1.5rem !important;
}

body.idebt-creative .hero-page-heading-container h1,
body.idebt-creative .hero-page-heading-container h1 strong {
 color: #fff !important;
 font-family: var(--idebt-display) !important;
 font-size: clamp(1.6rem, 3vw, 2.2rem) !important;
}

body.idebt-creative #loggedInPanel .form-container a {
 display: flex;
 align-items: center;
 gap: 0.65rem;
 padding: 0.85rem 1rem;
 margin-bottom: 0.55rem;
 border-radius: var(--idebt-radius-sm);
 border: 1px solid var(--idebt-line);
 background: rgba(255, 255, 255, 0.04);
 color: var(--idebt-cream) !important;
 text-decoration: none;
 transition: border-color 0.2s ease, background 0.2s ease;
}

body.idebt-creative #loggedInPanel .form-container a:hover {
 border-color: rgba(88, 224, 224, 0.35);
 background: rgba(88, 224, 224, 0.08);
 color: #fff !important;
}

body.idebt-creative #loggedInPanel .form-container a i {
 color: var(--idebt-cyan);
 font-size: 1.15rem;
}

body.idebt-creative .voucher-card {
 background: linear-gradient(160deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02)) !important;
}

body.idebt-creative .voucher-card .services-content,
body.idebt-creative .voucher-card .services-content h4,
body.idebt-creative .voucher-card .services-content p,
body.idebt-creative .voucher-card .card-body {
 color: var(--idebt-cream) !important;
}

body.idebt-creative .alert {
 border-radius: var(--idebt-radius-sm);
}

body.idebt-creative .account_maint .form-container,
body.idebt-creative #account_maint .form-container,
body.idebt-creative .form-container.container-navy {
 background: linear-gradient(160deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.015)) !important;
 border: 1px solid var(--idebt-line) !important;
 border-radius: var(--idebt-radius) !important;
 box-shadow: 0 16px 40px rgba(0, 0, 0, 0.28) !important;
 padding: clamp(1.25rem, 3vw, 1.85rem) !important;
}

/* Assist service detail pages */
body.idebt-creative .assist-service {
 padding-top: 1.5rem;
 padding-bottom: 2rem;
}

body.idebt-creative .assist-service .services-content .assist-block,
body.idebt-creative .assist-service .services-content .assist-block p,
body.idebt-creative .assist-service .services-content .assist-block li {
 color: rgba(255, 255, 255, 0.88);
}

body.idebt-creative .assist-service .services-content .assist-block + .assist-block {
 margin-top: 1rem;
}

body.idebt-creative .assist-service .services-content ul {
 padding-left: 1.15rem;
 margin: 0.75rem 0 0;
}

body.idebt-creative .assist-service .services-content li {
 margin-bottom: 0.55rem;
}

body.idebt-creative .assist-service .services-image {
 max-width: min(100%, 28rem);
}

body.idebt-creative .assist-benefits,
body.idebt-creative .assist-how,
body.idebt-creative .assist-terms {
 padding-top: 0.5rem;
 padding-bottom: 2rem;
}

body.idebt-creative .assist-panel {
 background: linear-gradient(160deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02));
 border: 1px solid var(--idebt-line);
 border-radius: var(--idebt-radius);
 box-shadow: 0 16px 40px rgba(0, 0, 0, 0.28);
 padding: clamp(1.25rem, 3vw, 2rem);
}

body.idebt-creative .assist-panel__title {
 margin: 0 0 1rem;
 color: #fff;
 font-family: var(--idebt-display);
 font-size: clamp(1.25rem, 2.4vw, 1.65rem);
}

body.idebt-creative .assist-panel,
body.idebt-creative .assist-panel p,
body.idebt-creative .assist-panel li,
body.idebt-creative .assist-terms-body,
body.idebt-creative .assist-terms-body p,
body.idebt-creative .assist-terms-body li {
 color: rgba(255, 255, 255, 0.86);
}

body.idebt-creative .assist-panel ol,
body.idebt-creative .assist-panel ul {
 padding-left: 1.15rem;
 margin: 0.75rem 0 0;
}

body.idebt-creative .assist-panel li {
 margin-bottom: 0.55rem;
}

body.idebt-creative .assist-panel .assist-block + .assist-block {
 margin-top: 0.85rem;
}

body.idebt-creative .assist-panel h3,
body.idebt-creative .assist-panel h4,
body.idebt-creative .assist-panel h5,
body.idebt-creative .assist-panel strong {
 color: #fff;
}

body.idebt-creative .call-to-action.offering,
body.idebt-creative .offering {
 background-image: none !important;
 background: transparent !important;
}

@media (max-width: 992px) {
 body.idebt-creative .services .services-image {
  height: auto !important;
  min-height: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
 }

 body.idebt-creative .services .services-image img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
 }
}

/* ---------- Responsive: mobile header / nav / overflow ---------- */
@media (max-width: 1199.98px) {
 /* backdrop-filter creates a containing block that traps position:fixed mobile nav */
 body.mobile-nav-active .header .header-bar {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  overflow: visible !important;
  max-width: none;
  margin: 0;
  border-radius: 0;
  width: 100%;
  background: rgba(7, 6, 12, 0.94) !important;
 }

 body.mobile-nav-active .header {
  overflow: visible !important;
 }

 body.mobile-nav-active .navmenu {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100dvh !important;
  background: rgba(7, 6, 12, 0.94) !important;
  z-index: 9997 !important;
 }

 body.mobile-nav-active .navmenu > ul {
  display: block !important;
  position: absolute !important;
  inset: 72px 1rem 1.25rem !important;
  padding: 0.75rem 0 !important;
  border-radius: var(--idebt-radius-sm) !important;
  background: rgba(23, 20, 37, 0.96) !important;
  border: 1px solid var(--idebt-line) !important;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.45) !important;
  overflow-y: auto !important;
  z-index: 9998 !important;
 }

 body.mobile-nav-active .navmenu > ul > li > a,
 body.mobile-nav-active .navmenu a {
  color: var(--idebt-cream) !important;
  padding: 0.85rem 1.15rem !important;
 }

 body.mobile-nav-active .navmenu .dropdown ul {
  position: static !important;
  inset: auto !important;
  display: none;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding-left: 0.75rem !important;
 }

 body.mobile-nav-active .navmenu .dropdown.dropdown-active > ul,
 body.mobile-nav-active .navmenu .dropdown > .dropdown-active {
  display: block !important;
 }

 body.mobile-nav-active .mobile-nav-toggle {
  color: #fff !important;
  position: fixed !important;
  top: 1rem !important;
  right: 1rem !important;
  z-index: 10000 !important;
  margin: 0 !important;
 }

 body.mobile-nav-active .header-actions {
  position: fixed !important;
  top: 1rem !important;
  left: 1rem !important;
  right: auto !important;
  z-index: 10000 !important;
  margin: 0 !important;
 }

 body.mobile-nav-active .header .logo {
  visibility: hidden;
 }

 /* Compact header actions so logo + hamburger + CTA fit */
 .header .header-bar {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 0.5rem !important;
  padding: 0.45rem 0.65rem 0.45rem 0.75rem !important;
 }

 .header .logo {
  order: 1 !important;
  margin-right: auto !important;
  flex: 0 1 auto;
  min-width: 0;
 }

 .header .header-actions {
  order: 2 !important;
  margin-left: 0 !important;
  flex: 0 0 auto;
 }

 .header .header-nav-center {
  order: 3 !important;
  margin-left: 0 !important;
  flex: 0 0 auto;
 }

 .header .cta-btn {
  padding: 0.45rem 0.85rem !important;
  font-size: 0.82rem !important;
  white-space: nowrap;
 }

 .header .logo img.logo-brand-header-sticky {
  max-height: 34px !important;
  height: 34px !important;
 }

 body.header-logo-in-hero:not(.scrolled) .header .header-actions {
  margin-left: auto;
 }

 body.header-logo-in-hero:not(.scrolled) .header .logo {
  display: none !important;
 }
}

@media (max-width: 400px) {
 .header .cta-btn {
  padding: 0.4rem 0.7rem !important;
  font-size: 0.75rem !important;
 }

 .header .logo img.logo-brand-header-sticky {
  max-height: 28px !important;
  height: 28px !important;
 }
}

@media (max-width: 767.98px) {
 body.idebt-creative .mwc-get-in-touch .row,
 body.idebt-creative .mwc-get-in-touch__row {
  --bs-gutter-x: 1rem;
  margin-left: 0 !important;
  margin-right: 0 !important;
 }

 body.idebt-creative .mwc-get-in-touch .row > [class*="col-"],
 body.idebt-creative .mwc-get-in-touch__row > [class*="col-"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
 }

 body.idebt-creative a[href^="mailto:"],
 body.idebt-creative .mwc-get-in-touch a,
 body.idebt-creative .assist-panel a {
  overflow-wrap: anywhere;
  word-break: break-word;
 }

 /* Nested container pages (Register) */
 body.idebt-creative #services .container,
 body.idebt-creative .services .container {
  max-width: 100%;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
 }

 body.idebt-creative .page-title .container {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
 }

 body.idebt-creative .breadcrumbs ol {
  flex-wrap: wrap;
  row-gap: 0.25rem;
 }

 body.idebt-creative .assist-service .services-content h2 {
  font-size: clamp(1.45rem, 7vw, 1.85rem);
  line-height: 1.2;
 }

 body.idebt-creative .offcanvas {
  max-width: min(100vw, 22rem);
 }

 body.idebt-creative .offcanvas .offcanvas-body,
 body.idebt-creative .login-panel {
  overflow-wrap: anywhere;
 }

 /* AOS initial transforms push images/text outside the viewport on small screens */
 body.idebt-creative [data-aos] {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
 }
}

@media (max-width: 991.98px) {
 body.idebt-creative [data-aos] {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
 }
}

body.mobile-nav-active .idebt-orbit-chip {
 visibility: hidden !important;
 pointer-events: none !important;
}

/* Prevent accidental horizontal page scroll from decorative tracks */
body.idebt-creative .idebt-marquee {
 overflow: hidden !important;
 max-width: 100%;
}

body.idebt-creative .footer img {
 max-width: 100%;
 height: auto;
}